/* #custom
================================================== */
.clearfix:before, .clearfix:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}
.clearfix:after { clear: both; }
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.fl {float: left;}.fr {float: right;}
.pr {position: relative; }.pa {position: absolute; }
.f-fH {font-family: 'SimHei';}.f-fM {font-family: 'Microsoft YaHei';}.f-farial {font-family: 'Arial';}.f-fA {font-family: 'SimSun';}.f-fG {font-family: 'Georgia';}
.unBg {background: none !important;}
.unBr {border: none !important;}
.unFw {font-weight: normal;}
.dis{display:block;}
.disIb {display: inline-block;*display: inline;*zoom: 1;}
.undis{display:none;}
.of{overflow: hidden;}
.ov{overflow: visible;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
.hand {cursor: pointer;}
.zoom {_zoom: 1;}
.fsize12 {font-size: 1.2rem;}
.fsize14 {font-size: 1.4rem;}
.fsize16 {font-size: 1.6rem;}
.fsize18 {font-size: 1.8rem;}
.fsize20 {font-size: 2.0rem;}
.fsize24 {font-size: 2.4rem;}
.fsize28 {font-size: 2.8rem;}
.fsize34 {font-size: 3.4rem;}
.mt5 {margin-top: 5px;}
.mr5 {margin-right: 5px;}
.ml5 {margin-left: 5px;}
.pb5 {padding-bottom: 5px;}
.mt10 {margin-top: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.ml10 {margin-left: 10px;}
.mt15 {margin-top: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.ml15 {margin-left: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb30 {margin-bottom: 30px;}
.ml30 {margin-left: 30px;}
.mt40 {margin-top: 40px;}
.mr40 {margin-right: 40px;}
.mb40 {margin-bottom: 40px;}
.ml40 {margin-left: 40px;}
.mt50 {margin-top: 50px;}
.mr50 {margin-right: 50px;}
.mb50 {margin-bottom: 50px;}
.ml50 {margin-left: 50px;}
.mt100{margin-top: 100px;}
.pt5 {padding-top: 5px;}
.pr5 {padding-right: 5px;}
.pt10 {padding-top: 10px;}
.pt10 {padding-right: 10px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.pl10 {padding-left: 10px;}
.pt15 {padding-top: 15px;}
.pr15 {padding-right: 15px;}
.pb15 {padding-bottom: 15px;}
.pl15 {padding-left: 15px;}
.pt20 {padding-top: 20px;}
.pr20 {padding-right: 20px;}
.pb20 {padding-bottom: 20px;}
.pl20 {padding-left: 20px;}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.pl30 {padding-left: 30px;}
.pl40 {padding-left: 40px;}
.pt50 {padding-top: 50px;}
.pb40 {padding-bottom: 40px;}
.pr50 {padding-right: 50px;}
.pb50 {padding-bottom: 50px;}
.pl50 {padding-left: 50px;}
.icon12 {display: inline-block;*display: inline;*zoom: 1;height: 12px;width: 12px;vertical-align: middle;}
.icon14 {display: inline-block;*display: inline;*zoom: 1;height: 14px;width: 14px;vertical-align: middle;}
.icon16 {display: inline-block;*display: inline;*zoom: 1;height: 16px;width: 16px;vertical-align: middle;}
.icon18 {display: inline-block;*display: inline;*zoom: 1;height: 18px;width: 18px;vertical-align: middle;}
.icon20 {display: inline-block;*display: inline;*zoom: 1;height: 20px;width: 20px;vertical-align: middle;}
.icon24 {display: inline-block;*display: inline;*zoom: 1;height: 24px;width: 24px;vertical-align: middle;}
.icon30 {display: inline-block;*display: inline;*zoom: 1;height: 30px;width: 30px;vertical-align: middle;}
.txtOf {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtOf2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.txtOf3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.hLh20 {height: 20px;line-height: 20px;}
.hLh30 {height: 30px;line-height: 30px;}
.col-75 {width: 75%;}
.col-25 {width: 25%;}
.col-50 {width: 50%;}
.col-65 {width: 65%;}
.col-35 {width: 35%;}
.container {margin-left: auto;margin-right: auto;max-width: 1150px;}
.inner{margin-left: auto;  margin-right: auto;  max-width: 1150px;padding: 20px 0;}
.text-center{text-align: center;}
/*========== theam ==========*/
.c-master {color: #63a5f8;}
.c-green {font-size: 1.4rem;color: #14BA4C;}
.c-yellow {color: #FFCC00;}
.c-orange {color: #ff6c00;}
.c-buy-price{color:#f01414;}
.c-pay{color:#f01414}
.c-blue {color: #63a5f8;}
.c-blue1 {color: #3274b9;}
.c-purple {color: #af5edd;}
.c-red {color: #f04040;}
.c-000 {color: #000;}
.c-333 {color: #333;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-aaa {color: #aaa;}
.c-ccc {color: #ccc;}
.c-fff {color: #fff;}
.c-e5 {color: #e5e5e5;}
.f-bold {font-weight: bold;}
.bg-green {background-color: #14BA4C;}
.bg-orange {background-color: #FF5F16;}
.bg-f8 {background-color: #f8f8f8;}
.bg-fff {background-color: #fff;}
.bg-fa {background-color: #fafafa;}


.tscBtn em,.t-c-attr .numb em,.exam_header_item em,.c-reply,.mistake-icon,.statistics-icon,.analyze-icon,.heart-icon,.note-icon,
.option-icon,.menu-two-icon,.menu-icon,.t-s-select .s-vv-txt em,.closeTopicImg,.top-c-r-icon,.top-u-t-icon,
.top-u-c-icon,.top-u-f-icon,.cou-play-icon,.u-a-cw,.msg-e-icon,.icon-check,.etc-icon,.s-vv-txt,.fresh-icon,
.tea-name-title,.sign-icon,.dym-list li,.time-icon,.c-share,.video-icon,.learn-people,.review-num,.add-favorite,

.view-icon,.discuss-icon,.s-view-icon,.s-discuss-icon,.page-prev,.page-next,.check-box,#sharebutton .bdsharebuttonbox a,
.course-pay-num-icon,.tea-icon,.article-sign-icon,
.article-sign-two-icon,.article-time-icon,.article-view-icon {background: url("../image/web-icon.png") no-repeat 0 0;}

.input-username,.input-password,.input-code,.input-mobile-code{width:40px;line-height: 36px;text-align: center;  font-size: 16px;position: absolute;color:#ddd;top:0;}
.input-password{font-size:19px;}
.input-code{font-size:17px; }
.input-mobile-code{font-size:14px; }

.tscBtn em {background-position: -7px -155px;}
.lt-ie9.lt-ie8 .tscBtn em {margin-top: 9px;}
.view-icon {background-position:-54px -218px;width: 24px; height: 18px;display: inline-block;vertical-align: middle;}
.discuss-icon {background-position:-54px -257px;width: 22px; height: 18px;display: inline-block;vertical-align: middle;}
.s-view-icon {background-position: -7px -7px;}
.s-discuss-icon {background-position: -6px -42px;}
.page-prev {background-position: -110px -39px;}
.page-next {background-position: -110px -5px;}
.check-box {background-position: -110px -71px;}
.sort-nav dl dd a:hover .check-box,.yezf a.ye-check-box:hover .check-box {background-position: -110px -100px;}
.sort-nav dl dd.current a .check-box,.check-box.selected,.yezf a.ye-check-box:hover .check-box.selected{background-position: -110px -130px;}
.learn-people {background-position: -54px -183px;}
.review-num {background-position: -54px -4px;}
.add-favorite {background-position: -53px -110px;}

.video-icon {background-position: -54px -148px;}
.play-icon {background-position: -53px -72px;}
.c-share {background-position: -54px -36px;}
.dym-list li {background-position: -381px -230px;}
.time-icon {background-position: -7px -114px;}
.sign-icon {background-position: -7px -191px;width: 22px; height: 16px;display: inline-block;vertical-align: middle;}
.fresh-icon {background-position: -7px -79px;}
.etc-icon {background-position: -55px -293px;width: 24px; height: 4px; display: inline-block;vertical-align: middle;}
.s-vv-txt {background-position: 69px -275px;}
.s-c-name {background: url("../image/black-bg.png") repeat 0 0;}
.tea-name-title {background-position: -112px -208px;}
#sharebutton .bdsharebuttonbox a.bds_qzone {background-position: -360px -59px;}
#sharebutton .bdsharebuttonbox a.bds_weixin {background-position: -360px -1px;}
#sharebutton .bdsharebuttonbox a.bds_tsina {background-position: -360px -112px;}
.icon-check {background-position: -218px -242px;}
.msg-e-icon {background-position: -163px -109px;}
.cou-play-icon {background-position: -217px -170px;}
.u-a-cw {background-position: -159px -2px;margin-right: 2px;vertical-align: middle;}
.t-c-attr .author em {background-position: -215px -1px;}
.t-c-attr .view em {background-position: -215px -1px;}
.t-c-attr .msg em {background-position: -262px -2px;}
.t-c-attr .zan em {background-position: -315px -40px;}
.com-article-attr .view em {background-position: -313px 0;}
.com-article-attr .numb em {width: 22px; height: 20px;}
.com-article-attr a.numb:hover,.topic-fav:hover,.com-article-attr .share-link {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.com-article-attr .zan.current span {color: #ff7300;}
.com-article-attr .share {position: relative;overflow: hidden;}
.com-article-attr .share .share-box {left: 70px; top: -3px;}
.com-article-attr .share-icon {width: 22px; height: 20px;}
.com-article-attr .share-icon {background-position: -315px -121px;}

.top-c-r-icon {background-position: -262px -90px;}
.top-u-t-icon {background-position: -429px -128px;}
.top-u-c-icon {background-position: -429px -62px;}
.top-u-f-icon {background-position: -429px 2px;}
.closeTopicImg{background-position: -158px 0px;cursor:pointer;display: block;height: 16px;left: 71px;position: absolute;text-indent: -9999px;top: -9px;width: 16px;}
.c-reply {background-position: -7px -41px;}
/*========== header ==========*/
.top-header {background: #000;position: relative; z-index: 9;height:72px;}
.top-nav {height: 40px;background: #333638;z-index: 2;position: relative;}
.nav-title {font-size: 12px;color: #dde1e3;line-height: 40px;float: left;}
.nav-main {position: relative;z-index: 1;}
.logo {float: left; overflow: hidden;height: 72px;line-height: 72px; width: 130px;display: none;}

.containerinner {margin-left: 2rem; margin-right: 2rem; max-width: 100%;}
.top-headerBlack {background: #fff}
.top-headerBlack .logo {display: block}
.white {display: block;}
.top-headerBlack .white {display: none;}

.logo img {height: 42px;vertical-align: middle;}
.lt-ie9.lt-ie8 .logo a img {width: auto;height: auto}
.h-r-login {float: right;height: 72px;}
.h-r-login li {float: left;margin-left: 20px;position: relative;color: #ccc;}
.h-r-login .unLoginLi a {font-size: 14px;color: #fff;  transition: .3s; -webkit-transition: .3s;display: inline-block;padding: 5px 6px;
    border-radius: 30px;}
.h-r-login .unLoginLi a:hover{text-decoration: none;}
.top-headerBlack .h-r-login .unLoginLi a {background:#63a5f8;}
.h-r-login .userLoginLi>a {line-height: 72px}
.h-r-login .userLoginLi a:hover {text-decoration: none;color:#63a5f8;}



.h-r-login li a.current {color: #63a5f8;}
.h-r-login li.h-r-user a img {border-radius: 50%;width: 30px;height: 30px;}
.h-r-login li.h-r-user span {max-width: 60px;height: 20px;font-size: 16px;line-height: 20px;overflow: hidden;}
.unLoginLi{height:52px;margin-top:21px;}
.unLoginLi a{padding:5px 10px;border-radius: 30px;}
.red-point {  background: #cb2020 none repeat scroll 0 0; border-radius: 50%; display: block; height: 8px; position: absolute; left: 30px; text-indent: -9999px; top:-9px;width: 8px;}

.tsTabContInp {overflow: hidden;clear: both;height: 36px;width: auto;}
.tsTabContInp .tscInp {border: 0 none;float: left;height: 26px;width: 100px;font-size: 1.2rem;color: #4e4e4e;text-indent: 6px;outline:none;    background: black;}
.top-headerBlack .tsTabContInp .tscInp {background: white}
.tscBtn {display: block;float: left;height: 26px;width: 30px;text-align: center;color: #666; margin-top: -5px;}
.tscBtn:hover {opacity: .9;filter: alpha(opacity=90);text-decoration: none;}
.t-s-box{position: relative;line-height: 36px;}
.t-s-select {width: 60px;height: 36px;line-height: 32px;padding:2px;position: absolute;border-right:0;}
.s-vv-txt { cursor: pointer;opacity: 1;filter: alpha(opacity=60); transition: .3s;
    color: #fff; border-radius: 16px; padding-left: 12px;line-height: 24px;color: #4D555D;background-color: #f3f5f7;}
.top-headerBlack .s-vv-txt {background: #b0b0b0;}
.t-s-select .s-vv-txt:hover em {background-position:-6px -259px;}

.s-vv-ol {background: #fff;box-shadow: 3px 3px 0 rgba(0,0,0,.04);display: none;padding: 2px 0;position: absolute;z-index: 9;left:-1px;top: 34px;width: 62px;border: 1px solid #f3f3f3;border-top:0;border: 1px solid #e6e6e6; }
.s-vv-ol ol{padding-top: 10px;}
.s-vv-ol li a {display: block;text-align: center;line-height: 32px;color: #333638;}
.s-vv-ol li a:hover {color: #63a5f8;text-decoration: none;background-color: #f1f1f1;}
.search_type_txt{margin-top:10px;}

.nav-bar {height: 60px;}
.nav-main .navbar-list {
    margin-left: 20px;
    margin-right: 30px;
    float: left;
}
.navbar-list li {float: left;display: block;}
.navbar-list li.current a {background: rgba(248,248,248,0.16);}
.navbar-list li a {color: #fff;font-size: 16px;line-height: 72px;display: block;}
.top-headerBlack .navbar-list li a {color: #333638;font-size: 16px;line-height: 72px;display: block;}

.navbar-list li a:hover {color: #fff;}
.top-headerBlack .navbar-list li a:hover {text-decoration: none;color: #63a5f8;}
.carousel-indicators li, .carousel-indicators .active {  border-radius: 0;  height: 8px;  width: 48px;  }

.dropdown-menu {position: absolute;left: -14px;display: none;z-index: 9; top: 32px;width: 90px;}
.dropdown-menu dl {border: 1px solid #e6e6e6;padding: 8px 0;width: 90px;background: #fff;box-shadow: 2px 2px 5px rgba(0,0,0,0.1)}
.dropdown-menu dl dd {width: 100%;text-align: center;}
.dropdown-menu dl dd a {color: #333638;font-size: 14px;line-height: 36px;position: relative;}
.dropdown-menu dl dd a q.red-point {right: -6px;top: 0px;left: inherit;}
.h-r-login li.nav-r-user>a{line-height:72px;}
.h-r-login li.nav-r-user:hover .dropdown-menu {display: block;}
.h-r-login li.nav-r-user .dropdown-toggle img {width: 34px; height: 34px; border-radius: 50%;overfow: hidden;}
.index-i-box{overflow: hidden;}
.i-box {overflow: hidden;padding:8px 20px;background:#fff;}
.comm-title { clear: both; height: 44px;}
.comm-title h2 span {  color: #14191e;  font-family: simhei;  font-size: 1.6rem;}
.comm-title .hyh a:hover {text-decoration: none; color: #63a5f8;}
.tit-header { border-left: 4px solid #63a5f8;  height: 18px;  line-height: 13px;  margin-top: 10px;  padding-left: 10px;}
.index-course-list ul{margin:0 -1rem;}
.index-course-list li {padding:1rem;}
.index-course-list li .cc-l-wrap {display: block;overflow: hidden;position: relative;border: 1px solid #EDEDEE;border-radius:8px;}
.comm-course-list li {float: left; padding: 1rem 1rem 1.5rem 1rem;}
.lt-ie9.lt-ie8 .comm-course-list ul {  overflow: hidden;}
.lt-ie9.lt-ie8 .comm-course-list li { width: 24.9%}
.lt-ie9.lt-ie8 .live-cou-rec { position: relative; top: 0;}
.lt-ie9 .u-course-list .comm-course-list li,.lt-ie9.lt-ie8 .u-course-list .comm-course-list li {width: 33.33%}
.comm-course-list ul{margin:0 -1rem;}
.comm-course-list li .cc-l-wrap {display: block; overflow: hidden;position: relative;}
.course-info-li a:hover{text-decoration: none;}
.course-info-li a:hover .cc-l-wrap {box-shadow: 0 20px 20px -20px rgba(0, 36, 100, 0.3);  transform: translateY(-6px);transition: all 0.3s ease 0s;  }
.course-info-li a:hover .cc-l-wrap{border-radius:8px;background:#fff;}
.i-cour-box-new .course-info-li a:hover .cc-l-wrap{background:#f8fafc;}
.course-pay-num-icon{background-position: -589px -85px;width:18px;height:18px;position: absolute;}
.course-bg-g { padding: 0.8rem; position: relative;background: #fff;}
.course-bg-g .course-title{color: #07111b;  display: -webkit-box;  font-size: 1.4rem;  line-height: 1.8rem;height:44px;overflow: hidden;  overflow-wrap: break-word;  text-overflow: ellipsis;  transition: all 0.3s ease 0s;}
.course-bg-g .price{  color: #FF6C00;}

.bg-f8 .course-bg-g {background-color: #fff;}
.bg-fff .course-bg-g { background-color: #f8f8f8;}
.course-img {position: relative;overflow: hidden;width: 100%;}
.course-img .course-label {bottom: 6px;  color: #fff;  font-size: 1.2rem;  left: 8px;  line-height: 16px;  position: absolute;}
.course-img .course-label label {  background: rgba(7, 17, 27, 0.4) none repeat scroll 0 0;  border-radius: 12px;  display: inline-block;  font-weight: 200;  margin-bottom: 2px;  margin-right: 0;  padding: 4px 8px;  }
.img-responsive {height: auto; display: block;transition: .8s;-webkit-transition: .8s;width: 100%;height: auto;}
.comm-course-list li .cc-l-wrap .course-title:hover {color: #63a5f8;text-decoration: none;}

/*首页头部*/
.index .tsTabContInp .tscInp {background: white}
.index .navbar-list li a {color: #fff;font-size: 16px;line-height: 72px;display: block;}
.index .navbar-list li a:hover {text-decoration: none;color: #fff;}
.index .nav-main .navbar-list li a:hover {background: rgba(248,248,248,0.9);}
.index .nav-main .navbar-list li.current a {background: rgba(248,248,248,0.9);}
.index .logo {display: block}
.index .white {display: none;}
/*.index.top-header {background: white;}*/
.index  .h-r-login .unLoginLi a {
    color: #4D555D;
}
/*首页头部*/
.i-q-txt {height: 80px;overflow: hidden; line-height:20px;color: #666;}
.foot-fLink {margin:30px 0 15px;}
.foot-fLink a,.foot-txt a {font-size: 14px; color: #aaa;line-height: 30px;padding: 0 10px;}
.foot-fLink a,.foot-txt a:hover {text-decoration: none;color: #ddd;}

.top-footer-box {width: 100%; border-top: 2px solid #676868;background: #1c1f21;padding: 0px 0 35px;}
.foot-txt span {color: #aaa;line-height: 28px;font-size: 14px;padding-left:10px;}
.nav-main .navbar-list {margin-left: 20px;float: left;}
.nav-main .navbar-list li a {padding: 0 20px;}
.nav-main .navbar-list li a:hover {background: rgba(248,248,248,0.16);}
.top-headerBlack .nav-main .navbar-list li a:hover {background: rgba(248,248,248,0.9);}

.top-hr-user img {width: 24px; height: 24px;vertical-align: middle;border-radius: 50%; overflow: hidden;}

.DT-arrow {cursor: default;position: absolute;width: 14px;}
.DT-arrow * {cursor: default;display: block;font-size: 12px;font-family: 'SimSun';height: 18px;line-height: 1.231;overflow: hidden;font-style: normal;font-weight: normal;}
.DT-arrow em {color: #ddd;}
.DT-arrow span {color: #333;}
.dropdown-menu .DT-arrow {left: 50%;top: 26px;margin-left: -19px;z-index: 9999;}
.s-vv-ol .DT-arrow {left: 50%;top: -7px;margin-left: -7px;z-index: 9999;}
.dropdown-menu .DT-arrow em {color: #e6e6e6;}
.dropdown-menu .DT-arrow span {color: #fff;margin-top: -16px;}
.s-vv-ol .DT-arrow span {color: #fff;margin-top: -16px;}
.downmenu-others .DT-arrow {top: 13px; margin-left: -6px;}

.top-hr-login li a {font-size: 14px; color: #ccc;padding: 0 6px;line-height: 38px;display: inline-block;}
.top-hr-login li a:hover {text-decoration: none;color: #ddd;}

.topSearchWrap {float: left; margin-top: 19px; width: 252px;border: 1px solid transparent;border-bottom: 1px solid #D9DDE1;border-radius: 0px;}

#searchInput {width: 80%;margin-left: 10px; color:#fff;font-size:14px;}

.top-hr-login li {float: left;}
.top-hr-login li:hover .dropdown-menu {display: block;}
.top-hr-login li .dropdown-menu {left: 0;top: 20px;}
.top-hr-login li .dropdown-menu dd a {color: #666;}
.pathwray { height: 50px; line-height: 50px;overflow: hidden;}
.pathwray li {color: #666;float: left;font-family: "SimSun";margin-right: 5px;}
.pathwray li a, .pathwray li span { color: #333; font-family: "Hiragino Sans GB","Microsoft YaHei";}
/*========== pageing ==========*/
.paging {padding: 45px 0 40px;text-align: center;}
.paging a {color: #666;display: inline-block;vertical-align: middle;overflow: hidden;margin: 0 4px;font-size: 14px;height: 35px;width: 40px;border: 1px solid #bfbfbf;text-align: center;line-height: 35px;transition: 0.3s;-webkit-transition: 0.3s;padding: 0 10px;}
.paging a.current,.paging a.undisable {cursor: text;}
.paging a.current { background-color: #63a5f8;border: 1px solid #63a5f8; color: #fff;}
.paging a.current:hover {color: #fff;}
.paging a:hover {color: #63a5f8;text-decoration: none; }
.paging a.page-side {border: 1px solid #ccc}
.paging .dot {font-size: 28px;}
.page-prev,.page-next {width: 10px; height: 18px; display: inline-block; vertical-align: middle;}
.lt-ie9.lt-ie8 .page-prev,.lt-ie9.lt-ie8 .page-next {margin-top: 11px;}

.paginationWrap { padding: 40px 0 50px;text-align: center;}
.pagination ul { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);display: inline-block;margin-bottom: 0; margin-left: 0;vertical-align: middle;}
.pagination ul > li { display: inline;}
.pagination ul > li > span {letter-spacing: -6px;}
.pagination ul > li > a, .pagination ul > li > span { background-color: #ffffff;border: 1px solid #dddddd; border-width: 1px 1px 1px 0; color: #454545; float: left;line-height: 20px;padding: 6px 16px;text-decoration: none;}
.pagination ul > li > a:hover {background-color: #63a5f8;color: #fff;}
.pagination ul > .active > a, .pagination ul > .active > a:hover { background-color: transparent; color: #999;}
.pagination ul > .active > a, .pagination ul > .active > span {color: #999999;cursor: default;}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { background-color: transparent;color: #999999; cursor: default;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-bottom-left-radius: 4px; border-left-width: 1px; border-top-left-radius: 4px;}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
/*========== dialog style ==========*/
.bMask { background: #000; opacity: .3; filter: alpha(opacity=30);position: fixed; height: 100%; width: 100%;top: 0; right: 0; bottom: 0; left: 0; z-index: 9990}
.dialog-wrapper {left: 50%;width: 550px;position: absolute;z-index: 99999;}
.d-w-head {width: 100%; position: absolute; position: relative;height: 50px; line-height: 50px;font-size: 18px;background: #f0f1f2;color: #333;}
.d-w-Close {position: absolute;right: 21px; top: 0px;}
.d-w-head-txt {font-size: 18px;color: #333;margin-left: 20px;}
.sub-btn {display: inline-block; background: #ff6000;color: #fff;line-height: 38px; height: 38px;padding: 0 25px;font-size: 16px;}
.sub-btn:hover,.d-w-Close:hover,.no-data-wrap span a:hover,.e-login-btn:hover,.e-register-btn:hover,.yzm-btn:hover {text-decoration: none;  opacity:0.9; -moz-opacity: 0.9;filter: alpha(opacity=90)}
.d-w-c-box {background: #fff;}

.dialogWrap {background: #fff;position: fixed;left: 50%;z-index: 9999999;box-shadow: rgba(7, 17, 27, 0.1) 0px 4px 8px 0px;}
.d-s-head,.d-s-head-infor {height: 40px;line-height: 40px;width: 100%;}
.d-s-head-txt,.d-s-head-txt-infor {color: #333;font-size: 16px;}
.dClose {right: -15px;top: -35px;}
.dClose:hover {text-decoration: none;}
.d-t-icon-1,.d-t-icon-2,.d-t-icon-3,.d-t-icon-4 {left: 5px;top: 0;display: inline-block;vertical-align: middle;width: 40px;height: 45px;}
.d-tips-1 p,.d-tips-2 p,.d-tips-3 p {padding-left: 60px;line-height: 180%;}
.d-tips-1 {position: relative;width: 420px;}
.d-tips-2 {position: relative;width: 400px;}

#code,#randomCode,#loginRandomCode{width:190px;}
/*========== global login register ==========*/
.lrWrap {width: 300px;}
.logo-wrap {padding-bottom: 35px; text-align: center;}
.e-login-wrap {padding: 35px 30px 25px;border-radius: 10px;}
.e-auto-hide-wrap {padding: 10px 60px;border-radius: 5px;}
.e-edit-wrap .dClose {top: -29px;}
.d-s-head-tab {display: block;height: 42px;overflow: hidden;line-height: 40px;}
.d-s-head-tab a {color: #666;display: block;float: left;width: 100px;text-align: center;line-height: 38px;
    font-size: 18px;border-bottom: 3px solid #63a5f8;}

.d-s-head-tab a:hover {text-decoration: none;}
.e-l-jy {border: 1px dotted #FF6600;display: block;height: 20px;margin-bottom: 5px;/*visibility: hidden;*/line-height: 20px;text-align: center;}
.e-login-options li .lr-tip-wrap {margin-top: 5px;height: 18px;line-height: 18px;}
.e-login-options li .lr-tip-wrap span {display: none;}
.yzm-btn {width: 100px; height: 36px; background: #63a5f8;border-radius: 3px; color: #fff;font-size: 1.4rem;line-height: 36px; text-align: center;display: inline-block;}
.yzm-wait {background: #ddd; color: #aaa;}
.e-login-options li {margin-bottom: 23px;position: relative;}
.e-login-options li label.hand {color: #4e4e4e;display: inline-block;vertical-align: middle;height: 32px;width: 30px;text-align: center;vertical-align: middle;}
.e-login-options li input {background: #fff;border: 1px solid #ddd;border-radius: 3px;color: #666;height: 36px;font: 14px/36px 'Microsoft YaHei';width: 300px;padding-left: 40px;vertical-align: middle;}
.e-login-options li input:focus {border-color: #ccc;box-shadow: 0 0 6px rgba(0,0,0,.08) inset;}
.e-login-btn,.e-register-btn {display: inline-block;width: 100%;background: #63a5f8;border-radius: 3px;margin: 0 auto;height: 36px;text-align: center;font: 14px/36px 'SimHei';color: #fff;}
.e-close-btn {display: inline-block;width: 100%;background: #cccccc;border-radius: 3px;margin: 0 auto;height: 36px;text-align: center;font: 14px/36px 'SimHei';color: #fff;}

.sf-lr-wrap {padding-top: 15px;border-top: 1px solid #f2f2f2;}
.sf-lr-wrap h6 {margin-top: -26px;}
.sf-lr-wrap a {margin: 0 10px;display: inline-block;width: 32px;height: 32px;vertical-align: middle;position: relative;}
.sf-lr-wrap a:hover {text-decoration: none;}

.n-reply-wrap textarea,.feedback-wrap textarea {background: #fff none repeat scroll 0 0;border: 1px solid #ddd; border-radius: 4px;color: #666; font-size: 14px; height: 48px; overflow-x: hidden;overflow-y: auto;padding: 4px; width: 100%;}
.n-reply-wrap textarea:focus { border-color: #63a5f8;}
.lh-reply-btn { background: #63a5f8; border-radius: 3px; color: #fff; display: inline-block; font: 12px/30px Arial; height: 30px; text-align: center; width: 62px;}
.lh-reply-btn:hover { opacity: 0.9; text-decoration: none;}


.loading-pic {position: absolute;width: 36px; height: 36px;display: inline-block;left: 50%; top: 50%;margin: -18px 0 0 -18px;z-index: 9999;}
.user-info-wrap .u-i-pic .loading-pic img {width: 100%; height: 100%;}
.uc-header-mask {background: #000 none repeat scroll 0 0;bottom: 0;left: 0px;top:0px;opacity: 0.22;position: absolute;right: 0;width: 100%;
    height: 148px;z-index: 1;}
.c-Mask{ background: #000; opacity: .5; filter: alpha(opacity=50);-moz-opacity: 0.5;position: absolute; height: 100%; width: 100%;top: 0; right: 0; bottom: 0; left: 0; z-index: 999}

.e-login-wrap .login,.e-login-wrap .register{width:50%;text-align:center;border-bottom: none;}
.e-login-wrap .login span,.e-login-wrap .register span{padding:0 14px 8px;}
.d-s-head-tab a.login.current span,.d-s-head-tab a.register.current span{border-bottom: 3px solid #63a5f8;}
/*图形二维码*/
.ewm-img{border-radius: 3px;vertical-align: inherit;width: 100px;height:36px;}

.u-hd4 {
    position: relative;
    top: 1px;
    height: 30px;
    border-bottom: 1px solid #cfcfcf;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
    font-weight: bold;
}
.cue-pic{
    background: url('../image/cue.png') no-repeat;
    background-position-x: 0%;background-position-y: 0%;
    background-position: center center;width: 21px;margin: 10px auto;height: 34px;
}


.third-list{margin-top:24px;}
.third-list a{width: 33.3%;text-align: center;float: left;text-decoration: none;}
.third-list p{width: 40px;height: 40px;padding-top: 8px;border-radius: 35px;margin: 0 auto 5px;border: 1px solid #ddd;}
.third-list img{width: 24px;height:24px;cursor: pointer;}
.third-list a .name{text-align: center;color: #9b9b9b;}

/*超过一行隐藏*/
.text-one-hide{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.c-noter-link a{color:#666;}
.c-noter-link a:hover,.c-noter-link a.current{color:#0e90d2;text-decoration: none;cursor: pointer;}

.right-info{background:#fff;padding-left:15px;}
.icon-sep {display: inline-block; vertical-align: middle; width: 1px; height: 14px;background: #ddd;margin:-3px 20px 0;  }

/*侧边栏*/
.goUpTop {  bottom: 250px;  position: fixed;  right: 10px;  width: 30px;  z-index: 9999;  }
.goUpTop ul li {  margin-top: 5px;  }
.goUpTop ul li em, .goUpTop span {  border-radius: 3px;  display: inline-block;  height: 30px;  text-align: center;  width: 30px;  text-decoration: none;  }
.goUpTop span {  color: #fff;  display: none;  font-size: 12px;  line-height: 14px;  }
.goUpTop ul li:hover span {  border-radius: 3px;  display: block;  color: #666;  background: #fff;  }
.goUpTop ul li:hover a {  text-decoration: none;  }
.goUpTop ul li:hover img {  display: block;  }
.goUpTop ul li:hover em{  display: none;  }
.goUpTop ul li:hover .erw-gz {display: block; }

.goUpTop .gT-btn {  background-position: -5px -3px;  }
.goUpTop .smgz-btn {  background-position: -5px -54px;  }
.goUpTop .zxzx-btn {  background-position: -5px -104px;  }
.goUpTop .wtfk-btn {  background-position: -5px -154px;  }
.goUpTop ul li em {  background: rgba(0, 0, 0, 0) url("../image/r-navigate-ico.jpg") no-repeat scroll 0 0;  }
.erw-gz{  display: none;  cursor: default;  font-size: 12px;  position: absolute;  right: 35px;  text-align: center;  top: -45px;  }

.bind-load{text-align: center;position: absolute;margin-top: -40px;font-size: 2.4rem;  z-index: 2;  width: 100%;  margin-left: -30px;display: none;}

/*工具栏*/
.goUpTop {display: none;}
.toolbar {position: fixed;bottom: 160px;right: 10px;z-index: 111;}

.toolbar ul {overflow: hidden;width: 40px;}
.toolbar li {overflow: hidden;}
.toolbar li .box{cursor: pointer;margin-bottom: 10px;background: #fff;border:1px solid #DBDBDB;}
.toolbar li .box svg {width: 40px;padding: 8px;color: #777;}
.toolbar li .box {width: 40px;height: 40px;border-radius: 4px;float: right;}
.toolbar li.help {width: 40px;height: 50px;overflow: hidden;}
.toolbar li.help .box {width: 40px;overflow: hidden;position: absolute;left: 0px;}

.toolbar li.help .box span {color: #777;}
.toolbar .erw-code {position: absolute;top: 100px;right: 55px;width: 160px;height: 160px;border-radius: 6px;background-color: #000;cursor: pointer;}
.toolbar .erw-code img {width: 100%;border-radius: 6px;}
/* 加载图标 */
.LoadIcon-Wrap {width: 100%;height: 100%;background-color: #f3f8ff;text-align: center;position: fixed;z-index: 11111;}
.LoadIcon-Wrap i.LoadIcon {font-size: 50px;color: #2a75ed;}


/* <!-- 公共 尾栏 --> */
footer {background-color: #000;}

/* <!-- 片尾 - 一堆文字 --> */
footer .company-intro {padding: 40px 15px;overflow: hidden;}
footer .company-intro ul li {padding: 4px 0px;}
footer .company-intro ul li img {width: 100%;}
footer .company-intro ul li a {color: #ddd;font-size: 1.4rem;}
footer .company-intro ul li h6 {color: #686868;font-size: 1.4rem;}
footer .product-center {float: left;}
footer .product-center ul {float: left;margin-right: 69px;}
footer .contact-us {float: left;margin-left: 160px;}
footer .wechat {float: right;}

/* <!-- 片尾 - 友情链接 --> */
footer .blogroll {width: 100%;float: left;text-align: center;padding: 20px 0px;border-bottom: 1px solid #333;}
footer .blogroll p {word-spacing: 20px;color: #ddd;}
footer .blogroll p a {color: #fff;}
footer .blogroll p a:hover {color: #2a75ed;}

/* <!-- 片尾 - 版权信息 --> */
footer .copyright .footer-logo img {display: block;padding: 20px 0px 10px;margin: 0 auto;text-align: center;height: 82px;opacity: 0.6}
footer .copyright .copy {text-align: center;padding: 0px 0px 20px;color: #686868;}
footer .copyright .webInfo {text-align: center;color:#aaa;margin-bottom: -40px;margin-top: 12px;}

@media only screen and (max-width: 1024px) and (min-width: 641px) {
    footer .wechat {display: none;}
    footer .contact-us {float: right;margin-left: 0px;}
}

/* <!-- 片尾 - 移动吨 - 版权信息 --> */
@media only screen and (max-width: 640px) and (min-width: 0px) {
    footer .mobile-footer .contact-us {margin-left: 0px; float: none;padding: 0px 10px;}
    footer .mobile-footer .contact-us li {padding: 4px 0px;}
    footer .product-center ul {float: none;}
    footer .product-center ul li {float: left;}
    footer .mobile-footer .product-center {padding: 0px 10px 20px;}
    footer .mobile-footer .blogroll {padding: 36px 10px 10px;}
    footer .mobile-footer {background-color: #000;margin-bottom: 50px;overflow: hidden;}
    footer .mobile-footer h6 {width: 640px;line-height: 1.6;color: #999;font-size: 2.2rem;margin: 20px 0px 2px;}
    footer .mobile-footer ul li a {color: #fff;font-size: 1.8rem;line-height: 1.6;margin-right: 20px;}
    footer .webInfo {line-height: 1.5;text-align: left;height: 80px;}
    footer .footer-btns {position: fixed;bottom: 0;width: 100%;height: 50px;}
    footer .footer-btns a{display: block;float: left;width: 50%;height: 50px;line-height: 50px;color: #fff;background-color: #2a75ed;text-align: center;}
    footer .footer-btns a:first-child{border-right: 1px solid #1259cc;}
    footer .footer-btns a:last-child{border-left: 1px solid #8ab5fc;}
    footer .footer-btns span {font-size: 2.4rem;vertical-align: middle;}
    footer .footer-btns i {font-size: 3.2rem;vertical-align: middle;}
}
@media only screen and (max-width: 320px) and (min-width: 0px) {
    footer .footer-btns span {font-size: 3.4rem;}
    footer .footer-btns i {font-size: 4.2rem;}
}

@media only screen and (max-width: 1150px) and (min-width: 0px) {
    .nav-main .navbar-list {display: none;}
}