*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{min-width: 1024px;}
body {font-size:14px;font-family:Microsoft YaHei,宋体; color:#333; margin:0px auto;text-align:center;line-height:24px;}
ul,ol{list-style:none; display:inline; white-space:nowrap;margin:0px;padding:0px; }
a {color:#333; text-decoration:none;cursor:pointer;}
a:hover,.nav a:hover,.head div a:hover{color: #025851;}
u{text-decoration: none;}
img{max-width: 100%; height: auto;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance: none;}
select,
input,
textarea{outline: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1;}
body .icon {float: left; font-family: "iconfont" !important; font-size: 18px;margin:0 10px;font-style:normal;}
.body-index{position:relative;}
/*头部*/
.head, .banner, .nav, .footer {width: 100%;float: left; margin: 0 auto; text-align: center;}
.head { padding: 1rem 3%; text-align: left; color: #fff;position:fixed;z-index:10;top:0px;min-width:990px;
    background: -webkit-linear-gradient(left, #19C0B1 90%, #C9E189); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#19C0B1 90%, #C9E189); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#19C0B1 90%, #C9E189); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#19C0B1 90%, #C9E189); /* 标准的语法 */
}
.head h1 {font-size:2.5rem;line-height:1;}
.head div{margin:0.5rem 0 0 3rem;float:left;width:80%;}
.head div a{color:#fff;padding:0.2rem 3%;font-size:1.2rem;float:left;}
.head span{background-color:#fff;border-radius:1rem; padding:0.4rem 0.8rem;color:#999;margin-right:10%;float:right;width:25%;}
.head input{border:0px;float:left;width: 80%;padding: 0.2rem 0.5rem;font-size: 1rem;}
.head .bt_search{float:right;margin:0 0.5rem 0 0;}
.head_bg{margin-top:4.84rem;}
/*banner*/
.banner{overflow: hidden; position: relative;}
.banner *{outline: none;}
.banner-bg{background-color:#111;opacity:0.8;position:absolute;width:100%;height:100%;}
.banner .slider{width:60%;display:block;text-align:center;margin:0 auto;position:relative;} 
.cover_img {float:left; margin: 0; transform: translate3d(0px, 0px, 0px);transition-duration: 400ms;overflow:hidden;width: 100%;position:relative;}
.cover_img a{float:left;width: 100%;}
.cover_img a img{width:100%;}
.slider b{position:absolute;bottom:1rem;left:1rem;font-size:1.25rem;background-color:#fff;opacity:0.85;padding:0.3rem 1.5rem;border-radius:1rem;color:#19C0B1;}
.con_cover span{float:left;position:absolute;bottom:1rem;right:0px;width:100%;text-align:center;padding:5px 2%;color:#FF2D4B;}
.con_cover span a{background-color:#fff;cursor:pointer;margin:3px 2px 0;border-radius:50%;width: 0.8rem;height: 0.8rem;display:inline-block;opacity: 0.8;}
.con_cover span a:hover,.con_cover span a.active{background-color:#19C0B1;}
/*导航*/
.nav {background-color:#333;}
.nav a{padding:1.5rem 5%;line-height:1;color:#fff;font-size:1rem;display:inline-block;}
.content{margin:1rem auto;width:62%;min-width:990px;display:inline-block;}
/*主体内容*/
.content div{margin-top:1rem;width:100%;text-align:left;float:left;}
.content div h3 {float:left;width:100%;}
.content div h3 i{background-color:#19C0B1;width:0.2rem;height:1.2rem;float:left;}
.content div h3 i em{width:0.2rem;height:0.2rem; background-color:#fff;display:inline-block;margin-top:0.7rem;}
.content div h3 b{margin-left:0.5rem;}
.content p{width:100%;margin-top:1rem;}
.content a{margin-right:2%;float:left;}
.content p a:last-child {margin-right:0rem;}
.content a img{width:100%;}
.content a font{display:block;font-size:1rem;}
.content a i{color:#999;font-size:0.8rem;font-style:normal;line-height:1;word-break: break-all;    word-break: break-all; height: 1rem; display: inline-block;text-overflow: ellipsis;overflow: hidden;word-spacing: normal;}
.con4 a{width:23.5%;}
.con4 img{min-height:20.7rem;}
.con5 a{width:18.4%;}
.con5 img{min-height:16.2rem;}
.con6 a{width:15%;}
.con6 img{min-height: 13.2rem;}
.content div.con10{width:60%;}
.con10 a{width:18%;margin-bottom:0.5rem;}
.con10 a img{border-radius:0.2rem;}
.content div.con_rank {width:38%;}
.con_rank a{width:100%;margin-bottom: 1.3rem;}
.con_rank a i{color:#666;font-size: 1rem;width: 1.8rem; display: inline-block;}
.content div.con_rank a font{display: inline-block;}
.con_rank a em{ float: right; font-style: normal;color:#999;}
.con_rank a.top i, .con_rank a.top em{color:#EF6E53}
/*底部*/
.footer { color: #fff;font-size: 0.85rem;margin-top:5rem;
    background: -webkit-linear-gradient(left, #19C0B1 80%, #C9E189); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#19C0B1 80%, #C9E189); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#19C0B1 80%, #C9E189); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#19C0B1 80%, #C9E189); /* 标准的语法 */
}
.footer img{width:8rem;margin:1rem auto 0.5rem;display:block;}
.footer span{font-size:1rem;}
.footer a{color:#fff;margin:0 0.3rem;}
body .icon.icon-bt_top{position:absolute;bottom:2rem; right:3rem;color:#fff;font-size:3rem;line-height: 1;font-weight:bold;
    background: -webkit-linear-gradient(left top, #19C0B1 30%, #C9E189); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#19C0B1 30%, #C9E189); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#19C0B1 30%, #C9E189); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom  right,#19C0B1 30%, #C9E189); /* 标准的语法 */
    border-radius:50%;
    padding:2rem;
}
/*分类*/
.type p{float:left;}
.type p font{float:left;color:#666;font-size:1rem;width:5%;margin-top:0.2rem;}
.type p span{float:right;width:95%;}
.type p a{padding:0.4rem 0.6rem;line-height:1;margin:0.2rem 0.6rem;}
.type p a:hover, .type p a.active {color:#fff;border-radius:0.8rem;
        background: -webkit-linear-gradient(left top, #19C0B1 30%, #C9E189); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(bottom right,#19C0B1 30%, #C9E189); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(bottom right,#19C0B1 30%, #C9E189); /* Firefox 3.6 - 15 */
        background: linear-gradient(to bottom right,#19C0B1 30%, #C9E189); /* 标准的语法 */
    }
.list a{margin-top:1rem;}
.list a:nth-child(6n){margin-right:0;}
.list img{ border-radius:0.2rem;}
/*漫画详情*/
.con_left,.con_right,.con_syno, .con_catalog,.con_relate,.con_coment{border:solid 1px #ddd;box-shadow:1px 1px 6px #efefef;border-radius:4px;margin-bottom:1rem;}
.content div.con_left,.content div.con_right{width:72%;}
.con_left{padding:2rem;}
.con_left img{width:45%;border-radius:4px;float:left;}
.con_left h1,.con_left h4,.con_left span{float:right;width:52%;margin:0.8rem 0 0 0;}
.con_left h1{line-height:1; font-size: 1.1rem;}
.con_left h1 b{font-size: 1.1rem; }
.con_left h1 font{color:#999;font-size:1rem;}
.con_left h1 strong{font-weight:normal;color:#FF740A;margin-left:1rem;}
.con_left h4{margin-bottom:0.6rem;}
.con_left h4 b{color:#999;font-size:1rem;font-weight:normal;margin-right:2rem;}
.con_left h4 b i{font-style:normal;font-size:0.9rem;}
.con_left h4 em{font-style:normal;border:solid 1px #aaa;color:#666;border-radius:0.6rem;line-height:1; padding:0 0.4rem;margin-right:0.5rem;font-size:0.75rem;}
.con_left span{margin-top:2.5rem;}
.con_left span a{margin-right:3%;}
.con_left span a:last-child{margin-right:0;}
.bt,.bt_active{border-radius:1rem; font-weight:bold;padding:0.65rem 1.3rem; line-height:1;}
.bt{color:#19C0B1;border:solid 1px #19C0B1;}
.bt_active {color:#fff;
    background: -webkit-linear-gradient(left top, #19C0B1 70%, #C9E189); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#19C0B1 70%, #C9E189); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#19C0B1 70%, #C9E189); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#19C0B1 70%, #C9E189); /* 标准的语法 */
}
.content div.con_right{float:right;width:25%;text-align: center;}
.con_right img{width:36%;margin:1rem auto; display:block;border-radius:0.8rem;}
.con_right b{color:#19C0B1;font-size:0.9rem;margin-bottom:2rem;display:block;line-height:1;}
.con_right a{display:inline-block;margin: 0 auto 2.2rem;float:none;border-width:2px;font-size:1rem;}
.con_syno, .con_catalog,.con_relate,.con_coment{padding:1rem;}
.con_syno p{color:#999;font-size:1rem;}
.con_catalog ul{margin-top:0.5rem;display:inline-block;}
.con_catalog ul li{float:left;width:25%;margin-bottom: 1.5rem;font-size:1rem;}
.con_catalog ul li font{display:inline-block;margin-right:0.5rem;float:left;}
.con_catalog ul li i{color:#fff;line-height:1;padding: 0.4rem;border-radius:2px;height:auto;
    background: -webkit-linear-gradient(left top, #FBC661 30%, #EF6E53); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#FBC661 30%, #EF6E53); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#FBC661 30%, #EF6E53); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#FBC661 30%, #EF6E53); /* 标准的语法 */}
.con_catalog ul li i.icoin{
    background: -webkit-linear-gradient(left top, #19C0B1 70%, #CCE188); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right,#19C0B1 70%, #CCE188); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#19C0B1 70%, #CCE188); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#19C0B1 70%, #CCE188); /* 标准的语法 */}
.bt_more{padding: 0.4rem 0.8rem;}
.bt_more .icon{float:none;margin:0 0 0 0.5rem;}
.con_relate img { min-height: 12.5rem;border-radius: 0.2rem;}
.con_relate span a:last-child {margin-right:0;}
.con_relate span font{margin-top:0.5rem;}
.con_coment h3 em {float:right;font-style:normal;background-color:#ddd;color:#666;border-radius:0.7rem;width: 9%;line-height:1.5;}
.con_coment h3 em a{border-radius:0.7rem;color:#999;font-size:0.9rem;}
.con_coment h3 em a:last-child{margin-right:0;margin-left:2px;}
.con_coment h3 em a.active{background-color:#fff;color:#19C0B1;margin:1px;padding:0 0.5rem;}
.con_coment ul li{float:left;width:100%;margin-bottom:1.2rem;padding-bottom:0.5rem;border-bottom:dashed 1px #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*white-space:normal;}
.con_coment ul li:last-child{border-bottom:0px;}
.con_coment ul li img{float:left;width:5%; border-radius:50%;}
.con_coment ul li div{float:left;width:80%;margin:0 2%;}
.con_coment ul li font{font-size:1rem;}
.con_coment ul li i{font-style:normal;font-size:0.8rem;color:#999;margin-left:0.5rem;}
.con_coment ul li div p{margin:0.5rem 0 0;}
.con_coment ul li b{float:right;width:6%;font-weight:normal;color:#999;font-size:1.5rem;}
.con_coment ul li b i{margin-left:0.2rem;}
/*登录*/
.con_login{margin:2rem auto;width:80%;}
.con_login img{width:40%;}
.con_login div{float:right;width:40%;}
.con_login div h1{text-align:center;color:#19C0B1;}
.con_login .txt{border:0px;font-size:1rem;float:left;}
.con_login .txt_tel,.con_login div span{width:98%;border:solid 1px #ddd;padding:0.5rem 1rem; border-radius:1.2rem;display:inline-block;margin:0.5rem 0;line-height:1;height:2.5rem;}
.con_login div span a{float:right;color:#19C0B1;    border-left: solid 1px #ddd;padding-left: 1rem;line-height: 1.5;}
.con_login .bt_login{width: 80%;text-align: center;margin: 2rem 10%;font-size: 1.2rem;font-weight: normal;}
.con_login em,.con_login i{font-style:normal;}
.con_login small{width:80%;position:relative;}
.con_login small h3{text-align:center;color:#999;position:relative;z-index:2}
.con_login small em{ border-top:solid 1px #ddd;width:60%;display:block;position:absolute;z-index:1;}
.con_login small b{font-weight:normal;font-size:2rem;text-align:center;width:25%;margin:0 10%;}
.con_login small b i{font-size:1rem;float:right;}
.icon-weixin1{color:#28C445}
.icon-qq{color:#68A5E1;}
.radio_agree{margin-top:1rem;display:block;}
/*关于我们*/
.span_nav {width: 100%; float: left; margin-top: 4.5rem;text-align:left;}
.span_nav a{float:none;margin:0 0.5rem;}
.span_nav a.active{color:#ea5511;}
.content div.con_left1,.content div.con_right1{width:25%;border:2px solid #ea5511;box-shadow:0px 2px 4px #CCE188;border-radius:0.25rem;}
.con_left1 a{width:100%;text-align:center;font-size:1.25rem;padding:1.3rem 0 1.7rem;overflow:hidden;}
.con_left1 a:hover,.con_left1 a.active{background-color:#37C6AB;border-left:4px solid #039789;color:#fff;}
.content div.con_right1{width:73%;float:right;}
.content .con_right1 p{width:96%;margin:1rem 2%;text-indent:2rem;}
.content .con_right1 p b{margin:1rem 0;text-indent:0px;display:inline-block;}
@media screen and (max-width: 1920px){
    .con4 img{min-height: 29.2rem;}
    .con5 img{min-height:23.2rem;}
    .con6 img{min-height:18.8rem;}
}
@media screen and (max-width: 1680px){
    .con4 img{min-height: 25.6rem;}
    .con5 img{min-height:20.2rem;}
    .con6 img{min-height:16.4rem;}
}
@media screen and (max-width: 1600px){
    .con4 img{min-height: 24.4rem;}
    .con5 img{min-height:19.2rem;}
    .con6 img{min-height:15.6rem;}
}
@media screen and (max-width: 1440px){
    .con4 img{min-height: 21.96rem;}
    .con5 img{min-height:17.2rem;}
    .con6 img{min-height:14rem;}
}
@media screen and (max-width: 1400px){
    .con4 img{min-height: 21.35rem;}
    .con5 img{min-height:16.7rem;}
    .con6 img{min-height:13.6rem;}
}