/*sidebar*/
.sidebar {width: 40px; position: fixed; background: #161616; right: 0;bottom: 0;height: 100%;z-index: 1000;font-size: 12px;}
.sidebar .sidebar-content {padding-top: 52px;}
.sidebar .sidebar-content .sidbar-link li {position: relative;padding: 10px 5px 0 5px;height: 34px;text-align: center;border-bottom:#2c2c2c 1px solid;
  /*IE*/text-align: -moz-center;
  /*Firefox*/text-align: -webkit-center;
  /*Chrome*/cursor: pointer;}
.sidebar .sidebar-content .sidbar-link li span{ display:inline-block;}
.sidebar .sidebar-content .sidbar-link li:hover {background: #ff8a00;}

.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd {position: absolute;right:120px;visibility: hidden;opacity: 1;webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;top: 0;z-index: 1001;width: 230px;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd span.arrow {position: absolute;top: 15px;right: -15px;z-index: 1002;border: 8px solid transparent;border-left-color: #fff;font-size: 0;height: 0;width: 0;display: inline-block;vertical-align: middle;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-textd{border: 1px solid #e4e4e4;background: #fff;*zoom: 1;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text {border: 1px solid #e4e4e4;background: #fff;padding: 8px 20px 7px 18px;*zoom: 1;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-textd p{font-size:14px; line-height:44px; color:#ff8a00;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-textd .tit{height:32px;border-radius: 5px; margin:5px;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-textd .tit h4{ font-size:15px; line-height:32px;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-textd .erweima{ padding:5px;}

.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text:before,
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text:after {display: table;content: "";}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text:after {clear: both;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text span {float: left;display: inline;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text .text {padding-left: 12px;color: #666;float: left;display: inline;text-align: left;}
.sidebar .sidebar-content .sidbar-link li .sidbar-link-hd .link-hd-text .text p {color: #ff7200;font-size: 22px; padding-top: 5px;}
.sidebar .sidebar-content .sidbar-link li a {display: inline-block;color: #fff;line-height: 16px;text-decoration: none;}

.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd {width: 243px;top: -24px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd span.arrow {top: 49px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text {padding: 20px 10px 20px 20px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text > img {display: inline-block;float: left;display: inline;width: 88px;height: 88px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text span {display: inline-block;float: none;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text .text {font-size: 12px;float: left;display: inline;width: 112px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text .text .sidbar-app-button {background: #fe8431;width: 100px;height: 26px;line-height: 26px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color: #fff;margin-top: 8px;font-size: 12px;text-align: left;padding-left: 10px;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text .text .sidbar-app-button:hover {background: #fe9b1c;}
.sidebar .sidebar-content .sidbar-link li.app .sidbar-link-hd .link-hd-text .text .sidbar-app-button span {vertical-align: text-bottom;}
.sidebar .sidebar-content .sidbar-link li.active .sidbar-link-hd {right: 40px;opacity: 1;visibility: visible;}
.sidebar .sidebar-content .sidbar-tj li a {background: #000000;webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;color: #fff;line-height: 15px;padding: 4px 6px;word-break: normal; word-wrap:break-word;width: 30px;display: block;text-align: center;/*IE*/text-align: -moz-center;/*Firefox*/text-align: -webkit-center;}
.sidebar .sidebar-content .sidbar-tj li a:hover {background: #383838;color: #fff;text-decoration: none;}
.sidebar .sidebar-content .navigation {background: #ff7200;padding: 4px 7px 0 7px;width: 30px;word-break: break-all;text-align: center;
  /*IE*/text-align: -moz-center;
  /*Firefox*/text-align: -webkit-center;
  /*Chrome*/color: #fff;line-height: 16px;}
.sidebar .sidebar-content .navigation span.arrow {display: block;border: 6px solid transparent;border-top-color: #fff;font-size: 0;height: 0;width: 0;display: inline-block;vertical-align: middle;
  -webkit-transform: translate(0.25s ease-in 0px);
  -moz-transform: translate(0.25s ease-in 0px);
  -ms-transform: translate(0.25s ease-in 0px);
  -o-transform: translate(0.25s ease-in 0px);
  transform: translate(0.25s ease-in 0px);
}
.sidebar .sidebar-content .sidbar-bottom {position: absolute;bottom: 0;text-align: center;/*IE*/text-align: -moz-center;/*Firefox*/text-align: -webkit-center;/*Chrome*/width: 40px;cursor: pointer;}
.sidebar .sidebar-content .sidbar-bottom span{ display:block;}
.sidebar .sidebar-content .sidbar-bottom span.icon-sider-top {display: block;border: 10px solid transparent;border-bottom-color: #fff;font-size: 0;height: 0;width: 0;vertical-align: middle;
  -webkit-transition: 0.25s ease-in;
  -moz-transition: 0.25s ease-in;
  -o-transition: 0.25s ease-in;
  transition: 0.25s ease-in;}
.sidebar .sidebar-content .sidbar-bottom .sidbar-close,.sidebar .sidebar-content .sidbar-bottom .sidbar-top {height: 40px;color: #fff;}
.sidebar .sidebar-content .sidbar-bottom .sidbar-close:hover,.sidebar .sidebar-content .sidbar-bottom .sidbar-top:hover {background: #ff7200;}
.sidebar-small {width: 40px;height: 40px;position: fixed;bottom: 0;right: 0;z-index: 1003;cursor: pointer;display: none;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}
.mobile-back-top {
  width: 60px;
  height: 60px;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1003;
  cursor: pointer;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  background: url("../images/moblie_top.png") no-repeat;
  background-size: 50% 50%;
}


.icon-sidbar-home,.icon-sidbar-member,.icon-sidbar-app,.icon-sidbar-telephone,.icon-sidbar-qq,.icon-link-hd-telephone,.icon-sidbar-book,.icon-sider-close,.sidebar-small{background: url("../images/icon_vip.png") 0 0 no-repeat;}
.icon-sidbar-home{background-position: -32px -180px;height: 18px;width: 18px;}
.icon-sidbar-book{background-position: -20px -20px;height: 20px;width: 18px;}
.icon-sidbar-qq{background-position: 0 -40px;height: 20px;width: 18px;}
.icon-sidbar-app{background-position: -20px 0;height: 20px;width: 18px;}
.icon-sidbar-member {background-position: 0 -60px;height: 20px;width: 18px;}
.icon-link-hd-telephone{background-position: 0 -80px;height: 40px;width: 40px;}
.icon-sider-close {background-position: -20px -38px;height: 20px;width: 18px;}
.icon-sidbar-telephone {background-position: 0 -19px;height: 21px;width: 18px;}
.sidbar-link li.title a:hover .icon-sidbar-member {background-position: -18px -60px;}
.sidebar-small {background-position: 0 -120px;}


.gradient{
    background: #f8ba0d;
    background: -moz-linear-gradient(top,  #ffae00 0%, #ff8a00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae00), color-stop(100%,#ff8a00));
    background: -webkit-linear-gradient(top,  #ffae00 0%,#ff8a00 100%);
    background: -o-linear-gradient(top,  #ffae00 0%,#ff8a00 100%);
    background: -ms-linear-gradient(top,  #ffae00 0%,#ff8a00 100%);
    background: linear-gradient(to bottom,  #ffae00 0%,#ff8a00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff8a00',GradientType=0 );
}