@charset "utf-8";
/* CSS Document */

body { text-align: left; font-family: "微软雅黑", Arial; margin: 0; padding: 0; background: #FFF; font-size: 62.5%; color: #333; }
div, form, img, ul, ol, li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6, input { margin: 0; padding: 0; }
table, td, tr, th { font-size: 12px; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #ff277d; text-decoration: underline; }
a:active { color: #333; text-decoration: none; }
/* global */

.spaceline { clear: both; line-height: 5px; height: 5px; }
.clear { clear: both; font-size: 1px; width: 1px; visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
/* 按钮 */
.button { padding: 10px 20px; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 8px; color: #FFF; background: rgb(255, 39, 125); border: none; }
.button:hover { background-color: #c3c3c3; }

.jan1 a{color: #ffffff; font-size: 14px; font-weight: bold; background-color: #ff277d; padding: 8px 20px; text-align: center; border-radius: 8px;}
.jan1 a:hover{color: #ff277d;text-decoration: none;background-color: #ffffff; transition: all 0.3s ease; }

.jan2{ margin: 0;}
.jan2 a{color: #333333; font-size: 12px; font-weight: bold; background-color: #f1f1f1; line-height: 30px; padding: 8px 5px; text-align: center; border-radius: 8px; margin-right: 10px; margin-top: 15px;}
.jan2 a:hover{color: #ffffff;text-decoration: none;background-color: #ff277d; transition: all 0.3s ease; }
.jan2 .on{color: #ffffff;text-decoration: none;background-color: #ff277d; transition: all 0.3s ease; }
/* line */

.line01 { border-top: 1px dotted #c6c6c6; margin: 2px 0 0 0 }
/* font-size */
.f12px { font-size: 12px; }
.f14px { font-size: 14px; }
.f20px { font-size: 20px; }
/* color */
.cfff, .cfff a:link, .cfff a:visited { color: #fff; text-decoration:none; }
.cfff a:hover { color:#FFFF00; text-decoration:underline; }
.c333, .c333 a:link, .c333 a:visited { color: #333; text-decoration:none; }
.c333 a:hover { color:#c00; text-decoration:underline; }
.cff0000, .cff0000 a:link, .cff0000 a:visited { color: #ff0000; text-decoration:none; }
.cff0000 a:hover { color:#c00; text-decoration:underline; }
/* 标准header*/
.pheader { width: 100%; background: -webkit-linear-gradient(top, #ffffff, #ededed, #f3f3f3); border-bottom: 2px solid #ff277d; }
.header-box { max-width:375px; margin: 0 auto; }
.header-box .plogo {width:222px; height:30px; margin: 30px auto 10px auto; }
.header-box .pnav { display: flex; font-size:18px; ; font-weight: bold; justify-content: space-around; margin: 0 auto; width:300px;height:40px; }
.header-box .pnav li { flex: 1; text-align: center; line-height:40px;  font-size: 22px;}
.header-box .pnav a:hover { text-decoration: none; }
.header-box .plogin { display: flex; margin: 0.625rem auto; }
.header-box .plogin li { flex: 1; }
.header-box .plogin a { display: flex; flex-direction: column; align-items: center; }
.header-box .plogin li span { font-size: 12px; }
.header-box .plogin .login-icon { width: 24px; height: 24px; background-size: 100%; margin-bottom: 5px; }
.icon01 { background-image: url(../img/icon01.png); }
.icon02 { background-image: url(../img/icon02.png); }
.icon04 { background-image: url(../img/icon04.png); }
.icon03 { background-image: url(../img/icon03.png); }
.icon05 { background-image: url(../img/icon05.png); }
.icon11 { background-image: url(../img/icon11.png); }
/* 搜索 */
.psearch { flex: 1; min-width: 200px; height: 30px; margin: 5px 5px; border: 2px solid #ff277d; border-radius: 15px; position: relative; overflow: hidden;  background-color: #fdddea; }
.psearch form{display: flex;justify-content: space-between; }
.psearch input { color: #999; flex: 1; padding-left: 10px; width: 80%; height: 30px; margin-top: 1px; font-size: 14px; border: 0; margin-left: 5px; background-color: #fdddea; }
.psearch input:focus { outline: 0px }

.psearch button { width: 40px; height: 30px; font-size: 12px; padding: 3px 5px; border: 2px solid #ff277d; cursor: pointer; background-color: #ff277d; }
.psearch button img { width: 20px; height: 20px; }
/*banner-main-vod-list*/
.banner-main-vod-list { width: 100%; height:5rem; background: -webkit-linear-gradient(top, #520404, #520404, #140002); margin-bottom: 1.25rem; }
.banner-main-vod-list .banner-box { max-width: 320px; margin: 0 auto; color: #F2F2F2; ; text-align: center; line-height:5rem; font-size:2rem; }
/* 视频列表页 */
.main-vod-list { width: 98%; margin: 0 auto; }
/*侧边栏*/
.side-a { width: 100%; }
.col01 { border-bottom: 1px solid #fdddea; margin-bottom: 0.3125rem; display: flex; padding-bottom: 0.3125rem; }
.col01 h2 { line-height: 1.25rem; font-size: 0.875rem; padding-left: 0.6875rem; }
.col01 h2::after {
content: " : ";
}
.col01-item { display: flex; flex-wrap: wrap; justify-content: flex-start; flex: 1; }
.col01-item li { line-height: 1.25rem; font-size: 0.875rem; text-align: center; width: 3.125rem; }
.col01-item a:hover { padding: 2px 5px; background-color: #ff277d; color: #FFF; }
.col01-item .on { padding: 3px 5px; background-color: #ff277d; color: #FFF; }

.col02 { border-bottom: 1px solid #fdddea; margin-bottom: 0.3125rem; display: flex; padding-bottom: 0.3125rem; margin-bottom: 1.25rem; }
.col02 h2 { line-height: 1.25rem; font-size: 0.875rem; padding-left: 0.6875rem; }
.col02 h2::after {
content: " : ";
}
.col02-item { display: flex;  justify-content: flex-start; flex: 1; flex-wrap: wrap; }
.col02-item li { line-height: 1.25rem; font-size: 0.875rem; text-align: center; padding: 2px 0.3125rem; }
.col02-item a:hover { padding: 2px 5px; background-color: #ff277d; color: #FFF; }
.col02-item .on { padding: 3px 5px; background-color: #ff277d; color: #FFF; }

/* 视频列表box */
.vodlist { flex: 1; }
.vodlist-tit { line-height: 2rem; padding-left: 0.625rem; font-size: 1rem; margin-bottom: 0.625rem;  display: flex; justify-content: space-between;}
.vodlist-tit span { padding: 0 5px;  }
.vodlist-tit .xl{ width: 130px; height: 30px; background-color: #ff277d; border-radius:8px;  font-size: 16px; line-height: 30px; border: 0;outline: 0px;color: #ffffff; cursor: pointer; text-align: center;}
.vodlist-tit .xl:hover{ background-color: #c2c2c2; }
.vodlist-tit .xl option{ background-color: #ff277d;font-size: 14px;}

 

.vodlist-box { display: flex; flex-wrap: wrap; }
.vodlist-box li { flex:100%;  max-width: 320px;  margin: 10px auto;}
.vodlist-box li .preview { position: relative; width: 20rem; height: 12.5rem;  margin: 0 auto;border-radius: 8px;  }
.vodlist-box li .preview span { padding: 0.1875rem 0.3125rem; position: absolute; bottom: 0.625rem; background: rgba(0, 0, 0, 0.5); font-weight: bold; color: #ffffff; }
.vodlist-box li .preview span:nth-child(2) {
right:4rem;
display: flex;
}
.vodlist-box li .preview span:nth-child(2)::before {
content:"";
background: url(../img/icon06.png);
background-size: 100%;
width:15px;
height:14px;
margin-right: 5px;
margin-top: 2px;
}
.vodlist-box li .preview span:nth-child(1) {
right: 0.625rem;
}
.vodlist-box li .preview .preview-box { width: 100%; overflow: hidden; height: 100%;border-radius: 8px;  }
.vodlist-box li .publisher { line-height: 1.5rem; display: flex; height:1.8rem; }
.vodlist-box li .publisher span:nth-child(1) {
flex:1;
display: flex;
}
.vodlist-box li .publisher span:nth-child(1)::after {
content:"";
background: url(../img/icon07.png);
background-size: 100%;
width:12px;
height:12px;
margin-left: 3px;
margin-top: 6px;
}
.vodlist-box li .publisher span:nth-child(2) {
width: 4rem;
display: flex;
}
.vodlist-box li .publisher span:nth-child(2)::before {
content:"";
background: url(../img/icon08.png);
background-size: 100%;
width:20px;
height:12px;
margin-right: 3px;
margin-top: 7px;
}
.vodlist-box li .publisher span:nth-child(3) {
width:50px;
display: flex;
}
.vodlist-box li .publisher span:nth-child(3)::before {
content:"";
background: url(../img/icon09.png);
background-size: 100%;
width:14px;
height:15px;
margin-right: 3px;
margin-top: 4px;
}
.vodlist-box li .vodtit { line-height: 1.2rem; font-size: 1rem; height:2.5rem; overflow: hidden; }
/* footer */
.footer { height:15rem; width: 100%; background: url(../img/bg01.jpg) no-repeat center center; }
.footer-box { max-width: 1240px; margin: 1rem auto 0 auto; display: flex; justify-content: flex-start; padding-top: 45px; border-top:1px solid #c6c6c6; display: flex; flex-direction: column; padding-bottom: 1.25rem; }
.footer-nav { display: flex; padding-left: 25px; width: 300px; margin: 0 auto; justify-content: space-around; }
.footer-nav li { text-align: center; flex: 1; font-size: 1rem; font-weight: bold; color:#ccc }
.footer-nav li:nth-child(-n+3)::after {
content: "|";
padding-left:20px;
}
.footer-box span { text-align: center; height:60px; line-height: 24px; font-size: 1rem; color: #666666; margin-top: 1rem; }
/* 分页 */
.pagination { list-style: none; display: flex; justify-content: space-between; padding: 0; width: 95%; margin: 0 auto; }
.pagination li { display: inline; text-align: center; flex:1; }
.pagination a { display: block; font-size: 12px; text-decoration: none; color: #333; }
.pagination a.active { cursor: default; }
.pagination a:active { outline: none; }
.modal-4 a { padding: 0; width: 30px; height: 30px; line-height: 30px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px; background-color: #f1f1f1; }
.modal-4 a.prev { -moz-border-radius:8px; border-radius: 8px; width: 50px; }
.modal-4 a.tou { background-color: #FFF; }
.modal-4 a.next { -moz-border-radius:8px; -webkit-border-radius: 0; border-radius:8px; width: 50px; }
.modal-4 a:hover { background-color: #ff277d; color: #fff; }
.modal-4 a.active, .modal-4 a:active { background-color: #ff277d; color: #fff; }
/* 漫画列表页 */
.manlist-box { display: flex; flex-wrap: wrap;  }
.manlist-box li { flex:40%; margin: 0 0.625rem 1.25rem 0.625rem; overflow: hidden;max-width: 183px;   }
.manlist-box li .preview { position: relative;  margin: 0 auto; }
.manlist-box li .preview img { width: 100%; aspect-ratio:3/4; }
.manlist-box li .preview span { padding: 0.1875rem 0.3125rem; position: absolute; bottom: 0.625rem; background: rgba(0, 0, 0, 0.5); font-weight: bold; color: #ffffff; }
.manlist-box li .preview span:nth-child(1) {
right:0.5rem;
display: flex;
}
.manlist-box li .preview span:nth-child(1)::before {
content:"";
background: url(../img/icon06.png);
background-size: 100%;
width:15px;
height:14px;
margin-right: 5px;
margin-top: 2px;
}
.manlist-box li .preview span:nth-child(2) {
right: 0.625rem;
}
.manlist-box li .preview .preview-box { width: 100%; overflow: hidden; height: 100%;  overflow: hidden; border-radius: 8px; }
.manlist-box li .publisher { line-height: 1.5rem; display: flex; height:1.8rem; }
.manlist-box li .publisher span:nth-child(1) {
flex:1;
display: flex;
}
.manlist-box li .publisher span:nth-child(1)::after {
content:"";
background: url(../img/icon07.png);
background-size: 100%;
width:12px;
height:12px;
margin-left: 3px;
margin-top: 6px;
}
.manlist-box li .publisher span:nth-child(2) {
width: 4rem;
display: flex;
}
.manlist-box li .publisher span:nth-child(2)::before {
content:"";
background: url(../img/icon08.png);
background-size: 100%;
width:20px;
height:12px;
margin-right: 3px;
margin-top: 7px;
}
.manlist-box li .publisher span:nth-child(3) {
width:50px;
display: flex;
}
.manlist-box li .publisher span:nth-child(3)::before {
content:"";
background: url(../img/icon09.png);
background-size: 100%;
width:14px;
height:15px;
margin-right: 3px;
margin-top: 4px;
}
.manlist-box li .mantit { line-height: 1.2rem; font-size: 1rem; height:2.5rem; overflow: hidden; }

/* 视频详情页 */
.main-vod-play {  margin: 0 auto; }
.main-vod-play .title { display: flex; flex-direction: column; padding-left: 20px; padding-right: 20px; }
.main-vod-play .title span { line-height: 36px; font-size: 20px; font-weight: bold; }
.main-vod-play .title .zhuangtai { display: flex; flex-wrap: wrap; }
.main-vod-play .title .zhuangtai li { line-height: 24px; font-size: 14px; color: #999999; margin-right: 20px; }
.main-vod-play .vodpaly { margin: 0 auto;margin-bottom: 20px; }
.vodpaly .playbox { display: flex; margin-top: 10px; background-color: #000000;  }
.playbox .player {  background-color: #999; height: 300px; width:100%; margin: 0 auto;}
.playbox .player-ad { width: 230px; margin: 10px 10px 10px 10px; display: flex; flex-direction: column; display: none; }
.playbox .player-ad a { background-color: #fff; padding-bottom: 0; height: 265px; }
.playbox .player-ad a:nth-child(1) {margin-bottom: 10px;}
.vodpaly .pingfenbox { display: flex; background-color: #2c2c2c; justify-content:center; align-items: center;  display: flex; flex-direction: column; padding-top: 10px; padding-bottom: 10px; margin: 0 auto; }
.vodpaly .pingfenbox .pinglunbox { flex: 1;display: flex;align-items: center; flex-wrap: wrap; margin: 20px 0; }
.pinglunbox .dmset{width: 18px; height:23px; cursor: pointer; outline: none; border: none;  background: url(../img/icon20.png); margin-left: 10px; margin-right: 10px; background-size: 100%;}
.pinglunbox .dmset:hover { background: url(../img/icon21.png);width: 18px; height:23px;background-size: 100%;  }

/* 弹幕 */
.pinglunbox .danmu { flex: 1; min-width: 150px; height: 40px; margin: 0px 5px; border: 1px solid #ccc; border-radius: 5px; position: relative; overflow: hidden; display: flex; background-color: #ffffff;  }
.pinglunbox .danmu input { color: #999; flex: 1; padding-left: 10px; width: 80%; height: 38px; margin-top: 1px; font-size: 16px; border: 0; margin-left: 5px; background-color: #ffffff; }
.pinglunbox .danmu input:focus { outline: 0px }
.pinglunbox .danmu button { width: 60px; height: 40px; font-size: 14px; border: 0; cursor: pointer; background-color: #ff277d;  color: #FFF; font-weight: bold; }
.pinglunbox .danmu button:hover{background-color:  #c3c3c3; }
/* 作者 */
.vodpaly .pingfenbox .zuozhebox { width: 300px; display: flex; align-items: center; margin-right: 20px; margin-left: 20px; }
.vodpaly .zuozhebox img { width: 60px; height: 60px; background-size: cover; border-radius: 50%; margin-right: 20px; }
.vodpaly .zuozhebox span { display: flex; flex-direction: column; color: #fff; margin-right: 20px; }
.vodpaly .zuozhebox span a { font-size: 18px; color: #FFF; }
.but-guanzhu { width: 50px; height: 30px; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; border-radius: 8px; color: #FFF; background: rgb(255, 39, 125); border: none;}
.but-guanzhu:hover {  background-color: #c3c3c3; }
.vodpaly .fenleibox { height: 60px; width: 100%; background: -webkit-linear-gradient(top, #ffffff, #ededed, #f3f3f3); display: flex;align-items: center; }
.fenleibox .mylei{display: flex; margin-left: 20px;font-size: 14px; flex-wrap: wrap; }
.fenleibox .mylei li{ margin-right: 10px;}

/* 评分系统 */
.cardbox { display: flex; width:300px; justify-content: space-between; align-items: center; }
.cardhs { display: flex; }
.cardhs label { display: flex; flex-direction: column; }
.cardhs label:nth-child(2) {
margin-left: 65px;
}
.cardhs svg { fill: rgb(195, 195, 195); height: 30px; width: 30px; margin: 0px auto; padding: 0; line-height: 0; border: 0; }
.cardhs input[type="radio"] { position: absolute; opacity: 0; }
.cardhs input[type="radio"]+svg { -webkit-transition: all 0.2s; transition: all 0.2s; }
.cardhs input+svg { cursor: pointer; }
.cardhs input[class="super-happy"]:hover+svg, .cardhs input[class="super-happy"]:checked+svg, .cardhs input[class="super-happy"]:focus+svg { fill: rgb(255, 39, 125); }
.cardhs input[class="super-sad"]:hover+svg, .cardhs input[class="super-sad"]:checked+svg, .cardhs input[class="super-sad"]:focus+svg { fill: rgb(255, 39, 125); }
.cardhs h2 { font-size: 14px; text-align: center; font-weight: normal; }
.roundedOne { width: 30px; height: 30px; position: relative; margin: 0px 20px; }
.roundedOne label { width: 30px; height: 30px; cursor: pointer; position: absolute; left: 0px; top: 0px; }
.roundedOne label:after { content: ''; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0; }
.roundedOne label:hover::after {
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
 opacity: 0.9;
}
.roundedOne input[type=checkbox] { visibility: hidden; }
.roundedOne input[type=checkbox]:checked+label:after {
 filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.shoucangbox h2 { font-size: 14px; text-align: center; font-weight: normal; }
.icon-shoucang label { background: url(../img/icon13.png); }
.icon-shoucang label:after { background: url(../img/icon12.png); }
.custom-btn { width: 30px; height: 30px; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; }
.zhuanfa { display: flex; flex-direction: column; justify-content: center; height: 48px; }
.btn-1 { background: url(../img/icon18.png); border: none; height: 30px; width: 30px; }
.btn-1:hover { background: url(../img/icon19.png); }
.zhuanfa h2 { font-size: 14px; text-align: center; font-weight: normal; }
/* .slideThree 开关*/
.slideThree { width: 80px; height: 26px; background: #f1f1f1; margin: 0 0 0 10px; position: relative; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2); }
.slideThree:after { content: '弹关'; color: #ccc; position: absolute; right: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15); }
.slideThree:before { content: '弹开'; color: #ff277d; position: absolute; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif; font-weight: bold; }
.slideThree label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px; left: 3px; z-index: 1; background: #fcfff4; background: -moz-linear-gradient(top, #ff277d 0%, #ff277d 40%, #ff277d 100%); background: -webkit-linear-gradient(top, #ff277d 0%, #ff277d 40%, #ff277d 100%); background: linear-gradient(to bottom, #ff277d 0%, #ff277d 40%, #ff277d 100%); -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); }
.slideThree input[type=checkbox] { visibility: hidden; }
.slideThree input[type=checkbox]:checked+label { left: 43px; }


/* -----------------------------漫画介绍页 */
.main-man-introduce { width: 100%; margin: 0 auto; }
.main-man-introduce .bg01 { width: 100%; height: 320px; background-size: 100%; background: url(../img/bg01.png);}
.main-man-introduce .bg02 {  display: none;}
.main-man-intbox { max-width: 320px; margin: 0 auto; }
/* 介绍区域 */
.main-man-intbox .jianjie { background-color: #ffffff; display: flex; margin-top: -160px;flex-direction: column; align-items: center;justify-content: center;}
.main-man-intbox .jianjie .fengmian { height: 300px; margin-top: -120px;}
.main-man-intbox .jianjie .fengmian img { width: 240px; height: 300px; }
.main-man-intbox .jianjie .biaoti { }
.main-man-intbox .biaotibox { display: flex;flex-direction: column; margin-top: 20px;}
.main-man-intbox .biaotiriqi { display: flex; flex-direction: column; }
.main-man-intbox .biaotiriqi span { line-height: 30px; font-size: 14px; }
.main-man-intbox .biaotiriqi strong { font-size: 24px; font-weight: bold; margin-right: 10px; }
.main-man-intbox .fenlei { display: flex; }
.main-man-intbox .fenlei li { background-color: #e9e9e9; border: 1px solid #d1d1d1; line-height: 24px; padding: 3px 20px; border-radius: 8px; font-size: 14px; color: #6e6e6e; margin: 10px 10px 10px 0; }
.main-man-intbox .jieshao { line-height: 24px; font-size: 14px; margin-bottom: 20px; }
/* 列表区域 */
.main-man-intbox .mulu { margin-top: 10px; display: flex; flex-direction: column; }
.main-man-intbox .mulubox { flex: 1; }
.main-man-intbox .mulubox h2 { line-height:30px; font-size: 18px; margin-bottom: 20px; }
.main-man-intbox .zhangjie { margin: 0 auto; }
.main-man-intbox .zhangjie li { padding:5px 10px; cursor: pointer; position: relative; display: inline-block; outline: none; border-radius: 15px; color: #FFF; background:#fdddea; border: none; cursor: pointer; border: 1px solid #ff277d; font-size: 14px; color: #333333; font-weight: bold; margin-right: 10px; }
.main-man-intbox .zhangjie .on { background: #ff277d; color: #ffffff; }
.main-man-intbox .zhangjie li:hover { background: #ff277d; color: #ffffff; }
.zhangjie-li { display: flex; flex-wrap: wrap; font-size: 14px; margin-top:30px; }
.zhangjie-li li { flex:40%; height: 30px; background-color: #f6f6f6; margin-bottom: 10px; margin-right: 10px; line-height: 30px; padding-left: 10px; max-width: 299px }
.zhangjie-li li:hover { background: #ff277d; }
/* 作者区域 */
.main-man-intbox .zuozhebox { width: 320px; margin: 0 auto; }
.main-man-intbox .zuozhe { background-color: #f6f6f6; display: flex; flex-direction: column; align-items: center; padding-bottom: 20px; }
.main-man-intbox .zuozhe img { margin: 20px auto 0px auto; width:100px; height: 100px; background-size: cover; border-radius: 50%; }
.main-man-intbox .zuozhe h2 { line-height: 30px; margin: 10px auto; display: flex; flex-direction: column; align-items: center; font-size: 16px; }
.main-man-intbox .zuozhe h2 b { font-weight: normal; font-size: 14px; }
.main-man-intbox .remen { }
.main-man-intbox .remen h2 { line-height:30px; font-size: 18px; margin-bottom:10px; margin-top: 10px; }
.main-man-intbox .remen img { width: 70px; height: 90px; margin-right: 10px; }
.main-man-intbox .rmxs { }
.main-man-intbox .rmxs li { display: flex; border-bottom: 1px solid #f6f6f6; padding-bottom: 10px; margin-bottom: 10px; }
.main-man-intbox .rmxs span { flex: 1; line-height: 20px; }
.main-man-intbox .rmxs span b { line-height: 30px; font-size: 14px; }
/* ------------------------------漫画详情页 */
.main-man-play { margin: 0 auto; }
.main-man-play .title { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 20px; }
.main-man-play .title span { line-height: 36px; font-size: 20px; font-weight: bold; }
.main-man-play .title .zhuangtai { display: flex; }
.main-man-play .title .zhuangtai li { line-height: 24px; font-size: 14px; color: #999999; margin-right: 20px; }
.main-man-play .mhmain{display: flex;flex-direction: column; margin: 20px  auto;}
.main-man-play .mhbox{flex: 1;}
.main-man-play .mhbox img{width:95%; margin: 0 auto;}
.main-man-play .plbox{width: 290px; border: 1px solid #cccccc; margin: 0 auto; padding: 15px;}
.main-man-play .plbox h2{ font-size: 16px; line-height: 24px;color:#ff277d;}
.main-man-play .bzpl li{ border-bottom: 1px solid #f6f6f6; display: flex;flex-direction: column; padding-bottom: 10px; padding-top: 10px; }
.main-man-play .bzpl li span{display: flex; margin-bottom: 5px;}
.main-man-play .bzpl li span img{width:30px; height: 30px; background-size: cover; border-radius: 50%; margin-right:5px;}
.main-man-play .bzpl li span b{line-height: 30px; font-size: 14px;color: #c3c3c3;font-weight: normal}
.main-man-play .bzpl li p{font-size: 14px;line-height: 24px;}
.main-man-play .plinput textarea{ width:95%; height: 100px; margin: 20px auto;}
.main-man-play .fanhui{ line-height: 30px; font-size: 18px; font-weight: bold; padding-top: 30px;}
/* 首页 */
.main-index { max-width: 1240px; margin: 0 auto; }
.main-index .index-mh{display: flex; flex-direction: column;}
.main-index .mhbox{ flex: 1;}
.main-index .mgbox .manlist-box li{margin: 0;}
.main-index .mhbox h2{line-height: 42px; font-size: 18px; border-bottom:1px solid #ff277d; margin-bottom: 20px;color: #ff277d; text-align: center;}
.main-index .mhphbox{ width: 95%; margin-left: 10px;  }
.main-index .mhphbox h2{line-height: 40px; font-size: 14px; border-bottom:1px solid #ff277d; margin-bottom: 20px; font-weight: normal; text-align: center;}
.main-index .mhphbox h2 a{margin-right: 10px;}
.main-index .mhphbox .on{ font-weight: bold;font-size: 18px;color: #ff277d;}
.phlist li{display: flex;  font-size: 16px; padding-left: 0px; line-height: 46px; padding-right: 10px;}
.phlist li::before{content:""; width: 20px; height: 26px;background-size: 100%; margin-right: 12px; margin-top:10px;}
.phlist li a{flex: 1;}
.phlist li b{font-weight: normal; font-size: 12px; color: #6e6e6e; }
.phlist li:nth-child(1)::before{background: url(../img/top1.png);background-size: 100%;}
.phlist li:nth-child(2)::before{background: url(../img/top2.png);background-size: 100%;}
.phlist li:nth-child(3)::before{background: url(../img/top3.png);background-size: 100%;}
.phlist li:nth-child(4)::before{background: url(../img/top4.png);background-size: 100%;}
.phlist li:nth-child(5)::before{background: url(../img/top5.png);background-size: 100%;}
.phlist li:nth-child(6)::before{background: url(../img/top6.png);background-size: 100%;}
.phlist li:nth-child(7)::before{background: url(../img/top7.png);background-size: 100%;}
.phlist li:nth-child(8)::before{background: url(../img/top8.png);background-size: 100%;}
.phlist li:nth-child(9)::before{background: url(../img/top9.png);background-size: 100%;}
.phlist li:nth-child(10)::before{background: url(../img/top10.png);background-size: 100%;}
.main-index .index-ph{display: flex;flex-direction: column;}
.main-index .index-ph ul{flex: 1; margin: 0 10px ;border-radius: 8px; padding-left: 20px;}
.main-index .p1{ background: url(../img/bg03.png) top center no-repeat; padding-top: 80px;}
.main-index .p2{ background: url(../img/bg04.png) top center no-repeat; padding-top: 80px;}
.main-index .p3{ background: url(../img/bg05.png) top center no-repeat; padding-top: 80px;}
.main-index .p4{ background: url(../img/bg06.png) top center no-repeat; padding-top: 80px;}
.main-index .index-bz{display: flex;justify-content: space-around; border-top: 1px solid #c6c6c6; padding-top: 20px;} 
.main-index .hzlist{flex:1; margin: 0 10px ; text-align: center;}
.main-index .hzlist li{font-size: 16px; padding-left: 0px; line-height: 30px; }
.main-index .hzlist li:nth-child(1){font-size: 18px; padding-left: 0px; line-height: 30px;color: #ff277d;font-weight: bold; padding-bottom: 10px; }
/* 首页广告banner */
.indexbanner{ width: 100%; background: url(../img/bg07.png) repeat; height: 400px; margin-bottom: 20px;display: flex;align-items: center; display: none;}
.indexbanner .indexad{display: flex;margin: 0 auto;justify-content: space-between;}
.indexbanner .indexad span{flex: 1; margin-top: 5px;margin-right: 10px;}
.indexbanner .indexad span img{width: 730px;height: 332px; }
.indexbanner .adx4{display: flex; width: 490px;flex-wrap: wrap;}
.indexbanner .adx4 li{ flex: 45%; margin: 5px 5px;}
.indexbanner .adx4 li img{width: 230px; height: 160px; }

/* 搜索页 */
.main-search-vod{ max-width: 1240px; margin: 0 auto; }
.main-search-vod .jieguo{ line-height: 30px;padding: 20px 20px; text-align: center;font-size: 20px;}
.main-search-vod .jieguo b{color: #ff277d;}
.main-search-man{max-width: 950px; margin: 0 auto; }
.main-search-man .jieguo{ line-height: 30px;padding: 20px 20px; text-align: center;font-size: 20px;}
.main-search-man .jieguo b{color: #ff277d;}
.searchmanbox img{ width:200px;height: 260px; }
.searchmanbox li{display: flex;line-height: 24px;font-size: 14px; margin-bottom: 40px;flex-direction: column;max-width: 320px;align-items: center; margin:20px auto; }
.searchmanbox .jieshao{flex: 1;padding: 0 20px;}
.searchmanbox .jieshao span{ padding-bottom: 10px;}
.searchmanbox .jieshao span a{flex: 1;font-size: 16px;font-weight: bold;margin-right: 10px;display: block;}
.searchmanbox .jieshao span b{color: #ff277d;}
.searchmanbox .jieshao p{ margin-bottom: 10px;}
.searchmanbox .button{ height: 40px; }
/* 私人主页 */
.main-person{ max-width: 320px; margin: 0 auto; }
.bannerheaderbg{background: url(../img/bg10.png); width: 100% ; margin-bottom: 20px;}
.bannerheader{max-width:320px; margin: 0 auto; }
.bannerheader .jianjie{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.bannerheader .touxiang{ margin-top: 10px;}
.bannerheader .touxiang img{width: 110px;height: 110px;;border-radius: 50%; border: 3px solid #ffffff;box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);}
.bannerheader .jsbox{ color: #ffffff;flex: 1; margin-top: 10px;}
.bannerheader .jsbox h2{font-size: 20px; font-weight: bold;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); line-height: 2.25rem; text-align: center;}
.bannerheader .jsbox span{ line-height: 24px;color: #c3c3c3; font-size: 14px; font-weight: bold;}
.bannerheader .jsbox p{font-size: 14px;line-height: 24px;}


.bannerheader .dingyuebox{width: 120px;display: flex;flex-direction: column;justify-content: space-around; margin-left: 0px; margin-top: 40px;}
.bannerheader .dingyuebox a{color: #ffffff; font-size: 14px; font-weight: bold; background-color: #ff277d; padding: 8px 20px; text-align: center; border-radius: 8px; margin-bottom: 10px;}
.bannerheader .dingyuebox a:hover{color: #ff277d;text-decoration: none;background-color: #ffffff; transition: all 0.3s ease; }

.bannerheader .leixingsl{border-top: 1px solid #d599b1; margin-top: 20px;padding-top: 20px; display: flex;justify-content: center; padding-bottom: 20px;}
.bannerheader .leixingsl span{  color: #ffffff; font-size: 18px; font-weight: bold; text-align: center;flex: 1; display: flex;justify-content: space-between; }
.bannerheader .leixingsl span b{font-size: 30px; font-weight: normal;display: block;}
.bannerheader .leixingsl span h2{font-size: 18px; text-align: center;flex: 1; }
.bannerheader .leixingsl span:nth-child(-n+2)::after{content:""; background: url(../img/bg09.png); width: 1px;height: 43px; background-size: 100%; display: block;}

.daopai{display: flex; justify-content: space-between; margin-bottom: 20px;}
.daopai-tit { height:1.875rem; line-height: 1.875rem; padding-left: 0.625rem; font-size: 14px; position: relative; margin-bottom: 0.625rem; }
.daopai-tit span { padding: 0 1px; }
.daopai-tit a { padding: 5px 5px; text-align: center; background-color: #f1f1f1; border-radius: 8px;}
.daopai-tit a:hover { padding: 5px 5px; background-color: #ff277d; color: #FFF; text-decoration: none; border-radius: 8px; }
.daopai-tit .on { padding: 5px 5px; background-color: #ff277d; color: #FFF; text-decoration: none; border-radius: 8px; }

.daopai .xl { width: 100px; height: 30px; background-color: #ff277d; border-radius:8px; font-size: 16px; line-height: 30px; border: 0; outline: 0px; color: #ffffff; cursor: pointer; text-align: center; }
.daopai .xl:hover { background-color: #c2c2c2; }
.daopai .xl option { background-color: #ff277d; font-size: 14px; }