/* CSS Document */
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {margin: 0;padding: 0;}
h1,h2,h3,h4{font-weight:normal;}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video, img {display: block;}
html{ background-color:#eee; font-size:62.5%; color:#474747;overflow-x:hidden;overflow-y:auto;}
body {font:12px "Helvetica Neue",HelveticaNeue,Helvetica-Neue,Helvetica,'\5fae\8f6f\96c5\9ed1'; width:100%; overflow:hidden;}
@media only screen and (min-width:479px){html{font-size:12.5px}}
@media only screen and (min-width:479px) and (max-width:639px){html{font-size:13px}}
@media only screen and (min-width:640px) and (max-width:719px){html{font-size:13.5px}}
@media only screen and (min-width:720px) and (max-width:749px){html{font-size:14px}}
@media only screen and (min-width:750px) and (max-width:799px){html{font-size:14.5px}}
@media only screen and (min-width:800px){html{font-size:15px}}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
iframe, img {border: 0 none;}
ul, ol {list-style: none outside none;}
input, select, textarea {outline: 0 none;}
a {text-decoration: none;color:#474747;}
a:link, a:visited,a:hover, a:active {text-decoration: none;}
em,i,s{ font-style:normal; text-decoration:none}
.dis-bot{ margin-bottom:10px; background-color:#fff;}
/**layout**/
header{ height:28px; padding:9px 0;display: -webkit-box;display: box;}
.pop-searbox{ position:absolute; left:0; top:9px;  width:100%; background-color:#fa4e68; display:none}
#bdcs-search-form{width:100%; height:28px;display: -webkit-box;display: box;}
#bdcs-search-form-input{ display:block;height:28px; line-height:28px; margin:0 10px; padding-left:30px; border:none; background:#df3c55 url(../images/ico.png) 0px -684px no-repeat; background-size:35px auto;border-radius:3px;-webkit-box-flex: 1;box-flex: 1; color:#f2a1ae}
#bdcs-search-form .btn{ display:block; height:26px; line-height:26px; margin-right:10px; text-align:center; border-radius:3px; width:40px; font-size:1.3rem; border:1px solid #fff; color:#fff; background:none}
#bdcs-search-form  #bdcs-search-form-submit{ display:none; background-color:#fcf4a9; color:#660010}
input::-webkit-input-placeholder{ color:#f2a1ae !important; } 
.home-popnav-btn{ height:28px; width:30px; margin-right:10px; background:url(../images/ico.png) 0px -379px no-repeat; background-size:34px auto;}
.pop-search-box{ width:100%; position:absolute;overflow:hidden;z-index:9999999;-moz-box-shadow: 0px 2px 2px #ccc;-webkit-box-shadow: 0px 2px 2px #ccc;box-shadow: 0px 2px 2px #ccc;}
.swiper-container1{ position:relative;height:0; background-color:#fff;}
.swiper-container1 .search-tit{ overflow:hidden; padding-right:10px;}
.swiper-container1 .search-tit li{ width:33.33%; float:left;-webkit-box-sizing: border-box; border-left:10px solid #fff; margin-top:10px;}
.swiper-container1 .search-tit li span{ display:block; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:1.4rem; border-radius:3px; border:1px solid #e7e7e7}
.pop-pagination{ position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.pop-pagination span{ margin:0 5px;}
.mask,.mask1{ position:fixed; left:0; top:0; z-index:99998; width:100%; height:100%; background:rgba(0,0,0,.7)}
.maskM {display: block;height: 100%;width: 100%;}
.maskM img {width: 100%;height: 100%;opacity: 0;}
/**首页**/
.home-nav{ clear:both; height:40px; width:100%; overflow:hidden; background-color:#fff;}
.swiper-container2{ height:40px; line-height:40px;}
.swiper-container2 .swiper-slide{ width:auto !important; margin:0 10px; height:38px; float:left; text-align:center; display:block; font-size:1.6rem; color:#666}
.swiper-container2 .active{ color:#fa4e68; border-bottom:2px solid #fa4e68}
.loading{ height:35px; line-height:35px; text-align:center; color:#666; font-size:1.3rem; border-top:1px solid #efefef; margin:0 10px;}
footer{ text-align:center; height:35px; line-height:35px;color:#999; font-size:1.1rem}
/**内页**/
.gohome{ display:inline-block; height:28px; line-height:28px; color:#fff; font-size:1.7rem;position: absolute;padding-right: 70px;overflow: hidden;}
.gohome .homebtn{ float:left; display:inline-block; height:28px; width:35px;background:url(../images/ico.png) 0px -440px no-repeat; background-size:35px auto;}
.gohome .title{ float:left; line-height:28px; margin-left:5px;}
.gohome .title a{ color:#fff;}
.cata-header{ display:block}
.cata-header .gohome{ float:left;}
.cata-header .home-popnav-btn{ float:right}
.home-header .cata-popbtn{height: 28px;width: 30px;margin-right: 10px;background: url(../images/ico.png) 0px -474px no-repeat;background-size: 34px auto;}
.get-more{ border:1px solid #efefef; border-radius:3px; text-align:center; height:28px; line-height:28px; font-size:1.5rem; margin-bottom:10px; color:#999}
.get-more .arr{ display:inline-block;width: 8px;height: 8px;margin-left: 10px; margin-bottom:3px;border-top: 1px solid #999;border-right: 1px solid #999;-webkit-transform: rotateZ(135deg);transform: rotateZ(135deg);}
.get-more .arr-top{margin-bottom: -1px;-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.gotop,.asidenav{ z-index:9;position:fixed; right:10px; width:38px; height:38px; border-radius:5px; opacity:0.8}
.gotop{ display:none;bottom:100px; border:1px solid #ccc; background:#fff url(../images/ico.png) -2px -1101px no-repeat; background-size:44px auto}
.asidenav{bottom:380px; border:1px solid #fc8d9e; background:#fc8d9e url(../images/ico.png) 1px -397px no-repeat; background-size:36px auto}
/**热门标签**/
.hotwrap .wrap-tit{ background-color:#eee; height:30px;}
.hotwrap .wrap-tit h3{ display:inline-block; margin-left:10px;line-height:28px; font-size:1.6rem; color:#333; border-bottom:2px solid #fa4e68}
.hotwrap{ overflow:hidden}
.hotwrap-main{background-color:#fff; padding:10px; overflow:hidden}
.about-words .hotwrap-main{max-height:85px; overflow:hidden;}
.about-words .get-more{ margin:0 10px 10px 10px;}
.hotwrap-main a,.hotwrap-main em{ font-size:1.4rem; line-height:30px; display:inline-block;}
.hotwrap-main em{ color:#ccc; padding:0 10px;}
.goback{ display:block; margin-left:10px; margin-top:2px;}
.goback .arr{ display:inline-block; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff;-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);}
.popbtn a{ display:block; width:30px; height:28px;}
.clear { display: none; position: absolute; color:#fff;width: 28px; height:28px; margin: 0px 55px 0 -20px; right:6px; text-align:center; line-height:28px;}
.text::-ms-clear { display: none; }
.text:valid + .clear { display: inline; }

/**swiper**/
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-container-horizontal>.swiper-pagination {bottom: 10px;left: 0;width: 100%;}
.swiper-pagination-bullet {width: 8px;height: 8px;display: inline-block;margin: 0 3px;border-radius: 100%;background: #ccc;}
.swiper-pagination-bullet-active{ background-color:#fa4e68 !important;}

/**分页**/
.page,.detail_page{ text-align:center; height:26px; clear:both; width:100%; padding:10px 0;display: flex;display: -webkit-flex;display: -moz-flex;}
.page a,.detail_page a{ display:inline-block; height:24px; line-height:25px; text-align:center; border:1px solid #fa4e68; color:#fa4e68;  margin:0 8px; font-size:1.4rem; border-radius:12px;flex: 1;-webkit-flex: 1;-moz-flex: 1;}

/**头部固定**/
#fixd-top{ position:fixed; left:0; top:0; width:100%;z-index:999999;height: 28px;padding: 9px 0;background-color: #fa4e68;display: -webkit-box;display: box;}
.cata-header #fixd-top{ display:block}
.home-nav,.channel-nav{ border-bottom:1px solid #e7e7e7; position:fixed; left:0; top:46px; width:100%; z-index:999999}
/*.baike-list{ margin-top:46px}*/
.pop-search-box{ position:fixed;top:46px;}
.spk-nav,.news-list,.pop-navbox,.videok-nav{ margin-top:40px;}
.beiyun-news{ margin-top:0}
.cata-header{ display:block;z-index: 9999999999;}
.cata-header .popbtn-close{background: url(../images/close.png) 8px 5px no-repeat;background-size: 18px auto;}
/**编辑推荐**/
.bd-title{
border-top: 1px solid #e1e1e1;
border-left: 3px solid #fa4e68;
height: 18px;
line-height: 18px;
padding: 5px;
font-size: 1.3rem;
margin:8px 0;
}
.detail-ewm{ text-align:center; background-color:#fff; margin-bottom:10px; padding:15px;}
.detail-ewm p{ line-height:23px; font-size:1.5rem;}
.detail-ewm img{ width:150px;display:block; margin:6px auto; color:#000;}
.detail-ewm .pink{ color:#fa4e68}
/**应用下载**/
#top-down{
    background:rgba(255,255,255,.9);
    z-index:99999;
    width:100%;
    overflow: hidden;
    position:fixed;
    left:0; bottom:0;
    border-top:1px solid #e7e7e7;
}
.down-app{
    font-size: 14px;
    color: #6f6f6f;
    overflow: hidden;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
    width:100%;
    z-index:99999;
    border-bottom: 1px solid #eecdcd;
    color:#fff
}
.down-app .close {
    width: 40px;
    height: 40px;
    color: #f5f5f5;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    background-size:80px auto;
}
.down-app .d-logo {width: 40px;display: inline-block;float: left;margin: 10px 8px 0px 0px;height:40px;overflow: hidden;}
.down-app .d-logo img{ width:100%}
.down-app .d-btn {display: inline-block;float: right;font-size: 14px;color: #fff;height:30px;padding: 2px 15px;background:url(../images/down.png) 0px 0px no-repeat; background-size: 86px 200%;border-radius: 4px;line-height:30px;margin: 13px 25px 0px 0px;}
#top-down .down-app a{ color:#fcbd00}
#top-down .down-app img{ width:100%}
#top-down .titBox{ display:inline-block; height:40px; float:left; margin-top:10px;}
#top-down .titBox .tit1{ display:block; height:24px; line-height:24px; font-weight:bold; color:#a3a3a3; font-size:15px;}
#top-down .titBox .tit2{ display:block; height:16px; line-height:15px; color:#a3a3a3}
/* 评论 */
.comments-wrap{background:#fff; margin:10px 0; padding:10px;display: none;}
.comments-wrap input[type=button]{ font-size:1.5rem; border:none; height:33px; line-height:33px; border:1px solid #fa4e68; border-radius:3px; color:#fa4e68; padding:0 10px; background:none; text-align:center;}
.comment-item1{ overflow:hidden;}
.comment-item1 .btn{ float:right}
.comment-item2 .btn-w{ margin-top:10px;}
.comments-wrap .btn-w{ width:100%;}
.comments-wrap input.btn:active{background:#efefef}
.comment-item1 .text{ float:left; line-height:35px; font-size:1.5rem}
.comments-wrap .bd-title-wrap{ height:40px;}
.comments-wrap .bd-title{ background:#eee; margin:-20px -10px;border-left: 3px solid #fa4e68;height: 18px;line-height: 18px;font-size: 1.3rem; padding:8px 5px;}
.comments-wrap .bd-title a{ float:right;font-size: 1.2rem;}
.comments-user-info{ font-size:1.3rem; color:#666; overflow:hidden; margin-bottom:5px;}
.comments-user-info .time{ float:right; color:#999}
.comments-user-text{ font-size:1.4rem; line-height:1.5em}
.comments-box{ width:94%; padding:10px 3%; position:fixed; left:0; bottom:-100%; z-index:999999; background-color:#f2f2f2;}
.comments-box .btn{ width:45%; float:left; padding:0 !important; border:1px solid #d6d6d6 !important; color:#a8a8a8 !important;}
.comments-box .btn-ok{ float:right; background-color:#fa4e68 !important; color:#fff !important;}
.comments-box textarea{ width:96%; height:80px; border:none; padding:2%; margin:10px 0;}
.comments-box .title{ overflow:hidden; font-size:1.5rem}
.comments-box .tit{ float:right; color:#999;font-size:1.3rem}
.comments-wrap .btn-notj{ background-color:#d6d6d6 !important; color:#fff !important;}
.comments-dialog{position: fixed;border-radius: 5px;left: 50%;top: 45%;min-width: 220px;z-index: 9999999;text-align:center;color:#fff;padding:15px 0;line-height:25px;font-size:14px;background:rgba(0,0,0,.6);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.comment-item2 .comments-user-text{    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;}
.scroll-sc .text{display:none;position:absolute;left:-75px;top:0;font-size:15px;color:#fa4e68;line-height:38px;}
.qbb-dialog {position: absolute;font-size:1.6rem;z-index: 11000;color: #3d4145;text-align: center;border-radius: 3px; padding-top:20px}
.qbb-dialog h4{ margin-bottom:10px;}.qbb-dialog .text{ margin-top:0;}
.qbb-dialog .modal-footer input[type=button],.qbb-dialog .modal-footer a{ display:inline-block; margin:.5rem 1rem 0 1rem;height:36px; background:none; border-radius:3px; width:84px; text-align:center; font-size:1.4rem; line-height:36px;border:1px solid #fa4e69; color:#fa4e69}
/**修改头部**/
.home-searbox{ margin:0 10px 0 15px !important}
.searbox-wrap input::-webkit-input-placeholder{ color:#ccc !important; }
#fixd-top .isuser-circle{background:none; text-align:center;border-radius:50%; overflow:hidden;z-index: 1;position: relative}
#fixd-top .isuser-circle img{ width:24px; height:24px; margin:2px 3px auto auto; border-radius:50%}
.searbox-wrap{ padding-top:15px;}
.searbox-wrap #bdcs-search-form{ height:30px; line-height:30px;}
.searbox-wrap #bdcs-search-form-input{border:1px solid #efefef; color:#666; background:#fff url(../images/sear.png) 6px 5px no-repeat; background-size:17px auto}
.searbox-wrap #bdcs-search-form #bdcs-search-form-submit{ height:30px; line-height:30px; width:56px; display:block !important; background:#fa4e69; color:#fff}
.searbox-wrap #bdcs-search-form-input:focus{ border:1px solid #fa4e69}
