*{box-sizing: border-box;padding: 0;margin: 0;}
li{list-style:none}
img{width: 100%;height: 100%;object-fit: cover;}
html{width: 100%;height: 100%;background: #f5f5f5;}
body{max-width: 420px;margin: 0 auto;overflow-x: hidden;position: relative;background: #fff;min-height: 100%;}
.img{background: #f1f1f1;}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-corner {background-color: transparent;}
::-webkit-scrollbar-thumb {background: transparent;border-radius: 4px;-webkit-transition: all 1s;transition: all 1s;width: 16px;}
::-webkit-scrollbar-track {background: transparent;width: 12px;}
::-webkit-scrollbar-thumb:hover, :hover::-webkit-scrollbar-thumb {background: #ccc;}
.line{width: 100%;height: 7px;background: #f5f5f5;}
.bottom{text-align: center;background: #fff;font-size: 12px;padding-top: 20px;}
.bottom .end{position: relative;display: inline-block;color: rgba(0,0,0,.4);}
.bottom .end:after,.bottom .end:before {background-color: rgba(0,0,0,.4);content: "";height: .5px;width: 10px;position: absolute;top:50%;left:-20px;transform: translateY(-50%);}
.bottom .end:before{right:-20px;left:auto;}
.bottom .zw{padding-bottom: 100px;background: #fff;}
.btn{height: 44px;width: 60%;max-width: 230px;background: #fa6725;position: fixed;bottom: 40px;left: 50%;transform: translateX(-50%);background: #fa6725;color: #fff;font-size: 1rem;text-align: center;line-height: 44px;border-radius: 44px;z-index: 999;cursor: pointer;}

/*漫画*/
.comic .top{width: 100%;position: relative;}
.comic .top .img{width: 100%;height: 252px;}
.comic .top .img img{width: 100%;height: 100%;object-fit: cover;}
.comic .top .info{width: 90%;background: #FFFFFF;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.19);border-radius: 4px;position: absolute;bottom: -101px;left: 50%;margin-left: -45%;padding: 12px;max-height: 181px;}
.comic .top .info .neirong{}
.comic .top .info .neirong .left{width: 70%;display: inline-block;border-right: 1px solid #f6f6f6;}
.comic .top .info .neirong .left .name{font-size: 16px;font-weight: 500;color: #3A3A3A;width: 100%;}
.comic .top .info .neirong .left .ul{width: 100%;margin-top: 10px;overflow:hidden;white-space: nowrap;}
.comic .top .info .neirong .left .ul li{padding: 2px 6px;background: #F6F6F6;border-radius: 2px;font-size: 12px;font-weight: 400;color: #ADADAD;display: inline-block;margin-left: 10px;}
.comic .top .info .neirong .left .ul li:nth-child(1){margin-left: 0;}
.comic .top .info .neirong .right{width: 27%;display: inline-block;}
.comic .top .info .neirong .right .unm{font-size: 22px;font-weight: bold;color: #F03909;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.comic .top .info .neirong .right .xing{font-size: 12px;font-weight: 400;color: #FF864F;}
.comic .top .info .neirong .right .ren{font-size: 10px;font-weight: 400;color: #717171;}
.comic .top .info .intro{font-size: 12px;font-weight: 400;color: #666666;line-height: 17px;padding-top: 20px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.comic .top .info .author{font-size: 12px;font-weight: 400;color: #B6B6B6;padding-top: 10px;}
/*章节目录*/
.comic .chapter{width: 100%;padding: 16px;}
.comic .chapter .h2{font-size: 15px;font-weight: 600;color: #424242;}
.comic .chapter ul{width: 100%;white-space: nowrap;overflow-x: auto;margin-top: 10px;}
.comic .chapter ul li{width: 125px;height: 112px;border: 1px solid #E7E7E7 ;margin-left: 10px;display: inline-block;}
.comic .chapter ul li:nth-child(1){margin-left: 0;}
.comic .chapter ul li .img{width: 123px;height: 74px;background: #D8D8D8;border-radius: 4px;}
.comic .chapter ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.comic .chapter ul li .name{font-size: 14px;font-weight: 400;color: #333333;padding-top: 8px;padding-left: 5px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
/*猜你喜欢*/
.comic .likebox{width: 100%;padding: 16px;}
.comic .likebox .h2{font-size: 15px;font-weight: 600;color: #424242;}
.comic .likebox ul{width: 100%;margin-top: 10px;}
.comic .likebox ul li{width: 30.9%;display: inline-block;margin-right: 2%;margin-bottom: 16px;}
.comic .likebox ul li:nth-child(3n){margin-right: 0;}
.comic .likebox ul li .img{width: 100%;height: 115px;}
.comic .likebox ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.comic .likebox ul li .name{font-size: 15px;font-weight: 500;color: #333333;padding-top: 10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.comic .bottom{padding-top: 0px;}

/*小说*/
.book .beijin{width: 100%;height: 200px;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;}
.book .beijin .img{width: 100%;height: 100%;filter: blur(35px);}
.book .zhezao{width: 100%;height: 500px;background: rgb(0 0 0 / 50%);position: absolute;top: 0;left: 0;z-index: 2;}
.book .info{width: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.book .info .ziliao{padding: 0 16px;padding-top: 44px;}
.book .info .ziliao .img{width: 76px;height: 106px;display: inline-block;margin-right: 10px;vertical-align: top;}
.book .info .ziliao .neirong{width: 70%;display: inline-block;vertical-align: top;}
.book .info .ziliao .neirong .name{font-size: 16px;font-weight: 500;color: #FFFFFF;}
.book .info .ziliao .neirong .author{font-size: 14px;font-weight: 400;color: #FFFFFF;padding-top: 10px;}
.book .info .ziliao .neirong .type{font-size: 12px;font-weight: 400;color: #FFFFFF;padding-top: 10px;}
.book .info .xianqing{width: 100%;border-radius: 16px 16px 0 0;background: #fff;padding: 16 0px;min-height: 600px;}
.book .info .xianqing .h2{font-size: 16px;font-weight: 600;color: #3A3A3A;padding: 16px 16px 0 16px;}
.book .info .xianqing .intro{padding: 0 16px;font-size: 14px;font-weight: 400;color: #333333;line-height: 20px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;margin-top: 10px;margin-bottom: 18px;}
.book .info .xianqing .chapter{margin: 0 auto;margin-bottom: 10px;padding: 16px;padding-top:0;}
.book .info .xianqing .chapter .title{font-size: 17px;font-weight: 600;color: #333333;padding-top: 12px;}
.book .info .xianqing .chapter .txt p{padding-top: 15px;color: rgba(30,32,35,.7);font-family: PingFang SC;font-size: 15px;font-weight: 400;line-height: 24px;}

.book .info .xianqing .likebox{width: 100%;margin-top: 10px;}
.book .info .xianqing .likebox li{width: 30.9%;display: inline-block;margin-right: 2%;margin-bottom: 16px;}
.book .info .xianqing .likebox li:nth-child(3n){margin-right: 0;}
.book .info .xianqing .likebox li .img{width: 100%;height: 125px;}
.book .info .xianqing .likebox li .name{font-size: 15px;font-weight: 500;color: #333333;padding-top: 10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

.book .info .xianqing .comment{padding: 0 16px;padding-bottom: 10px;}
.book .info .xianqing .comment .h2{padding: 0;}
.book .info .xianqing .comment .ul{width: 100%;padding-top: 16px;}
.book .info .xianqing .comment .ul .li{margin-top: 8px;margin-bottom: 14px;}
.book .info .xianqing .comment .ul .li .img{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;display: inline-block;vertical-align: top;}
.book .info .xianqing .comment .ul .li .img img{border-radius: 50%;}
.book .info .xianqing .comment .ul .li .right{width: 297px;display: inline-block;vertical-align: top;position: relative;color:#666;}
.book .info .xianqing .comment .ul .li .right .name{font-size: 14px;font-weight: 500;color:#111;}
.book .info .xianqing .comment .ul .li .right .pin-nr{font-size: 14px;font-weight: 400;margin-top: 10px;}
.book .info .xianqing .comment .ul .li .right .state-box{width: 100%;position: relative;margin-top: 10px;}
.book .info .xianqing .comment .ul .li .right .state-box .shijian{font-size: 12px;font-weight: 400;}

.listen .beijin{width: 100%;height: 340px;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;}
.listen .beijin .img{width: 100%;height: 100%;filter: blur(35px);}
.listen .zhezao{width: 100%;height: 500px;background: rgb(0 0 0 / 30%);position: absolute;top: 0;left: 0;z-index: 2;}
.listen .info{width: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.listen .info .ziliao{padding: 0 16px;padding-top: 44px;}
.listen .info .ziliao .img{width: 76px;height: 106px;display: inline-block;margin-right: 10px;vertical-align: top;}
.listen .info .ziliao .neirong{width: 70%;display: inline-block;vertical-align: top;}
.listen .info .ziliao .neirong .name{font-size: 16px;font-weight: 500;color: #FFFFFF;}
.listen .info .ziliao .neirong .author{font-size: 14px;font-weight: 400;color: #FFFFFF;padding-top: 10px;}
.listen .info .ziliao .neirong .type{font-size: 12px;font-weight: 400;color: #FFFFFF;padding-top: 10px;}
.listen .info .ziliao .neirong .row{padding-top: 8px;}
.listen .info .ziliao .neirong .row li{padding: 2px 6px;background: rgba(0,0,0,0.5);font-size: 11px;font-weight: 400;color: #FFCB59;display: inline-block;margin-right: 10px;}
.listen .info .intro{background: rgba(0,0,0,0.5);margin: 10px 16px;padding: 12px;border-radius: 5px;}
.listen .info .intro .h2{font-size: 16px;font-weight: 500;color: #fff;}
.listen .info .intro .txt{padding-top: 6px;font-size: 14px;font-weight: 400;color: #ccc;line-height: 20px;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;display: -webkit-box;-webkit-box-orient: vertical;}
.listen .info .xianqing{width: 100%;border-radius: 16px 16px 0 0;background: #fff;padding: 16px;min-height: 400px;}
.listen .info .xianqing .h2{font-size: 16px;font-weight: 600;color: #3A3A3A;}
.listen .info .xianqing .likebox{width: 100%;margin-top: 10px;font-size: 0;}
.listen .info .xianqing .likebox li{width: 22.7%;display: inline-block;margin-right: 3%;margin-bottom: 16px;}
.listen .info .xianqing .likebox li:nth-child(4n){margin-right: 0;}
.listen .info .xianqing .likebox li .img{width: 100%;height: 99px;position: relative;}
.listen .info .xianqing .likebox li .img .play{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 30px;height: 30px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAABChJREFUeJztm09PG0cYxn/5QxIBcZBK0igJ2M3BraIqTXuh4pDmgpRFIPXEF0H2R+CCOHLILeecIgWtUzWHXGI1Si7toaKuRL0UDiAiuYU2aRDQw9irYb273j+zM4vM72KvvZ6Z5/G7M7vvzMAp/c0ZDXWcAz4FRoERoAAMAZeAC+1zPgIfgH+Av4EWsANsAQdZNi4rAy4DnwFjwM2UZW0CfwJ/ALspy+pCtQFF4Iv2axY4wGr7VQmqDCgBXyFCXQdbwM9AM21BaQ24AkwgDDBBE3gN/JW0gDQG3AEmgbMpylDBIVAHfk3y43MJK70PfIOeUaQXZ4BxxMgSu2+Ia8BF4CFwO25FGhgFrgPrxBg64xgwCEy3K8krBeAWIhL2o/wgqgEXEeJHk7VLK4PADWCNCJEQ1YCH5Puf9zIIXAV+73ViFAO+Q9zVnTQKwDA9OsZeBnwJfK2qRQYYBf4DtoNOCBvDP0GM8yedSYQWX8IMmFDfFmMEagm6BMrA3WzaYoQC4knynfeLoAi4l2lzzOCryc+AzxGJC2VUKpVypVIpqywzASMIbcfwu5f/Hrimqlbbtmcty5rpHNdqtZXp6elnqsqPyTbwVP7AGwHXUCjeD8uyZmzbnjUUEV36vBHwLYo7v2azOV8sFn3FGoqGX4CfOgfeCBjX2RLLsmaOjo4e2bY9q7HaYxplAy6juPOLimYjRhBageMG6MrnBdLpHzRU5WqVDQi8XdSJpmhwtcoGGAn/IDI2wtUqGzCcQUWpsSxrptlszis2wtUqGzCosAKlFIvFsuL+wdUqG3DB58RcofCycLXKBiRNkWtHQTS4Wk1PaiRGfr5Ig2xAptPQqqnVaispfu5qlQ34mKJArSh4hnC1ygb8m6JALTiO06hWq0sKHqBcreelD/fIyd2gF8dxGsvLy88WFxcbiorc67yRDWiR3cKGxFSr1SWFwju0Om9kA7oShibJOFfgapX7gK2MKouFwus8DFerHAG7iNAw8lCUwXUeRAtpsdV5z5frGDBAc2psXT7wGrCGxgkRx3EapVJpSVd9bdbkA++t8DYhE4mq6FznBsR36fN7ADpC4aqvgYGBd1NTU5MghC8sLDyem5tbqdfrJkadt3hGu6BFTnNkMDukoYMLowU88X4YZEAZeJBlawzwEuj6A4IehxvARpat0cwGPuIhPB/wOpu2GCFQS1gW6D1iecmY8ubopU7IOqFeabBtRAb1JCyP8+M34E3YCVHygA5iiVxBRYs0sgn82OukqInQdcQKzNymzj3sAD+gcKHkASISbpB/E3aA54gtOD2JkwrfR9xHXyW/l8Mm4p+PJB7izwUcIJafDpG/jnEVeEHM7HbSyRAHMUzewvyegUPgFeI+PzanW2YUNaREn26a8tK32+a89O3GST9yvXX2lH7nfxl2JmfJnX3cAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
.listen .info .xianqing .likebox li img{border-radius: 4px;}
.listen .info .xianqing .likebox li .name{font-size: 14px;font-weight: 500;color: #333333;padding-top: 10px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

.bbs{width: 100%;height: 100%;position: relative;}
.bbs .topimg{width: 100%;height: 500px;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;}
.bbs .topimg .img{width: 100%;height: 100%;filter: blur(65px);}
.bbs .topinfo{width: 100%;position: absolute;top: 0;left: 0;background: rgb(0 0 0 / 47%);z-index: 2;}
.bbs .topinfo .haed{font-size: 18px;padding-top: 44px;color: #fff;padding-left: 16px;padding-right: 16px;}
.bbs .topinfo .haed span{padding: 2px 4px;background: #fff;color: #333;font-size: 12px;margin-right: 10px;border-radius: 6px 6px 2px 6px;}
.bbs .topinfo .intro{padding-left: 40px;padding-right: 16px;padding-top: 18px;font-size: 14px;color: #fff;font-weight: 400;line-height: 20px;}
.bbs .topinfo .type{width: 100%;padding-top: 7px;padding-left: 16px;padding-right: 16px;}
.bbs .topinfo .type .tags{font-size: 12px;font-weight: 400;color: #FFFFFF;padding: 2px 5px;background: rgb(255 255 255/30%);border-radius: 1px;display: inline-block;margin-right: 10px;}
.bbs .topinfo .userbox{margin: 0 16px;margin-top: 14px;position: relative;padding-bottom: 15px;border-bottom: 1px solid rgb(255 255 255/50%);}
.bbs .topinfo .userbox .userimg{width: 20px;height: 20px;border-radius: 50%;position: absolute;top: 0;left: 0;}
.bbs .topinfo .userbox .userimg img{border-radius: 50%;}
.bbs .topinfo .userbox .name{font-size: 12px;font-weight: 400;color: #FFFFFF;padding-left: 30px;padding-top: 2px;}
.bbs .topinfo .title{font-size: 14px;font-weight: 500;color: #FFFFFF;padding-top: 13px;padding-left: 16px;}
.bbs .topinfo .row{margin: 0 16px;height: 40px;margin-top: 14px;position: relative;background: rgba(183,183,183,.52);}
.bbs .topinfo .row .name{font-size: 14px;font-weight: 400;color: #FFFFFF;padding-left: 10px;line-height: 40px;}
.bbs .topinfo .row .jin{position: absolute;top: 0;right: 10px;line-height: 40px;color: #fff;}
.bbs .topinfo .list{width: 100%;min-height: 200px;background: #fff;border-radius: 10px 10px 0 0;margin-top: 20px;}
.bbs .topinfo .list .h2{font-size: 16px;font-weight: 500;color: #333333;padding-left: 16px;padding-top: 17px;padding-bottom: 15px;border-bottom: 2px solid #f7f7f7;}
.bbs .topinfo .list .h2 spam{font-size: 12px;font-weight: 400;color: #3A3A3A;}
.bbs .topinfo .list ul{padding: 0 16px;}
.bbs .topinfo .list ul li{width: 100%;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #EDEDED;}
.bbs .topinfo .list ul li .user{width: 100%;position: relative;}
.bbs .topinfo .list ul li .user .img{width: 24px;height: 24px;border-radius: 50%;position: absolute;top: 0;left: 0;}
.bbs .topinfo .list ul li .user .img img{border-radius: 50%;}
.bbs .topinfo .list ul li .user .name{padding-left: 34px;font-size: 16px;font-weight: 400;color: #999999;padding-top: 1px;}
.bbs .topinfo .list ul li .user .name spam{padding: 2px 5px;background: #F03909;border-radius: 2px;font-size: 12px;color: #fff;margin-left: 8px;}
.bbs .topinfo .list ul li .matter{font-size: 14px;font-weight: 400;color: #3A3A3A;padding: 10px 0;}
.bbs .topinfo .list ul li .kuan{width: 100%;background: #F9F9F9;border-radius: 2px;padding: 10px;}
.bbs .topinfo .list ul li .kuan .h3{font-size: 12px;font-weight: 400;color: #999999;border-bottom: 1px solid #EDEDED;padding-bottom: 8px;}
.bbs .topinfo .list ul li .kuan .hua{width: 100%;overflow: scroll;white-space: nowrap;overflow-y:hidden;padding-top: 9px;}
.bbs .topinfo .list ul li .kuan .book{width: 54px;display: inline-block;margin-right: 16px;}
.bbs .topinfo .list ul li .kuan	.book .img{width: 100%;height: 75px;position: relative;}
.bbs .topinfo .list ul li .kuan	.book .play{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 26px;height: 26px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAABChJREFUeJztm09PG0cYxn/5QxIBcZBK0igJ2M3BraIqTXuh4pDmgpRFIPXEF0H2R+CCOHLILeecIgWtUzWHXGI1Si7toaKuRL0UDiAiuYU2aRDQw9irYb273j+zM4vM72KvvZ6Z5/G7M7vvzMAp/c0ZDXWcAz4FRoERoAAMAZeAC+1zPgIfgH+Av4EWsANsAQdZNi4rAy4DnwFjwM2UZW0CfwJ/ALspy+pCtQFF4Iv2axY4wGr7VQmqDCgBXyFCXQdbwM9AM21BaQ24AkwgDDBBE3gN/JW0gDQG3AEmgbMpylDBIVAHfk3y43MJK70PfIOeUaQXZ4BxxMgSu2+Ia8BF4CFwO25FGhgFrgPrxBg64xgwCEy3K8krBeAWIhL2o/wgqgEXEeJHk7VLK4PADWCNCJEQ1YCH5Puf9zIIXAV+73ViFAO+Q9zVnTQKwDA9OsZeBnwJfK2qRQYYBf4DtoNOCBvDP0GM8yedSYQWX8IMmFDfFmMEagm6BMrA3WzaYoQC4knynfeLoAi4l2lzzOCryc+AzxGJC2VUKpVypVIpqywzASMIbcfwu5f/Hrimqlbbtmcty5rpHNdqtZXp6elnqsqPyTbwVP7AGwHXUCjeD8uyZmzbnjUUEV36vBHwLYo7v2azOV8sFn3FGoqGX4CfOgfeCBjX2RLLsmaOjo4e2bY9q7HaYxplAy6juPOLimYjRhBageMG6MrnBdLpHzRU5WqVDQi8XdSJpmhwtcoGGAn/IDI2wtUqGzCcQUWpsSxrptlszis2wtUqGzCosAKlFIvFsuL+wdUqG3DB58RcofCycLXKBiRNkWtHQTS4Wk1PaiRGfr5Ig2xAptPQqqnVaispfu5qlQ34mKJArSh4hnC1ygb8m6JALTiO06hWq0sKHqBcreelD/fIyd2gF8dxGsvLy88WFxcbiorc67yRDWiR3cKGxFSr1SWFwju0Om9kA7oShibJOFfgapX7gK2MKouFwus8DFerHAG7iNAw8lCUwXUeRAtpsdV5z5frGDBAc2psXT7wGrCGxgkRx3EapVJpSVd9bdbkA++t8DYhE4mq6FznBsR36fN7ADpC4aqvgYGBd1NTU5MghC8sLDyem5tbqdfrJkadt3hGu6BFTnNkMDukoYMLowU88X4YZEAZeJBlawzwEuj6A4IehxvARpat0cwGPuIhPB/wOpu2GCFQS1gW6D1iecmY8ubopU7IOqFeabBtRAb1JCyP8+M34E3YCVHygA5iiVxBRYs0sgn82OukqInQdcQKzNymzj3sAD+gcKHkASISbpB/E3aA54gtOD2JkwrfR9xHXyW/l8Mm4p+PJB7izwUcIJafDpG/jnEVeEHM7HbSyRAHMUzewvyegUPgFeI+PzanW2YUNaREn26a8tK32+a89O3GST9yvXX2lH7nfxl2JmfJnX3cAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
.bbs .topinfo .list ul li .kuan	.book .name{font-size: 12px;font-weight: 400;color: #333333;width: 100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;padding-top: 6px;}
.bbs .topinfo .list ul li .time{font-size: 12px;font-weight: 400;color: #999999;padding-top: 16px;}
.bbs .topinfo .list ul li .imgbox{width: 100%;}
.bbs .topinfo .list ul li .imgbox .img{width: 100px;height: 100px;display: inline-block;margin-right: 21px;}
.bbs .topinfo .list ul li .imgbox .img:nth-child(3n){margin-right: 0;}
.bbs .topinfo .list ul li .kuan .comic{width: 68px;display: inline-block;margin-right: 16px;}
.bbs .topinfo .list ul li .kuan	.comic .img{width: 100%;height: 47px;}
.bbs .topinfo .list ul li .kuan	.comic .name{font-size: 12px;font-weight: 400;color: #333333;width: 100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;padding-top: 6px;}
.bbs .topinfo .list ul li .kuanbook{width: 100%;background: #F9F9F9;border-radius: 2px;padding: 10px;}
.bbs .topinfo .list ul li .kuanbook .img{width: 43px;height: 59px;display: inline-block;vertical-align: middle;position: relative;}
.bbs .topinfo .list ul li .kuanbook .img .play{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAABChJREFUeJztm09PG0cYxn/5QxIBcZBK0igJ2M3BraIqTXuh4pDmgpRFIPXEF0H2R+CCOHLILeecIgWtUzWHXGI1Si7toaKuRL0UDiAiuYU2aRDQw9irYb273j+zM4vM72KvvZ6Z5/G7M7vvzMAp/c0ZDXWcAz4FRoERoAAMAZeAC+1zPgIfgH+Av4EWsANsAQdZNi4rAy4DnwFjwM2UZW0CfwJ/ALspy+pCtQFF4Iv2axY4wGr7VQmqDCgBXyFCXQdbwM9AM21BaQ24AkwgDDBBE3gN/JW0gDQG3AEmgbMpylDBIVAHfk3y43MJK70PfIOeUaQXZ4BxxMgSu2+Ia8BF4CFwO25FGhgFrgPrxBg64xgwCEy3K8krBeAWIhL2o/wgqgEXEeJHk7VLK4PADWCNCJEQ1YCH5Puf9zIIXAV+73ViFAO+Q9zVnTQKwDA9OsZeBnwJfK2qRQYYBf4DtoNOCBvDP0GM8yedSYQWX8IMmFDfFmMEagm6BMrA3WzaYoQC4knynfeLoAi4l2lzzOCryc+AzxGJC2VUKpVypVIpqywzASMIbcfwu5f/Hrimqlbbtmcty5rpHNdqtZXp6elnqsqPyTbwVP7AGwHXUCjeD8uyZmzbnjUUEV36vBHwLYo7v2azOV8sFn3FGoqGX4CfOgfeCBjX2RLLsmaOjo4e2bY9q7HaYxplAy6juPOLimYjRhBageMG6MrnBdLpHzRU5WqVDQi8XdSJpmhwtcoGGAn/IDI2wtUqGzCcQUWpsSxrptlszis2wtUqGzCosAKlFIvFsuL+wdUqG3DB58RcofCycLXKBiRNkWtHQTS4Wk1PaiRGfr5Ig2xAptPQqqnVaispfu5qlQ34mKJArSh4hnC1ygb8m6JALTiO06hWq0sKHqBcreelD/fIyd2gF8dxGsvLy88WFxcbiorc67yRDWiR3cKGxFSr1SWFwju0Om9kA7oShibJOFfgapX7gK2MKouFwus8DFerHAG7iNAw8lCUwXUeRAtpsdV5z5frGDBAc2psXT7wGrCGxgkRx3EapVJpSVd9bdbkA++t8DYhE4mq6FznBsR36fN7ADpC4aqvgYGBd1NTU5MghC8sLDyem5tbqdfrJkadt3hGu6BFTnNkMDukoYMLowU88X4YZEAZeJBlawzwEuj6A4IehxvARpat0cwGPuIhPB/wOpu2GCFQS1gW6D1iecmY8ubopU7IOqFeabBtRAb1JCyP8+M34E3YCVHygA5iiVxBRYs0sgn82OukqInQdcQKzNymzj3sAD+gcKHkASISbpB/E3aA54gtOD2JkwrfR9xHXyW/l8Mm4p+PJB7izwUcIJafDpG/jnEVeEHM7HbSyRAHMUzewvyegUPgFeI+PzanW2YUNaREn26a8tK32+a89O3GST9yvXX2lH7nfxl2JmfJnX3cAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
.bbs .topinfo .list ul li .kuanbook .neirong{margin-left: 10px;display: inline-block;vertical-align: middle;}
.bbs .topinfo .list ul li .kuanbook .neirong .name{font-size: 14px;font-weight: 400;color: #333333;}
.bbs .topinfo .list ul li .kuanbook .neirong .score{font-size: 12px;font-weight: 400;color: #F03909;padding-top: 2px;}
.bbs .topinfo .list ul li .kuanbook .neirong .module{font-size: 12px;font-weight: 400;color: #999999;padding-top: 2px;}
.bbs .topinfo .list ul li .kuanbook.comic .img{width: 88px;}

.bbsinfo .top{margin: 0 16px;height: 80px;background: #F9F9F9;border-radius: 4px;position: relative;}
.bbsinfo .top .title{font-size: 16px;font-weight: 500;color: #333333;padding-top: 18px;padding-left: 10px;}
.bbsinfo .top .sub{font-size: 12px;font-weight: 400;color: #999999;padding-left: 10px;padding-top: 5px;}
.bbsinfo .top .add{width: 42px;height: 21px;background: #FFFFFF;border-radius: 11px;font-size: 12px;font-weight: 400;color: #F03909;line-height: 21px;text-align: center;position: absolute;top: 50%;margin-top: -10px;right: 16px;}
.bbsinfo .info{margin: 16px;}
.bbsinfo .info .user{width: 100%;position: relative;}
.bbsinfo .info .user .img{width: 24px;height: 24px;border-radius: 50%;position: absolute;top: 0;left: 0;}
.bbsinfo .info .user .img img{border-radius: 50%;}
.bbsinfo .info .user .name{padding-left: 34px;font-size: 16px;font-weight: 400;color: #999999;padding-top: 1px;}
.bbsinfo .info .user .name span{padding: 2px 5px;background: #F03909;border-radius: 2px;font-size: 12px;color: #fff;margin-left: 8px;}
.bbsinfo .info .matter{font-size: 14px;font-weight: 400;color: #3A3A3A;padding: 10px 0;}
.bbsinfo .info .time{font-size: 12px;font-weight: 400;color: #999999;padding-top: 16px;}
.bbsinfo .info .imgbox{width: 100%;}
.bbsinfo .info .imgbox .img{width: 100px;height: 100px;display: inline-block;margin-right: 21px;}
.bbsinfo .info .imgbox .img:nth-child(3n){margin-right: 0;}
.bbsinfo .info .kuanbook{width: 100%;background: #F9F9F9;border-radius: 2px;padding: 10px;margin-top: 10px;}
.bbsinfo .info .kuanbook .img{width: 43px;height: 59px;display: inline-block;vertical-align: middle;position: relative;}
.bbsinfo .info .kuanbook .img .play{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: 20px;height: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAABChJREFUeJztm09PG0cYxn/5QxIBcZBK0igJ2M3BraIqTXuh4pDmgpRFIPXEF0H2R+CCOHLILeecIgWtUzWHXGI1Si7toaKuRL0UDiAiuYU2aRDQw9irYb273j+zM4vM72KvvZ6Z5/G7M7vvzMAp/c0ZDXWcAz4FRoERoAAMAZeAC+1zPgIfgH+Av4EWsANsAQdZNi4rAy4DnwFjwM2UZW0CfwJ/ALspy+pCtQFF4Iv2axY4wGr7VQmqDCgBXyFCXQdbwM9AM21BaQ24AkwgDDBBE3gN/JW0gDQG3AEmgbMpylDBIVAHfk3y43MJK70PfIOeUaQXZ4BxxMgSu2+Ia8BF4CFwO25FGhgFrgPrxBg64xgwCEy3K8krBeAWIhL2o/wgqgEXEeJHk7VLK4PADWCNCJEQ1YCH5Puf9zIIXAV+73ViFAO+Q9zVnTQKwDA9OsZeBnwJfK2qRQYYBf4DtoNOCBvDP0GM8yedSYQWX8IMmFDfFmMEagm6BMrA3WzaYoQC4knynfeLoAi4l2lzzOCryc+AzxGJC2VUKpVypVIpqywzASMIbcfwu5f/Hrimqlbbtmcty5rpHNdqtZXp6elnqsqPyTbwVP7AGwHXUCjeD8uyZmzbnjUUEV36vBHwLYo7v2azOV8sFn3FGoqGX4CfOgfeCBjX2RLLsmaOjo4e2bY9q7HaYxplAy6juPOLimYjRhBageMG6MrnBdLpHzRU5WqVDQi8XdSJpmhwtcoGGAn/IDI2wtUqGzCcQUWpsSxrptlszis2wtUqGzCosAKlFIvFsuL+wdUqG3DB58RcofCycLXKBiRNkWtHQTS4Wk1PaiRGfr5Ig2xAptPQqqnVaispfu5qlQ34mKJArSh4hnC1ygb8m6JALTiO06hWq0sKHqBcreelD/fIyd2gF8dxGsvLy88WFxcbiorc67yRDWiR3cKGxFSr1SWFwju0Om9kA7oShibJOFfgapX7gK2MKouFwus8DFerHAG7iNAw8lCUwXUeRAtpsdV5z5frGDBAc2psXT7wGrCGxgkRx3EapVJpSVd9bdbkA++t8DYhE4mq6FznBsR36fN7ADpC4aqvgYGBd1NTU5MghC8sLDyem5tbqdfrJkadt3hGu6BFTnNkMDukoYMLowU88X4YZEAZeJBlawzwEuj6A4IehxvARpat0cwGPuIhPB/wOpu2GCFQS1gW6D1iecmY8ubopU7IOqFeabBtRAb1JCyP8+M34E3YCVHygA5iiVxBRYs0sgn82OukqInQdcQKzNymzj3sAD+gcKHkASISbpB/E3aA54gtOD2JkwrfR9xHXyW/l8Mm4p+PJB7izwUcIJafDpG/jnEVeEHM7HbSyRAHMUzewvyegUPgFeI+PzanW2YUNaREn26a8tK32+a89O3GST9yvXX2lH7nfxl2JmfJnX3cAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
.bbsinfo .info .kuanbook .neirong{margin-left: 10px;display: inline-block;vertical-align: middle;}
.bbsinfo .info .kuanbook .neirong .name{font-size: 14px;font-weight: 400;color: #333333;}
.bbsinfo .info .kuanbook .neirong .score{font-size: 12px;font-weight: 400;color: #F03909;padding-top: 2px;}
.bbsinfo .info .kuanbook .neirong .module{font-size: 12px;font-weight: 400;color: #999999;padding-top: 2px;}
.bbsinfo .info .kuanbook.comic .img{width: 88px;}
.bbsinfo .discuss{margin: 16px;}
.bbsinfo .discuss .title{font-size: 14px;font-weight: 500;color: #3A3A3A;}
.bbsinfo .discuss ul li{width: 100%;margin: 16px auto;padding-bottom: 16px;border-bottom: 1px solid #F9F9F9;}
.bbsinfo .discuss ul li .user{width: 100%;position: relative;}
.bbsinfo .discuss ul li .user .img{width: 24px;height: 24px;position: absolute;top: 0;left: 0;}
.bbsinfo .discuss ul li .user .img img{border-radius: 50%;}
.bbsinfo .discuss ul li .user .name{padding-left: 34px;font-size: 12px;font-weight: 400;color: #999999;padding-top: 5px;}
.bbsinfo .discuss ul li .matter{font-size: 14px;font-weight: 400;color: #6B6B6B;padding-top: 10px;padding-left: 34px;}
.bbsinfo .discuss ul li .item{font-size: 12px;font-weight: 400;color: #999999;padding-left: 34px;padding-top: 10px;}
.bbsinfo .discuss ul li .kuan{background: #F9F9F9;border-radius: 4px;margin-left: 34px;padding: 10px;margin-top: 10px;}
.bbsinfo .discuss ul li .kuan .row{font-size: 12px;font-weight: 400;color: #A3A3A3;padding-top: 10px;}
.bbsinfo .discuss ul li .kuan .row:nth-child(1){padding-top: 0;}
.bbsinfo .discuss ul li .kuan span{color: #565656;}
.bbsinfo .discuss ul li .kuan .more{font-size: 12px;font-weight: 400;color: #3A3A3A;padding-top: 10px;}

.mark{width: 100%;height: 100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.5);display: none;z-index: 9999;}
.mark-box{width: 308px;height: 154px;background: #fff;border-radius: 10px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.mark-box h3{color: var(--dialog-header-color);font-size: 18px;font-weight: 700;text-align: center;padding-top: 40px;}
.mark-box p{text-align: center;padding-top: 45px;font-size:0;}
.mark-box p span{width: 50%;display: inline-block;text-align: center;font-size:17px;cursor: pointer;}
.mark-box p span:last-child{color:#f60;}

.applepay{min-width: 1280px;position: relative;max-width:100%;overflow-x:scroll;background: #fff;}
.applepay .top{background: url(/packs/images/topimg.png) 0 0 repeat; background-size: 100% 100%;height: 775px;padding-top: 1px;width: 100%;}
.applepay .top .topbox{height: 706px;margin-left: 70px;margin-right: 70px;margin-top: 70px;}
.applepay .top .topbox .logo{background: url(/packs/images/logo.png) no-repeat;background-size: cover;height: 60px;left: 15%;position: absolute;top: 232px;width: 240px;z-index: 2;}
.applepay .top .topbox .tips{height: 112px;left: 15%;position: absolute;top: 357px;width: 310px;color:#fff;}
.applepay .top .topbox .appimg{background: url(/packs/images/appimg.png);background-size: 100% 100%;height: 588px;position: absolute;right: 15%;top: 221px;width: 580px;z-index: 1;}
.applepay .top .topbox .download{-webkit-box-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: flex;font-size: 0;left: 15%;position: absolute;top: 547px;z-index: 2;}
.applepay .top .topbox .download .ios-btn{background: url(/packs/images/ios-btn.png);background-size: cover;height: 40px;position: relative;width: 119px;}
.applepay .top .topbox .download .android-btn{background: url(/packs/images/android-btn.png);background-size: cover;height: 40px;position: relative;width: 119px;}
.applepay .top .topbox .download>.ios-btn:hover{background-image: url(/packs/images/ios-btn1.png)}
.applepay .top .topbox .download>.ios-btn:active{background-image: url(/packs/images/ios-btn1.png)}
.applepay .top .topbox .download>*{cursor: pointer;display: inline-block;margin-right: 18px;vertical-align: top;}
.applepay .top .topbox .download>.android-btn:hover{background-image: url(/packs/images/android-btn1.png)}
.applepay .top .topbox .download>.android-btn:active{background-image: url(/packs/images/android-btn1.png)}
.applepay .top .topbox .download>.qrcode{background-image: url(/packs/images/qrcode.png);background-size: cover;display: inline-block;height: 37px;margin-left: 16px;position: relative;width: 37px;}
.applepay .top .topbox .download>:last-child{margin-right: 0;}
.applepay .top .topbox .download>.qrcode:hover i{display: block}
.applepay .top .topbox .download>.qrcode i{display: none;height: 157px;left: -60px;position: absolute;top: 55px;width: 157px;padding: 6px;background: #fff;border-radius: 10px;}
.applepay .tips{color: #000;font-family: SourceHanSerifCN-Medium;font-size: 38px;/* letter-spacing: 5px; */line-height: 56px;}
.applepay .info{height: 1328px;position: relative;width: 100%;}
.applepay .info i.bg2{background: url(/packs/images/appimg1.png);background-size: 100% 100%;height: 570px;left: 10%;position: absolute;top: 321px;width: 571px;z-index: 1;}
.applepay .info .section1{border-bottom: 1px solid rgba(0,0,0,.2);padding-bottom: 31px;position: absolute;right: 14%;top: 333px;width: 390px;z-index: 1;}
.applepay .info .section1 .tips{height: 112px;margin-bottom: 17px;min-width: 174px;}
.applepay .info .section1 p{color: rgba(0,0,0,.4);font-size: 14px;min-height: 103px;line-height: 24px;width: 100%;}
.applepay .info .section2{padding-bottom: 31px;position: absolute;right: 14%;top: 676px;width: 390px;z-index: 1;}
.applepay .info .section2 .tips{height: 56px;margin-bottom: 17px;min-width: 174px;}
.applepay .info .section2 p{color: rgba(0,0,0,.4);font-size: 14px;line-height: 24px;width: 100%;}
.applepay .bottom{background-color: #f8f8f8;bottom: 0;padding: 40px 0;position: absolute;text-align: center;width: 100%;}
.applepay .bottom  p{color: #333;font-size: 12px;line-height: 1.7;}
.applepay .bottom a, .applepay .bottom a:active, .applepay .bottom a:hover, .applepay .bottom a:visited{color: #333;text-decoration: none;}
@media screen and (max-width: 1920px){
	.applepay .info  i.bg2{left: 17.5%;}
	.applepay .info .section1, .applepay .info .section2{right: 21.5%;}
}
@media screen and (max-width: 1680px){
	.applepay .top{height: 675px;}
	.applepay .info i.bg2{left: 15%;width: 521px;height: 520px;}
	.applepay .info .section1, .applepay .info .section2{right: 19%;}
	.applepay .top .appimg{width: 480px !important;height: 488px !important;}
}
@media screen and (max-width: 1440px){
	.applepay .top{height: 575px;}
	.applepay .info i.bg2{left: 11%;width: 471px;height: 470px;}
	.applepay .info .section1, .applepay .info .section2{right: 15%;}
	.applepay .top .appimg{width: 380px !important;height: 388px !important;}
	.applepay .top .topbox .download{top: 504px;}
}
/*手机端*/
@media screen and (max-width: 420px){
	.applepay{min-width: 320px;}
	.applepay .top{background: url(/packs/images/topimg.png);background-size: cover;height: 18.02667rem;padding-top: 1px;width: 100%;}
	.applepay .top .topbox{font-size: 0;height: 15.76rem;margin: .42667rem .45333rem 0;padding: 0;padding-top: 1px;position: relative;}
	.applepay .top .topbox .logo{background: url(/packs/images/logo.png);background-size: cover;display: block;height: 1.97333rem;margin: 1.70667rem auto .45333rem;width: 8.6rem;position: initial;}
	.applepay .top .topbox .tips{font-size: 18px;color: #fff;position: initial;text-align: center;width: 100%;height: auto;line-height: 33px;padding-top: 30px;}
	.applepay .top .topbox .download{width: 100%;position: initial;padding-top: 20px;}
	.applepay .top .topbox .download .ios-btn,.applepay .top .topbox .download .android-btn{width:120px;height: 40px;margin: 0 auto;}
	.applepay .top .topbox .download .qrcode{display:none;}
	.applepay .top .appimg{width: 276px !important;height: 300px !important;left: 50% !important;margin-left: -138px;top: 315px !important;}
	.applepay .info{width: 100%;height: auto;}
	.applepay .info .section1{overflow: hidden;width: 100%;position: initial;margin-top: 260px;border-bottom: 0;margin-top: 383px;}
	.applepay .info .section1 .tips{color: #000;font-family: "SourceHanSerifCN-Medium";font-size: 18px;text-align: center;width: 100%;height: auto;margin-bottom: 0;font-weight: 500;}
	.applepay .info .section1 p{color: #b9b9b9;font-family: "SourceHanSerifCN-Medium";font-size: 13px;text-align: center;width: 80%;margin: 0 auto;height: auto;line-height: 26px;}
	.applepay .info .bg2{width: 276px !important;height: 280px !important;background-size: 100% 100% !important;top: 220px !important;left: 50% !important;margin-left: -138px;}
	.applepay .info .section2{background: #f8f8f8;overflow: hidden;width: 100%;right: 0;padding-top: 30px;padding-bottom: 66px;top: 600px;}
	.applepay .info .section2 .tips{color: #000;font-family: "SourceHanSerifCN-Medium";font-size: 18px;text-align: center;width: 100%;height: auto;margin-bottom: 0;font-weight: 500;}
	.applepay .info .section2 p{color: #b9b9b9;font-family: "SourceHanSerifCN-Medium";font-size: 13px;text-align: center;width: 80%;margin: 0 auto;height: auto;line-height: 26px;}
	.applepay .bottom{bottom: -760px;background: #333;}
	.applepay .bottom p,.applepay .bottom p a{color: #fff;}
}