/* Reset and general styles */
*{margin:0;padding:0}
html{font-size:16px}
li,ol,ul{list-style-type:none}
a{text-decoration:none}
img{vertical-align:middle}
body{background-color:#f2f2f2;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0 auto;height: 100%;max-width:698px;font-size: 16px;padding: 0;}
.clearfix:after{content:"";display: block;clear: both;}

/* Header styles */
.header{float:left;width:100%;position:relative;z-index:999}
.nav{float:left;width:95%;padding:2px 2.5% 1px;height:3rem;background-color:#ff6880;border-bottom:1px solid #ff6880;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.nav-item{float:left;height:3rem;line-height:3rem;display:block;text-align:center;color:#fff;font-size:1.05rem}
.nav-item.active{/*color:#ff6880*/color:#fff}

/* Search styles */
.search{float:left;width:95%;background-color:#fff;padding:.75rem 2.5%;border-bottom:1px solid #f2f2f2}
.search-form{float:left;width:100%;display:block;border-radius:3px;border:1px solid #ff6880;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.search-form .search-input{float:left;width:85%;height:2.25rem;font-size:.875rem}
.search-form .search-button{float:right;width:15%;height:2.25rem;font-size:1rem}
.search-form input{float:left;height:2.25rem;line-height:2.25rem;width:95.4%;padding:0 2.3%;font-size:.875rem;background:#fff;color:#999;border:0;border-radius:3px;-webkit-appearance:none;outline:none}
.search-form button{float:left;height:2.25rem;line-height:2.25rem;width:100%;font-size:1rem;background-color:#ff6880;color:#fff;border:0;-webkit-appearance:none;outline:none}

/* Alert styles */
.alert{float:left;width:95%;padding:.1rem 2.5%;background-color:#ffeeff70;font-weight:380;text-align:center;font-size:.85rem;line-height:1.7rem;color:#000;border-bottom:1px solid #efefef;overflow:hidden}
.alert a{color:#ff0000}

/* Ads styles */
.ads {float: none;width: 98%;margin: 0 auto;padding: 0;background-color: #fff;}
.ads img {width: 100%;height: 56px;}

/* tubiao styles */
.block_app{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.block_app img{border-radius: 5%; width: 50px;height: 50px;margin: 4px;object-fit: cover;}
@media screen and (max-width:1200px){
.block_app{margin-top:75px !important;}
}
@media screen and (max-width:768px){
.block_app{margin-top:30px !important;}
.block_app img{width: 42px;height: 42px;margin: 3px auto;}
}
.block_app_item{display: block;text-align: center;}
.block_app_item_title{text-align: center;font-size: 13px;font-weight: 350;color:black;white-space: nowrap;}
.block_app_item_image{margin: 5px;}
@media screen and (max-width:768px){
.block_app_item{width: calc(100% / 6);}
.block_app_item_title{font-size: 11px;}
}

/* Sectionname styles */
.sectionname{float:left;width:95%;padding:0 2.5%;background-color:#fff;}
.sectionname-p{padding:2.5%;}
.sectionname-block {float:left;width:100%;padding:.75rem 0;height:1.5rem;line-height:1.5rem}
.sectionname-block h3{float:left;font-size:1rem;color:#333;font-weight:400}
.sectionname-block .right{float:right}
.sectionname-block a{font-size:.875rem;color:#666;padding:0}
.sectionname-block a.active{color:#ff6880}
.sectionname-block a i{font-size:.875rem}
.sectionname-block h3 a{display:block;float:left;margin-right:.875rem;color:#555;font-size:1rem}
.sectionname-block h3 .on{color:#ff6880;border-bottom:1px solid #ff6880}
.sectionname-block .right_content{font-size:.875rem;color:#666;}

/* Videolist styles */
.video{float:left;width:95%;padding:0 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2;overflow:hidden}
.video-block{float:left;width:100%}
.video-block .h4{height:1.5rem;line-height:1.2rem;}
.video-block .red{color: #ff0000;}
.video-list-block{float:left;width:48.7%;margin-right:2.6%}
.video-list-block:nth-child(2n){margin-right:0}
.video-list-block-img{width: 100%;height: 112px;position:relative;display:block;float:left;background:#f2f2f2;border-radius:3px;overflow:hidden;background: #f2f2f2;background-size:cover;}
.video-list-block-img img{width: 100%;height: 100%;object-fit: cover;}
.video-list-block-img span{position:absolute;bottom:0;right:0;font-size:.8125rem;height: 1rem;line-height:1rem;color:#eee;background:rgba(0,0,0,.6);border-top-left-radius:3px;overflow:hidden}
.video-list-block h4{font-size:.875rem;font-weight:400;text-align:center;width:100%;height:2rem;line-height:2rem;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.video-list-block h4 a{color:#333}

/* Buttongroup styles */
.buttongroup{float:left;width:95%;padding:0 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2;overflow:hidden}
.buttongroup-block{position:relative;float:left;width:500%}
.buttongroup-list-block{display:block;float:left;width:20%;padding-bottom:.5rem}
.buttongroup-list-block li{float:left;width:23.5%;margin-bottom:.5rem;margin-right:2%;text-align:center;border:1px solid #eaeaea;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:6px}
.buttongroup-list-block li:nth-child(4n){margin-right:0}
.buttongroup-list-block li a{display:block;color:#666;font-size:.875rem;line-height:1.75rem;overflow: hidden;height: 1.75rem;}
.buttongroup-list-block li.active{border-color:#ff899d}
.buttongroup-list-block li.active a{color:#ff6880}

/* Pagination styles */
.pagination{float:left;width:95%;padding:0 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2;overflow:hidden}
.pagination-block{position:relative;float:left;width:500%}
.page-item{display:block;float:left;width:20%;padding-top: .875rem;padding-bottom:.875rem;}
.page-item li{float:left;width:18.4%;margin-right:2%;text-align:center;border:1px solid #eaeaea;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:6px}
.page-item li:nth-child(5n){margin-right:0}
.page-item li a{display:block;color:#666;font-size:.975rem;line-height:2.5rem;overflow: hidden;height: 2.5rem;}
.page-item li.active{background-color:#ff6880;border-color:#ff6880}
.page-item li.active a{color:#fff}

/* Pagego styles */
.pagego{float:left;width:95%;background-color:#fff;padding:.75rem 2.5%;border-bottom:1px solid #f2f2f2}
.pagego-form{float:left;width:100%;display:block;border-radius:3px;border:1px solid #eaeaea;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pagego-form .pagego-input{float:left;width:85%;height:2.25rem;font-size:.875rem}
.pagego-form .pagego-button{float:right;width:15%;height:2.25rem;font-size:1rem}
.pagego-form input{float:left;height:2.25rem;line-height:2.25rem;width:95.4%;padding:0 2.3%;font-size:.875rem;background:#fff;color:#999;border:0;border-radius:3px;-webkit-appearance:none;outline:none}
.pagego-form button{float:left;height:2.25rem;line-height:2.25rem;width:100%;font-size:1rem;background-color:#efefef;color:#000;border:0;-webkit-appearance:none;outline:none}

/* Withshare styles */
.withshare{float:left;width:95%;background-color:#fff;padding:.75rem 2.5%;border-bottom:1px solid #f2f2f2}
.withshare-form{float:left;width:100%;display:block;border-radius:3px;border:1px solid #eaeaea;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.withshare-form .withshare-input{float:left;width:78%;height:2.25rem;font-size:.875rem}
.withshare-form .withshare-button{float:right;width:22%;height:2.25rem;font-size:1rem}
.withshare-form input{float:left;height:2.25rem;line-height:2.25rem;width:95.4%;padding:0 2.3%;font-size:.875rem;background:#fff;color:#999;border:0;border-radius:3px;-webkit-appearance:none;outline:none}
.withshare-form button{float:left;height:2.25rem;line-height:2.25rem;width:100%;font-size:0.8rem;background-color:#efefef;color:#000;border:0;-webkit-appearance:none;outline:none}

/* Nopagination styles */
.nopagination{float:left;width:95%;padding:0 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2;overflow:hidden}
.nopagination-block{float:left;width:100%;padding-bottom:1rem;font-size:.875rem;color:#666;text-align:center}
.nopagination-block a{color:#ff6880}

/* Breadcrumb styles */
.breadcrumb{float:left;width:95%;padding:.625rem 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2}
.breadcrumb h4{float:left;color:#666;font-size:.875rem;line-height:1.5rem}
.breadcrumb a{color:#666;}
.breadcrumb h4 span{float:left;width:1.5rem;height:1rem;line-height:1rem;margin:.5rem .3rem 0 0;font-size:.75rem;color:#fff;text-align:center;background-color:#ff6880;border-radius:2px}
.breadcrumb h4 i{margin-left:.75rem;color:#ff6880;font-weight:700;font-size:1rem;font-style:normal}
.breadcrumb p{float:right;color:#666;font-size:.875rem;line-height:2rem}
.breadcrumb p i{color:#ff6880;font-size:1rem;font-style:normal}

/* Articlecontent styles */
.articlecontent{float:left;width:100%;position:relative;}
.articlecontent-block{background-color: #fff;text-align: left;padding:0.575rem 2.5% 0 2.5%;}
.articlecontent-block p{line-height:1.7rem;font-size: 0.895rem;color: #000;}
.articlecontent img{width: 100%!important;margin-bottom: 10px;}

/* Playercontent styles */
.playercontent{width:100%;}

/* Videodescripe styles */
.videodescripe{float:left;width:95%;padding:0 2.5%;background-color:#fff;border-bottom:1px solid #f2f2f2;overflow:hidden}
.videodescripe-block{float:left;width:100%;padding-bottom:1rem;font-size:.875rem;color:#666;text-indent:1.75rem}
.videodescripe-block a{color:#ff6880}

/* Textcontent styles */
.textcontent{float:left;width:100%;position:relative;}
.textcontent-block{background-color: #f2f2f2;text-align: left;padding:1rem 2.5% 1rem 2.5%;font-size:.875rem;}
.textcontent-block h4{line-height:1.55rem;font-size: 0.875rem;color: #000;}
.textcontent-block a{color:#ff6880}
.textcontent-text{line-height:1.3rem;font-size: 0.835rem;color: #000;}

/* Footer styles */
.footer{float:left;width:100%;position:relative;}
.footer-block{background-color: #f2f2f2;text-align: center;padding:1rem 2.5% 9rem 2.5%;font-size:.875rem;}
.footer-menu{list-style: none;display: flex;justify-content: center;line-height: 1.75rem;}
.footer-menu li{margin: 0 6px;color: #999;}
.footer-menu li a{color:#999}
.footer-text{line-height:1.75rem;font-size: 0.875rem;color: #999;}