.bd p{text-indent: 2em;}
.topbar{ background-color: #dc0909; height: 34px; line-height: 34px;color: #fff;}
.topbar a{padding: 0 10px; display:inline-block;color: #fff;}
.pd_t_b{padding-top: 15px; padding-bottom: 15px;}
.logobox .ranking_txt { float: left;  display: inline-block; padding:10px 12px; font-size: 18px; line-height: 1.3; font-weight: bold; color: #dc0909; border: 2px solid #dc0909; border-radius: 4px;}

/*鍓嶅崄鑰佸尯*/
.txtScroll-top .bd{height: 80px;}
.txtScroll-top .infoList li{ height: 35px; line-height: 35px; }
.txtScroll-top .infoList li a{ padding-left: 20px; height: 35px; text-align: left; display: inline-block; width: 100%; color: #333; overflow: hidden;}
/*棣栭〉鏌ヨ*/
.indexscr input{ width: 78%; display: inline-block; vertical-align: top;border-radius: 4px 0 0 4px;}
.indexscr button[type=submit]{ margin-left: -1px; vertical-align: top;border-radius: 0 4px 4px 0; background-color: #dc0909; border-color: #dc0909; color: #fff;}
.indexscr .hotwords a{ color: #dc0909;}
/*鑿滃崟*/
.main_nav {height: 45px; line-height: 45px; background-color: #f2f2f2;}
.main_nav ul li{ float: left; margin: 0 20px; width: 12%;position: relative;  font-weight: bold;font-size: 16px; text-align: center; color: #555;}
.main_nav ul li a{ color: #555; display: block;}
.main_nav ul li.on>a{ font-size: 22px; color: #dc0909;}
.main_nav .subnav{padding: 15px 0; position: absolute;width:100%;background-color: #f2f2f2;  border-radius: 0 0 4px 4px; box-shadow: 0 6px 6px rgba(0,0,0,0.5); transition:all linear 0.3s; opacity: 0; display: none; }
.main_nav ul li:hover .subnav{ transition:all linear 0.3s;opacity: 1;z-index: 999; display: block;  }
.main_nav .subnav dd{ font-weight: normal; line-height: 1.6;}
.nav-toggle{ position: absolute; top: 45px; right: 0px; z-index: 9999;}
.nav-toggle.active{position: relative;top: 0;}
.nav-toggle,.js .nav-collapse{z-index: 999; color:#dc0909;}
/*澶у浘杞挱*/
.carousel-inner .itme img{ width:100%;}
.carousel-caption h3{ font-size: 16px;}
/*鏂伴椈鍒楄〃*/
.newsbox{ margin-top: 15px; overflow: hidden;}
.newstablist{ display: flex;}
.newstablist li{ font-size: 16px; flex: 1; text-align: center;border-bottom: 2px solid #ddd;}
.newstablist li a{padding: 5px ; color: #333; line-height: 2.8;text-decoration: none;}
.newstablist li.active a{ color:#dc0909 ; font-weight: bold; }
.newstablist li.active { border-bottom: 2px solid #dc0909;}
.newstablist li a:hover,.newstablist li a:active{text-decoration: none;}
.newsbox .tab-content .newscolname{ margin-top: 8px;padding: 8px 0; font-size: 16px; line-height: 34px; font-weight: bold; border-bottom: 2px solid #ddd;}
.newsbox .tab-content .newscolname span a{ color: #dc0909;}
.newsbox .tab-content .row .col-md-6{padding: 0 15px;}
.newsbox .tab-content .paixu{ border: none; box-shadow: none; font-weight: normal; color: #888; width: auto; display: inline-block;}

.newslist li{ padding: 10px 0; overflow: hidden;}
.newslist li img{ width: 180px;  float: left;  height: 100px;}
.newslist li .newstitle{ padding:0 0 0 190px; font-size: 14px; font-weight: bold;}
.newslist li .newsinfo{ padding:0 0 0 190px; height: 26px; line-height: 26px;text-overflow: ellipsis; }
.newslist li .newsinfo .newssubinfo{ padding-top: 6px; font-size: 12px;}
.newslist li .newstitle a{ color: #333;}

.news-content{ margin: 0 auto; width: 100%; position: relative;}
.news-content h2{margin-top: 0px; padding: 0px 0;    padding-top: 18px; font-size: 26px; line-height: 30px; text-align: center; border-bottom: 1px solid #ddd; }
.news-content .sub-info{padding: 0px; 15px; font-size: 14px; color: #999; height: 46px; line-height: 46px; overflow: hidden;}
.news-content .sub-info span.pull-right{ float: right;}
.news-content .content_detail{padding: 20px 15px; text-align: justify; line-height: 30px; font-size: 18px;}
.news-content .content_detail p{padding: 10px 0;    text-indent: 2em;}
.zan{ text-align: center; padding: 20px 0; }
.zan a{ width: 80px; height: 80px;background-color: #ffe7e7; display: inline-block; border-radius: 100%; color: #ea8282;}
.zan a span i{ margin-top: 10px; font-size: 40px;}
.zan a:active{ background-color: #fecdcd;}

.floor_box{position: relative; border-bottom: 1px solid #ddd;}
.floor_box:last-child{border: none;}
.floor_nub{ position: absolute; top: 0; right: 0; padding:0 6px; color: #fff; background-color: #ec1613; }
.floor_box .zan{ text-align: center; padding: 20px 0; }
.floor_box .zan a{ width: 80px; height: 80px;background-color: #ffe7e7; display: inline-block; border-radius: 100%; color: #ea8282;}
.floor_box .zan a span i{ margin-top: 10px; font-size: 40px;}
.floor_box .zan a:active{ background-color: #fecdcd;}
.floor_box .floor_user{padding: 15px; overflow: hidden;}
.floor_box .floor_user img{ float: left; margin-right: 15px; width: 60px; height: 60px; object-fit: cover; border-radius: 100%;}
.floor_box .floor_user .user_detail{ line-height: 30px; color: #999;}
.floor_box .floor_user .user_detail .user_name{ font-weight: bold; color: #000;}
.floor_box .floor_reply_content{padding: 0px 10px 20px 88px;}
.floor_box .floor_reply_content .reply_reply{ margin: 0 auto 15px auto; padding: 10px; background: #f5f5f5; color: #999;}
.floor_box .floor_bottom_bar{padding-left: 88px; color: #999;}
.floor_box .floor_bottom_bar a{ margin-right: 15px;padding:0 0 15px 0; color: #E80606; display: inline-block;}
.floor_box .blankbox{margin-left: 100px; overflow: hidden;}
.floor_box .blankbox .inputbox{border: 1px solid #ddd; height: 120px;}
.floor_box .blankbox .reply_btn{ margin-top: 15px; width:220px; border: none; height: 46px; line-height: 46px; color: #fff; background-color: #dc0e0b; border-radius: 4px; outline: none; cursor: pointer;}
.floor_box .blankbox .reply_btn:hover{opacity: .7;}
/*骞垮憡灞�*/
.acd .col-md-2{ padding-top: 10px;}

/*閾炬帴鍜屽垏鎹�*/
.linksbox {margin-top: 25px;}
.linksbox .linkstab{ background-color: #f2f2f2;}
.linksbox .linkstab li{ margin-left: 0px; margin-top: -2px; float: left; width: 150px; text-align: center; font-size: 14px; }
.linksbox .linkstab li a{padding: 8px 0; line-height: 36px; color: #333; text-decoration: none;}
.linksbox .linkstab li.active{ border: 2px solid #ddd; border-top-color:#fff ; border-bottom-color:#dc0909;border-radius: 0 0 4px 4px;position: relative;z-index: 2;}
.linksbox .linkstab li.active a{ color: #dc0909; font-weight: bold;}
.linksbox .tab-content{ border: 2px solid #ddd;  height: 286px; overflow: hidden; overflow-y: auto; }

.linksbox .map_nav{padding: 15px;}
.linksbox .map_nav li{ float: left; margin: 0 25px; font-size: 16px;text-align:center; }
.linksbox .map_nav li>a{font-weight: bold; line-height: 34px; }
.linksbox .map_nav a{color: #333;    line-height: 30px;}
.linksbox .map_nav li dl{ font-size: 14px; line-height: 32px; text-align: center;}


.centertitle{  font-size: 16px; text-align: center;}
.centertitle span{ border-bottom: 2px solid #dc0909; line-height: 32px;color: #dc0909; font-weight: bold; display: inline-block;}
.zl-link{ padding:8px 10px; overflow:hidden;zoom:1; }
.zl-link li{ float:left; margin:12px 0 0 24px; width:160px; height:64px; border:#ddd 1px solid; display:block; _display:inline; zoom:1;}

/*椤佃剼*/
.footer{ margin-top:20;padding: 28px 0; background-color: #f2f2f2;}
.footer .qr{ text-align: right;}

/*鏂伴椈*/
.sub-module{padding: 0 20px; background-color: #f2f2f2; overflow: hidden;}
.sub-module h2{padding-left: 20px; margin: 20px 0; font-size: 20px; color: #dc0909; line-height: 1; font-weight: normal; border-left: 5px solid #dc0909;}
.sub-nav{ font-size: 16px;padding-bottom: 20px;}
.sub-nav .fa-circle{font-size: 8px; vertical-align: middle; color: #999; margin-right: 12px;}
.sub-nav a{display: block; padding: 15px 12px; color: #333;}
.sub-nav a.on{background-color: #fff; color: #dc0909;}
.sub-nav a.on .fa-circle{color: #dc0909;}
.ad img{width: 100%;}
.sub-nav .fa-angle-right{float: right;}
.subtitle{ margin-top: 15px; font-size: 16px; line-height: 35px; font-weight: bold; color: #dc0909;}

/*浜у搧// object-fit: cover; */
.img-wrapper{display: block; overflow: hidden;}
.img-wrapper img{width: 100%; height: 100%;}
.sort-nav .tag{margin-right: 10px; font-weight: bold; color: #dc0909;}
.sort-nav a{display: inline-block; padding: 4px 12px; margin: 10px 20px 10px 0;}
.sort-nav a.on{color: #dc0909; border: 1px solid; border-radius: 4px; background-color: #ffebeb;}
.grade-1 a{font-weight: bold; font-size: 16px;}
.product-ul{margin-right: -20px;}
.product-ul li{float: left; width: 210px;    height: 274px; margin-right: 20px;}
.product-ul .img-wrapper{height: 125px;}
.product-ul .img-wrapper img{  transition: all linear .1s;}
.product-ul .img-wrapper:hover img{transform: scale(1.1);}
.product-ul .txt{padding: 0 10px; border-width: 1px; border-color: #dfdfdf; border-style:solid; background-color: #fff; overflow: hidden;}
.product-ul h4{font-weight: normal; margin: 10px 0 5px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product-ul p{font-size: 12px; margin: 5px 0 10px 0; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product-center{margin: 10px auto; border: 1px solid #ddd; background-color: #fff;}
.product-center .top{height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; background-color: #eee;}
.product-center .top h1{display: inline-block;padding: 0 20px; font-size: 16px;}
.product-center .top li{float: left; border-left: 1px solid #ddd;}
.product-center .top li a{display: block; padding: 0 20px;}
.product-center .product-ul{margin-top: 10px;}
.product-center .product-ul li{margin: 0 8px 20px 8px;}
.product-center .product-ul .additional-info{color: #999;}
.product-center .bottom{border-top: 1px solid #ddd;}
.specialty-ul li{margin-bottom: 20px;}
.specialty-ul .img-wrapper{height: 210px; border: 1px solid #d2d6de;}
.specialty-ul .star{float: right; margin-top: 7px; color: #ff7800;}
.pages-input{margin: 10px 0; text-align: right; line-height: 38px;}
.pages-input a{display: inline-block; width: 38px; height: 38px; margin: 0 5px; text-align: center; border: 1px solid #ddd;}
.pages-input input[type='text']{border: none; width: 80%; margin: 0 auto; text-align: center;}
.pages-input a.on{color: #fff; background-color: #ddd;}

/*浜у搧璇︽儏*/
.product-details .module{padding: 15px; }
.product-details h3{font-size: 18px;}
.product-details .brief {overflow: hidden;}
.product-details .brief .pro-pics{}
.product-details .main-pic{vertical-align: bottom; border: 1px solid #ccc;}
.product-details .thumbnails li{float: left; width: 56px; padding: 2px; margin: 4px; border: 1px solid #ccc;}
.product-details .thumbnails li.on{border-color: #dc0909;}
.product-details .thumbnails li img{vertical-align: bottom;}
.product-details .base-info .attr{overflow: hidden;}
.product-details .base-info .attr h1{margin: 20px 0 30px 0; font-size: 18px; font-weight: bold; color: #000;}
.product-details .base-info .attr p{margin: 20px 0;}
.product-details .base-info .attr p .title{display: inline-block;margin-right: 5px; text-align: right; font-weight: bold;}
.product-details .details img{max-width: 100%;}
.pro-side{ background-color: #f2f2f2;}
.product-details .name{padding-bottom: 20px; border-bottom: 1px solid #e1b0b0; overflow: hidden;}
.shop .logo{ width: 60px; height: 60px; margin-right: 20px;}
.shop .logo img{margin:0}
.shop p{margin: 15px 0;}
.shop p .title{color: #888;}
.product-details .product-ul{margin-right: -10px;}
.product-details .product-ul li{ width: 80px; margin: 20px 10px 0; text-align: center;}
.product-details .product-ul a{display: block;}
.product-details .product-ul .img-wrapper{height: 80px;}
.details{margin-top: 20px;}
.details .hd{background-color: #f3f3f3; border-top: 1px solid #ddd;}
.details .hd h3{font-weight: normal;}
.details .on .tab-title{color: #fff; background-color: #dc0909;}
.tab-title{font-size: 18px; font-weight: bold; padding: 10px; border-top: 5px solid transparent;}
.on .tab-title{color: #dc0909; border-color: #dc0909;}
.slideTxtBox .hd ul{position: relative; overflow: hidden;line-height: 2.2;}
.slideTxtBox .hd li{float: left; margin-right: 40px; cursor: pointer;}
.slideTxtBox .bd{margin-top: 10px;}
/*鏀惧ぇ闀�*/
.magnifier {position: relative;}
.magnifier .small-pic-box{position: relative; width: 520px; background-color: #eee; overflow: hidden;}
.magnifier .mark{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; opacity: 0; filter: alfha(opacity=0); z-index: 1;}
.magnifier .float-layer{position: absolute; top: 0;left: 0; width: 100px; height: 100px; background-color: rgba(255,255,255,.5); display: none;}
.magnifier .big-pic-box{display: none; position: absolute; top: 0; left: 350px; width: 300px; height: 300px; overflow: hidden; }
.magnifier .big-pic-box img{position: absolute; top: 0; left: 0; min-width: 900px; z-index: 999;}
/*鎴戠殑鑰佸尯*/
/*涓汉涓績*/
.side-menu{width: 18%;padding-top: 10px;  padding-right: 30px;  padding-bottom: 50px; padding-left: 50px; margin: 0 20px 0 0; border: 1px solid #ddd; background-color: #fff;}
.side-menu li{margin-bottom: 20px;}
.side-menu h2{margin-bottom: 5px; font-size: 16px; color: #000;font-weight: bold;}
.side-menu a{display: block; margin: 5px 0; color: #999;}
.side-menu a.on,.side-menu a:hover{color: #dc0909;}
.my-resume{margin-top: 10px;line-height: 50px; border: 1px solid #ddd;}
.my-resume span{margin: 0 10px;}
.my-resume .fa{font-size: 40px; vertical-align: middle;}
.my-resume a{padding: 6px 10px; margin: 0 5px; color: #dc0909; border-radius: 4px; background-color: #f9e6e6;}
.welcome{margin-bottom: 20px; overflow: hidden;}
.welcome p.name{margin: 30px 0 5px 0;}
.welcome .img-wrapper{width: 100px; height: 100px; margin-right: 20px; border-radius: 50%;}
.welcome .fr{margin-top: 40px;}
.seen-course h2{position: relative; padding-left: 20px; font-size: 16px; font-weight: bold;}
.seen-course h2:before{display: inline-block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 8px; background-color: #dc0909; border-radius: 20px;}
.seen-course-ul li{position: relative; padding: 16px 0; border-bottom: 1px solid #ddd; overflow: hidden;}
.seen-course-ul .img-wrapper{width: 160px; height: 90px; margin-right: 20px;}
.seen-course-ul h3{font-size: 16px; height: 40px; color: #777; font-weight: normal;}
.seen-course-ul .teacher-header{display: inline-block; width: 40px; height: 40px; vertical-align: middle; border-radius: 50%;}
.seen-course-ul .info{ color: #999;}
.seen-course-ul .info span{padding-right: 20px;}
.seen-course-ul .del{position: absolute; top: 0; bottom: 0; right: 10px; height: 30px; font-size: 30px; margin: auto 0;}
.seen-course-ul .del:hover{cursor: pointer;}
.table{ margin-top: 15px;}
.table th{ font-weight: bold;}
.seen-course .title{ line-height: 36px;}
/*娉ㄥ唽*/
.auto{ width: 68%; margin: 0 auto; display: block; overflow: hidden;}
.flow-active{color:#fff;background-color:#dc0909}
.rectangle{position:relative;width:200px;text-align:center;line-height:36px;font-size:16px;display:block;float:left;height:36px;background-color:#cfcfcf}
.rectangle.active{color:#fff;background-color:#dc0909}
.rectangle-4{width:150px}
.rectangle-3{width:210px}
.right-move{margin-left:40px}
.active .triangle{border-color:transparent transparent transparent #dc0909}
.active .triangle-cave{border-color:#dc0909 #dc0909 #dc0909 transparent}
.triangle{position:absolute;right:-36px;top:0;display:block;width:0;height:0;border-width:18px;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #cfcfcf}
.triangle-cave{position:absolute;left:-36px;top:0;width:0;height:0;border-width:18px;border-style:solid solid solid dashed;border-color:#cfcfcf #cfcfcf #cfcfcf transparent}
.centerform{ width: 100%; margin: 25px auto;}
.centerform input{ margin-bottom: 15px;}
/***棰滆壊鍙栨牱**/
.ycolor{color:#eeff0e!important; }
.bluebg,.bluebg a{ padding:6px 2px; background-color:#0ba408; color:#fff;}
.redfont,.redfont a { color:#d70000!important; }
.bluefont,.bluefont a { color:#0666c0 !important; }
.green,.green a{color:green!important;}
.gray{ color:gray!important;}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.newstablist li{ font-size: 14px;}
	.newslist li img{ width:30%; float: left;}
	.newslist li .newstitle{ padding:0 0 0 35%; }
	.newslist li .newsinfo{ padding:0 0 0 35%; }
	.footer .col-md-3{ text-align: center;}
	.product-ul li{ width: 155px;}
	.specialty-ul .img-wrapper{height: 155px;}
	.zl-link li{margin: 10px 0 0 12px;}
}
.centerform input {
    margin-bottom: 15px;
    height: 44px;
        border-radius: 0px;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0px;
}
.have-account {
    font-size: 16px;
    float: right;
    margin-top: 55px;
    color: #999;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #dd4b39;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
    font-size: 16px;
}
.btn-default {
    background-color: #DD4B39;
    color: #FFF;
    border-color: #DD4B39;
}
.error-page>.error-content>h3 {
    font-weight: 300;
    font-size: 25px;
}
.text-red {
    color: #dd4b39 !important;
}
.centerform button {
        border-radius: 0px;
}
.centerform2 input {
    height: 34px;
    border-radius: 0px;
}
.centerform2 button {
        border-radius: 0px;
}
.centerform2 select {
        border-radius: 0px;
}
.input-sm {
    border-radius: 0px;
        border: 1px solid #eee;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    text-align:center;
 }
 
 .side-menu .side_sub_menu {
    display: none;
    overflow: hidden;
}
.table {
    margin-bottom: 5px;
}
.side-menu h2 a {
    color: #000;
}
.col-md-9 {
    width: 100%;
}
.modal-header {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.modal-dialog {
    margin: 100px auto;
}
.breadcrumb {
   margin-bottom: 0px; */
}
/*菜单*/
.main_nav {height: 45px; line-height: 45px; background-color: #f2f2f2;}
.main_nav ul li{ float: left; margin: 0 20px; width: 12%;position: relative;  font-weight: bold;font-size: 16px; text-align: center; color: #555;}
.main_nav ul li a{ color: #555; display: block;}
.main_nav ul li.on>a{ font-size: 22px; color: #dc0909;}
.main_nav .subnav{padding: 15px 0; position: absolute;width:100%;background-color: #f2f2f2;  border-radius: 0 0 4px 4px; box-shadow: 0 6px 6px rgba(0,0,0,0.5); transition:all linear 0.3s; opacity: 0; display: none; }
.main_nav ul li:hover .subnav{ transition:all linear 0.3s;opacity: 1;z-index: 999; display: block;  }
.main_nav .subnav dd{ font-weight: normal; line-height: 1.6;}
.main_nav .subnav dd .next_nav{ position: absolute; margin-top:-32px;right:-160px;padding:10px 0; width: 120px; background-color: #f2f2f2; display: none;}
.main_nav .subnav dd:hover .next_nav{ display: block;}
.main_nav .subnav dd.ntm>a:after{position: absolute; right: 15px; content: "\f105"; font-family: FontAwesome ;}
.side_t_menu {
    padding-bottom: 22px;
    background-color: #fff;
    display: none;
}
.sub-nav a.on {
    background-color: #fff;
    color: #dc0909;
}
.side_t_menu a {
    padding: 8px 12px 8px 34px;
    font-size: 14px;
}
#clan-slider{
    position: fixed;
    _position: absolute;
    bottom: 30%;
    right: .1%;
    z-index: 1000;
}
#clan-slider ul{
    margin: 0;
    padding: 0;
    margin-top: -2px;
    list-style: none;
}
#clan-slider ul li{
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 2px;
    position: relative;
}
#clan-slider ul li a{
    display: block;
    overflow: hidden;
    width: 48px;
    height: 48px;
    border: 1px solid #e40b24;
    background-color: #f5f5f5;
    background-image: url(/commons/images/clan-slider.png);
    background-repeat: no-repeat;
}

#slider-chat{
    background-position: 0 -92px;
}
#slider-chat:hover{
    background-position: -46px -92px;
    background-color: #e40b24;
}
#slider-qq{
    background-position: 0 -138px;
}
#slider-qq:hover{
    background-position: -46px -138px;
    background-color: #e40b24;
}
#slider-phone{
    background-position: 0 -184px;
}
#slider-phone:hover{
    background-position: -46px -184px;
    background-color: #e40b24;
}
#slider-wechat{
    background-position: 0 -230px;
}
#slider-wechat:hover{
    background-position: -46px -230px;
    background-color: #e40b24;
}
#slider-goTop{
    background-position: 0 0;
}
#slider-goTop:hover{
    background-position: -46px 0;
    background-color: #e40b24;
}
#clan-slider #slider-menu{
    background-position: 0 -46px;

    background-color: rgba(255,255,255,0.7);
    border-color:  rgba(255,255,255,0.7);
}
#clan-slider #slider-menu:hover{
    background-position: -46px -46px;
}
#clan-slider .clan-slider-tips{
    position: absolute;
    top: 0px;
    right: 48px;
    display: none;
    height: 48px;
    padding-left: 10px;
    padding-right: 2px;
    white-space: nowrap;
    border: 1px solid #e40b24;
    background-color: #e40b24;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #fff;

}
#clan-slider .clan-slider-tips-wechat{
    display: none;
    position: absolute;
    background-color: #e40b24;
    padding: 1px;
    bottom: 0;
    right: 50px;
}
#clan-slider .clan-slider-tips-wechat img{
    width: 196px;
    height: 196px;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 15;
    width: 100%;
    padding-right: 50px;
    padding-left: 0px;
    margin-left: 0;
    text-align: right;
    list-style: none;
    float: right;
}
.pull-right>.user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 0px;
    margin-top: 5px;
}
.qrcode-login {
    display: none;
    visibility: hidden;
    width: 344px;
    padding: 5px 20px 20px 20px;
    text-align: center;
}
.qrcode-error-2016 {
  display: none;
    font-size: 14px;
    color: #fbfbfb;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}
.qrcode-error-2016 .qrcode-error-mask {
    display: block;
    position: absolute;
    width: 160px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    opacity: .6;
    height: 163px;
    left: 66px;
    z-index: 9;
    top: 0;
    text-align: center;
    line-height: 100px;
}
.qrcode-error-2016 .err-cont {
    position: absolute;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 19;
    font-weight: 700;
}
.qrcode-error-2016 .refresh-btn {
    display: block;
    background: #e4393c;
    width: 80px;
    height: 30px;
    position: absolute;
    top: 95px;
    left: 113px;
    line-height: 30px;
    opacity: 1;
    z-index: 19;
    color: #fbfbfb;
    text-decoration: none;
}

.qrcode-main {
    position: relative;
    height: 168px;
    margin-top: 15px;
}
.qrcode-img {
    border: 1px solid #f4f4f4;
    padding: 8px;
    width: 165px;
    position: absolute;
    left: 64px;
}
.qrcode-img img {
    width: 147px;
    height: 147px;
}
.qrcode-panel {
    width: 257px;
    margin: 18px auto 14px;
    text-align: center;
}

.qrcode-panel ul {
    display: inline-block;
    display: block;
}
.qrcode-panel li.fore1 {
    border: 0;
}
.qrcode-panel li {
    display: inline-block;
    padding: 0 0 0 5px;
    margin: 0 5px 0 0;
}


.modal-content img {
    max-width: 800px;
    max-height: 600px;
}



:hov


.cls

element.style {
    /* top: 36.2919%; */
}
.popover.left>.arrow {
    /* top: 50%; */
    /* right: -11px; */
    /* margin-top: -11px; */
    /* border-right-width: 0; */
    /* border-left-color: #999; */
    /* border-left-color: rgba(0,0,0,.25); */
}
.popover>.arrow {
    /* border-width: 11px; */
}
.popover>.arrow, .popover>.arrow:after {
    /* position: absolute; */
    /* display: block; */
    /* width: 0; */
    /* height: 0; */
    /* border-color: transparent; */
    /* border-style: solid; */
}
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    font-family: "\5FAE\8F6F\96C5\9ED1","\5b8b\4f53";
    margin: 0;
    padding: 0;
}
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
.popover {
    max-width: 800px;
}
.content_detail p img{
	width:100%;
	display:flex;
 	justify-content:center;
 	align-items:center;
}
.content_detail img{
	width:100%;
	display:flex;
 	justify-content:center;
 	align-items:center;
}

@media screen and (max-width: 678px) {
  .footer {
    display:none;
  }
  .logobox .row div:nth-child(2){
   display:none;
  }
  .logobox .row div:nth-child(3){
   display:none;
  }
  
  .bdsharebuttonbox{
   display:none;
  }
  
  .bdsharebuttonbox{
   display:none;
  }
  .sub-info .pull-right{
   display:none;
  }
   
}