@import url('/packs/layui/css/layui.css');
@import url('/packs/swiper/swiper-bundle.min.css');
@import url('/packs/pc/css/fonts.css');
body{font-family: Archivo;color:rgba(18,18,23,0.9);}
svg, symbol path {fill: currentColor;}
svg {vertical-align: middle;display: inline-block;stroke-width: 0;stroke: currentColor;pointer-events: none;}
svg path {fill: currentColor;fill-opacity: 1;}
a{color: rgba(18,18,23,0.6);}
a:hover{color: #3b66f5;}
img{width: 100%;height: 100%;object-fit: cover;}
.pic{background: #f2f2f2 url(../images/pic.png) 50% no-repeat;background-size: cover;}
.hide{display: none;}
.i-facebook, .i-googlePlus, .i-mail{width: 24px;height: 24px;background-size: 100%;display: inline-block;position: absolute;top: 50%;left: 16px;margin-top: -12px;}
.i-facebook {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMABEGz+tzYa9RYy8aH8+6AUxPsrqOKXh0NCNGTUDyrhnRJNSgO9em/QcB7AgAAAWlJREFUSMelleeWgyAQRkEQWyxrS0xvu8v7P+FyYuKSfBRzcn/OzFVkRiCfQ4OOiZrzWrAuoN7qqi2kRtFWTicJJRAm1vIglUbSwFy/kFYWBFkx6YCtXuuXsXQSL1+eD/VgPL+DSS/M973ZIkqSPio3hi8PsLy5TNkp9r+7uP9HQlBIp/5C/YagoLj3nMI8FFezEI5zVVlegIKsboEWhNOjm9tIoSXa24oKEO5d3X7DWql5T4dRgO6PO9thmIxwzHTaVKBgmQ/xjiBUuH5HqGGlHoGrcP5Uiuz1fK4CoV3AyQxVIPMIP3o+U4HGLQxSZ68iB7dwgfMmcAsnGA2aO4XoaZMonBjuPjTwAxkF+EfFXEHcE/1coSdwCjgFMd0tOz5H4No1Uc4RSv1qy/zCL9H5WvuE+IuA4RLSsV43MpeQXQlAS24T+GEgJs6hWVifiQXaxyiIiBIHW5brAmcB8UF3jw41x91APuYPLSjCyZt/wsoAAAAASUVORK5CYII=");
}
.i-googlePlus {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='a' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.064 10.036H12v4.173h5.793c-.54 2.651-2.798 4.173-5.793 4.173A6.369 6.369 0 0 1 5.618 12 6.37 6.37 0 0 1 12 5.618c1.522 0 2.896.54 3.976 1.424L19.118 3.9C17.204 2.23 14.75 1.2 12 1.2 6.01 1.2 1.2 6.01 1.2 12c0 5.99 4.81 10.8 10.8 10.8 5.4 0 10.309-3.927 10.309-10.8 0-.638-.098-1.325-.245-1.964z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.218 18.382V5.618L8.564 12 .218 18.382z' fill='%23FBBC05'/%3E%3C/g%3E%3Cmask id='b' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.064 10.036H12v4.173h5.793c-.54 2.651-2.798 4.173-5.793 4.173A6.369 6.369 0 0 1 5.618 12 6.37 6.37 0 0 1 12 5.618c1.522 0 2.896.54 3.976 1.424L19.118 3.9C17.204 2.23 14.75 1.2 12 1.2 6.01 1.2 1.2 6.01 1.2 12c0 5.99 4.81 10.8 10.8 10.8 5.4 0 10.309-3.927 10.309-10.8 0-.638-.098-1.325-.245-1.964z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.218 5.618L8.564 12 12 9.005l11.782-1.914V.218H.218v5.4z' fill='%23EA4335'/%3E%3C/g%3E%3Cmask id='c' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.064 10.036H12v4.173h5.793c-.54 2.651-2.798 4.173-5.793 4.173A6.369 6.369 0 0 1 5.618 12 6.37 6.37 0 0 1 12 5.618c1.522 0 2.896.54 3.976 1.424L19.118 3.9C17.204 2.23 14.75 1.2 12 1.2 6.01 1.2 1.2 6.01 1.2 12c0 5.99 4.81 10.8 10.8 10.8 5.4 0 10.309-3.927 10.309-10.8 0-.638-.098-1.325-.245-1.964z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23c)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.218 18.382L14.945 7.09l3.879.49L23.782.219v23.564H.218v-5.4z' fill='%2334A853'/%3E%3C/g%3E%3Cmask id='d' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='22'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.064 10.036H12v4.173h5.793c-.54 2.651-2.798 4.173-5.793 4.173A6.369 6.369 0 0 1 5.618 12 6.37 6.37 0 0 1 12 5.618c1.522 0 2.896.54 3.976 1.424L19.118 3.9C17.204 2.23 14.75 1.2 12 1.2 6.01 1.2 1.2 6.01 1.2 12c0 5.99 4.81 10.8 10.8 10.8 5.4 0 10.309-3.927 10.309-10.8 0-.638-.098-1.325-.245-1.964z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23d)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.782 23.782L8.564 12 6.6 10.527l17.182-4.909v18.164z' fill='%234285F4'/%3E%3C/g%3E%3C/svg%3E");
}
.i-mail {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 4H2v16h20V4zM4 6v2.5l8 6 8-6V6l-8 6-8-6z' fill='%23fff'/%3E%3C/svg%3E");
}
.nodata{font-size: 16px;padding: 0 1em;margin: 5% auto;text-align: center;color: #7f7f7f;padding-bottom: 50px;}
.nodata img{display: block;margin: 0 auto 24px;width: 146px;height:146px;}
.nodata p{text-transform: capitalize;font-weight: 400;}
.loading{margin: 30px auto;text-align: center;}
.loading span{font-size: 14px;color: #999;}
.loading .load{position: relative;height: 32px;width: 32px;margin: 0 auto;}
.loading .load i{transform: translate(12px);animation: load 2s ease-in-out infinite;}
.loading .load:before{content: "";-webkit-transform: translate(24px,24px);transform: translate(24px,24px);animation: load2 2s ease-in-out infinite;}
.loading .load:after{content: "";-webkit-transform: translateY(24px);transform: translateY(24px);-webkit-animation: load1 2s ease-in-out infinite;animation: load1 2s ease-in-out infinite;}
.loading .load:after,.loading .load:before,.loading .load i{height: 10px;width: 10px;border-radius: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,.3);}
@keyframes load {
    17%,50%,83% {opacity: .25}
    0%,to {opacity: 1;-webkit-transform: translate(12px);transform: translate(12px)}
    33% {opacity: 1;-webkit-transform: translate(24px,24px);transform: translate(24px,24px)}
    66% {opacity: 1;-webkit-transform: translateY(24px);transform: translateY(24px)}
}
@keyframes load1 {
    17%,50%,83% {opacity: .25}
    0%,to {opacity: 1;-webkit-transform: translateY(24px);transform: translateY(24px)}
    33% {opacity: 1;-webkit-transform: translate(12px);transform: translate(12px)}
    66% {opacity: 1;-webkit-transform: translate(24px,24px);transform: translate(24px,24px)}
}
@keyframes load2 {
    17%,50%,83% {opacity: .25}
    0%,to {opacity: 1;-webkit-transform: translate(24px,24px);transform: translate(24px,24px)}
    33% {opacity: 1;-webkit-transform: translateY(24px);transform: translateY(24px)}
    66% {opacity: 1;-webkit-transform: translate(12px);transform: translate(12px)}
}
.layui-layer-shade{background-color: hsla(0,0%,100%,.5)!important;opacity: 1!important;}
.cscms-open,.cscms-open-notitle{box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);top:50% !important;transform: translateY(-50%);max-height: 90vh;}
.cscms-open .layui-layer-title{border-top: 3px solid #3b66f5;font-size: 24px;line-height: 32px;color: #000;font-weight: 700;padding:32px;padding-bottom:0;border-bottom:0;}
.cscms-open .layui-layer-setwin{top: 25px;right: 20px;}
.cscms-open .layui-layer-setwin .layui-layer-close1{background: url(../images/close.png) no-repeat;background-position: 0 0;width: 20px;height: 20px;background-size: cover;}
.cscms-open .layui-layer-content iframe{max-height: 80vh;}
.cscms-open-notitle .layui-layer-content iframe{max-height: 90vh;}
.cscms-open-notitle .layui-layer-setwin{top: 35px;right: 30px;}


.box{width: 980px;margin: 0 auto;}
.header{width: 100%;background: #fff;position: fixed;height: 40px;padding: 20px 0;border-bottom: 1px solid #e7e7e7;z-index: 99;}
.header-item.hide{transform: translateX(-100px);opacity: 0;transition-duration: .5s;}
.header-item{display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;}
.header-item .left{display: flex;flex-direction: row;}
.header-item .left .logo{width: 40px;height: 40px;margin-right: 12px;background: url(../images/logo.png) 50% 50% no-repeat;background-size: 100% 100%;font-size: 0;}
.header-item .left .nav{display: flex;flex-direction: row;}
.header-item .left .nav li{position: relative;transition: .3s;}
.header-item .left .nav li .a{display: flex;flex-direction: row;height: 40px;align-items: center;padding: 0 8px;color: rgba(18,18,23,0.6);}
.header-item .left .nav li .a svg{font-size: 24px;}
.header-item .left .nav li .a svg path{fill: currentColor;fill-opacity: 1;}
.header-item .left .nav li .a b{margin-left: 8px;font-size: 16px;font-weight: 600;}
.header-item .left .nav li .a:hover{color: #3b66f5;}
.header-item .left .nav li .type-box{opacity: 0;visibility: hidden;position: absolute;transform:translateX(10px);pointer-events: none;top: 100%;left: 0;padding-top: 8px;transition: .2s ease-out;}
.header-item .left .nav li .type-box.show{opacity: 1;visibility: visible;transform:translate(0);pointer-events: auto;z-index:101;}
.header-item .left .nav li .type-box:before{content: "";position: absolute;bottom: 95%;left: 18px;border-bottom: 7px solid #25262f;border-left: 6px dashed transparent;border-right: 6px dashed transparent;height: 0;width: 0;}
.header-item .left .nav li .type-box .type-item{display: flex;flex-direction: row;padding: 0;height: 100%;width: 100%;background-color: #25262f;border-radius: 12px;box-shadow: 0 8px 20px rgba(0,0,0,.2);}
.header-item .left .nav li .type-box .type-item .type-left{width: 132px;height: 100%;background-color: #000;font-size: 16px;padding-top: 8px;border-radius: 12px 0 0 12px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.header-item .left .nav li .type-box .type-item .type-left a{display: block;padding: 12px 16px;font-size: 20px;font-weight: 700;color: hsla(0,0%,100%,.9);line-height: 24px;transition: background-color .2s,color .2s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header-item .left .nav li .type-box .type-item .type-left a.on{color: #fff;background:#3b66f5;}
.header-item .left .nav li .type-box .type-item .type-right{padding: 12px 0 4px 12px;width: 484px;overflow: hidden;background-color: #25262f;border-radius: 0 4px 4px 0;display: none;}
.header-item .left .nav li .type-box .type-item .type-right .li{display: grid;column-count: 2;column-gap: 8px;grid-auto-flow: column;grid-template-rows: repeat(8, 1fr);font-weight: 600;font-size: 16px;line-height: 24px;}
.header-item .left .nav li .type-box .type-item .type-right .li a{color: hsla(0,0%,100%,.8);display: block;padding: 4px 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition: background-color .2s,color .2s;transition: background-color .2s,color .2s;border-radius: 4px;text-decoration: none;will-change: background-color,color;}
.header-item .left .nav li .type-box .type-item .type-right .li a:hover{background-color: rgba(0,0,0,.5);color: #fff;}
.header-item .left .nav li .type-box .type-item .type-right.book{flex-direction: row;display: flex;}
.header-item .left .nav li .type-box .type-item .type-right.book .man-box{flex: 1;}
.header-item .left .nav li .type-box .type-item .type-right.book .girl-box{width: 144px;margin-right: 40px;margin-left: 20px;}
.header-item .left .nav li .type-box .type-item .type-right.book p{display: block;font-size: 12px;line-height: 24px;margin: 4px 0;color: hsla(0,0%,100%,.24);text-transform: uppercase;font-weight: 500;padding-left: 12px;}
.header-item .left .nav li .type-box .type-item .type-right.book .li{display: flex;}
.header-item .left .nav li .type-box .type-item .type-right.book .man-box .li{display: grid;column-count: 2;column-gap: 8px;grid-auto-flow: column;grid-template-rows: repeat(8, 1fr);}
.header-item .left .nav li .type-box .type-item .type-column{display: flex;flex-direction:column;}
.header-item .left .nav li .type-box .type-item .type-column a{color: hsla(0,0%,100%,.8);display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 12px 26px;font-size: 16px;line-height: 24px;    transition: background-color .2s,color .2s;}
.header-item .left .nav li .type-box .type-item .type-column a:hover{color: #fff;background:#3b66f5;}
.header-item .left .nav li:first-child .type-box{height: 312px;width: 640px;}
.header-item .left .nav li:first-child .type-box:before{bottom: 97.6%;}
.header-item .right{display: flex;flex-direction: row;align-items: center;height: 100%;}
.header-item .right span{margin-left: 8px;cursor: pointer;color: rgba(18,18,18,.6);}
.header-item .right span:hover{color: #3b66f5;}
.header-item .right .search{width: 40px;height: 40px;color: rgba(18,18,23,0.24);border: 1px solid #d7d8e0;border-radius: 100px;box-sizing: border-box;padding: 10px 16px;display: inline-block;font-size: 0;transition: .2s;}
.header-item .right .search svg {position: relative;left: -5px;width: 20px;height: 20px;margin-right: 8px;}
.header-item .right .search:hover{color: #3b66f5;}
.header-item .right .text{height: 40px;line-height: 40px;padding: 0 8px;font-size: 16px;font-weight: 600;}
.header-item .right .setting{margin-right: 8px;}
.header-item .right .setting i{display: inline-block;font-size:24px;}
.header-item .right .btn{text-align: center;display: inline-block;vertical-align: middle;color: #fff;border: 1px solid transparent;background-color: #3b66f5;background-image: linear-gradient(90deg,#3b66f5,#163bcd);background-position: 50% 50%;background-repeat: no-repeat;padding: 8px 16px;height: 40px;transition: .3s;font-size: 14px;font-family: Nunito Sans,SF Pro Text,SF Pro Icons,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight: 600;line-height: 24px;white-space: nowrap;text-transform: uppercase;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 100px;background-clip: padding-box;}
.header-item .right .btn:hover{color: #fff;}
.header-item .right .userinfo{font-size: 16px;position: relative;}
.header-item .right .userinfo .img{display: block;background: #bfc9ff;cursor: pointer;transition-duration: .3s;width: 40px;height: 40px;overflow: hidden;border-radius: 100%;}
.header-item .right .userinfo .img:hover{box-shadow: 0 2px 8px rgba(0,0,0,.3);opacity: .8;}
.header-item .right .userinfo .img:active{transform: scale(.95);}
.header-item .right .userinfo .mark{position: absolute;top:130%;border-radius: 10px;right:-8px;width: 300px;color: #fff;background-color: #25262f;opacity: 0;visibility: hidden;transform: translateX(10px);pointer-events: none;}
.header-item .right .userinfo .mark.show{visibility: visible;opacity: 1;z-index: 101;transform: translate(0);pointer-events: auto;}
.header-item .right .userinfo .mark:before{position: absolute;content: "";border-left: 6px dashed transparent;border-right: 6px dashed transparent;height: 0;width: 0;bottom: 100%;left: auto;right: 22px;border-bottom: 7px solid #25262f;}
.header-item .right .userinfo .mark .user-info{box-sizing: border-box;padding: 16px;padding-top: 12px;display: flex;justify-content: space-between;align-items: center;}
.header-item .right .userinfo .mark .user-info .pic{width: 56px;height: 56px;border-radius: 100%;margin-right: 8px;overflow: hidden;}
.header-item .right .userinfo .mark .user-info .info{flex:1;}
.header-item .right .userinfo .mark .user-info .info a{color: #fff;}
.header-item .right .userinfo .mark .user-info .info h4{margin-bottom: 4px;max-width: 9.5em;font-size: 16px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-item .right .userinfo .mark .user-info .info p a{margin-right: 16px;display: inline-block;}
.header-item .right .userinfo .mark .user-info .info p a img{width: 20px;height: 20px;vertical-align: middle;}
.header-item .right .userinfo .mark .user-info .info p a text{font-size: 16px;margin-left: 4px;vertical-align: middle;font-weight: 700;}
.header-item .right .userinfo .mark .cion-box{box-sizing: border-box;padding: 16px;padding-top: 4px;display: flex;justify-content: space-between;align-items: center;}
.header-item .right .userinfo .mark .cion-box span{color: #fff;}
.header-item .right .userinfo .mark .cion-box img{width: 24px;height: 24px;margin-right: 4px;}
.header-item .right .userinfo .mark .cion-box .btn{padding: 0 16px;line-height: 32px;height: 32px;font-size: 12px;}
.header-item .right .userinfo .mark .cion-box .btn:hover{opacity: .7;}
.header-item .right .userinfo .mark .vip-box{cursor: pointer;position: relative;padding: 12px;box-sizing: border-box;margin: 16px;margin-top: 8px;display: flex;flex-direction: column;background: linear-gradient(126.07deg,#222026 23.7%,#383b43 95.44%);box-shadow: inset 0 1px 1px hsla(0,0%,100%,.04);transition: transform .2s;transition: transform .2s, -webkit-transform .2s;}
.header-item .right .userinfo .mark .vip-box:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 8px;border: 2px solid #ff8d29;}
.header-item .right .userinfo .mark .vip-box:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/v.svg) 100% 100% no-repeat;}
.header-item .right .userinfo .mark .vip-box .vbg{position: absolute;top: 0;left:0;width: 100%;height: 100%;border-radius: 8px;overflow: hidden;}
.header-item .right .userinfo .mark .vip-box .vbg:before {content: "";position: absolute;top: -25%;left: -24%;width: 30px;height: 200%;transform: translateX(0) rotate(20deg);background-color: rgba(255,141,41,.5);}
.header-item .right .userinfo .mark .vip-box:hover .vbg:before {-webkit-transition: -webkit-transform .3s ease-in-out;transition: -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out;transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;-webkit-transform: translateX(360px) rotate(20deg);transform: translateX(360px) rotate(20deg)}
.header-item .right .userinfo .mark .vip-box h3{background-image: -webkit-gradient(linear,0 0,0 bottom,from(#efd3a5),to(#daa88c));-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #efd3a5;line-height: 24px;font-size: 20px;font-weight: 700;}
.header-item .right .userinfo .mark .vip-box p{color: hsla(0,0%,100%,.6);line-height: 16px;font-size: 12px;margin-bottom: 8px;}
.header-item .right .userinfo .mark .vip-box .btn2 {padding: 3px 12px 5px;height: 16px;font-size: 12px;letter-spacing: 1px;background: linear-gradient(90deg,#ff8d29,#e34c01);background-clip: padding-box;text-align: center;font-weight: 600;color: #fff;max-width: 65px;white-space: nowrap;line-height: 16px;border-radius: 24px;}
.header-item .right .userinfo .mark li {color: hsla(0,0%,100%,.9);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 12px 16px;font-size: 16px;line-height: 24px;transition: background-color .2s,color .2s;cursor: pointer;}
.header-item .right .userinfo .mark li span{color: hsla(0,0%,100%,.9);margin-left:0;}
.header-item .right .userinfo .mark li small{display: block;font-size: 12px;color: #c0c2cc;font-weight: 400;line-height: 16px;}
.header-item .right .userinfo .mark li:hover{background-color: #3b66f5;}
.header-item .right .userinfo .mark li:hover span{color: #fff;}
.header-item .lang-mark{display: none;position: absolute;right: 50px;top: 50px;z-index: 101;background-color: #25262f;width: 360px;max-height: 80vh;overflow-y: auto;border-radius: 12px;box-sizing: border-box;padding: 24px;}
.header-item .lang-mark h6{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: hsla(0,0%,100%,.9);letter-spacing: .15px;font-size: 20px;margin-bottom: 4px;margin-right: 24px;font-weight: 700;}
.header-item .lang-mark li{height: 48px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.header-item .lang-mark li span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: hsla(0,0%,100%,.9);letter-spacing: .15px;font-size: 16px;line-height: 24px;}
.header-item .lang-mark li i{display: none;font-size: 20px;}
.header-item .lang-mark li.on i{display: block;color: #3b66f5;} 

.bottom{background-color: #25253d;padding: 64px 0 56px;position: relative;z-index: 1;}
.bottom .box{display: flex;flex-direction: row;justify-content: space-between;}
.bottom .left{width: 308px;height: 192px;margin-left: 14px;margin-right: 14px;position: relative;}
.bottom .left p img{height: 40px;}
.bottom .left .extra{position: absolute;left:0;bottom:0;width: 100%;color: hsla(0,0%,100%,.5);}
.bottom .left .extra .icon{display: flex;height: 23px;margin-bottom: 12px;align-items: center;}
.bottom .left .extra .icon a{color: hsla(0,0%,100%,.5);}
.bottom .left .extra .icon a:hover{color: #000;}
.bottom .left .extra .icon span{font-size: 24px;margin-right: 16px;}
.bottom .right{display: flex;flex-direction: row;flex:1;}
.bottom .right .span{flex: 1;margin: 0 20px;}
.bottom .right .span .title{font-weight: 700;font-size: 16px;color: #fff;}
.bottom .right .span .links{padding-top: 24px;}
.bottom .right .span .links a{display: block;color: hsla(0,0%,100%,.5);padding: 5px 0;}
.bottom .right .span .links a:hover{text-decoration: underline;}

.login-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: hsla(0,0%,100%,.5);z-index: 999;display: none;transition: opacity .5s;}
.login-box{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);border-top: 3px solid #3b66f5;text-align: center;font-size: 16px;line-height: 1.5;color: rgb(31, 33, 41);box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);}
.login-box .login-item{width: 440px;min-height: 500px;background: url(../images/login-bg.jpg) 50% 80% / cover no-repeat;}
.login-box .login-item.bg{background: #f5f5fa;}
.login-box .login-item h3{position: relative;text-align: left;padding: 24px 24px 0px;z-index: 10;color: rgb(31, 33, 41);height: 25px;}
.login-box .login-item h3 span{vertical-align: middle;}
.login-box .login-item h3 .back-btn{width: 20px;height: 20px;font-size: 22px;color: #1f2129;cursor: pointer;opacity: 0;visibility: hidden;}
.login-box .login-item h3 .text{font-size: 18px;color: #000;line-height: 24px;font-weight: 500;margin: 0 0 0 8px;opacity: 0;visibility: hidden;}
.login-box .login-item h3 .login-close{cursor: pointer;position: absolute;height: 24px;width: 24px;top: 19px;right: 16px;font-weight: 600;font-size: 16px;color: #83848f;border-radius: 50%;z-index: 10;}
.login-box .login-item h3 .login-close:hover{color: #333;}
.login-box .login-item h3.backshow .back-btn{opacity: 1;visibility:visible;}
.login-box .login-item h3.textshow .text{opacity: 1;visibility:visible;}
.login-box .login-item .index-box{padding: 0px 10% 60px;}
.login-box .login-item .index-box .logo{text-align: center;margin-bottom: 24px;}
.login-box .login-item .index-box .logo img{max-width: 100%;border: 0px none;width: 38px;height: 38px;}
.login-box .login-item .index-box .logo h2{margin-top: 8px;margin-bottom: 4px;font-weight: 500;font-size: 20px;}
.login-box .login-item .index-box .logo p{color: rgb(131, 132, 143);font-size: 14px;}
.login-box .login-item .index-box .btn-box{margin-left: auto;margin-right: auto;max-width: 320px;}
.login-box .login-item .index-box .btn-box .btn{width: 100%;box-shadow: rgba(18, 18, 23, 0.1) 0px 0px 0px 1px inset;display: block;text-align: center;box-sizing: border-box;font-size: 12px;line-height: 24px;position: relative;padding: 12px 2em;transition: transform 0.2s ease 0s, -webkit-transform 0.2s ease 0s;color: rgb(255, 255, 255);border-radius: 80px;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;user-select: none;border: 0px none;text-decoration: none;background: linear-gradient(45deg, rgb(109, 160, 251) 0px, rgb(59, 102, 245) 100%) rgb(59, 102, 245);text-transform: uppercase;font-weight: 500;}
.login-box .login-item .index-box .btn-box .btn + .btn {margin-top: 8px;}
.login-box .login-item .index-box .btn-box .btn:nth-child(1){color: rgba(18, 18, 23, 0.9);background: rgb(255, 255, 255);}
.login-box .login-item .index-box .btn-box .btn:nth-child(2){color: rgba(255, 255, 255, 0.9);background: rgb(24, 119, 242);}
.login-box .login-item .index-box .btn-box .btn:nth-child(3){color: rgba(255, 255, 255, 0.9);background: rgb(96, 189, 77);}
.login-box .login-item .index-box .btn-box .btn:active {transform: scale(0.98);}
.login-box .login-item .index-box .btn-box .btn:hover {opacity: 0.8;}
.login-box .login-item .index-box .emial-box,
.login-box .login-item .index-box .pass-box{margin-top: 20px;display: none;}
.login-box .login-item .index-box .pass-box h5{text-align: left;}
.login-box .login-item .index-box .input{display: block;position: relative;font-size: 14px;color: #c0c2cc;padding-top: 20px;margin-bottom: 24px;}
.login-box .login-item .index-box .input input{position: relative;z-index: 1;width: 100%;border: none;padding: 8px;box-shadow: 0 1px 0 #b3b3b3;height: 40px;line-height: 24px;font-size: 16px;border-radius: 0;background-color: transparent;box-sizing: border-box;}
.login-box .login-item .index-box .input label{position: absolute;left: 8px;top: 0;z-index: 1;font-size: 12px;line-height: 1;text-transform: uppercase;transition: bottom .2s,font-size .2s,color .2s;pointer-events: none;}
.login-box .login-item .index-box .input .psw{cursor: pointer;font-size:14px;position: absolute;height: 32px;line-height: 32px;color: #83848f;right: 0;bottom: 1px;z-index: 2;transition: transform .2s,}
.login-box .login-item .index-box .input .error{position: absolute;top: 100%;left: 8px;right: 0px;padding-top: 4px;font-size: 12px;color: rgb(237, 66, 75);text-align: left;line-height: 16px;display: none;font-style: italic;}
.login-box .login-item .index-box .emial-box .email-btn,
.login-box .login-item .index-box .pass-box .pass-btn{width: 100%;text-align: center;box-sizing: border-box;font-size: 12px;line-height: 24px;position: relative;padding: 12px 2em;transition: transform .2s,-webkit-transform .2s;color: #fff;border-radius: 80px;white-space: nowrap;vertical-align: middle;cursor: pointer;user-select: none;border: none 0;text-decoration: none;background: #3b66f5 linear-gradient(45deg,#6da0fb 0,#3b66f5 100%);text-transform: uppercase;font-weight: 500;}
.login-box .login-item .index-box .emial-box .email-btn.disabled,
.login-box .login-item .index-box .pass-box .pass-btn.disabled{opacity: .5;pointer-events: none;cursor: not-allowed;}
.login-box .login-item .index-box .emial-box .tpstxt{margin: 24px 0;font-size: 12px;text-transform: uppercase;line-height: 16px;color: #83848f;}
.login-box .login-item .index-box .emial-box .tpstxt b{color: #3b66f5;font-weight: 500;cursor: pointer;}
.login-box .login-item .index-box .extra-line{box-shadow: 0 1px 0 #b3b3b3;height: 1px;margin-top:24px;}
.login-box .login-item .index-box .extra-txt {margin-top: 10px;font-size: 12px;text-transform: uppercase;line-height: 16px;color: rgb(131, 132, 143);}
.login-box .login-item .index-box .extra-txt strong{display: block;margin-bottom: 8px;}
.login-box .login-item .index-box .extra-txt a{color: rgb(59, 102, 245);font-weight: 500;}
.login-box .login-item .index-box .copy{padding-top: 20px;height: 48px;padding-left: 24px;padding-right: 24px;font-size: 12px;color: rgb(131, 132, 143);}
.login-box .login-item .index-box .copy a{display: inline-block;color: rgb(131, 132, 143);text-decoration: underline;}
.login-box .login-item .index-box .copy i{display: inline-block;width: 0px;overflow: hidden;text-indent: 9999px;height: 0.8em;margin: 0px 0.3em;vertical-align: middle;border-left: 1px solid;}
.login-page{background: url(../images/login-bg.jpg) 50% 80% no-repeat;background-size: cover;text-align: center;height: 100vh;}
.login-page .login-box .login-item{background: rgba(255,255,255,.4);}
.login-page .login-box .login-item .login-close{display: none;}

.search-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: rgba(0,0,0,.4);z-index: 999;opacity: 0;visibility: hidden;}
.search-mark .search-top{position: absolute;top:0;left:0;width: 100%;background-color: #fff;height: 40px;padding: 20px 0;}
.search-mark .search-top .input-box{width: 800px;height: 40px;margin: 0 auto;position: relative;transform: translateX(50px);opacity: 0;}
.search-mark .search-top .input-box input{color: rgba(18,18,23,0.9);width: calc(100% - 90px);padding: 9px 44px;line-height: 20px;font-size: 16px;border-radius: 40px;border: 1px solid #d7d8e0;}
.search-mark .search-top .input-box input::input-placeholder{color: #d7d8e0;}
.search-mark .search-top .input-box .i1{position: absolute;top: 10px;left: 18px;font-size: 18px;color: #83848f;}
.search-mark .search-top .input-box .i2{position: absolute;top: 0;right:0;font-size: 14px;color:rgba(18,18,23,0.61);cursor: pointer;width: 35px;line-height: 40px;}
.search-mark .search-box{position: absolute;top: 80px;left: 50%;width: 800px;margin-left: -400px;min-height: 240px;background-color: #fff;border-radius: 0 0 4px 4px;box-sizing: border-box;z-index: 2;padding:16px 24px;}
.search-mark .search-box h3{font-size: 16px;font-weight: 600;margin-bottom: 8px;color: #83848f;line-height: 20px}
.search-mark .search-box ul li{transition-duration: .3s;transition-property: transform,opacity,-webkit-transform;transition-timing-function: ease-in-out;transform: none;transition-delay: 50ms;font-size: 16px;}
.search-mark .search-box ul li a{display: flex;align-items: center;color: rgba(18,18,23,0.9);line-height: 24px;padding: 12px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 2px;margin-left: -8px;margin-right: -8px;transition: background-color .2s;}
.search-mark .search-box .search-pop ul li a{font-size: 14px;}
.search-mark .search-box ul li a span{font-size: 20px;margin-right: 24px;}
.search-mark .search-box ul li a b{color:#4c5fe2;}
.search-mark .search-box ul li a:hover{background-color: #f5f6fc;text-decoration: none;}
.search-mark .search-box .search-list{display: none;}
.search-mark .search-tip{color: #83848f;font-size: 12px;padding-top: 10px;}
.search-mark .search-close{cursor: pointer;position: absolute;width: 20px;height: 20px;left: 50%;bottom: 20%;color: #fff;opacity: 0;transition: transform .2s ease-in-out;transform: translate(-50%,-50%);}
.search-mark:hover .search-close{opacity: 1;}
.search-mark.show{opacity: 1;visibility: visible;transition: opacity .5s;}
.search-mark.show .search-top .input-box{opacity: 1;transform:none;transition-duration: .3s;transition-property: transform,opacity,-webkit-transform;transition-timing-function: ease-in-out;}

.index-box-1{display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 8px;padding-top: 48px;}
.index-box-1 .left{width: 476px;}
.index-box-1 .left h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;font-size: 24px;line-height: 32px;padding-bottom: 12px;font-weight: 700;}
.index-box-1 .left .swiper{width: 470px;height: 288px;border-radius: 4px;overflow: hidden;}
.index-box-1 .left .swiper .swiper-slide{position: relative;overflow: hidden;}
.index-box-1 .left .swiper .swiper-slide .bg{position: absolute;top:0;left:0;width: 100%;height: 100%;z-index: -1;filter: blur(6px);transform:scale(2);}
.index-box-1 .left .swiper .swiper-slide a{display: flex;flex-direction: row;justify-content: space-between;padding: 32px;background: rgba(0,0,0,.2);height: 100%;}
.index-box-1 .left .swiper .swiper-slide a .pic{width: 160px;height: 220px;overflow: hidden;margin-right: 20px;border-radius: 4px;}
.index-box-1 .left .swiper .swiper-slide a .info{flex:1;}
.index-box-1 .left .swiper .swiper-slide a .info h5{padding: 15px 0;overflow: hidden;text-overflow: ellipsis;font-weight: 700;color: #fff;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;word-break: break-all;}
.index-box-1 .left .swiper .swiper-slide a .info p{overflow: hidden;text-overflow: ellipsis;font-weight: 500;color: #fff;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;word-wrap: break-word;word-break: break-all;}
.index-box-1 .right{flex:1;margin-left: 28px;}
.index-box-1 .right h3{border-bottom: 1px solid #e7e7e7;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;font-size: 24px;line-height: 32px;padding-bottom: 12px;font-weight: 700;}
.index-box-1 .right li{border-bottom: 1px solid #e7e7e7;transition-duration: .2s;padding: 16px 0;}
.index-box-1 .right li:hover{background: #f5f5fa;}
.index-box-1 .right li a{display: flex;flex-direction: row;justify-content: space-between;}
.index-box-1 .right li a .pic{width: 104px;height: 64px;overflow: hidden;border-radius: 4px;margin-left: 20px;}
.index-box-1 .right li a .info{flex:1;}
.index-box-1 .right li a .info h5{overflow: hidden;text-overflow: ellipsis;font-weight: 700;font-size: 16px;white-space: nowrap;line-height: 20px;margin-bottom: 4px;color:rgba(18,18,23,0.9);}
.index-box-1 .right li a .info p{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 20px;font-size: 14px;font-weight: 400;}

.index-box-2{width: 100%;background: #f6f7fc;padding: 32px 0;}
.index-box-2 h3{position: relative;padding-bottom: 12px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 32px;font-size: 24px;font-weight: 700;border-bottom: 1px solid #e7e7e7;;}
.index-box-2 h3 a{position: absolute;right:0;top:0;line-height: 32px;color:#3b66f5;font-size: 14px;font-weight: 600;}
.index-box-2 h3 a:hover{text-decoration: underline;}
.index-box-2 ul{display: flex;flex-direction: row;width: 100%;}
.index-box-2 ul li{width: 105px;margin-left: 20px;height: 211px;}
.index-box-2 ul li:first-child{margin-left:0;}
.index-box-2 ul li .pic{width: 100%;height: 139px;border-radius: 4px;overflow: hidden;margin-bottom: 8px;}
.index-box-2 ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-2 ul li .pic:hover img{transform: scale(1.1);}
.index-box-2 ul li h5{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;letter-spacing: .15px;line-height: 20px;font-size: 16px;margin-bottom: 4px;font-weight: 700;color:rgba(18,18,23,0.9);}
.index-box-2 ul li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 20px;font-size: 14px;font-weight: 400;}
.index-box-2 ul li a:hover{color:rgba(18,18,23,0.6);text-decoration: underline;}

.index-box-3{padding-top: 48px;}
.index-box-3 h3{position: relative;padding-bottom: 12px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 32px;font-size: 24px;font-weight: 700;border-bottom: 1px solid #e7e7e7;;}
.index-box-3 h3 a{position: absolute;right:0;top:0;line-height: 32px;color:#3b66f5;font-size: 14px;font-weight: 600;}
.index-box-3 h3 a:hover{text-decoration: underline;}
.index-box-3 .row{display: flex;flex-direction: row;max-height: 470px;overflow: hidden;}
.index-box-3 .row.show{max-height: 860px;}
.index-box-3 .row .item{flex: 1;margin-left: 28px;}
.index-box-3 .row .item:first-child{margin-left:0;}
.index-box-3 .row .item h4{height: 40px;color:#fff;background-repeat: no-repeat;padding: 6px 32px 0 8px;background-image: url(../images/rank_title.svg);letter-spacing: .15px;line-height: 24px;font-size: 20px;margin-bottom: 20px;font-weight: 700;}
.index-box-3 .row .item li{margin-bottom: 16px;display: flex;}
.index-box-3 .row .item li .pic{width: 48px;height: 64px;border-radius: 4px;overflow: hidden;}
.index-box-3 .row .item li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-3 .row .item li .pic:hover img{transform: scale(1.1);}
.index-box-3 .row .item li .xu{margin: 0 8px;font-weight: 400;line-height: 20px;font-size: 16px;font-weight: 400;color: rgba(18,18,23,0.6);}
.index-box-3 .row .item li .x0{color: #eb1551;}
.index-box-3 .row .item li .x1{color: #ff8d29;}
.index-box-3 .row .item li .x2{color: #39cca0;}
.index-box-3 .row .item li .info{flex:1;}
.index-box-3 .row .item li .info h5{overflow: hidden;text-overflow: ellipsis;font-weight: 700;font-size: 16px;white-space: nowrap;line-height: 20px;margin-bottom: 4px;color:rgba(18,18,23,0.9);}
.index-box-3 .row .item li .info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 4px;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 16px;font-size: 12px;font-weight: 400;}
.index-box-3 .row .item li .info p i{font-size: 12px;margin-right: 2px;}
.index-box-3 .row .item li a:hover{color:rgba(18,18,23,0.6);text-decoration: underline;}
.index-box-3 .more{color:#3b66f5;letter-spacing: .2px;line-height: 16px;font-size: 14px;font-weight: 600;text-align: center;padding: 8px 0;cursor: pointer;}

.index-box-4{padding-top: 48px;}
.index-box-4 h3{position: relative;padding-bottom: 12px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 32px;font-size: 24px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.index-box-4 ul{display: flex;flex-wrap: wrap;}
.index-box-4 li{max-width: 40%;box-shadow: 0 4px 20px rgba(0,0,0,.08);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition-duration: .2s;letter-spacing: .2px;line-height: 16px;font-size: 14px;font-weight: 600;margin-bottom: 24px;margin-right: 24px;text-transform: uppercase;background-color: #fff;}
.index-box-4 li:hover{transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,.1);}
.index-box-4 li a{display: block;padding:16px;}

.index-box-5{padding-top: 48px;display: flex;flex-direction: row;}
.index-box-5 h3{position: relative;padding-bottom: 12px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 32px;font-size: 24px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.index-box-5 .left{width: 604px;margin-right: 20px;}
.index-box-5 .left h3{border-bottom: 0;margin-bottom: 0;}
.index-box-5 .left .item{border-radius: 4px;padding: 20px;box-sizing: border-box;background-color: #f6f7fc;}
.index-box-5 .left .item ul{display: flex;margin-bottom: 16px;}
.index-box-5 .left .item ul li{width: 54px;height: 72px;overflow: hidden;border-radius: 4px;margin-left: 10px;cursor: pointer;position: relative;}
.index-box-5 .left .item ul li.on:after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;box-sizing: border-box;border: 3px solid #3b66f5;box-shadow: inset 0 0 0 1px #fff;}
.index-box-5 .left .item ul li:first-child{margin-left:0;}
.index-box-5 .left .item ul li img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-5 .left .item ul li:hover img{transform: scale(1.1);}
.index-box-5 .left .item .info-box{height: 160px;display: flex;flex-direction: row;}
.index-box-5 .left .item .info-box a{display: block;}
.index-box-5 .left .item .info-box .pic{width: 120px;height: 160px;overflow: hidden;border-radius: 4px;margin-right: 16px;}
.index-box-5 .left .item .info-box .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-5 .left .item .info-box .pic:hover img{transform: scale(1.1);}
.index-box-5 .left .item .info-box .info{width: 420px}
.index-box-5 .left .item .info-box .info h5{overflow: hidden;text-overflow: ellipsis;font-weight: 700;font-size: 16px;white-space: nowrap;line-height: 20px;margin-bottom: 4px;color:rgba(18,18,23,0.9);}
.index-box-5 .left .item .info-box .info .cname{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 4px;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 16px;font-size: 12px;font-weight: 400;}
.index-box-5 .left .item .info-box .info .text{max-height: 48px;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;margin: 8px 0;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 16px;font-size: 12px;font-weight: 400;}
.index-box-5 .left .item .info-box .info .btn-box{padding-top: 10px;}
.index-box-5 .left .item .info-box .info .btn-box .btn{padding: 0 16px;text-align: center;display: inline-block;vertical-align: middle;color: #fff;background-image: linear-gradient(90deg,#3b66f5,#163bcd);line-height: 32px;transition: .3s;font-size: 14px;font-family: Nunito Sans,SF Pro Text,SF Pro Icons,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight: 600;white-space: nowrap;text-transform: uppercase;box-sizing: border-box;user-select: none;border-radius: 100px;background-clip: padding-box;}
.index-box-5 .left .item .info-box .info .btn-box .icon{display: inline-block;vertical-align: middle;margin-left: 8px;width: 32px;line-height: 32px;height: 32px;cursor: pointer;border-radius: 50%;background: #d0deff;color:#3b66f5;text-align: center;}
.index-box-5 .left .item .info-box .info .btn-box .icon.disabled {opacity: .4;pointer-events: none;cursor: not-allowed;}
.index-box-5 .right{flex:1;}
.index-box-5 .right ul{display: flex;flex-wrap: wrap;}
.index-box-5 .right ul li{width: 168px;margin-right: 20px;margin-bottom: 24px;display: flex;}
.index-box-5 .right ul li:nth-child(2n){margin-right: 0;}
.index-box-5 .right ul li .pic{width: 54px;height: 72px;overflow: hidden;border-radius: 4px;margin-right: 6px;}
.index-box-5 .right ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-5 .right ul li .pic:hover img{transform: scale(1.1);}
.index-box-5 .right ul li .info{flex:1;}
.index-box-5 .right ul li .info h5{max-height: 32px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;margin-bottom: 4px;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 16px;font-size: 14px;font-weight: 700;}
.index-box-5 .right ul li .info p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 4px;color:rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 16px;font-size: 12px;font-weight: 400;}
.index-box-5 .right ul li .info a:hover{color:rgba(18,18,23,0.6);text-decoration: underline;}

.index-box-6{padding-top: 48px;display: flex;flex-direction: row;}
.index-box-6 .item{position:relative;display: flex;flex-direction: column;justify-content: center;cursor: pointer;width: 308px;margin-left: 28px;border-radius: 4px;height: 124px;color: #fff;text-align: center;overflow: hidden;}
.index-box-6 .item .bg{transition: transform .3s, -webkit-transform .3s;position: absolute;z-index: -1;top:0;left:0;width: 100%;height: 100%;}
.index-box-6 .item:hover .bg{transform: scale(1.1);}
.index-box-6 .item:nth-child(1){margin-left: 0;}
.index-box-6 .item:nth-child(1) .bg{background: url(../images/1.jpg) no-repeat center;background-size: 100% 100%;}
.index-box-6 .item:nth-child(2) .bg{background: url(../images/2.jpg) no-repeat center;background-size: 100% 100%;}
.index-box-6 .item:nth-child(3) .bg{background: url(../images/3.jpg) no-repeat center;background-size: 100% 100%;}
.index-box-6 .item h4{line-height: 24px;font-size: 20px;margin-bottom: 8px;}
.index-box-6 .item p{word-wrap: break-word;font-size: 14px;line-height: 20px;}

.index-box-7{padding-bottom: 30px;padding-top: 10px;}
.index-box-7 h3{position: relative;padding-bottom: 12px;margin-bottom: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 32px;font-size: 24px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.index-box-7 ul{display: flex;flex-wrap: wrap;}
.index-box-7 ul li{display: flex;width: 480px;margin-right: 20px;margin-bottom: 16px;}
.index-box-7 ul li:nth-child(2n){margin-right: 0;}
.index-box-7 ul li .pic{width: 120px;height: 160px;overflow: hidden;border-radius: 4px;margin-right: 16px;}
.index-box-7 ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.index-box-7 ul li .pic:hover img{transform: scale(1.1);}
.index-box-7 ul li .info{flex:1;position: relative;}
.index-box-7 ul li .info .tags{height: 16px;margin-bottom: 8px;word-wrap: break-word;overflow: hidden;}
.index-box-7 ul li .info .tags a{letter-spacing: 1px;line-height: 16px;font-size: 12px;font-weight: 600;margin-right: 12px;white-space: nowrap;text-transform: uppercase;color: #3b66f5;}
.index-box-7 ul li .info .name{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;letter-spacing: .15px;line-height: 20px;font-size: 16px;margin-bottom: 8px;font-weight: 700;}
.index-box-7 ul li .info .name a{color:rgba(18,18,23,0.9)}
.index-box-7 ul li .info .type{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 16px;font-size: 12px;margin-bottom: 8px;font-weight: 400;word-wrap: break-word;}
.index-box-7 ul li .info .type a{color: #83848f;}
.index-box-7 ul li .info .text{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;color: #83848f;letter-spacing: .2px;line-height: 20px;font-size: 13px;font-weight: 400;}
.index-box-7 ul li .info .hits{position: absolute;bottom:6px;left:0;width: 100%;}
.index-box-7 ul li .info .hits span{color: #83848f;font-weight: 400;letter-spacing: .2px;line-height: 16px;margin-right: 24px;vertical-align: middle;font-size: 12px;font-weight: 400;}
.index-box-7 ul li .info .hits span i{font-size: 12px;margin-right: 2px;}
.index-box-7 ul li .info .hits span.cases-btn{cursor: pointer;font-size: 13px;}
.index-box-7 ul li .info .hits span.cases-btn i{font-size: 16px;vertical-align: middle;margin-right: 4px;}
.index-box-7 ul li .info .hits span.cases-btn.disabled{opacity: .6;color: #3b66f5;}
.index-box-7 ul li .info a:hover{text-decoration: underline;}

.list-box{display: flex;width: 100%;min-height: 500px;}
.list-box .left{width: 200px;margin-right: 24px;}
.list-box .left h3{padding: 16px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 24px;font-size: 20px;font-weight: 700;}
.list-box .left .xuan{background-color: #eeeff9;color:rgba(18,18,23,0.9);border-radius: 4px;padding: 2px;display: flex;align-items: center;word-wrap: break-word;}
.list-box .left .xuan span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 50%;border-radius: 24px;padding: 4px;text-align: center;cursor: pointer;line-height: 16px;font-size: 12px;font-weight: 600;}
.list-box .left .xuan span.on{background-color: #fff;color: #3b66f5;;border-radius: 4px;}
.list-box .left ul{padding-top: 16px;display: flex;flex-wrap: wrap;}
.list-box .left ul li{width: 50%;margin-bottom: 8px;}
.list-box .left ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.9);transition-duration: .2s;letter-spacing: .5px;border-radius: 4px;line-height: 24px;font-size: 16px;padding-left: 8px;padding-bottom: 4px;padding-right: 8px;padding-top: 4px;max-width: 100%;font-weight: 400;display: inline-block;box-sizing: border-box;}
.list-box .left ul li a.on,.list-box .left ul li a:hover{background-color: #3b66f5;text-decoration: none;color: #fff;}
.list-box .right{flex: 1;}
.list-box .right h3{padding: 16px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 24px;font-size: 20px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.list-box .right .type-box{display: flex;padding-top: 6px;}
.list-box .right .type-box .li{margin-right: 32px;}
.list-box .right .type-box .li h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.6);line-height: 16px;font-size: 12px;margin-bottom: 8px;text-transform: capitalize;font-weight: 400;}
.list-box .right .xu{display: flex;padding-top: 5px;}
.list-box .right .xu li{margin-right: 8px;}
.list-box .right .xu li a{display: block;color: rgba(18,18,23,0.6);letter-spacing: .2px;line-height: 20px;font-size: 14px;height: 32px;padding: 5px 12px;border: 1px solid #d7d8e0;border-radius: 16px;box-sizing: border-box;font-weight: 400;}
.list-box .right .xu li a.on{background-color: rgba(59,102,245,0.12);color: #3b66f5;border-color: transparent;}
.list-box .right .book-list-box{margin-top: 20px;display: flex;flex-wrap: wrap;width: 100%;}
.list-box .right .book-list-box li{display: flex;width: 358px;margin-right: 40px;margin-bottom: 16px;}
.list-box .right .book-list-box li:nth-child(2n){margin-right: 0;}
.list-box .right .book-list-box li .pic{width: 90px;height: 120px;overflow: hidden;border-radius: 4px;margin-right: 16px;}
.list-box .right .book-list-box li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.list-box .right .book-list-box li .pic:hover img{transform: scale(1.1);}
.list-box .right .book-list-box li .info{flex:1;position: relative;}
.list-box .right .book-list-box li .info .name{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;letter-spacing: .15px;line-height: 20px;font-size: 16px;margin-bottom: 8px;font-weight: 700;}
.list-box .right .book-list-box li .info .name a{color:rgba(18,18,23,0.9)}
.list-box .right .book-list-box li .info .text{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;color: rgba(18,18,23,0.9);letter-spacing: .2px;line-height: 20px;font-size: 13px;font-weight: 400;}
.list-box .right .book-list-box li .info .hits{padding-top: 4px;display: flex;align-items: center;}
.list-box .right .book-list-box li .info .hits span{color: #83848f;font-weight: 400;letter-spacing: .2px;line-height: 16px;margin-right: 24px;vertical-align: middle;font-size: 12px;font-weight: 400;}
.list-box .right .book-list-box li .info .hits span i{font-size: 12px;margin-right: 2px;}
.list-box .right .book-list-box li .info .hits span.cases-btn{cursor: pointer;font-size: 13px;color: #3b66f5;display: flex;align-items: center;}
.list-box .right .book-list-box li .info .hits span.cases-btn i{font-size: 16px;margin-right: 4px;}
.list-box .right .book-list-box li .info .hits span.cases-btn.disabled{opacity: .6;}
.list-box .right .book-list-box li .info a:hover{text-decoration: underline;}


.ranking-box{display: flex;width: 100%;min-height: 500px;}
.ranking-box .left{width: 200px;margin-right: 24px;}
.ranking-box .left h3{padding: 16px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 24px;font-size: 20px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.ranking-box .left ul{padding-top: 16px;display: flex;flex-wrap: wrap;}
.ranking-box .left ul li{width: 50%;margin-bottom: 8px;}
.ranking-box .left ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.9);transition-duration: .2s;letter-spacing: .5px;border-radius: 4px;line-height: 24px;font-size: 16px;padding-left: 8px;padding-bottom: 4px;padding-right: 8px;padding-top: 4px;max-width: 100%;font-weight: 400;display: inline-block;box-sizing: border-box;}
.ranking-box .left ul li a.on,.ranking-box .left ul li a:hover{background-color: #3b66f5;text-decoration: none;color: #fff;}
.ranking-box .right{flex: 1;}
.ranking-box .right h3{padding: 16px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;letter-spacing: .15px;line-height: 24px;font-size: 20px;font-weight: 700;border-bottom: 1px solid #e7e7e7;}
.ranking-box .right .book-ranking-box{margin-top: 20px;display: flex;flex-wrap: wrap;width: 100%;}
.ranking-box .right .book-ranking-box li{display: flex;width: 100%;margin-bottom: 16px;}
.ranking-box .right .book-ranking-box li .xu{width: 40px;margin-right: 8px;padding-top: 20px;font-weight: 400;color: rgba(18,18,23,0.6);letter-spacing: .15px;font-size: 16px;text-align: center;}
.ranking-box .right .book-ranking-box li .xu.x001{color: #eb1551;}
.ranking-box .right .book-ranking-box li .xu.x002{color: #ff8d29;}
.ranking-box .right .book-ranking-box li .xu.x003{color: #39cca0;}
.ranking-box .right .book-ranking-box li .pic{width: 90px;height: 120px;overflow: hidden;border-radius: 4px;margin-right: 16px;}
.ranking-box .right .book-ranking-box li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.ranking-box .right .book-ranking-box li .pic:hover img{transform: scale(1.1);}
.ranking-box .right .book-ranking-box li .cmd{margin-left: 8px;display: flex;align-items: flex-start;}
.ranking-box .right .book-ranking-box li .cmd span{cursor: pointer;font-size: 12px;letter-spacing: 1px;color: #3b66f5;display: flex;align-items: center;height: 32px;}
.ranking-box .right .book-ranking-box li .cmd span i{font-size: 16px;margin-right: 4px;}
.ranking-box .right .book-ranking-box li .cmd span.disabled{cursor: not-allowed;pointer-events: none;opacity: .6;}
.ranking-box .right .book-ranking-box li .cmd .btn{padding: 0 16px;height: 32px;font-size: 12px;line-height: 30px;letter-spacing: 1.25px;text-align: center;color:#fff;border-radius: 100px;background: linear-gradient(90deg,#3b66f5,#163bcd);margin-left: 8px;}
.ranking-box .right .book-ranking-box li .info{flex:1;position: relative;}
.ranking-box .right .book-ranking-box li .info .tags{margin-bottom: 8px;}
.ranking-box .right .book-ranking-box li .info .tags a{color: #3b66f5;letter-spacing: 1px;line-height: 16px;font-size: 12px;font-weight: 600;margin-right: 12px;white-space: nowrap;text-transform: uppercase;}
.ranking-box .right .book-ranking-box li .info .name{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;letter-spacing: .15px;line-height: 20px;font-size: 16px;margin-bottom: 8px;font-weight: 700;}
.ranking-box .right .book-ranking-box li .info .name a{color:rgba(18,18,23,0.9);}
.ranking-box .right .book-ranking-box li .info .text{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;color: #83848f;letter-spacing: .2px;line-height: 20px;font-size: 14px;font-weight: 400;}
.ranking-box .right .book-ranking-box li .info .hits{padding-top: 4px;display: flex;align-items: center;}
.ranking-box .right .book-ranking-box li .info .hits svg{width: 1em;height: 1em;font-size: 16px;color: rgba(18,18,23,0.6);margin-right: 2px;}
.ranking-box .right .book-ranking-box li .info .hits span{color: rgba(18,18,23,0.6);font-weight: 400;letter-spacing: .2px;line-height: 16px;vertical-align: middle;font-size: 12px;font-weight: 400;}
.ranking-box .right .book-ranking-box li .info .hits span.line{color: rgba(18,18,23,0.24);margin: 0 8px;}
.ranking-box .right .book-ranking-box li .info .hits span.author{color: rgba(18,18,23,0.9);}
.ranking-box .right .book-ranking-box li .info .hits span.author a{color: rgba(18,18,23,0.6);}
.ranking-box .right .book-ranking-box li .info a:hover{text-decoration: underline;}

.tags-list{margin-bottom: 28px;min-height: 300px;}
.tags-list>ul{display: flex;flex-wrap: wrap;}
.tags-list>ul>li{width: 476px;margin-right: 28px;margin-top: 28px;display: flex;}
.tags-list>ul>li:nth-child(2n){margin-right: 0;}
.tags-list li .pic{width: 140px;height: 186px;overflow: hidden;border-radius: 4px;margin-right: 32px;}
.tags-list li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.tags-list li .pic:hover img{transform: scale(1.1);}
.tags-list li .info{flex:1;position: relative;}
.tags-list li .info .name{max-height: 48px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 24px;font-size: 20px;padding-top: 4px;margin-bottom: 8px;font-weight: 700;}
.tags-list li .info .name a{color: #000;}
.tags-list li .info .tags{overflow: hidden;height: 21px;margin-bottom: 8px;}
.tags-list li .info .tags a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;height: 18px;line-height: 18px;border: 1px solid;color: #4c5fe2;;font-size: 12px;padding: 0 0.8em;border-radius: 30px;margin-right: 8px;vertical-align: middle;-webkit-transition: .2s;transition: .2s;}
.tags-list li .info .score{display: flex;align-items: center;margin-bottom: 4px;}
.tags-list li .info .score ul{display: flex;padding:0;}
.tags-list li .info .score .layui-rate li i.layui-icon{font-size: 12px;}
.tags-list li .info .text{max-height: 4.5em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 16px;overflow: hidden;line-height: 1.5;}
.tags-list li .info .text a{color: #000;}
.tags-list li .info a:hover{text-decoration: underline;}


.book-info-box{background: #f5f6fc;margin-bottom: 48px;}
.book-info-box .nav-box{padding: 24px 0;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;font-family: Archivo;}
.book-info-box .nav-box a,.book-info-box .nav-box span{color: #000;}
.book-info-box .info-box{display: flex;}
.book-info-box .info-box .pic{width: 308px;height: 412px;margin-right: 28px;border-radius: 4px;overflow: hidden;position: relative;}
.book-info-box .info-box .pic span{position: absolute;top:0;right:0;background-color: #4c5fe2;color: #fff;font-size: 16px;text-transform: uppercase;padding: 8px 1em;border-radius: 0 0 0 8px;}
.book-info-box .info-box .info{flex: 1;position: relative;}
.book-info-box .info-box .info h3{color: #000;max-height: inherit;line-height: 40px;font-size: 36px;padding-bottom: 4px;padding-right: 4px;margin-bottom: 4px;overflow: hidden;}
.book-info-box .info-box .info .type{height: 24px;margin-bottom: 12px;font-weight: 700;color: #000;display: flex;align-items: center;}
.book-info-box .info-box .info .type span{margin-right: 24px;color: #000;font-size: 14px;display: flex;align-items: center;height:100%;}
.book-info-box .info-box .info .type span a{margin-top: -4px;color: #000;}
.book-info-box .info-box .info .type span a:hover{text-decoration: underline;}
.book-info-box .info-box .info .type i{margin-right: 8px;}
.book-info-box .info-box .info .author{color:rgba(18,18,23,0.9);margin-bottom: 24px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;}
.book-info-box .info-box .info .author a{color: #3b66f5;}
.book-info-box .info-box .info .author a:hover{text-decoration: underline;}
.book-info-box .info-box .info .rate{display: flex;align-items: center;color:rgba(18,18,23,0.9);margin-bottom: 24px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 500;}
.book-info-box .info-box .info .btn-box{position: absolute;bottom:8px;left:0;}
.book-info-box .info-box .info .btn-box .btn-item{font-weight: 700;font-size: 16px;display: flex;align-items: center;}
.book-info-box .info-box .info .btn-box .btn-item a,
.book-info-box .info-box .info .btn-box .btn-item span{cursor: pointer;border-radius: 100px;margin-right: 10px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 0 24px;font-size:14px;line-height: 48px;}
.book-info-box .info-box .info .btn-box p{padding:16px 0;line-height: 20px;}
.book-info-box .info-box .info .btn-box p span{color:#83848f;cursor: pointer;}
.book-info-box .info-box .info .btn-box p span i{margin-right: 8px;vertical-align: middle;}
.book-info-box .info-box .info .btn-box p span b{font-weight: 400;}
.book-info-box .info-box .info .btn-box p span b:hover{text-decoration: underline;}
.book-info-content h3{font-weight: 700;position: relative;font-size: 30px;line-height: 40px;margin-bottom: 40px;padding-bottom: 8px;}
.book-info-content h3 .txt{padding: 2px 0;cursor: pointer;transition: color .2s;color: #b7b7b7;vertical-align: baseline;}
.book-info-content h3 .hr{display: inline-block;vertical-align: middle;height: 0.8em;border-left: 2px solid #b7b7b7;width: 0;margin: 0 0.8em;}
.book-info-content h3 i{position: absolute;bottom: 0;border-top: 2px solid #4c5fe2;left: 0;-webkit-transition: .3s;transition: .3s;width: 60px;display: block;}
.book-info-content h3 i.on2{left: 130px;}
.book-info-content h3 .txt.on{color: #000;}
.book-info-content h5{display: flex;align-items: center;line-height: 24px;color:rgba(18,18,23,0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px;margin-bottom: 16px;font-weight: 700;word-wrap: break-word;position: relative;}
.book-info-content h5 .more{position: absolute;top:0;right:0;line-height: 32px;font-size: 16px;font-weight: 400;cursor: pointer;color:#3b66f5;}
.book-info-content h5 .more:hover{text-decoration: underline;}
.book-info-content h5 .score{display: flex;align-items: center;margin-left: 30px;font-size: 16px;}
.book-info-content h5 .btn{position: absolute;top:8px;right:0;cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 0 20px;font-size:14px;line-height: 32px;}
.book-info-content .info-text{font-size: 16px;line-height: 24px;position: relative;overflow: hidden;max-height: 120.6px;word-wrap: break-word;margin-bottom: 48px;}
.book-info-content .tabs-list{display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.book-info-content .tabs-list li{margin-bottom: 8px;margin-right: 8px;white-space: nowrap;word-wrap: break-word;background-color: rgba(235,21,81,0.12);height: 24px;line-height: 24px;border-radius: 12px;padding: 0 10px;}
.book-info-content .tabs-list li a{color: #eb1551;}
.book-info-content .tabs-list li a:hover{text-decoration: underline;}
.book-info-content .gift-hot{border: 1px solid #d7d8e0;border-radius: 2px;display: flex;margin-bottom: 32px;}
.book-info-content .gift-hot li{flex:1;display: flex;align-items: center;padding: 24px;border-right: 1px solid #d7d8e0;}
.book-info-content .gift-hot li:nth-child(3){border-right: 0;}
.book-info-content .gift-hot li .xu{width: 20px;height: 28px;background: url(../images/sprites.png) 50% 50% no-repeat;background-position: -65px 0;background-size: 106px 64px;margin-right: 24px;}
.book-info-content .gift-hot li .xu.x2{background-position: -86px 0;}
.book-info-content .gift-hot li .xu.x3{background-position: -65px -36px;}
.book-info-content .gift-hot li .pic{height: 56px;width: 56px;border: 2px solid #be8478;border-radius: 100%;margin-right: 16px;}
.book-info-content .gift-hot li .pic a{border-radius: 100%;overflow: hidden;display: block;width: 100%;height:100%;padding: 3px;box-sizing: border-box;}
.book-info-content .gift-hot li .pic img{border-radius: 100%;}
.book-info-content .gift-hot li .pic.p1{position: relative;height: 52px;width: 52px;border: 2px solid #ff8d29;}
.book-info-content .gift-hot li .pic.p1:before {background: url(../images/sprites.png) 50% 50% no-repeat;background-size: 106px 64px;content: "";height: 64px;width: 64px;position: absolute;top: 50%;left: 50%;margin-top: -32px;margin-left: -32px;background-position: 0 0;-webkit-transform: scale(1.08);transform: scale(1.08);}
.book-info-content .gift-hot li h6{max-width: 8em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;font-size: 16px;font-weight: 600;}
.book-info-content .gift-hot li h6 a{color: #000;}
.book-info-content .gift-hot li h6 a:hover{text-decoration: underline;}
.book-info-content .gift-hot li p{max-width: 8em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #83848f;line-height: 16px;font-size: 12px;font-weight: 400;}
.book-info-content .gift-box{border: 1px solid #d7d8e0;padding: 24px;border-radius: 2px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 32px;}
.book-info-content .gift-box .l{min-width: 220px;padding: 8px 0;margin-right: 24px;display: flex;align-items: center;}
.book-info-content .gift-box .l .icon{display: inline-block;width: 24px;height: 24px;margin-right: 12px;background: url(../images/gift.png) no-repeat;background-size: 100% 100%;}
.book-info-content .gift-box .l .num{line-height: 32px;font-size: 32px;margin-right: 8px;vertical-align: middle;font-weight: 700;display: inline-block;}
.book-info-content .gift-box .l .tps{white-space: pre;color: #83848f;line-height: 16px;font-size: 12px;vertical-align: middle;display: inline-block;font-weight: 400}
.book-info-content .gift-box ul{height: 32px;width: 328px;display: flex;align-items: center;position: relative;}
.book-info-content .gift-box ul li {display: flex;align-items: center;position: absolute;top: 0;left: 0;-webkit-transform: translateY(32px);transform: translateY(32px);opacity: 0;visibility: hidden;-webkit-transition: .3s cubic-bezier(.4,0,.2,1);transition: .3s cubic-bezier(.4,0,.2,1);}
.book-info-content .gift-box ul li.on{-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
.book-info-content .gift-box ul li.out{-webkit-transform:translateY(-32px);transform:translateY(-32px);opacity:0;visibility:hidden}
.book-info-content .gift-box ul li .pic{width: 30px;height: 30px;overflow: hidden;border-radius: 30px;margin-right: 12px;}
.book-info-content .gift-box ul li .nickname{max-width: 11em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;font-weight: 600;margin-right: 4px;}
.book-info-content .gift-box ul li .txt{color: #83848f;font-size: 14px;font-weight: 400;}
.book-info-content .gift-box .btn{cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 0 24px;font-size:14px;line-height: 48px;}

.book-info-content .ticket-box{border: 1px solid #d7d8e0;padding: 24px;border-radius: 2px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 48px;}
.book-info-content .ticket-box .l{min-width: 220px;padding: 8px 0;margin-right: 24px;display: flex;align-items: center;}
.book-info-content .ticket-box .icon{display: inline-block;width: 24px;height: 24px;margin-right: 12px;background: url(../images/ticket.png) no-repeat;background-size: 100% 100%;}
.book-info-content .ticket-box .num{line-height: 32px;font-size: 32px;margin-right: 8px;vertical-align: middle;font-weight: 700;display: inline-block;}
.book-info-content .ticket-box .tps{white-space: pre;color: #83848f;line-height: 16px;font-size: 12px;vertical-align: middle;display: inline-block;font-weight: 400}
.book-info-content .ticket-box .ticket-num{display: flex;align-items: center;flex:1;}
.book-info-content .ticket-box .ticket-num .icon{background: url(../images/ticket2.png) no-repeat;background-size: 100% 100%;}
.book-info-content .ticket-box .btn{cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#ff8d29,#e34c01);text-align: center;color: #fff;padding: 0 24px;font-size:14px;height: 48px;display: flex;flex-direction: column;justify-content: center;}
.book-info-content .ticket-box .btn span{font-weight: 400;padding-bottom: 4px;}
.book-info-content .ticket-box .btn.disabled{cursor: not-allowed;pointer-events: none;opacity: .6;}
.book-info-content .lovelist{display: flex;margin-bottom: 50px;}
.book-info-content .lovelist .li{width: 140px;margin-left: 28px;}
.book-info-content .lovelist .li:first-child{margin-left:0;}
.book-info-content .lovelist .li .pic{width: 100%;overflow: hidden;height: 186px;border-radius: 4px;margin-bottom: 8px;}
.book-info-content .lovelist .li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.book-info-content .lovelist .li .pic:hover img{transform: scale(1.1);}
.book-info-content .lovelist .li .name{max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 20px;font-size: 16px;font-weight: 700;}
.book-info-content .lovelist .li .name a{color: #000;}
.book-info-content .lovelist .li .name a:hover{text-decoration: underline;}
.book-info-content .lovelist .li .layui-score .layui-rate{padding-top: 4px;}
.book-info-content .lovelist .li .layui-score .layui-rate li i.layui-icon{color: #666 !important;font-size: 16px;}

.book-info-content .comment-nav{position: relative;font-weight: 700;margin-top: 32px;margin-bottom: 5px;padding-bottom: 6px;}
.book-info-content .comment-nav span{cursor: pointer;transition: .2s;color: #999;padding-bottom: 4px;font-size: 14px;font-weight: 600;margin-right: 30px;}
.book-info-content .comment-nav i{position: absolute;bottom: 0;border-top: 2px solid #4c5fe2;left: 0;-webkit-transition: .3s;transition: .3s;width: 28px;display: block;}
.book-info-content .comment-nav i.on2{left: 57px;}
.comment-list{width: 100%;}
.comment-list li{display: flex;padding-top: 16px;position: relative;}
.comment-list li+li:before {content: "";position: absolute;top: 0;left: 40px;right: 0;border-top: 1px solid #e7e7e7}
.comment-list li .pic{width: 28px;height: 28px;margin-right: 16px;overflow: hidden;border-radius: 100%;}
.comment-list li .info {flex: 1;}
.comment-list li .info .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;font-size: 16px;font-weight: 700;color: rgba(18,18,23,0.9);margin-bottom: 8px;}
.comment-list li .info .name strong{font-weight: 400;margin-left: 4px;font-size: 12px;line-height: 16px;padding: 0 4px;color: hsla(0,0%,100%,.9);border-radius: 4px;background-color: #3b66f5;}
.comment-list li .info .text{font-weight: 400;font-size: 16px;line-height: 24px;max-height: 120.6px;overflow: hidden;position: relative;word-break: break-word;color: rgba(18,18,23,0.6);;white-space: pre-wrap;word-wrap: break-word;}
.comment-list li .info .cmd{display: flex;justify-content: space-between;align-items: center;height: 24px;line-height: 24px;padding: 12px 0;position: relative;}
.comment-list li .info .cmd span{display: inline-block;margin-left: 16px;color: rgba(18,18,23,0.6);min-width: 24px;height: 24px;line-height: 24px;font-size: 16px;text-align: center;-webkit-transition: background-color .2s;transition: background-color .2s;cursor: pointer;}
.comment-list li .info .cmd span:hover{color: #3b66f5;}
.comment-list li .info .cmd span i{font-weight: 600;margin-right: 4px;}
.comment-list li .info .cmd span text{font-size: 14px;}
.comment-list li .info .cmd span:nth-child(2) i{font-weight: 700;}
.comment-list li .info .cmd span:nth-child(3) i{font-size: 19px;}
.comment-list li .info .cmd span.on{color: #3b66f5;}
.comment-list li .info .cmd .comment-report-show{display: none;position: absolute;right: 0;top: 90%;z-index: 2;border: 1px solid #e6e7ee;background: #fff;border-radius: 4px;text-align: center;box-shadow: 0 1px 5px rgba(0,0,0,.1);line-height: 20px;padding: 4px 12px 5px;color: #4c5161;cursor: pointer;}
.comment-list li .info .cmd .comment-report-show:hover{color: #4c5161;background-color: #f2fcff;}
.comment-list li .info .cmd .comment-report-show text{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.comment-list li .info .cmd .comment-report-show:before {content: "";position: absolute;background-color: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.1);bottom: 100%;height: 8px;width: 8px;border: 1px solid #e6e7ee;right: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-bottom: -5px;}
.comment-list li .info .cmd .comment-report-show:after {top: 0;width: 15px;background-color: #fff;right: 8px;content: "";position: absolute;height: 8px;}
.comment-list li .info .reply-more{line-height: 20px;font-size: 12px;font-weight: 400;margin-bottom: 16px;cursor: pointer;color:#3b66f5;}
.comment-list li .info .reply-more:hover{text-decoration: underline;}
.comment-list li .info .reply-more i{font-weight: 600;margin-left: 4px;vertical-align: middle;display: inline-block;}

.book-info-content .book-info-content-chapter{display: none;}
.book-info-content .book-info-content-chapter h4{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #000;min-height: 21px;font-size: 16px;padding-bottom: 20px;margin-bottom: 32px;color: #000;font-weight: 700;}
.book-info-content .book-info-content-chapter h4 span a{margin-left: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 46em;color: #3b66f5;font-weight: 400;}
.book-info-content .book-info-content-chapter h4 span text{margin-left: 8px;font-weight: 400;font-size: 100%;}
.book-info-content .book-info-content-chapter h4 span.iconfont{font-size: 22px;cursor: pointer;}
.book-info-content .book-info-content-chapter h4 span.iconfont.desc{transform: rotate(180deg);}
.book-info-content .book-info-content-chapter ul{display: flex;flex-wrap: wrap;}
.book-info-content .book-info-content-chapter ul li{width: 476px;margin-right: 28px;}
.book-info-content .book-info-content-chapter ul li:nth-child(2n){margin-right:0;}
.book-info-content .book-info-content-chapter ul li:nth-child(4n),
.book-info-content .book-info-content-chapter ul li:nth-child(4n-1){background-color: #fbfbfd;}
.book-info-content .book-info-content-chapter ul li a{padding: 8px;display: flex;position: relative;color: #000;border-bottom: 1px solid #d7d8e0;}
.book-info-content .book-info-content-chapter ul li a .xu{min-width: 36px;color: rgba(18,18,23,0.9);line-height: 24px;font-size: 16px;margin-right: 4px;font-weight: 400;}
.book-info-content .book-info-content-chapter ul li a .info{flex: 1;}
.book-info-content .book-info-content-chapter ul li a .info .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.9);line-height: 24px;font-weight: 400;font-size: 16px;margin-bottom: 8px;}
.book-info-content .book-info-content-chapter ul li a .info .time{color: #83848f;line-height: 16px;font-size: 12px;font-weight: 400;}
.book-info-content .book-info-content-chapter ul li a .pay{position: absolute;top: 6px;right: 6px;width: 1em;height: 1em;color: #83848f;font-size: 18px;font-weight: 600;}
.book-info-content .book-info-content-chapter ul li a .pay.on{color: #3b66f5;}
.book-info-content .book-info-content-chapter ul li a:hover .info .name{text-decoration: underline;}

.comment-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: hsla(0,0%,100%,.5);z-index: 9999;transition: opacity .5s;display: none;}
.comment-mark .comment-add-box{position: absolute;top:50%;left:50%;padding: 32px;width: 598px;background: #fff;min-height: 100px;border: 1px solid rgba(0,0,0,.1);transform: translate(-50%, -50%);border-top: 3px solid #3b66f5;box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);}
.comment-mark .comment-add-box h3{position: relative;text-align: left;color: rgb(31, 33, 41);font-size: 24px;}
.comment-mark .comment-add-box h3 span{cursor: pointer;position: absolute;height: 24px;width: 24px;top: -10px;right: -20px;font-weight: 600;font-size: 16px;color: #83848f;border-radius: 50%;z-index: 10;}
.comment-mark .comment-add-box h3 span:hover{color: #333;}
.comment-mark .comment-add-box .reply-text{margin: 20px 0 16px;padding: 12px;background-color: #f6f7fc;border-radius: 16px;}
.comment-mark .comment-add-box .reply-text span{max-height: 48px;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;color: rgba(18,18,23,0.6);line-height: 16px;font-size: 12px;}
.comment-mark .comment-add-box .textarea{margin-top: 20px;height: 10.5em;}
.comment-mark .comment-add-box .textarea textarea{width: 100%;height:100%;font-size: 16px;line-height: 1.5em;border: none;color: rgba(18,18,23,0.9);}
.comment-mark .comment-add-box .btn{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.comment-mark .comment-add-box .btn .len{font-size: 14px;color: #999;}
.comment-mark .comment-add-box .btn .comment-add-btn{cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 0 20px;font-size:14px;line-height: 32px;}
.comment-mark .comment-add-box .btn .comment-add-btn.disabled{cursor: not-allowed;pointer-events: none;opacity: .6;}

.comment-reply-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: hsla(0,0%,100%,.5);z-index: 99;transition: opacity .5s;display: none;}
.comment-reply-mark .comment-reply-box{display: flex;flex-direction: column;position: absolute;top:50%;left:50%;width: 600px;background: #fff;height: 90%;border: 1px solid rgba(0,0,0,.1);transform: translate(-50%, -50%);border-top: 3px solid #3b66f5;box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);}
.comment-reply-mark .comment-reply-box h3{position: relative;font-size: 24px;line-height: 32px;min-height: 32px;padding: 0 32px;padding-top: 32px;margin-bottom: 20px;color: #000;font-weight: 700;}
.comment-reply-mark .comment-reply-box h3 span{cursor: pointer;position: absolute;height: 24px;width: 24px;top: 12px;right: 12px;font-weight: 600;font-size: 16px;color: #83848f;border-radius: 50%;z-index: 10;}
.comment-reply-mark .comment-reply-box h3 span:hover{color: #333;}
.comment-reply-mark .comment-reply-box .comment-reply-list{flex: 1;background-color: #f5f6fc;overflow-y: auto;overflow-x: hidden;}
.comment-reply-mark .comment-reply-box .comment-reply-list li{display: flex;padding: 0 32px;padding-top: 16px;position: relative;}
.comment-reply-mark .comment-reply-box .comment-reply-list li:nth-child(1){background-color: #ffffff;}
.comment-reply-mark .comment-reply-box .comment-reply-list li:nth-child(2){border-top: 1px solid #e5e5e5;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .pic{width: 28px;height: 28px;margin-right: 16px;overflow: hidden;border-radius: 100%;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info {flex: 1;}
.comment-reply-mark .comment-reply-box .comment-reply-list li+li .info{border-bottom: 1px solid #e7e7e7}
.comment-reply-mark .comment-reply-box .comment-reply-list li:last-child .info{border-bottom: 0;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;font-size: 16px;font-weight: 700;color: rgba(18,18,23,0.9);margin-bottom: 8px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .name strong{font-weight: 400;margin-left: 4px;font-size: 12px;line-height: 16px;padding: 0 4px;color: hsla(0,0%,100%,.9);border-radius: 4px;background-color: #3b66f5;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .text{font-weight: 400;font-size: 16px;line-height: 24px;max-height: 120.6px;overflow: hidden;position: relative;word-break: break-word;color: rgba(18,18,23,0.6);;white-space: pre-wrap;word-wrap: break-word;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .text a{color: #3b66f5;padding-right: 4px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd{display: flex;justify-content: space-between;align-items: center;height: 24px;line-height: 24px;padding: 12px 0;position: relative;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span{display: inline-block;margin-left: 16px;color: rgba(18,18,23,0.6);min-width: 24px;height: 24px;line-height: 24px;font-size: 16px;text-align: center;-webkit-transition: background-color .2s;transition: background-color .2s;cursor: pointer;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span:hover{color: #3b66f5;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span i{font-weight: 600;margin-right: 4px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span text{font-size: 14px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span:nth-child(2) i{font-weight: 700;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span:nth-child(3) i{font-size: 19px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd span.on{color: #3b66f5;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd .comment-report-show{display: none;position: absolute;right: 0;top: 90%;z-index: 2;border: 1px solid #e6e7ee;background: #fff;border-radius: 4px;text-align: center;box-shadow: 0 1px 5px rgba(0,0,0,.1);line-height: 20px;padding: 4px 12px 5px;color: #4c5161;cursor: pointer;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd .comment-report-show:hover{color: #4c5161;background-color: #f2fcff;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd .comment-report-show text{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd .comment-report-show:before {content: "";position: absolute;background-color: #fff;box-shadow: 0 1px 5px rgba(0,0,0,.1);bottom: 100%;height: 8px;width: 8px;border: 1px solid #e6e7ee;right: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-bottom: -5px;}
.comment-reply-mark .comment-reply-box .comment-reply-list li .info .cmd .comment-report-show:after {top: 0;width: 15px;background-color: #fff;right: 8px;content: "";position: absolute;height: 8px;}
.comment-reply-mark .comment-reply-box .comment-reply-input{cursor: pointer;color: #999;background-color: #fff;height: 58px;padding: 12px 24px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.gift-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: hsla(0,0%,100%,.5);z-index: 99;transition: opacity .5s;display: none}
.gift-mark .gift-btn-box{display: flex;flex-direction: column;position: absolute;top:50%;left:50%;padding: 0 26px;padding-bottom: 32px;width: 392px;background: #fff;min-height: 100px;max-height: 96%;border: 1px solid rgba(0,0,0,.1);transform: translate(-50%, -50%);border-top: 3px solid #3b66f5;box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);}
.gift-mark .gift-btn-box h3{position: relative;font-size: 22px;line-height: 32px;min-height: 32px;padding-top: 20px;margin-bottom: 20px;color: #000;font-weight: 600;}
.gift-mark .gift-btn-box h3 span{cursor: pointer;position: absolute;height: 24px;width: 24px;top: 8px;right: -20px;font-weight: 600;font-size: 16px;color: #83848f;border-radius: 50%;z-index: 10;}
.gift-mark .gift-btn-box h3 span:hover{color: #333;}
.gift-mark .gift-btn-box ul{display: flex;flex-wrap: wrap;margin-top: 16px;}
.gift-mark .gift-btn-box ul li{margin-right: 24px;margin-bottom: 24px;width: 76px;height: 90px;border: 2px solid transparent;border-radius: 2px;-webkit-transition: .2s;transition: .2s;text-align: center;cursor: pointer;}
.gift-mark .gift-btn-box ul li.on{border: 2px solid #ff8d29;}
.gift-mark .gift-btn-box ul li:nth-child(4n){margin-right: 0;}
.gift-mark .gift-btn-box ul li .pic{width: 40px;height: 40px;margin: 8px auto 16px;background: #fff;}
.gift-mark .gift-btn-box ul li p{display: flex;align-items: center;justify-content: center;}
.gift-mark .gift-btn-box .icon{width: 24px;line-height: 24px;height: 1ex;position: relative;vertical-align: middle;background-repeat: no-repeat;text-align: center;}
.gift-mark .gift-btn-box .icon:before {top: 50%;left: 0;margin-top: -10px;position: absolute;content: "";width: 100%;height: 0;padding-top: 100%;vertical-align: middle;background-image: url(../images/icon.png);background-repeat: no-repeat;background-size: 48px 72px;background-position: 0 0;font-size: 0;overflow: hidden;}
.gift-mark .gift-btn-box .gift-bottom{text-align: center;}
.gift-mark .gift-btn-box .gift-bottom p{display: flex;align-items: center;justify-content: center;padding-top: 16px;font-size: 16px;color: rgba(18,18,23,0.6);font-weight: 400;}
.gift-mark .gift-btn-box .gift-bottom .btn{cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#ff8d29,#e34c01);text-align: center;color: #fff;padding: 7px 20px;font-size:14px;line-height: 32px;}
.gift-mark .gift-btn-box .gift-bottom .btn.disabled{cursor: not-allowed;pointer-events: none;opacity: .6;}

.report-mark{width: 100vw;height: 100vh;position: fixed;top:0;left:0;background: hsla(0,0%,100%,.5);z-index: 99;transition: opacity .5s;display: none;}
.report-mark .report-btn-box{display: flex;flex-direction: column;position: absolute;top:50%;left:50%;padding: 0 26px;padding-bottom: 32px;width: 392px;background: #fff;min-height: 100px;max-height: 96%;border: 1px solid rgba(0,0,0,.1);transform: translate(-50%, -50%);border-top: 3px solid #3b66f5;box-shadow: 0 8px 30px 0 rgba(0,0,0,.2);}
.report-mark .report-btn-box h3{position: relative;font-size: 22px;line-height: 32px;min-height: 32px;padding-top: 20px;margin-bottom: 20px;color: #000;font-weight: 600;}
.report-mark .report-btn-box h3 span{cursor: pointer;position: absolute;height: 24px;width: 24px;top: 8px;right: -20px;font-weight: 600;font-size: 16px;color: #83848f;border-radius: 50%;z-index: 10;}
.report-mark .report-btn-box h3 span:hover{color: #333;}
.report-mark .report-btn-box ul{display: flex;flex-direction: column;}
.report-mark .report-btn-box ul li{margin-top: 16px;height: 20px;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.report-mark .report-btn-box ul li label{display: flex;align-items: center;cursor: pointer;width: 100%;}
.report-mark .report-btn-box ul li label input{margin-right: 10px;margin-left: 2px;width: 20px;height: 20px;}
.report-mark .report-btn-box .report-inpu-box{margin-top: 32px;max-height: 500px;}
.report-mark .report-btn-box .report-inpu-box textarea{width: 100%;min-height: 100px;border: 0;border-bottom: 1px solid #ededed;}
.report-mark .report-btn-box .report-inpu-box textarea:focus {border-bottom: 1px solid #3b66f5;}
.report-mark .report-btn-box .report-btn{margin-top: 24px;cursor: pointer;border-radius: 100px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 7px 20px;font-size:14px;line-height: 32px;}
.report-mark .report-btn-box .report-btn.disabled{cursor: not-allowed;pointer-events: none;opacity: .6;}

.search-page{background: #f5f6fc;width: 100%;min-height: 500px;}
.search-page .search-list-box{width: 697px;margin: 0 auto;padding-top: 40px;}
.search-page .search-list-box .search-input-box{margin-bottom: 32px;display: flex;align-items: center;border-bottom: 2px solid #e5e5e5;}
.search-page .search-list-box .search-input-box:hover{border-bottom: 2px solid #4c5fe2;}
.search-page .search-list-box .search-input-box span{font-size: 28px;margin-right: 10px;color: #cccccc;}
.search-page .search-list-box .search-input-box input{flex: 1;font-size: 32px;background-color: transparent;line-height: 68px;height: 68px;border:0;letter-spacing: 2px;}
.search-page .search-list-box .search-input-box input::-webkit-input-placeholder{color: #cccccc;font-weight: 400;}
.search-page .search-list-box h3{font-size: 16px;font-weight: 600;margin-bottom: 8px;color: #83848f;line-height: 20px;position: relative;}
.search-page .search-list-box h3 span{position: absolute;top:0;right:0;line-height: 20px;font-size: 14px;font-weight: 400;color: #3b66f5;cursor: pointer;}
.search-page .search-list-box .search-hot{margin-bottom: 32px;}
.search-page .search-list-box .search-hot ul li{transition-duration: .3s;transition-property: transform,opacity,-webkit-transform;transition-timing-function: ease-in-out;transform: none;transition-delay: 50ms;font-size: 16px;}
.search-page .search-list-box .search-hot ul li a{display: flex;align-items: center;color: rgba(18,18,23,0.9);line-height: 24px;padding: 12px 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-radius: 2px;margin-left: -8px;margin-right: -8px;transition: background-color .2s;font-size: 14px;}
.search-page .search-list-box .search-hot ul li a span{font-size: 20px;margin-right: 24px;}
.search-page .search-list-box .search-hot ul li a b{color:#4c5fe2;}
.search-page .search-list-box .search-hot ul li a:hover{background-color: #fff;text-decoration: none;}
.search-page .search-list-box .history-list ul{display: flex;flex-wrap: wrap;}
.search-page .search-list-box .history-list ul li{margin: 4px;font-size: 14px;border-radius: 32px;background-color: rgba(18,18,23,0.12);line-height: 24px;max-width: 10em;transition: background-color .2s;}
.search-page .search-list-box .history-list ul li a{display: block;padding: 4px 16px;color: rgba(18,18,23,0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search-page .search-list-box .history-list ul li:hover{background-color:rgba(18,18,23,0.2);}
.search-page .search-list-box .search-nums{line-height: 24px;font-size: 16px;margin-bottom: 24px;font-weight: 400;color: #83848f;}
.search-page .search-list-box .search-list-item{width: 100%;}
.search-page .search-list-box .search-list-item>li{display: flex;padding-bottom: 32px;}
.search-page .search-list-box .search-list-item li .pic{width: 96px;height: 128px;margin-right:12px;overflow: hidden;border-radius: 2px;}
.search-page .search-list-box .search-list-item li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.search-page .search-list-box .search-list-item li .pic:hover img{transform: scale(1.1);}
.search-page .search-list-box .search-list-item li .info{flex: 1;}
.search-page .search-list-box .search-list-item li .info .layui-score .layui-rate{display: flex;}
.search-page .search-list-box .search-list-item li .info .layui-score .layui-rate li i.layui-icon{font-size: 12px;color: #666!important;}
.search-page .search-list-box .search-list-item li .info .name a{display: block;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;font-size: 20px;margin-bottom: 8px;font-weight: 700;}
.search-page .search-list-box .search-list-item li .info .name a b{color: #3b66f5;}
.search-page .search-list-box .search-list-item li .info .name a:hover{text-decoration: underline;}
.search-page .search-list-box .search-list-item li .info .text{font-weight: 400;max-height: 48px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 24px;font-size: 16px;color: #000;}

.header-read{width: 100%;background: #fff;position: fixed;height: 32px;padding: 12px 0;border-bottom: 1px solid #e7e7e7;z-index: 99;}
.header-read .header-read-box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;position: relative;padding: 0 20px;height: 32px;}
.header-read .header-read-box .left{display: flex;flex-direction: row;align-items: center;font-weight: 700;font-size: 16px;color: rgba(18,18,23,0.9);}
.header-read .header-read-box .left .logo{width: 32px;height: 32px;margin-right: 12px;border-radius: 4px;overflow: hidden;}
.header-read .header-read-box .left a{max-width: 35em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;}
.header-read .header-read-box .left a:hover{text-decoration: underline;}
.header-read .header-read-box .left span text{padding: 0 5px;font-weight: 400;}
.header-read .header-read-box .left .progress{height: 16px;font-weight: 400;line-height: 16px;border-left: 1px solid #ccc;margin: 8px 0 8px 1em;padding-left: 1em;}
.header-read .header-read-box .right{display: flex;flex-direction: row;align-items: center;height: 100%;}
.header-read .header-read-box .right .text{cursor: pointer;color: rgba(18,18,23,0.6);height: 40px;line-height: 40px;padding: 0 8px;font-size: 16px;font-weight: 600;}
.header-read .header-read-box .right .text:hover{color: #3b66f5;}
.header-read .header-read-box .right .appdown{cursor: pointer;background: #d0deff;color:#3b66f5;padding: 0 16px;text-align: center;transition: .3s;font-weight: 600;border-radius: 100px;margin-left: 8px;margin-right: 16px;height: 32px;font-size: 12px;line-height: 30px;letter-spacing: 1.25px;}
.header-read .header-read-box .right .appdown:hover{box-shadow: 0 4px 8px rgba(24,62,208,0.13);}
.header-read .header-read-box .right .appdown:active {-webkit-transform: scale(.98);transform: scale(.98);}
.header-read .header-read-box .right .cases-btn{cursor: pointer;border-radius: 100px;margin-right: 16px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 0 12px;font-size:14px;line-height: 30px;}
.header-read .header-read-box .right .cases-btn span{display: flex;align-items: center;}
.header-read .header-read-box .right .cases-btn i{margin-right: 4px;}
.header-read .header-read-box .right .btn{cursor: pointer;text-align: center;display: inline-block;vertical-align: middle;color: #fff;border: 1px solid transparent;background-color: #3b66f5;background-image: linear-gradient(90deg,#3b66f5,#163bcd);background-position: 50% 50%;background-repeat: no-repeat;padding: 8px 16px;height: 40px;transition: .3s;font-size: 14px;font-family: Nunito Sans,SF Pro Text,SF Pro Icons,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight: 600;line-height: 24px;white-space: nowrap;text-transform: uppercase;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius: 100px;background-clip: padding-box;}
.header-read .header-read-box .right .btn:hover{color: #fff;}
.header-read .header-read-box .right .userinfo{font-size: 16px;position: relative;}
.header-read .header-read-box .right .userinfo .img{display: block;background: #bfc9ff;cursor: pointer;transition-duration: .3s;width: 32px;height: 32px;overflow: hidden;border-radius: 100%;}
.header-read .header-read-box .right .userinfo .img:hover{box-shadow: 0 2px 8px rgba(0,0,0,.3);opacity: .8;}
.header-read .header-read-box .right .userinfo .img:active{transform: scale(.95);}
.header-read .header-read-box .right .userinfo .mark{position: absolute;top:130%;border-radius: 10px;right:-8px;width: 300px;color: #fff;background-color: #25262f;opacity: 0;visibility: hidden;transform: translateX(10px);pointer-events: none;}
.header-read .header-read-box .right .userinfo .mark.show{visibility: visible;opacity: 1;z-index: 101;transform: translate(0);pointer-events: auto;}
.header-read .header-read-box .right .userinfo .mark:before{position: absolute;content: "";border-left: 6px dashed transparent;border-right: 6px dashed transparent;height: 0;width: 0;bottom: 100%;left: auto;right: 22px;border-bottom: 7px solid #25262f;}
.header-read .header-read-box .right .userinfo .mark .user-info{box-sizing: border-box;padding: 16px;padding-top: 12px;display: flex;justify-content: space-between;align-items: center;}
.header-read .header-read-box .right .userinfo .mark .user-info .pic{width: 56px;height: 56px;border-radius: 100%;margin-right: 8px;overflow: hidden;}
.header-read .header-read-box .right .userinfo .mark .user-info .info{flex:1;}
.header-read .header-read-box .right .userinfo .mark .user-info .info a{color: #fff;}
.header-read .header-read-box .right .userinfo .mark .user-info .info h4{margin-bottom: 4px;max-width: 9.5em;font-size: 16px;font-weight: 700;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-read .header-read-box .right .userinfo .mark .user-info .info p a{margin-right: 16px;display: inline-block;}
.header-read .header-read-box .right .userinfo .mark .user-info .info p a img{width: 20px;height: 20px;vertical-align: middle;}
.header-read .header-read-box .right .userinfo .mark .user-info .info p a text{font-size: 16px;margin-left: 4px;vertical-align: middle;font-weight: 700;}
.header-read .header-read-box .right .userinfo .mark .cion-box{box-sizing: border-box;padding: 16px;padding-top: 4px;display: flex;justify-content: space-between;align-items: center;}
.header-read .header-read-box .right .userinfo .mark .cion-box span{color: #fff;}
.header-read .header-read-box .right .userinfo .mark .cion-box img{width: 24px;height: 24px;margin-right: 4px;}
.header-read .header-read-box .right .userinfo .mark .cion-box .btn{padding: 0 16px;line-height: 32px;height: 32px;font-size: 12px;}
.header-read .header-read-box .right .userinfo .mark .cion-box .btn:hover{opacity: .7;}
.header-read .header-read-box .right .userinfo .mark .vip-box{cursor: pointer;position: relative;padding: 12px;box-sizing: border-box;margin: 16px;margin-top: 8px;display: flex;flex-direction: column;background: linear-gradient(126.07deg,#222026 23.7%,#383b43 95.44%);box-shadow: inset 0 1px 1px hsla(0,0%,100%,.04);transition: transform .2s;transition: transform .2s, -webkit-transform .2s;}
.header-read .header-read-box .right .userinfo .mark .vip-box:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 8px;border: 2px solid #ff8d29;}
.header-read .header-read-box .right .userinfo .mark .vip-box:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/v.svg) 100% 100% no-repeat;}
.header-read .header-read-box .right .userinfo .mark .vip-box .vbg{position: absolute;top: 0;left:0;width: 100%;height: 100%;border-radius: 8px;overflow: hidden;}
.header-read .header-read-box .right .userinfo .mark .vip-box .vbg:before {content: "";position: absolute;top: -25%;left: -24%;width: 30px;height: 200%;transform: translateX(0) rotate(20deg);background-color: rgba(255,141,41,.5);}
.header-read .header-read-box .right .userinfo .mark .vip-box:hover .vbg:before {-webkit-transition: -webkit-transform .3s ease-in-out;transition: -webkit-transform .3s ease-in-out;transition: transform .3s ease-in-out;transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;-webkit-transform: translateX(360px) rotate(20deg);transform: translateX(360px) rotate(20deg)}
.header-read .header-read-box .right .userinfo .mark .vip-box h3{background-image: -webkit-gradient(linear,0 0,0 bottom,from(#efd3a5),to(#daa88c));-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #efd3a5;line-height: 24px;font-size: 20px;font-weight: 700;}
.header-read .header-read-box .right .userinfo .mark .vip-box p{color: hsla(0,0%,100%,.6);line-height: 16px;font-size: 12px;margin-bottom: 8px;}
.header-read .header-read-box .right .userinfo .mark .vip-box .btn2 {padding: 3px 12px 5px;height: 16px;font-size: 12px;letter-spacing: 1px;background: linear-gradient(90deg,#ff8d29,#e34c01);background-clip: padding-box;text-align: center;font-weight: 600;color: #fff;width: 56px;line-height: 16px;border-radius: 24px;}
.header-read .header-read-box .right .userinfo .mark li {color: hsla(0,0%,100%,.9);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 12px 16px;font-size: 16px;line-height: 24px;transition: background-color .2s,color .2s;cursor: pointer;}
.header-read .header-read-box .right .userinfo .mark li span{color: hsla(0,0%,100%,.9);margin-left:0;}
.header-read .header-read-box .right .userinfo .mark li small{display: block;font-size: 12px;color: #c0c2cc;font-weight: 400;line-height: 16px;}
.header-read .header-read-box .right .userinfo .mark li:hover{background-color: #3b66f5;}
.header-read .header-read-box .right .userinfo .mark li:hover span{color: #fff;}

.page-read-box{min-height: 100vh;background: #f2f2f2;padding-right: 50px;}
.read-right{position: fixed;top:0;right:0;width: 48px;height: 100%;background: #212531;text-align: center;box-sizing: border-box;overflow: hidden;z-index: 98;}
.read-right-box{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;width: 100%;}
.read-right-box li{width: 48px;cursor: pointer;height: 46px;line-height: 46px;font-size: 16px;border-top: 1px solid #171922;border-bottom: 1px solid #171922;color: #83848f;margin-bottom: -1px;-webkit-transition: background-color .2s,color .2s;transition: background-color .2s,color .2s;position: relative;}
.read-right-box li span{position: absolute;font-size: 12px;line-height: 1;position: absolute;top: 5px;width: 2em;right: 0;font-weight: 400;}
.read-right-box li:hover,.read-right-box li.on{background-color: #4c5fe2;color: #fff;}

.chapter-box{padding-top: 56px;position: relative;max-width: 802px;margin: 0 auto;border: 1px solid #e5e5e5;border-bottom: 0;background-color: #fff;min-height: calc(100vh - 57px);}
.chapter-box .chapter-item ul{padding: 1px 6% 30px;transition: padding .15s;font-size: 18px;}
.chapter-box .chapter-item ul li{font-size: 18px;position: relative;}
.chapter-box .chapter-item ul li.stat{padding-top: 48px;text-align: center;font-family: Microsoft YaHei;}
.chapter-box .chapter-item ul li.stat .pic{background: #fff url(../images/pic.png) 50% no-repeat;padding: 4px;border: 1px solid rgba(0,0,0,.1);background-color: hsla(0,0%,100%,.5);width: 210px;height: 280px;margin:0 auto;margin-bottom: 20px;}
.chapter-box .chapter-item ul li.stat .name{max-width: 20em;margin: 0 auto;max-height: 80px;line-height: 40px;margin-bottom: 16px;overflow: hidden;font-size: 100%;font-weight: 700;}
.chapter-box .chapter-item ul li.stat .author{font-size: 16px;font-weight: 700;}
.chapter-box .chapter-item ul li.stat .copyright{margin-top: 85px;font-size: 14px;color: #83848f;}
.chapter-box .chapter-item ul li .line{margin: 6%;text-align: center;color: #d7d8e0;font-size: 22px;position: relative;overflow: hidden;height: 24px;}
.chapter-box .chapter-item ul li .line:after, .chapter-box .chapter-item ul li .line:before {content: "";position: absolute;width: 100%;top: 52%;border-top: 1px solid;}
.chapter-box .chapter-item ul li .line:before{left: 50%;margin-left: 25px;}
.chapter-box .chapter-item ul li .line:after {right: 50%;margin-right: 25px;}
.chapter-box .chapter-item ul li .line i{width: 1em;height: 1em;font-size: 28px;}
.chapter-box .chapter-item ul li .content img{max-width: 100%;display: block;margin: 0 auto;min-height: 600px;background: #f5f5f5 url(../images/read_pic.jpg) 50% no-repeat;}
.chapter-box .chapter-item ul li .content .player{color: #fff;margin-top: 20px;height: calc(100vh - 230px);position: relative;}
.chapter-box .chapter-item ul li h3{margin: 30px 0;font-size: 24px;line-height: 1.5;font-weight: 700;font-family: Microsoft YaHei;}
.chapter-box .chapter-item ul li p{font-family: Microsoft YaHei;word-break: break-word;text-transform: none;word-wrap: break-word;padding-top: 12px;line-height: 1.5;font-size: 16px;font-weight: 400;}
.chapter-box .chapter-item ul li .btn-box{padding-top: 24px;padding-bottom: 16px;margin-bottom: 48px;text-align: center;display: flex;justify-content: space-between;align-items: center;}
.chapter-box .chapter-item ul li .btn-box .span{width: 30%;height: 72px;display: flex;flex-direction: column;cursor: pointer;}
.chapter-box .chapter-item ul li .btn-box .span span{text-align: center;}
.chapter-box .chapter-item ul li .btn-box .span span.iconfont{font-size: 24px;}
.chapter-box .chapter-item ul li .btn-box .span span.txt{letter-spacing: 1.25px;color: rgba(18,18,23,0.9);line-height: 16px;font-size: 14px;margin-top: 8px;}
.chapter-box .chapter-item ul li .btn-box .span span.num{letter-spacing: 1.25px;color: rgba(18,18,23,0.6);line-height: 16px;font-size: 12px;margin-top: 4px;}
.chapter-box .chapter-item ul li.pay .content{position: relative;}
.chapter-box .chapter-item ul li.pay .content:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 6em;background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)}
.chapter-box .chapter-item ul li .pay-box{position: absolute;bottom:36px;left:0;width: 100%;background: #fff;height: 150px;text-align: center;}
.chapter-box .chapter-item ul li .pay-box h5{color: #83848f;line-height: 24px;font-size: 20px;margin-bottom: 16px;padding-top: 20px;font-weight: 400;}
.chapter-box .chapter-item ul li .pay-box .btn{display: flex;flex-direction: column;justify-content: center;cursor: pointer;margin: 0 auto;width: 360px;color: #fff;background: #3b66f5;height: 48px;font-size: 14px;white-space: nowrap;box-sizing: border-box;border-radius: 24px;}
.chapter-box .chapter-item ul li .pay-box .btn .t{font-size: 12px;color: #c2d0ff;}
.chapter-box .chapter-item ul li .jibox{display: flex;justify-content: space-between;align-items: center;}
.chapter-box .chapter-item ul li .jibox span{margin: 0 24px;cursor: pointer;padding-top: 10px;}
.chapter-box .chapter-item ul li .content .player .pay-box{bottom: 50%;}

.chapter-box.chaptershow,
.chapter-box.commentshow,
.chapter-box.cmdshow{padding-right: 400px;}
.chapter-box .chapter-right-box{width: 400px;position: fixed;top: 0;bottom: 0;right: 374px;z-index: 98;background-color: #fff;border-color: #e5e5e5;border-style: solid;border-width: 0 1px;box-sizing: border-box;transition: .15s;visibility: visible;opacity: 1;transform: scale(1);transform: scaleX(0);}
.chapter-box .chapter-right-box h4{position: relative;padding: 16px 24px;margin-top: 56px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 32px;font-size: 24px;font-weight: 700;color: #000;}
.chapter-box .chapter-right-box h4 i{font-style: normal;color: #83848f;font-size: 14px;margin-left: 8px;vertical-align: top;display: inline-block;vertical-align: middle;text-align: center;font-weight: 400;}
.chapter-box .chapter-right-box h4 span{position: absolute;top:10px;right:15px;font-size: 16px;color: #999;cursor: pointer;}
.chapter-box .chapter-right-box h4 span:hover{color: #333;}
.chapter-box .chapter-right-box .chapter-list-box{display: flex;flex-direction: column;height: 100%;}
.chapter-box .chapter-right-box .chapter-list-box ul{padding: 0 24px;flex:1;overflow-y: auto;}
.chapter-box .chapter-right-box .chapter-list-box ul li a{display: flex;justify-content: space-between;align-items: center;color: rgba(18,18,23,0.9);border-bottom: 1px solid #e7e7e7;line-height: 24px;font-size: 16px;padding-bottom: 12px;padding-top: 12px;}
.chapter-box .chapter-right-box .chapter-list-box ul li a.on{color: #3b66f5;}
.chapter-box .chapter-right-box .chapter-list-box ul li a .xu{margin-right: 16px;}
.chapter-box .chapter-right-box .chapter-list-box ul li a .name{flex: 1;text-align: left;}
.chapter-box .chapter-right-box .chapter-list-box ul li a:hover .name{text-decoration: underline;}
.chapter-box .chapter-right-box .chapter-list-box .num-box{min-height: 65px;padding: 24px;padding-bottom: 0;display: none;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row{width: calc(100% - 10px);background-color: #f6f7fc;overflow-y: hidden;overflow-x: auto;border-radius: 8px;padding: 16px;white-space: nowrap;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span{cursor: pointer;position: relative;color: rgba(18,18,23,0.6);transition-duration: .2s;font-size: 16px;padding: 16px 0;margin-left: 8px;margin-right: 8px;vertical-align: top;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span:before {visibility: hidden;opacity: 0;transition: .2s;content: "";position: absolute;bottom: 5px;left: 50%;width: 1em;height: 2px;background-color: #3b66f5;border-radius: 4px;margin-left: -0.5em;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span.on:before,
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span:hover:before {visibility: visible;opacity: 1;color: #3b66f5;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span:hover{color: #3b66f5;}
.chapter-box .chapter-right-box .chapter-list-box .num-box .row span.on{font-weight: 700;color: #3b66f5;}

.chapter-box .chapter-right-box .chapter-comment-box{display: flex;flex-direction: column;height: 100%;}
.chapter-box .chapter-right-box .chapter-comment-box .input{cursor: pointer;background: #fff;margin: 0 24px;margin-top: 10px;height: 32px;padding: 5px 16px;line-height: 20px;border-radius: 16px;font-size: 14px;border: 1px solid #d7d8e0;color:#d7d8e0;box-sizing: border-box;min-height: 32px;}
.chapter-box .chapter-right-box .chapter-comment-box .comment-nav{margin: 12px 24px;display: flex;}
.chapter-box .chapter-right-box .chapter-comment-box .comment-nav span{cursor: pointer;color: rgba(18,18,23,0.6);margin-right: 36px;transition: .2s;font-size: 14px;font-weight: 600;padding-bottom: 4px;}
.chapter-box .chapter-right-box .chapter-comment-box .comment-nav span.on{color: rgba(18,18,23,0.9);border-bottom: 2px solid #3b66f5;}
.chapter-box .chapter-right-box .chapter-comment-box .comment-list{padding:0 24px;box-sizing: border-box;flex:1;overflow-y: auto;}

.chapter-box .chapter-right-box .chapter-cmd-box{display: flex;flex-direction: column;height: 100%;padding: 0 24px;}
.chapter-box .chapter-right-box .chapter-cmd-box h4{padding: 16px 0;}
.chapter-box .chapter-right-box .chapter-cmd-box h5{color: #83848f;font-size: 14px;margin: 8px 0;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox{display: flex;align-items: center;margin-bottom: 10px;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span{text-align: center;margin-right: 20px;cursor: pointer;color: #7c7c7c;transition: .2s;background-color: #fff;height: 36px;width: 36px;line-height: 36px;border-radius: 50%;display: inline-block;border: 1px solid;position: relative;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span i{font-size: 28px;display: none;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.s2{color: #dad0b5;background: #f6edd4 url(data:image/png;base64,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);}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.s3{background-color: #191b1c;color: #161819;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.s3 i{display: inline-block;color: #6b6b6b;font-size: 20px;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.on{border-color: #4c5fe2;}
.chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.on i{display: inline-block;color: #4c5fe2;}
.chapter-box .chapter-right-box .chapter-cmd-box .fontbox{display: flex;align-items: center;margin-bottom: 10px;}
.chapter-box .chapter-right-box .chapter-cmd-box .fontbox span{max-width: 30%;overflow: hidden;white-space: nowrap;margin-right: 20px;cursor: pointer;transition: .2s;font-weight: 400;height: 36px;line-height: 36px;padding: 0 1em;background-color: hsla(0,0%,100%,.5);border-radius: 2px;text-align: center;display: inline-block;border: 1px solid #dcdcdc;}
.chapter-box .chapter-right-box .chapter-cmd-box .fontbox span.on{color: #4c5fe2;border-color: #4c5fe2;}
.chapter-box .chapter-right-box .chapter-cmd-box .fontbox span.f2{font-family: STFangsong;}
.chapter-box .chapter-right-box .chapter-cmd-box .fontbox span.f2{font-family: KaiTi;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox{width: 270px;position: relative;overflow: hidden;display: flex;border: 1px solid #dcdcdc;border-radius: 2px;height: 36px;line-height: 36px;text-align: center;background-color: hsla(0,0%,100%,.5);}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox:after, .chapter-box .chapter-right-box .chapter-cmd-box .sizebox:before {content: "";position: absolute;top: 50%;height: 20px;margin-top: -10px;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox:after{border-right: 1px solid #e5e5e5;right: 90px;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox:before{border-left: 1px solid #e5e5e5;left: 90px;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox span{flex: 1;font-size: 18px;cursor: pointer;outline: none;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox span:focus {outline: none;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox span:hover{color: #3b66f5;outline: none;}
.chapter-box .chapter-right-box .chapter-cmd-box .sizebox span.z2{color: #83848f;cursor: default;}

.chapter-box.chaptershow .chapter-right-box,
.chapter-box.commentshow .chapter-right-box,
.chapter-box.cmdshow .chapter-right-box{transition: .15s;visibility: visible;opacity: 1;transform: scale(1);transform: scaleX(1);}
.chapter-box.chaptershow .chapter-right-box .chapter-comment-box,
.chapter-box.chaptershow .chapter-right-box .chapter-cmd-box,
.chapter-box.commentshow .chapter-right-box .chapter-list-box,
.chapter-box.commentshow .chapter-right-box .chapter-cmd-box,
.chapter-box.cmdshow .chapter-right-box .chapter-list-box,
.chapter-box.cmdshow .chapter-right-box .chapter-comment-box{display: none;}
body.font2 .chapter-item ul li.stat,body.font2 .chapter-item ul li h3,body.font2 .chapter-item ul li p{font-family: SimSun;}
body.font3 .chapter-item ul li.stat,body.font3 .chapter-item ul li h3,body.font3 .chapter-item ul li p{font-family: KaiTi;}
body.bg2,body.bg2 .chapter-right-box{background: #f8f1d9 url(data:image/png;base64,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);background-size: 48px 48px;}
body.bg2 .header-read,body.bg2 .chapter-box,body.bg2 .chapter-box .chapter-item ul li .pay-box{background: #f6edd4 url(data:image/png;base64,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);background-size: 48px 48px;border-color: #d9cfb3;}
body.bg2 .comment-list li+li:before,
body.bg2 .chapter-box .chapter-right-box .chapter-list-box ul li a{border-color: #f3e9c6;}
body.bg2 .chapter-box .chapter-right-box,
body.bg2 .chapter-box .chapter-right-box .chapter-cmd-box .sizebox{border-color: #d9cfb3;}
body.bg2 .chapter-box .chapter-item ul li .line{color: #d9cfb3}
body.bg2 .chapter-box .chapter-item ul li.pay .content:after{background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #f3e9c7);}

body.bg3{background: #000;color: #c0c2cc;}
body.bg3 .header-read,body.bg3 .chapter-box,body.bg3 .chapter-box .chapter-item ul li .pay-box,body.bg3 .chapter-right-box{background: #1f2129;border-color: #3c3e47;}
body.bg3 .header-read{border-color: #262831;}
body.bg3 .comment-list li+li:before,
body.bg3 .chapter-box .chapter-right-box .chapter-list-box ul li a{border-color: #3c3e47;}
body.bg3 .chapter-box .chapter-right-box{border-color: #3c3e47;}
body.bg3 .chapter-box .chapter-item ul li .line{color: #3c3e47}
body.bg3 .chapter-box .chapter-item ul li.pay .content:after {background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #1f2129);}
body.bg3 a,
body.bg3 .header-read .header-read-box .left,
body.bg3 .header-read .header-read-box .left a,
body.bg3 .header-read .header-read-box .right .text,
body.bg3 .chapter-box .chapter-item ul li .btn-box .span span.txt,
body.bg3 .chapter-box .chapter-item ul li .btn-box .span span.num,
body.bg3 .chapter-box .chapter-right-box h4,
body.bg3 .chapter-box .chapter-right-box .chapter-list-box ul li a,
body.bg3 .chapter-box .chapter-right-box .chapter-comment-box .comment-nav span,
body.bg3 .comment-list li .info .cmd span,
body.bg3 .comment-list li .info .text{color: #c0c2cc;}
body.bg3 .chapter-box .chapter-right-box .chapter-comment-box .comment-nav span.on,
body.bg3 .chapter-box .chapter-right-box h4 span:hover{color: #fff;}
body.bg3 .chapter-box .chapter-right-box .chapter-cmd-box .fontbox span,
body.bg3 .chapter-box .chapter-right-box .chapter-cmd-box .sizebox{border-color: #3c3e47;background-color: transparent;color: #c0c2cc;}
body.bg3 .chapter-box .chapter-right-box .chapter-cmd-box .fontbox span.on{color: #4c5fe2;border-color: #4c5fe2;}
body.bg3 .chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.on{border-color: #4c5fe2;}
body.bg3 .chapter-box .chapter-right-box .chapter-cmd-box .bgbox span.on i{display: inline-block;color: #4c5fe2;}
body.bg3 .chapter-box .chapter-right-box .chapter-list-box ul li a.on{color: #3b66f5;}

.open-box{padding: 0 32px;overflow-x: hidden;overflow-y: auto;}
.open-box h3{color: rgba(18,18,23,0.9);letter-spacing: .15px;line-height: 20px;font-size: 16px;font-weight: 700;padding-top: 10px;margin-bottom: 10px;}
.open-box .paytype{margin-bottom: 24px;}
.open-box .paytype li{border: 1px solid rgba(18,18,23,.1);border-radius: 16px;padding: 6px 0;padding-left: 8px;padding-right: 16px;margin-top: 8px;line-height: 1;box-sizing: border-box;}
.open-box .paytype li label{display: flex;justify-content: space-between;align-items: center;cursor:pointer;}
.open-box .paytype li .pic{width: 40px;height: 40px;overflow: hidden;background: #fff;margin-right: 10px;}
.open-box .paytype li .txt{flex:1;}
.open-box .paytype li .xuan{width: 24px;}
.open-box .paytype li .xuan input{width: 20px;height: 20px;}
.open-box .cionlist{display: flex;flex-wrap: wrap;}
.open-box .cionlist li{width: calc(33.3333% - 18px);margin-right: 16px;margin-bottom: 16px;border-radius: 16px;cursor: pointer;border: 1px solid #d7d8e0;text-align: center;overflow: hidden;}
.open-box .cionlist li:nth-child(3n){margin-right: 0;}
.open-box .cionlist li:hover{border-color: #ff8d29;}
.open-box .cionlist li .p1{padding-top: 10px;max-width: 99%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.9);line-height: 28px;font-size: 24px;font-weight: 700;text-align: center;}
.open-box .cionlist li .p1 text{font-size: 16px;font-weight: 600;}
.open-box .cionlist li .p1 i{display: inline-block;width: 24px;line-height: 24px;height: 1ex;position: relative;vertical-align: middle;background-repeat: no-repeat;text-align: center;}
.open-box .cionlist li .p1 i:before {top: 50%;left: 0;margin-top: -16px;position: absolute;content: "";width: 100%;height: 0;padding-top: 100%;vertical-align: middle;background-image: url(../images/icon.png);background-repeat: no-repeat;background-size: 48px 72px;background-position: 0 0;font-size: 0;overflow: hidden;}
.open-box .cionlist li .p2{line-height: 30px;height: 30px;}
.open-box .cionlist li .p3{background: linear-gradient(90deg,#ff8d29,#e34c01);line-height: 32px;font-size: 14px;color: #fff;}
.open-box .tps{padding: 20px 0;}

.task-box{width: 100%;border-top: 3px solid #3b66f5;}
.task-box .task-top{position: relative;height: 193px;background: #ff8d29;color: #fff;overflow: hidden;padding: 0 32px;padding-top: 32px;}
.task-box .task-top .right-pic{position: absolute;right: -1px;top: -1px;width: 147.5px;height: 260px;background-image: url(../images/task.png);background-size: auto 100%;overflow: hidden;}
.task-box .task-top h3{line-height: 24px;font-size: 20px;font-weight: 600;padding-bottom: 3px;}
.task-box .task-top h4{padding-top: 20px;line-height: 16px;font-size: 12px;opacity: .7;height: 40px;}
.task-box .task-top p{line-height: 24px;height: 24px;font-size: 14px;color: #1f2129;text-transform: uppercase;cursor: pointer;}
.task-box .task-top p i{margin-left: 3px;}
.task-box .task-item{width: 100%;position: relative;margin-top: -25px;padding: 20px 0;border-top-left-radius: 25px;border-top-right-radius: 25px;background-color: #fff;}
.task-box .task-item ul{max-height: 420px;padding: 0 20px;overflow-x: hidden;overflow-y: auto;}
.task-box .task-item ul li{display: flex;justify-content: space-between;align-items: center;padding: 10px 0;border-bottom: 1px solid #d7d8e0;}
.task-box .task-item ul li .left .name{color: #1f2129;line-height: 24px;font-size: 16px;}
.task-box .task-item ul li .left .cion{line-height: 20px;font-size: 14px;opacity: .7;color: #83848f;padding-top: 3px;}
.task-box .task-item ul li .btn{cursor: pointer;border-radius: 16px;padding: 8px 0;height: 32px;width: 107px;line-height: 16px;font-size: 12px;text-align: center;color: #fff;font-weight: 600;white-space: nowrap;box-sizing: border-box;background: linear-gradient(90deg,#3b66f5,#163bcd);}
.task-box .task-item ul li .btn.disabled{background: linear-gradient(90deg,#ffc152,#ff8d29);cursor: not-allowed;pointer-events: none;opacity: .6;}

.home-top{width: 100%;background: #f6f7fc;}
.home-top .bgpic{height: 380px;background-color: rgba(0,0,0,.1);margin-bottom: 48px;position: relative;}
.home-top .bgpic .top{width: 100%;height: 100%;}
.home-top .bgpic .mark{position: absolute;background: linear-gradient(180deg,rgba(18,18,23,.15) 62.06%,rgba(18,18,23,.3));;top:0;left:0;width: 100%;height: 100%;}
.home-top .bgpic .num-box{position: absolute;bottom: 0;left: 176px;right: 62px;z-index:9;margin-bottom: 16px;color: hsla(0,0%,100%,0.6);display: flex;justify-content: space-between;align-items: center;}
.home-top .bgpic .num-box .li{flex: 1;text-align: center;}
.home-top .bgpic .num-box .li .num{font-size: 32px;font-weight: 600;color: #fff;}
.home-top .bgpic .num-box .li .num text{font-size: 18px;}
.home-top .bgpic .num-box .line{border-left: 1px solid hsla(0,0%,100%,0.6);height: 16px;margin: 0 10px;}
.home-top .bgpic .pic{width: 160px;height: 160px;background-color: #f6f7fc;z-index:9;border: 6px solid #fff;margin-left: 16px;position: absolute;bottom: -80px;border-radius: 50%;overflow: hidden;}
.home-top .bgpic .upload-pic{cursor: pointer;position: absolute;bottom: -70px;left:150px;z-index: 12;color: #000;width: 40px;line-height: 36px;background-color: #d5d7e9;text-align: center;border-radius: 100%;}
.home-top .bgpic .upload-pic i{font-size: 22px;}
.home-top .bgpic .upload-toppic{position: absolute;bottom: 16px;right: 10px;padding: 0 16px;background: #eeeff9;height: 32px;font-size: 12px;line-height: 30px;letter-spacing: 1.25px;text-align: center;font-weight: 600;border-radius: 100px;cursor: pointer;}
.home-top .bgpic .upload-toppic:hover{opacity: .8;}
.home-top .bgpic .setting{border-radius: 100px;position: absolute;bottom: -50px;right:0;padding: 0 16px;height: 32px;font-size: 12px;line-height: 30px;letter-spacing: 1.25px;text-align: center;display: inline-block;background: #eeeff9;color: rgba(18,18,23,0.9);}
.home-top .bgpic .setting:hover {text-decoration: none;box-shadow: 0 4px 8px rgba(24,62,208,0.13);}
.home-top h3{line-height: 40px;margin-bottom: 16px;padding-top: 60px;font-size: 32px;font-weight: 600;}
.home-top .text{font-size: 16px;padding-bottom: 30px;color: rgba(18,18,23,0.6);line-height: 24px;padding-bottom: 32px;}
.home-top .nav{width: 100%;position: relative;font-weight: 700;}
.home-top .nav span{cursor: pointer;font-size: 20px;display: inline-block;font-weight: 700;padding-bottom: 10px;color: #999;margin-right: 36px;border-bottom: 2px solid transparent;transition: .2s;}
.home-top .nav i{position: absolute;width: 40px;display: block;top: 100%;left: 0;margin-top: -2px;-webkit-transition: .3s;transition: .3s;border-top: 2px solid #3b66f5;}
.home-top .nav.on0 span:nth-child(1){color: rgba(18, 18, 23, 0.9);}
.home-top .nav.on1 span:nth-child(2){color: rgba(18, 18, 23, 0.9);}
.home-top .nav.on1 i{width: 80px;left:78px;}


.home-comment-box{padding: 30px 0;}
.home-comment-box h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 32px;font-size: 24px;margin-bottom: 32px;font-weight: 700;}
.home-comment-box h3 span{font-size: 16px;color: #7f7f7f;margin-left: 1em;line-height: 24px;margin-top: 2px;vertical-align: top;}
.home-comment-box ul li{display: flex;}
.home-comment-box ul li .pic{width: 32px;height: 32px;margin-right: 16px;overflow: hidden;border-radius: 4px;}
.home-comment-box ul li .info{flex: 1;}
.home-comment-box ul li .info h4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 700;line-height: 20px;}
.home-comment-box ul li .info .time{color: #83848f;font-size: 12px;margin-top: 4px;font-weight: 400;}
.home-comment-box ul li .info .text{margin-top: 8px;font-size: 16px;word-wrap: break-word;line-height: 24px;max-height: 120.6px;overflow: hidden;position: relative;word-break: break-word;color: rgba(18,18,23,0.6);white-space: pre-wrap;}
.home-comment-box ul li .info .book{margin-top: 8px;margin-bottom: 16px;padding:16px;border-radius: 16px;cursor: pointer;background: #f6f7fc;display: flex;align-items: center;}
.home-comment-box ul li .info .book .book-pic{width: 44px;height: 58px;margin-right: 16px;overflow: hidden;border-radius: 3px;}
.home-comment-box ul li .info .book .book-info{flex: 1;}
.home-comment-box ul li .info .book .book-info h5{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(18,18,23,0.9);line-height: 20px;font-size: 16px;padding-top: 8px;margin-bottom: 4px;}
.home-comment-box ul li .info .book .book-info p{line-height: 20px;font-size: 14px;word-wrap: break-word;color: #83848f;}
.edit-info-box{padding: 30px;margin-top: 50px;}
.edit-info-box p{display: flex;margin-top: 10px;margin-bottom: 32px;}
.edit-info-box p .name{color: #333;font-weight: 600;font-size: 16px;margin-left: 180px;text-indent: 40px;margin-right: 14px;width: 224px;line-height: 44px;}
.edit-info-box p .input{flex:1;display: flex;font-size: 14px;}
.edit-info-box p .input .inp1{width: 280px;height: 44px;line-height: 20px;background: #fff;border: 1px solid #e0e0e0;font-size: 16px;color: #000;border-radius: 2px;transition: .2s;padding: 0 16px;}
.edit-info-box p .input .inp2{width: 400px;height: 100px;line-height: 20px;background: #fff;border: 1px solid #e0e0e0;font-size: 16px;color: #000;border-radius: 2px;transition: .2s;padding: 8px 16px;}
.edit-info-box p .input label{line-height: 44px;display: flex;align-items: center;margin-right: 30px;font-weight: 400;cursor: pointer;}
.edit-info-box p .input label input{width: 20px;height: 20px;margin-right: 3px;}
.edit-info-box p .input .btn{width: 200px;cursor: pointer;border-radius: 46px;height: 46px;line-height: 46px;font-size: 14px;text-align: center;color: #fff;font-weight: 600;white-space: nowrap;box-sizing: border-box;background: linear-gradient(90deg,#3b66f5,#163bcd);}

.bill-box{margin-bottom: 16px;line-height: 1.5;background-color: #f5f6fc;border-bottom: 1px solid #dcdce2;}
.bill-box .box{position: relative;padding: 40px 32px;}
.bill-box .box h2{font-size: 40px;line-height: 1.5;font-weight: 700;padding-bottom: 20px;}
.bill-box .nav{bottom: -1px;z-index: 10;position: absolute;left: 32px;text-transform: capitalize;font-size: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.bill-box .nav a{vertical-align: bottom;display: inline-block;color: #83848f;margin-right: 32px;padding-bottom: 4px;border-bottom: 2px solid transparent;}
.bill-box .nav a:hover{color: #000;}
.bill-box .nav a.on{color: #000;font-weight: 700;border-bottom: 2px solid #4c5fe2;}
.bill-box .right{bottom: 0;z-index: 10;position: absolute;right: 32px;display: flex;}
.bill-box .right .span{font-size: 16px;margin-left: 32px;color:#3b66f5;cursor: pointer;padding-bottom: 10px;}
.bill-box .right .span i{margin-right: 5px;}
.bill-box .right .span.del{color: #ed424b;}
.bill-box .right .span.del,.bill-box .right .span.close{display: none;}
.bill-box .right.edit .span.del,.bill-box .right.edit .span.close{display: inline-block;}
.bill-box .right.edit .span.edit{display: none;}
.bill-box .right.edit .span.disabled{opacity: .5;pointer-events: none;cursor: not-allowed;}
.bill-box .right .sort{position: relative;}
.bill-box .right .sort-box{position: absolute;top:30px;right:0;width: 170px;box-shadow: 0 8px 20px rgba(0,0,0,.2);background: #fff;border-radius: 12px;display: none;}
.bill-box .right .sort-box a{padding: 12px 16px;font-size: 16px;line-height: 24px;cursor: pointer;color: #000;display: flex;align-items: center;justify-content: space-between;}
.bill-box .right .sort-box a:hover{background: #dbdff9;}
.bill-box .right .sort-box a i{font-size: 22px;font-weight: 600;display:none;}
.bill-box .right .sort-box a.on i{display: inline-block;}
.bill-box .right .sort:hover .sort-box{display: block;}
.bill-list .mynum-box{padding: 32px;height: 40px;background-color: #f6f7fc;border-radius: 4px;margin-bottom: 32px;display: flex;align-items: center;justify-content: space-between;}
.bill-list .mynum-box .icon img{max-height: 40px;}
.bill-list .mynum-box .num{padding: 0 10px;font-size: 32px;font-weight: 700;flex:1;}
.bill-list .mynum-box .btn{border: 1px solid #4c5fe2;color: #4c5fe2;padding: 8px 30px;font-size: 14px;font-weight: 600;border-radius: 40px;cursor: pointer;}
.bill-list .tab{display: flex;align-items: center;margin-bottom: 8px;}
.bill-list .tab a{font-size: 14px;font-weight: 600;padding-bottom: 6px;margin-right: 36px;}
.bill-list .tab a.on{color: rgba(18,18,23,0.9);border-bottom: 2px solid #3b66f5;}
.bill-list ul{min-height: 200px;margin-top: 20px;padding-bottom: 20px;}
.bill-list ul li{display: flex;line-height: 20px;border-bottom: 1px solid #ededed;padding: 10px 16px;white-space: nowrap;}
.bill-list ul li .s1{flex:1;}
.bill-list ul li .s2{width: 100px;}
.bill-list ul li .s3{width: 160px;}

.cases-list{padding-top: 10px;}
.cases-list .tab{display: flex;align-items: center;margin-bottom: 8px;}
.cases-list .tab a{font-size: 14px;font-weight: 600;padding-bottom: 6px;margin-right: 36px;}
.cases-list .tab a.on{color: rgba(18,18,23,0.9);border-bottom: 2px solid #3b66f5;}
.cases-list ul{min-height: 200px;margin-top: 20px;padding-bottom: 20px;display: flex;flex-wrap: wrap;}
.cases-list ul li{width: 140px;margin-right: 28px;margin-bottom: 28px;}
.cases-list ul li:nth-child(6n){margin-right: 0;}
.cases-list ul li .pic{overflow: hidden;position: relative;width: 140px;height: 186px;border-radius: 4px;}
.cases-list ul li .pic a{display: block;}
.cases-list ul li .pic .mark{position: absolute;top:0;left:0;cursor: pointer;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,.3);display: none;align-items: center;justify-content: center;}
.cases-list ul li .pic .mark i{color: #fff;font-size: 36px;}
.cases-list ul li .pic .mark i.icon-dagou1{color: #3b66f5;display: none;background: #fff;border-radius:100%;}
.cases-list ul li .pic .mark.on i.icon-dagou-2{display: none;}
.cases-list ul li .pic .mark.on i.icon-dagou1{display: block;}
.cases-list ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.cases-list ul li .pic img:hover{transform: scale(1.1);}
.cases-list ul li .name{padding-top: 5px;max-height: 40px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 20px;font-size: 16px;font-weight: 700;color:#000;}
.cases-list ul li .num{padding-top: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;font-weight: 400;}
.cases-list ul li .name a{color: #000;}
.cases-list ul li .name a:hover{text-decoration: underline;}
.cases-list.on ul li .pic .mark{display: flex;}

.read-list{padding-top: 10px;}
.read-list .tab{display: flex;align-items: center;margin-bottom: 8px;}
.read-list .tab a{font-size: 14px;font-weight: 600;padding-bottom: 6px;margin-right: 36px;}
.read-list .tab a.on{color: rgba(18,18,23,0.9);border-bottom: 2px solid #3b66f5;}
.read-list ul{min-height: 300px;margin-top: 20px;padding-bottom: 20px;}
.read-list ul li{display: flex;margin-bottom: 32px;position: relative;}
.read-list ul li:before{content: "";position: absolute;top: -14px;left: -14px;right: -14px;bottom: -14px;background-color: #f5f6fc;z-index: -1;visibility: hidden;opacity: 0;transition: .3s;}
.read-list ul li:hover:before{visibility: visible;opacity: 1;}
.read-list ul li .pic{width: 140px;height: 186px;overflow: hidden;border-radius: 4px;margin-right: 14px;}
.read-list ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.read-list ul li .pic img:hover{transform: scale(1.1);}
.read-list ul li .info{flex:1;position: relative;}
.read-list ul li .info .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 24px;font-size: 20px;padding-top: 4px;margin-bottom: 4px;font-weight: 700;}
.read-list ul li .info .name a{color: #000;}
.read-list ul li .info .name a:hover{text-decoration: underline;}
.read-list ul li .info .cname{overflow: hidden;height: 21px;margin-bottom: 8px;}
.read-list ul li .info .cname a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;height: 18px;line-height: 18px;border: 1px solid;color: #4c5fe2;font-size: 12px;padding: 0 0.8em;border-radius: 30px;margin-right: 8px;vertical-align: middle;transition: .2s;}
.read-list ul li .info .cname a:hover{background: rgba(76,95,226,0.1);}
.read-list ul li .info .text{overflow-wrap: break-word;max-height: 48px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 24px;font-size: 16px;}
.read-list ul li .info .text a{color: #000;}
.read-list ul li .info .text a:hover{text-decoration: underline;}
.read-list ul li .info .num{color: #83848f;display: flex;align-items: center;justify-content: space-between;position: absolute;bottom:14px;left:0;width: 100%;}
.read-list ul li .info .num .jd{flex:1;}
.read-list ul li .info .num .jd b{font-size: 24px;}
.read-list ul li .info .num a{margin-right: 32px;font-size: 16px;color: #3b66f5;}
.read-list ul li .info .num .cases-btn{cursor: pointer;border-radius: 100px;margin-right: 16px;background: linear-gradient(90deg,#3b66f5,#163bcd);text-align: center;color: #fff;padding: 3px 12px;font-size:14px;line-height: 30px;}
.read-list ul li .info .num .cases-btn span{display: flex;align-items: center;}
.read-list ul li .info .num .cases-btn i{margin-right: 4px;}
.read-list ul li .info .read-del-btn{position: absolute;top:0;right:0;width: 30px;height: 30px;cursor: pointer;display: none;}
.read-list ul li:hover .info .read-del-btn{display: block;}

.msg-list{padding-top: 10px;}
.msg-list ul{min-height: 300px;padding-bottom: 20px;}
.msg-list ul li{border-bottom: 1px solid #e7e7e7;padding-top: 24px;padding-bottom: 30px;}
.msg-list ul li .time{font-weight: 400;font-size: 12px;color: #83848f;padding-top: 30px;}
.msg-list ul.sys li .text{font-size: 16px;line-height: 24px;position: relative;overflow: hidden;word-wrap: break-word;margin-bottom: 8px;}
.msg-list ul.zan li{display: flex;}
.msg-list ul.zan li .pic{width: 32px;height: 32px;margin-right: 16px;overflow: hidden;border-radius: 4px;}
.msg-list ul.zan li .info{flex: 1;}
.msg-list ul.zan li .info .nickname{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;font-weight: 700;line-height: 20px;}
.msg-list ul.zan li .info .nickname span{font-weight: 400;color: rgba(18, 18, 23, 0.6);}
.msg-list ul.zan li .info .text{margin-top: 8px;font-size: 16px;word-wrap: break-word;line-height: 24px;max-height: 120.6px;overflow: hidden;position: relative;word-break: break-word;color: rgba(18, 18, 23, 0.6);white-space: pre-wrap;}
.msg-list ul.zan li .info h4{padding: 15px;background: #f5f5f5;border-radius: 4px 4px 0 0;margin-top: 20px;border-bottom: 1px solid #e7e7e7;}
.msg-list ul.zan li .info .data{padding: 15px;background: #f5f5f5;border-radius: 0 0 4px 4px;display: flex;}
.msg-list ul.zan li .info .data .pic{width: 60px;height: 80px;}
.msg-list ul.zan li .info .data .info .name{padding-top: 8px;color: #000;font-weight: 700;}
.msg-list ul.zan li .info .data .info .author{padding-top: 10px;color: rgba(18, 18, 23, 0.6);}
.msg-list ul.activity li{display: flex;}
.msg-list ul.activity li .pic{width: 90px;height: 120px;margin-left: 50px;overflow: hidden;border-radius: 4px;}
.msg-list ul.activity li .info{flex: 1;}
.msg-list ul.activity li .info .name{padding-top: 8px;color: #000;font-weight: 700;font-size: 16px;}
.msg-list ul.activity li .info .text{padding-top: 10px;color: rgba(18, 18, 23, 0.6);}

.help-box{position: relative;max-width: 750px;min-height: 100%;margin-left: auto;margin-right: auto;overflow: auto;}
.help-box .help-item{color: #000;padding: 0 32px;}
.help-box .help-item .row{display: flex;align-items: center;justify-content: space-between;padding: 32px 0;font-size: 22px;line-height: 36px;box-shadow: inset 0px -1px 0px rgba(18, 18, 23, 0.1);cursor: pointer;font-weight: bold;}
.help-box .help-item .row .iconfont{color:#f96a0e;font-size: 32px;margin-right: 15px;}
.help-box .help-item ul{display: none;}
.help-box .help-item ul .row{font-weight: 400;}
.help-box .help-item ul .row .iconfont{color: #666;font-size: 28px;}
.help-box .help-mark{position: absolute;top:0;left:0;width: 100%;height: 100%;background: #fff;display: none;}
.help-box .help-mark .close{text-align: right;}
.help-box .help-mark .close span{margin-top: 32px;margin-right: 32px;width: 48px;height: 48px;color: #000;cursor: pointer;display: inline-block;font-size: 30px;}
.help-box .help-mark h3{padding: 32px 32px 0;font-size: 32px;line-height: 1.3;}
.help-box .help-mark pre{display: block;padding: 32px;font-family: inherit;margin: 0;white-space: pre-wrap;opacity: 0.65;line-height: 1.6;font-size: 20px;}

.home-list-box>ul{margin-top: 24px;}
.home-list-box>ul>li{display: flex;margin-bottom: 24px;}
.home-list-box ul li .pic{position: relative;overflow: hidden;width: 140px;height: 186px;border-radius: 4px;margin-right: 32px;}
.home-list-box ul li .pic span{border-radius: 0 0 0 8px;padding: 2px 8px;font-size: 12px;top: 0;right: 0;position: absolute;background: #3b66f5;color: #fff;}
.home-list-box ul li .pic img{transition: transform .3s ease-out, -webkit-transform .3s ease-out;}
.home-list-box ul li .pic:hover img{transform: scale(1.1);}
.home-list-box ul li .info{flex:1;}
.home-list-box ul li .info .score{display: flex;align-items: center;margin: 4px 0;}
.home-list-box ul li .info .score span{margin-right: 4px;}
.home-list-box ul li .info .layui-rate{display: flex;padding: 0;}
.home-list-box ul li .info .layui-rate li i.layui-icon{font-size: 14px;margin-right:1px;}
.home-list-box ul li .info .name{max-height: 48px;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;word-wrap: break-word;-webkit-box-orient: vertical;line-height: 24px;font-size: 20px;padding-top: 4px;margin-bottom: 8px;font-weight: 700;}
.home-list-box ul li .info .name a{color: #000;}
.home-list-box ul li .info .name a:hover{text-decoration: underline;}
.home-list-box ul li .info .tags{overflow: hidden;height: 21px;}
.home-list-box ul li .info .tags a{margin-bottom: 2px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: inline-block;height: 18px;line-height: 18px;border: 1px solid;color: #4c5fe2;font-size: 12px;padding: 0 0.8em;border-radius: 30px;margin-right: 8px;vertical-align: middle;-webkit-transition: .2s;transition: .2s;}
.home-list-box ul li .info .text{max-height: 4.5em;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;margin-bottom: 8px;overflow: hidden;line-height: 1.5;color: #000;}
.home-list-box ul li .info .nums span{margin-right: 7px;color: #83848f;line-height: 16px;font-size: 12px;}
.home-list-box ul li .info .nums span i{margin-right: 3px;}
.home-list-box ul li .info .nums span .icon-zhangjie{font-size: 14px;}

@media (max-width: 1300px) {
    .chapter-box.chaptershow,
    .chapter-box.commentshow,
    .chapter-box.cmdshow{padding-right: 0px;}
    .chapter-box .chapter-right-box{right: 48px;}
}