*{margin:0;padding:0;box-sizing:border-box;font-size:14px;font-family:MSemiBold}@font-face{font-family:"MSemiBold";src:url("../css/LeagueSpartan-VariableFont_wght.ttf")}@font-face{font-family:"DM";src:url("../css/Baskervville-VariableFont_wght.ttf")}html,body{width:100%;height:100%;background:#fff;-webkit-text-size-adjust:100%;font-weight:500}body{position:relative}ul,ol{list-style:none}a{color:#333;text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-weight:bold;text-transform:capitalize}button{border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.container{max-width:1080px;width:calc(100% - 48px);margin-left:auto;margin-right:auto}@media screen and (max-width: 700px){.container{width:calc(100% - 32px)}}input,textarea{font-size:16px}input[type=submit]{-webkit-appearance:none}div,i{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.act{overflow:hidden}body.actS{overflow:hidden}@media screen and (max-width: 767px){body.actS header .head_r .searchBox{position:fixed;display:flex;align-items:center;height:50px;padding:7px 16px;top:0;left:0;width:100%;background:#d6f5ff}body.actS header .head_r .searchBox .cancel{display:block}body.actS header .head_r .searchBox button{right:78px}}body.actS .search_banner{display:block}body.actC{overflow:hidden}body.actC .cateBox{display:block}body.actL{overflow:hidden}body.actL .logoMain{display:flex}body.actLogin .loginBox{display:flex}body.actCata{overflow:hidden}body.actCata .chapterBox{display:flex}body.bActive::before{content:"";position:absolute;left:0;top:0;height:300px;width:100%;background:linear-gradient(180deg, #CCF2FF 0%, #FFFFFF 100%),#edf9fe}header{width:100%;position:relative;z-index:22;background-color:#d6f5ff}header>.container{height:56px;display:flex;align-items:center;justify-content:space-between}header>.container .head_l{display:flex;align-items:center;width:calc(100% - 160px)}header>.container .head_l .logo{display:inline-block;height:32px}header>.container .head_l .logo>img{height:100%}header>.container .head_l>nav{margin-left:40px;display:flex;align-items:center}header>.container .head_l>nav>a{display:flex;align-items:center;position:relative;padding:9px 0;font-weight:bold;font-size:16px}header>.container .head_l>nav>a.active::before{display:block}header>.container .head_l>nav>a::before{display:none;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#00abfb}@media screen and (min-width: 1181px){header>.container .head_l>nav>a:hover::before{display:block}}header>.container .head_l>nav .bor{position:relative;margin-left:24px}header>.container .head_l>nav .bor .borList{background:#fff;box-shadow:0px 0px 60px 0px rgba(0,0,0,.1);border-radius:8px;padding:16px;position:absolute;left:0;top:28px;z-index:2;display:none}header>.container .head_l>nav .bor .borList li a{display:flex;align-items:center;color:#00abfb;font-size:10px}header>.container .head_l>nav .bor .borList li a span{color:#000;margin-left:8px;font-size:14px;white-space:nowrap}@media screen and (min-width: 1181px){header>.container .head_l>nav .bor .borList li a:hover span{text-decoration:underline;color:#00abfb}}header>.container .head_l>nav .bor .borList li+li{margin-top:16px}header>.container .head_l>nav .bor #borwseBtn{font-weight:bold;font-size:16px;padding:9px 0}header>.container .head_l>nav .bor #borwseBtn .iconfont{font-size:14px;margin-left:4px}header>.container .head_l>nav .bor #borwseBtn.act .iconfont{transform:rotate(180deg)}header>.container .head_l>nav .bor::after{content:"";width:100%;height:40px;position:absolute;right:0;top:0;background:transparent}@media screen and (min-width: 1181px){header>.container .head_l>nav .bor:hover .iconfont{transform:rotate(180deg)}header>.container .head_l>nav .bor:hover::before{display:block}header>.container .head_l>nav .bor:hover .borList{display:block}}header>.container .head_l .cate{width:24px;height:24px;display:none;align-items:center;justify-content:center;margin-right:8px}header>.container .head_l .cate .iconfont{font-size:20px}header>.container .head_l .backTitle{display:flex;align-items:center;width:100%}header>.container .head_l .backTitle .back{width:22px;display:flex}header>.container .head_l .backTitle .back .iconfont{font-size:21px;color:#000}header>.container .head_l .backTitle .Btitle{max-width:calc(100% - 24px);display:flex;align-items:center}header>.container .head_l .backTitle .Btitle p{width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:bold;font-size:14px;color:#000;line-height:18px;margin:0 12px}header>.container .head_l .backTitle .Btitle small{font-weight:400;font-size:12px;color:#83848f;line-height:16px}header>.container .head_r{display:flex}header>.container .head_r>.searchBox{position:relative;width:320px;height:40px}header>.container .head_r>.searchBox>input{width:100%;height:100%;outline:none;border:none;background:#fff;color:#ccc;border-radius:20px;-webkit-appearance:none;text-indent:16px;font-size:14px}header>.container .head_r>.searchBox input::-webkit-input-placeholder{color:#ccc}header>.container .head_r>.searchBox button{position:absolute;border:none;background:transparent;right:16px;top:calc(50% - 8px);font-weight:500}header>.container .head_r>.searchBox button>.iconfont{color:#000;font-size:15px}header>.container .head_r>.searchBox .cancel{display:none;font-weight:500;margin-left:8px}header>.container .head_r .user{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:16px;border-radius:20px;overflow:hidden}header>.container .head_r .user .iconfont{font-size:40px}header>.container .head_r .user.active .iconfont::before{content:""}header>.container .head_r .home{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:16px;border-radius:20px;overflow:hidden;background:#2fc2ff}header>.container .head_r .home .iconfont{color:#fff;font-size:20px}header>.container .head_r .don{display:flex;width:40px;height:40px}header>.container .head_r .don img{width:100%}@media screen and (max-width: 1023px){header>.container .head_l nav{display:none}header>.container .head_l .cate{display:flex}}@media screen and (max-width: 767px){header>.container{height:48px}header>.container .head_l .logo{height:24px}header>.container .head_l .backTitle .Btitle{display:none}header>.container .head_r .user .iconfont{font-size:32px}header>.container .head_r .searchBox{width:120px;height:32px}header>.container .head_r .user,header>.container .head_r .home,header>.container .head_r .don{width:32px;height:32px}header>.container .head_r .home .iconfont{font-size:16px}}.ad{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px 0}.ad>p{display:block;width:100%;font-size:12px;color:#ccc;text-align:start}.libraryBox{min-height:calc(100% - 190px)}.bacImg{position:fixed;right:0;top:0;width:100%;height:100%;display:flex;justify-content:end}.bacImg img{width:100%;top:0;left:0;opacity:1;aspect-ratio:3/4}.bacImg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%, #FFFFFF 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.container h2{font-size:24px}.container .title{display:flex;justify-content:space-between;align-items:center}.container .title>h2{font-size:24px;font-weight:bold}.container .title>a{color:#00abfb}.container .listTitle{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #eee;margin-top:16px}.container .listTitle>h2{font-size:24px;font-weight:bold}.container .listTitle>.filter .iconfont{font-size:23px}.container .listTitle a{color:#000;display:flex;align-items:center}.container .listTitle a .iconfont{font-weight:600;font-size:20px;margin-right:4px}.container .swiperBox{margin-top:8px;display:flex;justify-content:space-between}.container .swiperBox .swiperL{width:calc(100% - 270px);border-radius:16px;height:370px;position:relative;background:linear-gradient(90deg, #0096FB 0%, #37BCFA 100%)}.container .swiperBox .swiperL::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:290px;background-image:url("../img/bac.png");background-size:100% 100%}.container .swiperBox .swiperL li{width:100%}.container .swiperBox .swiperL li a{display:flex;width:100%;padding:48px;justify-content:space-between;align-items:center}.container .swiperBox .swiperL li a .thumb{width:206px;height:274px;box-shadow:0px 0px 40px 0px rgba(0,0,0,.12);border-radius:8px;border:4px solid #fff;overflow:hidden}.container .swiperBox .swiperL li a .thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.container .swiperBox .swiperL li a dl{width:calc(100% - 238px)}.container .swiperBox .swiperL li a dl dt{font-weight:bold;font-size:32px;color:#fff;line-height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container .swiperBox .swiperL li a dl dd{margin-top:12px;font-weight:400;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .swiperBox .swiperL li a dl dd+dd{font-size:16px;color:#fff;line-height:24px}.container .swiperBox .swiperL li a dl dd span{background:rgba(244,247,248,.2);border-radius:8px;display:inline-block;padding:4px 8px;font-weight:400;font-size:12px;color:#fff;line-height:16px}.container .swiperBox .swiperL li a dl dd p{display:inline-block;background:#fff;border-radius:20px;padding:12px 24px;font-size:16px;color:#00abfb;font-weight:500;line-height:22px}.container .swiperBox .swiperL li a dl dd .iconfont{font-size:12px;color:#fff;margin-right:5px}.container .swiperBox .swiperL .swiper-pagination{bottom:48px;font-weight:500;font-size:14px;color:rgba(255,255,255,.4);text-align:end;padding-right:48px}.container .swiperBox .swiperL .swiper-pagination .swiper-pagination-current{color:#fff}.container .swiperBox .swiperR{width:260px;height:370px;background:#fff;box-shadow:0px 0px 4px 0px rgba(0,0,0,.08);border-radius:16px;padding:16px 16px 16px 6px}.container .swiperBox .swiperR .swiper-wrapper{display:flex;flex-direction:column;overflow-y:scroll;height:100%;justify-content:space-between}.container .swiperBox .swiperR .swiper-wrapper li{width:100%;height:80px;position:relative;padding-left:10px}.container .swiperBox .swiperR .swiper-wrapper li a{width:100%;height:100%;border-radius:8px;padding:4px;background:#fff;display:flex;align-items:center;justify-content:space-between;position:relative}.container .swiperBox .swiperR .swiper-wrapper li a .thumb{width:54px;height:72px;border-radius:4px;overflow:hidden}.container .swiperBox .swiperR .swiper-wrapper li a .thumb img{width:100%;height:100%;object-position:center;object-fit:cover}.container .swiperBox .swiperR .swiper-wrapper li a dl{width:calc(100% - 62px)}.container .swiperBox .swiperR .swiper-wrapper li a dl dt{font-weight:500;font-size:12px;color:#000;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .swiperBox .swiperR .swiper-wrapper li a dl dd{margin-top:10px;font-weight:400;font-size:12px;color:#83848f}.container .swiperBox .swiperR .swiper-wrapper li a dl dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .swiperBox .swiperR .swiper-wrapper li::before{content:"";display:none;position:absolute;top:calc(50% - 6px);width:0;height:0;left:0;z-index:2;border-top:6px solid transparent;border-right:8px solid #00abfb;border-bottom:6px solid transparent}.container .swiperBox .swiperR .swiper-wrapper li.swiper-slide-thumb-active::before{display:block}.container .swiperBox .swiperR .swiper-wrapper li.swiper-slide-thumb-active a{background:#00abfb}.container .swiperBox .swiperR .swiper-wrapper li.swiper-slide-thumb-active a dl dt{color:#fff}.container .swiperBox .swiperR .swiper-wrapper li.swiper-slide-thumb-active a dl dd{color:#fff}.container .swiperBox .swiperR .swiper-wrapper li.swiper-slide-thumb-active a dl dd .iconfont{color:#fff}.container .swiperBox .swiperR .swiper-wrapper::-webkit-scrollbar{margin-right:0;width:0px;height:1px;overflow:hidden;background:transparent}.container .swiperBox .swiperR .swiper-wrapper::-webkit-scrollbar-thumb{background:transparent}@media screen and (max-width: 900px){.container .swiperBox .swiperL .swiper-wrapper li a{padding:54px 32px}.container .swiperBox .swiperL .swiper-wrapper li a .thumb{display:none}.container .swiperBox .swiperL .swiper-wrapper li a dl{width:100%}}@media screen and (max-width: 700px){.container .swiperBox .swiperR{display:none}.container .swiperBox .swiperL{width:100%;height:192px}.container .swiperBox .swiperL .swiper-wrapper li a{padding:16px}.container .swiperBox .swiperL .swiper-wrapper li a .thumb{display:block;width:120px;height:160px;box-shadow:0px 0px 40px 0px rgba(0,0,0,.12);border-radius:8px;border:2px solid #fff}.container .swiperBox .swiperL .swiper-wrapper li a dl{width:calc(100% - 132px)}.container .swiperBox .swiperL .swiper-wrapper li a dl dt{font-size:18px;color:#fff;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .swiperBox .swiperL .swiper-wrapper li a dl dd{margin-top:8px}.container .swiperBox .swiperL .swiper-wrapper li a dl dd:nth-last-child(2){display:none}.container .swiperBox .swiperL .swiper-wrapper li a dl dd p{padding:7px 16px;font-size:12px;line-height:18px}.container .swiperBox .swiperL .swiper-pagination{bottom:16px;padding-right:16px}}.container .editors{margin-top:16px}.container .editors .editorBox{display:flex;flex-wrap:wrap}.container .editors .editorBox>li{width:calc((100% - 40px)/6);margin-right:8px;margin-top:16px}.container .editors .editorBox>li>a{display:block;background:#fff;width:100%;position:relative}.container .editors .editorBox>li>a .thumb{border-radius:8px;overflow:hidden;width:100%;height:0;padding-bottom:135%;position:relative}.container .editors .editorBox>li>a .thumb>img{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.container .editors .editorBox>li>a>dl>dt{margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px;font-weight:bold}.container .editors .editorBox>li>a>dl>dd{margin-top:8px;font-size:12px;color:#83848f;line-height:16px}.container .editors .editorBox>li>a>dl>dd .iconfont{font-size:12px;color:#ff7f4a}.container .editors .editorBox>li:nth-child(6n){margin-right:0}@media screen and (max-width: 700px){.container .editors .editorBox>li{width:calc((100% - 16px)/3)}.container .editors .editorBox>li:nth-child(6n){margin-right:8px}.container .editors .editorBox>li:nth-child(3n){margin-right:0}}.container .editors .refresh{display:flex;align-items:center;justify-content:center;padding:8px;margin-top:12px;background:#f4f7f8;border-radius:16px;font-weight:500;font-size:16px}.container .editors .refresh .iconfont{font-size:14px;margin-right:5px}.container .featured{margin-top:16px;position:relative}.container .featured .featureds{margin-top:16px}.container .featured .featureds .swiper-wrapper>.swiper-slide{width:128px}.container .featured .featureds .swiper-wrapper>.swiper-slide>a{width:100%;display:inline-block;position:relative}.container .featured .featureds .swiper-wrapper>.swiper-slide>a .thumb{width:100%;height:171px;border-radius:8px;overflow:hidden}.container .featured .featureds .swiper-wrapper>.swiper-slide>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .featured .featureds .swiper-wrapper>.swiper-slide>a>dl>dt{margin-top:12px;font-weight:bold;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .featured .featureds .swiper-wrapper>.swiper-slide>a>dl>dd{margin-top:8px;font-size:12px;color:#83848f;line-height:16px}.container .featured .featureds .swiper-wrapper>.swiper-slide>a>dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .featured .featureds .swiper-wrapper>.swiper-slide>a>dl>dd p{display:inline-block;background:#f4f7f8;border-radius:8px;padding:4px 8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px}.container .featured .featureds .swiper-wrapper>.swiper-slide>a .iconH{position:absolute;width:34px;height:18px;background:#fe2d46;border-radius:6px 0px 6px 0px;left:0;top:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:12px}@media screen and (max-width: 900px){.container .featured .featureds .swiper-wrapper>.swiper-slide{width:113px}.container .featured .featureds .swiper-wrapper>.swiper-slide a .thumb{height:151px}}@media screen and (max-width: 700px){.container .featured .featureds .swiper-wrapper>.swiper-slide{width:100px}.container .featured .featureds .swiper-wrapper>.swiper-slide a .thumb{height:133px}}.container .featured .swiper-button-p1,.container .featured .swiper-button-n1{cursor:pointer;position:absolute;top:calc(50% - 10px);width:40px;height:40px;background:#fff;box-shadow:0px 2px 10px 0px rgba(0,0,0,.2);border-radius:25px;display:flex;align-items:center;justify-content:center;z-index:1}.container .featured .swiper-button-p1 .iconfont,.container .featured .swiper-button-n1 .iconfont{font-size:12px;color:#999}@media screen and (max-width: 700px){.container .featured .swiper-button-p1,.container .featured .swiper-button-n1{display:none}}.container .featured .swiper-button-p1{left:-20px}.container .featured .swiper-button-n1{right:-20px}.container .ranking{margin-top:16px;position:relative}.container .ranking .rankings{margin-top:16px}.container .ranking .rankings .swiper-wrapper .swiper-slide{width:357px}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a .thumb{width:75px;height:100px;border-radius:8px;overflow:hidden;margin-right:8px}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a>dl{width:calc(100% - 83px)}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a>dl>dt{line-height:18px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a>dl>dd{margin-top:8px;font-size:12px;color:#83848f;line-height:16px}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a>dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a>dl>dd p{display:inline-block;background:#f4f7f8;border-radius:8px;padding:4px 8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px}.container .ranking .rankings .swiper-wrapper .swiper-slide li>a .iconN{position:absolute;padding:4px 5px;background:#eb1651;border-radius:6px 0px 6px 0px;left:0;top:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:400;font-size:12px}.container .ranking .rankings .swiper-wrapper .swiper-slide li+li{margin-top:12px}.container .ranking .rankings .swiper-wrapper .swiper-slide li+li a .iconN{background:#ff8d29}.container .ranking .rankings .swiper-wrapper .swiper-slide li:nth-last-child(1) a .iconN{background:#3a67f5}@media screen and (max-width: 700px){.container .ranking .rankings .swiper-wrapper .swiper-slide{width:316px}}.container .ranking .rankings .swiper-wrapper .swiper-slide+.swiper-slide li a .iconN{background:#83848f}.container .ranking .swiper-button-p2,.container .ranking .swiper-button-n2{cursor:pointer;position:absolute;top:calc(50% - 10px);width:40px;height:40px;background:#fff;box-shadow:0px 2px 10px 0px rgba(0,0,0,.2);border-radius:25px;display:flex;align-items:center;justify-content:center;z-index:1}.container .ranking .swiper-button-p2 .iconfont,.container .ranking .swiper-button-n2 .iconfont{font-size:12px;color:#999}@media screen and (max-width: 700px){.container .ranking .swiper-button-p2,.container .ranking .swiper-button-n2{display:none}}.container .ranking .swiper-button-p2{left:-20px}.container .ranking .swiper-button-n2{right:-20px}.container .listCont{display:flex;justify-content:space-between;flex-wrap:wrap}.container .listCont>li{margin-top:16px;width:calc(50% - 8px)}.container .listCont>li>a{display:flex;align-items:center}.container .listCont>li>a .thumb{width:120px;height:160px;border-radius:8px;overflow:hidden;margin-right:12px}.container .listCont>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .listCont>li>a dl{width:calc(100% - 128px)}.container .listCont>li>a dl>dt{font-weight:500;font-size:20px;color:#000;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container .listCont>li>a dl>dd{margin-top:8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .listCont>li>a dl>dd>small{font-size:12px;color:#54575b;font-weight:400}.container .listCont>li>a dl>dd>span{color:#000;font-weight:400;font-size:12px}.container .listCont>li>a dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .listCont>li>a dl>dd p{display:inline-block;font-weight:400;font-size:12px;color:#83848f;line-height:16px;padding:4px 8px;background:#f4f7f8;border-radius:8px}@media screen and (min-width: 1181px){.container .listCont>li>a:hover dl dt{text-decoration:underline}}@media screen and (max-width: 700px){.container .listCont>li{width:100%}}.container .mainBox{margin-top:16px;display:flex;justify-content:space-between;align-items:stretch}.container .mainBox .left{width:calc(100% - 340px)}.container .mainBox .left .filterBox h3,.container .mainBox .left .filterBox h4{font-weight:400;font-size:12px;color:#000}.container .mainBox .left .filterBox h4{margin-top:16px}.container .mainBox .left .filterBox ul{display:flex;flex-wrap:wrap}.container .mainBox .left .filterBox ul li a{margin:8px 8px 0 0;font-weight:400;font-size:14px;color:#83848f;line-height:20px;padding:6px 12px;display:flex;background:#f4f7f8;border-radius:8px}.container .mainBox .left .filterBox ul li a.active{background:#00abfb;color:#fff}@media screen and (min-width: 1181px){.container .mainBox .left .filterBox ul li a:hover{background:#00abfb;color:#fff}}.container .mainBox .left .filterBox.active{display:none}.container .mainBox .left .listCol{display:flex;justify-content:space-between;flex-wrap:wrap}.container .mainBox .left .listCol>li{margin-top:16px;width:calc(50% - 8px);display:flex;justify-content:space-between;align-items:center}.container .mainBox .left .listCol>li .thumb{display:flex;width:120px;height:160px;border-radius:8px;overflow:hidden;margin-right:12px}.container .mainBox .left .listCol>li .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .mainBox .left .listCol>li .info{width:calc(100% - 132px)}.container .mainBox .left .listCol>li .info a>dl{width:100%}.container .mainBox .left .listCol>li .info a>dl>dt{font-weight:500;font-size:14px;color:#000;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container .mainBox .left .listCol>li .info a>dl>dd{margin-top:8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .mainBox .left .listCol>li .info a>dl>dd>small{font-size:12px;color:#54575b;font-weight:400}.container .mainBox .left .listCol>li .info a>dl>dd>span{color:#000;font-weight:400;font-size:12px}.container .mainBox .left .listCol>li .info a>dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .mainBox .left .listCol>li .info .infoBtn{margin-top:8px;display:flex;align-items:center}.container .mainBox .left .listCol>li .info .infoBtn .read{width:92px;height:32px;background:#00abfb;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:12px;margin-right:8px}.container .mainBox .left .listCol>li .info .infoBtn .like{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f4f7f8;border-radius:20px}.container .mainBox .left .listCol>li .info .infoBtn .like .iconfont{font-size:12px;color:#00abfb}.container .mainBox .left .listCol>li .info .infoBtn .like.act .iconfont{color:rgba(0,171,251,.4)}.container .mainBox .left .listCol>li .info .infoBtn .like.act .iconfont::before{content:""}@media screen and (max-width: 700px){.container .mainBox .left .listCol>li{width:100%}}.container .mainBox .right{width:300px}@media screen and (max-width: 1023px){.container .mainBox .right{display:none}.container .mainBox .left{width:100%}}.container .SCont>li{margin-top:16px;display:flex}.container .SCont>li>a{display:flex;align-items:center}.container .SCont>li>a .thumb{width:120px;height:160px;border-radius:8px;overflow:hidden;margin-right:12px}.container .SCont>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .SCont>li>a dl{width:calc(100% - 128px)}.container .SCont>li>a dl>dt{font-weight:500;font-size:20px;color:#000;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container .SCont>li>a dl>dd{margin-top:8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .SCont>li>a dl>dd>small{font-size:12px;color:#54575b;font-weight:400}.container .SCont>li>a dl>dd>span{color:#000;font-weight:400;font-size:12px}.container .SCont>li>a dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .SCont>li>a dl>dd p{display:inline-block;font-weight:400;font-size:12px;color:#83848f;line-height:16px;padding:4px 8px;background:#f4f7f8;border-radius:8px}@media screen and (min-width: 1181px){.container .SCont>li>a:hover dl dt{text-decoration:underline}}@media screen and (max-width: 700px){.container .SCont>li{width:100%}}.container .libraryCont .noCollect{display:flex;flex-direction:column;align-items:center;justify-content:center}.container .libraryCont .noCollect>img{width:250px}.container .libraryCont .noCollect>p{color:#54575b}.container .readList li{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.container .readList li a{width:calc(100% - 216px);display:flex;align-items:center}.container .readList li a .thumb{width:120px;height:160px;border-radius:8px;overflow:hidden;margin-right:12px}.container .readList li a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .readList li a dl{width:calc(100% - 128px)}.container .readList li a dl>dt{font-weight:bold;font-size:20px;color:#000;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container .readList li a dl>dd{margin-top:8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .readList li a dl>dd>small{font-size:12px;color:#54575b;font-weight:400}.container .readList li a dl>dd>span{color:#000;font-weight:400;font-size:12px}.container .readList li a dl>dd .iconfont{font-size:12px;color:#ff7f4a;margin-right:4px}.container .readList li a dl>dd p{display:inline-block;font-weight:400;font-size:12px;color:#83848f;line-height:16px;padding:4px 8px;background:#f4f7f8;border-radius:8px}@media screen and (min-width: 1181px){.container .readList li a:hover dl dt{text-decoration:underline}}.container .readList li .collectIcon{cursor:pointer;width:200px;height:48px;background:#f4f7f8;border-radius:24px;color:#00abfb;font-weight:500;position:relative}.container .readList li .collectIcon .iconfont{position:absolute;top:18px;left:49px;color:#00abfb;font-size:16px;margin-right:6px}.container .readList li .collectIcon::before{position:absolute;content:" Add to Library";font-weight:500;color:#00abfb;top:21px;left:76px}.container .readList li .collectIcon::after{display:none;position:absolute;content:" In Library";font-weight:500;color:rgba(0,171,251,.4);top:21px;left:90px}.container .readList li .collectIcon.act{color:rgba(0,171,251,.4)}.container .readList li .collectIcon.act .iconfont{left:58px;color:rgba(0,171,251,.4)}.container .readList li .collectIcon.act .iconfont::before{content:""}.container .readList li .collectIcon.act::before{display:none}.container .readList li .collectIcon.act::after{display:block}@media screen and (max-width: 700px){.container .readList li a{width:calc(100% - 60px)}.container .readList li .collectIcon{width:48px}.container .readList li .collectIcon .iconfont{left:calc(50% - 8px)}.container .readList li .collectIcon::before{display:none}.container .readList li .collectIcon.act .iconfont{left:calc(50% - 8px)}.container .readList li .collectIcon.act::after{display:none}}.container .libraryCol{display:flex;flex-wrap:wrap}.container .libraryCol>li{width:calc((100% - 40px)/6);margin-right:8px;margin-top:16px;position:relative}.container .libraryCol>li>a{display:block;background:#fff;width:100%;position:relative}.container .libraryCol>li>a .thumb{box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;width:100%;height:0;padding-bottom:135%;position:relative}.container .libraryCol>li>a .thumb>img{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.container .libraryCol>li>a .thumb::before{display:none;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,.5)}.container .libraryCol>li>a>dl>dt{font-weight:bold;margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .libraryCol>li>a>dl>dd{margin-top:8px;font-size:12px;color:#83848f;font-weight:400;line-height:16px}.container .libraryCol>li .edIcon{display:none;z-index:5;position:absolute;right:0;background:transparent;top:0;width:100%;height:100%;align-items:center;justify-content:center}.container .libraryCol>li .edIcon.delete::before{background:#00abfb;border:2px solid #00abfb;content:""}.container .libraryCol>li .edIcon:before{font-family:iconfont;content:"";position:absolute;right:10px;top:10px;width:24px;height:24px;align-items:center;justify-content:center;display:flex;border-radius:14px;border:2px solid #fff;color:#fff}.container .libraryCol>li.act a{pointer-events:none}.container .libraryCol>li.act>a .thumb::before{display:block}.container .libraryCol>li.act .edIcon{display:flex}.container .libraryCol>li.remove{display:none}.container .libraryCol>li:nth-child(6n){margin-right:0}@media screen and (max-width: 700px){.container .libraryCol>li{width:calc((100% - 16px)/3)}.container .libraryCol>li:nth-child(6n){margin-right:8px}.container .libraryCol>li:nth-child(3n){margin-right:0}}.container .Lbtn{height:49px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #eee}.container .Lbtn ul{display:flex;align-items:center}.container .Lbtn ul li a{font-weight:bold;font-size:18px;color:#83848f}.container .Lbtn ul li a.active{font-size:24px;color:#000}.container .Lbtn ul li+li{margin-left:24px}.container .Lbtn .edit{color:#00abfb;font-size:16px;cursor:pointer}.container .Lbtn .edit .iconfont{color:#00abfb;font-size:16px;margin-right:4px}.container .Lbtn .editCop{display:none}.container .Lbtn .editCop a{display:inline-block;background:#f4f7f8;border-radius:12px;padding:5px 24px;font-weight:500;font-size:14px;color:#000;line-height:22px}.container .Lbtn .editCop a+a{margin-left:8px}.container .Lbtn .editCop .remove{color:rgba(255,68,91,.2)}.container .Lbtn .editCop .remove.active{color:#ff445b}.container .Lbtn .deIcon .iconfont{font-size:20px}.container .videoList>li>a .thumb{width:100%;height:0;padding-bottom:56%;position:relative;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);border-radius:8px;overflow:hidden}.container .videoList>li>a .thumb>img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:center}.container .videoList>li>a .thumb::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);z-index:9}.container .videoList>li>a .thumb::after{content:"";font-family:iconfont;position:absolute;top:50%;left:50%;font-size:51px;display:flex;align-items:center;justify-content:center;color:#fff;padding:5px;background:rgba(0,0,0,.6);border-radius:30px;transform:translate(-50%, -50%);z-index:9}.container .videoList>li>a .dex{margin-top:8px;display:flex;align-items:center}.container .videoList>li>a .dex .thumb1{width:60px;height:80px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;margin-right:12px}.container .videoList>li>a .dex .thumb1>img{width:100%;height:100%;object-position:center;object-fit:cover}.container .videoList>li>a .dex>dl{width:calc(100% - 72px)}.container .videoList>li>a .dex>dl>dt{color:#333;font-family:MSemiBold;line-height:22px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container .videoList>li>a .dex>dl>dd{margin-top:8px;color:#83848f;font-size:12px}.container .videoList>li+li{margin-top:16px}.container .videoScreen{margin:16px 0}.container .videoScreen>h2{font-size:16px}.container .videoScreen .preview{margin-top:8px}.container .videoScreen .preview .carousel .carousel__slide{display:flex;align-items:center;justify-content:center;width:auto;height:189px;padding:0;margin-right:10px;position:relative;background:transparent !important}.container .videoScreen .preview .carousel .carousel__slide>img{overflow:hidden;border-radius:8px;height:100%}.container .videoScreen .preview .carousel .carousel__slide .play{width:100%;height:100%;left:0;top:0;z-index:0;display:block;position:absolute;background-position:center;background-repeat:no-repeat}.container .videoScreen .preview .carousel .carousel__dots{display:none}.container .videoScreen .preview .carousel .carousel__nav{display:none}.container .videoScreen .preview .has-dots{margin-bottom:0}.container .videoScreen .preview .videoMax .carousel__viewport .carousel__track{flex-direction:column;transform:none !important}.container .videoScreen .preview .videoMax .carousel__viewport .carousel__track .carousel__slide{margin-bottom:8px;margin-right:0;height:0;padding-bottom:56%}.container .videoScreen .preview .videoMax .carousel__viewport .carousel__track .carousel__slide>img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0}.SBox{min-height:calc(100% - 190px);max-width:640px}.SBox>h2{font-size:24px;text-align:center;margin-top:16px}.SBox>.searchBox{position:relative;max-width:640px;width:100%;height:40px;margin:16px auto}.SBox>.searchBox>input{width:100%;height:100%;outline:none;background:#fff;color:#000;border-radius:20px;border:1px solid #0af;-webkit-appearance:none;text-indent:16px;font-size:14px}.SBox>.searchBox input::-webkit-input-placeholder{color:#000}.SBox>.searchBox button{position:absolute;border:none;width:80px;height:40px;background:#00abfb;border-radius:20px;display:flex;align-items:center;justify-content:center;right:0;top:0;font-weight:500}.SBox>.searchBox button>.iconfont{color:#fff;font-size:16px}.SBox>h4{padding:10px 0;color:#54575b;border-bottom:1px solid #eee}.SBox>h4>small{color:#00abfb}.SBox .nodata{display:flex;justify-content:center;align-items:center;flex-direction:column}.SBox .nodata>img{width:280px}.SBox .nodata p{text-align:center;font-size:30px;font-weight:bold}.detail{max-width:640px;background:#fff;position:relative;padding-bottom:70px}@media screen and (max-width: 700px){.detail{width:100%}}.detail .detailMain{padding:0 40px 40px 40px;margin-top:64px;box-shadow:0px 0px 40px 0px rgba(0,0,0,.08)}.detail .detailMain .conBox{margin-top:16px;display:flex;position:relative;padding-left:180px;height:196px}.detail .detailMain .conBox .thumb{position:absolute;left:0;top:-40px;width:165px;height:220px;box-shadow:0px 0px 20px 0px rgba(0,0,0,.12);border-radius:8px;border:4px solid #fff;overflow:hidden}.detail .detailMain .conBox .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.detail .detailMain .conBox>dl{padding-top:24px;width:100%}.detail .detailMain .conBox>dl>dt{font-size:26px;color:#000;line-height:34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:bold;font-family:DM}.detail .detailMain .conBox>dl dd{margin-top:12px}.detail .detailMain .conBox>dl dd p{cursor:pointer;display:inline-block;padding:8px 12px;background:#f4f7f8;border-radius:8px;font-weight:400;font-size:12px;color:#83848f;line-height:16px}.detail .detailMain .conBox>dl dd p .iconfont{font-size:12px;color:#83848f;margin-right:6px}@media screen and (max-width: 700px){.detail .detailMain .conBox{padding-left:132px;height:136px}.detail .detailMain .conBox .thumb{width:120px;height:160px}.detail .detailMain .conBox dl{padding-top:16px}.detail .detailMain .conBox dl dt{font-size:20px;color:#000;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}@media screen and (max-width: 700px){.detail .detailMain{padding:0 24px 24px 24px;margin-top:56px}}.detail .module{margin-top:16px;border-top:1px solid #eee}.detail .module>p{font-weight:600;font-size:16px;color:#5f606d;line-height:26px;background:#f4f7f8;border-radius:8px;padding:16px;margin-top:16px;font-family:DM !important}.detail .module .des{margin-top:8px;overflow:hidden;position:relative;box-sizing:content-box;font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px}.detail .module .des>p,.detail .module .des>span{font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px;margin:12px 0}.detail .module .des>p>span,.detail .module .des>span>span{font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px}.detail .module .des h2{font-family:DM;font-weight:bold;font-size:18px;color:#333;line-height:26px;margin-top:16px}.detail .module .showAll{max-height:1500px}.detail .module .moreB{display:flex;margin-top:10px}.detail .module .moreB .moreShow{transition:all .3s;font-weight:500;color:#00abfb;font-size:12px;display:flex;align-items:center;text-decoration:underline}.detail .module .moreB .moreShow::before{content:"Read More"}.detail .module .moreB .lessShow::before{content:"Read Less"}.detail .Chaptermodule{padding:40px;background:#fff;box-shadow:0px 0px 40px 0px rgba(0,0,0,.08)}.detail .Chaptermodule>h2{font-family:DM;font-size:18px;color:#000;line-height:26px}.detail .Chaptermodule .des{background:#fff;overflow:hidden;position:relative;box-sizing:content-box;font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px}.detail .Chaptermodule .des>p,.detail .Chaptermodule .des>span{font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px;margin:12px 0}.detail .Chaptermodule .des>p>span,.detail .Chaptermodule .des>span>span{font-family:DM !important;font-weight:400;font-size:18px;color:#5f606d;line-height:28px}.detail .Chaptermodule .showAll{max-height:8000px}.detail .Chaptermodule .moreB{display:flex;margin-top:10px}.detail .Chaptermodule .moreB .moreShow{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:#f5f5f5;border-radius:20px;border:1px solid #eee;font-size:16px}.detail .Chaptermodule .moreB .moreShow::before{content:"Read More"}.detail .Chaptermodule .moreB .lessShow::before{content:"Read Less"}.detail .Chaptermodule .lock{display:block;background:#fff;position:relative;padding-top:24px}.detail .Chaptermodule .lock>h5{text-align:center;color:#000;font-size:16px;font-weight:bold}.detail .Chaptermodule .lock>h5 .iconfont{margin-right:5px;color:#54575b;font-size:16px}.detail .Chaptermodule .lock>a{width:280px;margin:24px auto;background:#00abfb;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:6px 0}.detail .Chaptermodule .lock>a>p{color:#fff;font-size:18px}.detail .Chaptermodule .lock>a>span{font-weight:400;font-size:12px;color:rgba(255,255,255,.8)}.detail .Chaptermodule .lock .auto{font-weight:400;font-size:14px;color:#5f606d;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center}.detail .Chaptermodule .lock .auto span{width:12px;height:12px;background:#fff;border:1px solid #00abfb;display:flex;border-radius:6px;position:relative;margin-right:8px}.detail .Chaptermodule .lock .auto span::before{content:"";width:6px;height:6px;background:#00abfb;position:absolute;top:2px;left:2px;display:none;border-radius:3px}.detail .Chaptermodule .lock .auto.active span::before{display:block}.detail .Chaptermodule .lock .coins{display:flex;align-items:center;margin-top:18px;justify-content:center;font-weight:bold}.detail .Chaptermodule .lock .coins img{width:24px;margin-right:4px}.detail .Chaptermodule .lock .coins span{color:#00abfb}.detail .Chaptermodule .lock::before{content:"";width:100%;height:100px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);position:absolute;top:-100px;left:0}.detail .Chaptermodule.noFree .lock{display:block}.detail .Chaptermodule.noFree .des{max-height:220px}.detail .Chaptermodule .chapterPage{margin-top:26px}.detail .Chaptermodule .chapterPage .container{display:flex;align-items:center;justify-content:space-between;width:100%}.detail .Chaptermodule .chapterPage .container>a{display:flex;align-items:center;height:40px;padding:0 24px;justify-content:center;background:#f4f7f8;border-radius:8px}.detail .Chaptermodule .chapterPage .container>a .iconfont{font-size:12px;margin-right:5px;color:#83848f}.detail .Chaptermodule .chapterPage .container>a.catalogue{color:#83848f}.detail .Chaptermodule .chapterPage .container>a.active{color:rgba(0,0,0,.2)}.detail .Chaptermodule .finishing{margin-top:48px;background:#f4f7f8;border-radius:10px;padding:40px 20px;display:flex;justify-content:center;align-items:center;position:relative}.detail .Chaptermodule .finishing dl dt{display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;color:#000;line-height:34px;font-family:DM}.detail .Chaptermodule .finishing dl dt img{width:26px;margin-left:4px}.detail .Chaptermodule .finishing dl dd{display:flex;align-items:center;justify-content:center;margin-top:40px}.detail .Chaptermodule .finishing dl dd a{width:160px;height:48px;background:#00abfb;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:16px}.detail .Chaptermodule .finishing dl dd a .iconfont{color:#fff;font-size:14px;font-weight:400;margin-right:6px;padding-bottom:3px}.detail .Chaptermodule .finishing dl dd a+a{margin-left:12px;background:#fff;color:#00abfb}@media screen and (max-width: 700px){.detail .Chaptermodule .finishing dl dt{font-size:18px}.detail .Chaptermodule .finishing dl dd{margin-top:24px}.detail .Chaptermodule .finishing dl dd a{width:120px;height:40px}}.detail .Chaptermodule .finishing::before{content:"";width:100%;height:1px;background:#eee;position:absolute;left:0;top:-24px}.detail .Chaptermodule .finishingBox{margin-top:16px}.detail .Chaptermodule .finishingBox .finishingList{display:flex;flex-wrap:wrap}.detail .Chaptermodule .finishingBox .finishingList>li{width:calc((100% - 24px)/4);margin-right:8px;margin-top:16px}.detail .Chaptermodule .finishingBox .finishingList>li>a{display:block;background:#fff;width:100%;position:relative}.detail .Chaptermodule .finishingBox .finishingList>li>a .thumb{border-radius:8px;overflow:hidden;width:100%;height:0;padding-bottom:135%;position:relative}.detail .Chaptermodule .finishingBox .finishingList>li>a .thumb>img{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.detail .Chaptermodule .finishingBox .finishingList>li>a p{margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:18px;font-weight:bold}.detail .Chaptermodule .finishingBox .finishingList>li:nth-child(4n){margin-right:0}@media screen and (max-width: 700px){.detail .Chaptermodule .finishingBox .finishingList>li{width:calc((100% - 16px)/3)}.detail .Chaptermodule .finishingBox .finishingList>li:nth-child(4n){margin-right:8px}.detail .Chaptermodule .finishingBox .finishingList>li:nth-child(3n){margin-right:0}}@media screen and (max-width: 700px){.detail .Chaptermodule{padding:16px}}.detail .tagsBox{border-top:1px solid #eee;padding-top:16px}.detail .tagsBox>h2{font-size:16px;font-weight:bold;color:#000}.detail .tagsBox>nav{display:flex;flex-wrap:wrap}.detail .tagsBox>nav>a{background:#f4f7f8;border-radius:8px;padding:6px 12px;font-weight:400;font-size:14px;color:#83848f;line-height:20px;margin-right:10px;margin-top:10px;transition:all .3s}@media screen and (min-width: 1181px){.detail .tagsBox>nav>a:hover{text-decoration:underline}}.detail .name{margin-top:16px}.detail .name>h3{font-size:18px;text-align:center;padding:0 24px}.detail .name>h4{margin-top:8px;font-family:Mlight;color:#54575b;text-align:center}.detail.chapActive{padding-bottom:0;min-height:100%;height:100%}.detail.chapActive .Chaptermodule{min-height:100%}.detail.detailActive .detailMain{margin-top:224px;position:relative}.detail.detailActive .detailMain .conBox{display:flex;flex-direction:column;align-items:center;justify-content:end;padding-left:0;padding-top:96px;height:auto}.detail.detailActive .detailMain .conBox .thumb{width:210px;height:280px;left:calc(50% - 105px);top:-200px}.detail.detailActive .detailMain .conBox dl{width:100%;padding-top:0}.detail.detailActive .detailMain .conBox dl dt{padding:0 40px;text-align:center;font-weight:800;font-size:26px;color:#000;line-height:34px}.detail.detailActive .detailMain::before{content:"";width:80px;height:80px;background-size:100% 100%;position:absolute;top:-4px;left:-4px;background-image:url("../img/featured.png")}.detail.detailActive .detailMain .module .start{height:33px;display:flex;margin:0 auto;margin-top:16px}@media screen and (max-width: 700px){.detail.detailActive{width:calc(100% - 16px)}.detail.detailActive .detailMain{margin-top:184px}.detail.detailActive .detailMain .conBox .thumb{left:calc(50% - 90px);width:180px;height:240px;top:-160px}.detail.detailActive .detailMain .conBox dl dt{padding:0;font-size:20px;color:#000;line-height:28px}.detail.detailActive .detailMain .module .start{height:22px}}@keyframes click{0%{transform:translate(0, 0)}50%{transform:translate(-10px, -10px)}100%{transform:translate(0px, 0px)}}.botRead{position:fixed;bottom:-1px;left:0;margin-top:16px;width:100%;height:72px;background:#fff;box-shadow:0px 0px 40px 0px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.botRead>.readN{display:flex;width:calc(100% - 58px);max-width:300px;height:56px;background:linear-gradient(180deg, #FF9C61 0%, #FB0034 100%);border-radius:16px 4px 4px 16px;align-items:center;justify-content:center;font-weight:500;font-size:20px;color:#fff;line-height:22px;position:relative}.botRead>.readN .iconfont{margin-right:8px;color:#fff;font-weight:400;padding-bottom:4px;font-size:20px}.botRead>.readN::before{content:"";position:absolute;width:56px;height:56px;background-image:url("../img/click.png");background-size:100% 100%;right:8px;bottom:-12px;z-index:2;animation:click 1s linear infinite}.botRead .collect{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(180deg, #FF9C61 0%, #FB0034 100%);border-radius:4px 16px 16px 4px;margin-left:2px}.botRead .collect .iconfont{font-size:16px;color:#fff}.botRead .collect.act .iconfont{color:rgba(255,255,255,.4)}.botRead .collect.act .iconfont::before{content:""}.botRead.act{position:static}.chapDetail{height:calc(100% - 179px);padding:20px 0}.chapDetail .name{margin-top:0;position:relative}.chapDetail .name .yindao{display:flex;justify-content:space-between;position:absolute;top:12px;left:0;width:100%}.chapDetail .name .yindao .iconfont{color:#333;font-size:20px}.chapDetail .name .yindao .icon-zuo{display:none}.chapDetail .name>h3{padding:0 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.chapDetail .name>h4{padding:0 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.chapDetail>h2{margin:10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.chapDetail #flipbook{margin-top:0;width:100%;height:calc(100% - 91px);position:relative;overflow:hidden}.chapDetail #flipbook #desc{position:absolute;background:#fff;left:0;transform:translateX(0);top:0;height:100%;column-gap:0;break-inside:auto;-moz-column-gap:0;-webkit-column-gap:0;transition:all .5s;font-size:18px;box-sizing:border-box;line-height:32.4px;color:#333;word-break:keep-all;word-wrap:break-word;white-space:normal;font-family:Merriweather-Regular,Merriweather !important;font-weight:400}footer{margin-top:80px;background:#f4f7f8;padding:32px 0 24px 0}footer.act{padding-bottom:70px}footer .container{display:flex;align-items:center;justify-content:space-between}footer .container .footL .logo img{height:32px}footer .container .footL nav{margin-top:24px}footer .container .footL nav>a{font-weight:300;color:#000;transition:all .3s}@media screen and (min-width: 1181px){footer .container .footL nav>a:hover{text-decoration:underline}}footer .container .footL nav>a+a{margin-left:24px}footer .container .footL p{margin-top:24px;font-weight:300;color:#000}footer .container .top_lea{display:flex;align-items:center;justify-content:center;width:192px;height:48px;background:#00abfb;border-radius:24px;font-weight:400;font-size:20px;color:#fff;line-height:28px}footer .container .top_lea .iconfont{font-size:24px;color:#fff;margin-right:5px}@media screen and (max-width: 700px){footer{margin-top:40px}footer .container{flex-direction:column;align-items:center;justify-content:center}footer .container .footL{flex-direction:column;align-items:center;justify-content:center;display:flex}footer .container .top_lea{margin-top:24px}}.deleteBox{z-index:9;display:none;position:fixed;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.deleteBox .container{width:329px;height:140px;background:#fff;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center}.deleteBox .container .close{text-align:end}.deleteBox .container .close .iconfont{color:#666}.deleteBox .container>h3{text-align:center;font-size:14px;font-weight:500;margin-top:12px}.deleteBox .container .btns{display:flex;align-items:center;justify-content:center;margin-top:20px}.deleteBox .container .btns>a{width:135px;height:48px;background:#f4f7f8;border-radius:16px;color:#000;font-size:16px;text-align:center;line-height:48px}.deleteBox .container .btns>a.removes{color:#ff445b;margin-left:20px}.deleteBox.act{display:flex}.deleteBox.active .container{padding:24px;line-height:20px;height:auto}.deleteBox.active .container .btns{width:100%;flex-direction:column}.deleteBox.active .container .btns a{width:100%;margin-top:12px}.deleteBox.active .container .btns a.removes{margin-left:0}.adx{display:flex;flex-direction:column;align-items:center;justify-content:center}.adx>p{font-size:12px;text-align:center}.search_banner{display:none;justify-content:end;position:fixed;width:100%;height:calc(100% - 48px);top:48px;left:0;background:transparent;z-index:9}.search_banner .container{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;display:flex;height:100%;justify-content:end;padding-right:52px}.search_banner .container .searchcon{width:320px;height:263px;background:#fff;padding:16px;box-shadow:0px 0px 20px 0px rgba(0,0,0,.1);border-radius:12px}.search_banner .container .searchcon>h3{font-weight:400;font-size:12px;color:#999;border-bottom:1px solid #eee;padding-bottom:13px}.search_banner .container .searchcon .searchKey>li{margin-top:16px}.search_banner .container .searchcon .searchKey>li>a{display:flex;align-items:center;justify-content:space-between;transition:all .3s}.search_banner .container .searchcon .searchKey>li>a span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#83848f;border-radius:8px;color:#fff;font-weight:500;font-size:12px}.search_banner .container .searchcon .searchKey>li>a p{width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400}@media screen and (min-width: 1181px){.search_banner .container .searchcon .searchKey>li>a:hover p{text-decoration:underline}}.search_banner .container .searchcon .searchKey>li:nth-child(1) a span{background:#eb1651}.search_banner .container .searchcon .searchKey>li:nth-child(2) a span{background:#ff8d29}.search_banner .container .searchcon .searchKey>li:nth-child(3) a span{background:#3a67f5}@media screen and (max-width: 767px){.search_banner .container{width:100%;max-width:100%;padding-right:0}.search_banner .container .searchcon{width:100%;height:100%;border-radius:0}}.error{min-height:calc(100% - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center}.error>img{width:250px}.error>p{color:#54575b}.error>a{margin-top:16px;width:110px;height:40px;background:#00a9fe;border-radius:20px;color:#fff;text-align:center;line-height:40px}.company{margin-top:16px;min-height:calc(100% - 200px);background:#fff}.company h2{font-size:20px;color:#000;font-weight:bold;padding-bottom:16px;border-bottom:1px solid #eee}.company .companyBox{margin-top:16px}.company .companyBox h3{font-size:1.1em;margin-bottom:8px;color:#5f606d}.company .companyBox p{margin-bottom:8px;line-height:1.6em;color:#5f606d;font-weight:500}.company .companyBox form{background-color:#fff}.company .companyBox form .formItem{display:flex;align-items:flex-start;margin-bottom:12px;position:relative}.company .companyBox form .formItem input{max-width:400px;width:100%;height:48px;border-radius:8px;text-indent:1em;color:#9c9fa3;outline:none;background-color:#f4f7f8;border:none}.company .companyBox form .formItem #comcom{width:100%;resize:none;outline:none;border-radius:10px;text-indent:1em;padding-top:15px;color:#9c9fa3;background:#f4f7f8;border:none}.company .companyBox form .formItem:nth-child(3) input{max-width:100%}.company .companyBox form input[type=submit]{width:110px;height:40px;border:none;outline:none;border-radius:20px;color:#fff;background-color:#00abfb;cursor:pointer}.company .companyBox .error{color:red}.paybox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center;padding:0 20px;z-index:99}.paybox .boxC{width:100%;max-width:320px;background:linear-gradient(180deg, #EDF9FE 0%, #FFFFFF 100%);box-shadow:0px 1px 4px 0px rgba(0,0,0,.1);border-radius:8px;padding:16px}.paybox .boxC .clos{display:flex;justify-content:right}.paybox .boxC .clos img{width:12px;height:12px}.paybox .boxC .payM{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding-top:76px}.paybox .boxC .payM .backD{position:absolute;right:0;top:0}.paybox .boxC .payM .backD .iconfont{color:#666}.paybox .boxC .payM .thumb{margin:0 auto;width:105px;height:140px;border-radius:8px;overflow:hidden;position:absolute;top:-80px}.paybox .boxC .payM .thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.paybox .boxC .payM .cont{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;height:50px;background:#00a9fe;border-radius:25px;font-weight:bold;font-size:16px;color:#fff;line-height:22px}.paybox .boxC .payM h3{text-align:center;font-weight:400;font-size:18px;color:#333;line-height:22px;margin:12px 0}.paybox .boxC .payM h3 span{color:#00abfb;margin:0 4px;font-size:16px}.paybox .boxC .payM p{font-weight:bold;font-size:18px;color:#333;line-height:24px;margin:12px 0;text-align:center}.paybox .boxC .payM .number-input-container{display:flex;align-items:center;justify-content:center;overflow:hidden;width:fit-content}.paybox .boxC .payM .number-input-container button{background-color:#fff;width:40px;height:40px;cursor:pointer;font-size:16px;font-weight:bold;color:#333;border-radius:8px;border:1px solid rgba(0,169,254,.4);transition:background-color .2s;font-size:30px;line-height:40px}.paybox .boxC .payM .number-input-container .btn-decrease{color:#585d7d;cursor:not-allowed}.paybox .boxC .payM .number-input-container .btn-decrease.active{color:#333;cursor:pointer}.paybox .boxC .payM .number-input-container .btn-increase.active{color:#585d7d;cursor:not-allowed}.paybox .boxC .payM .number-input-container .number-display{width:56px;height:40px;text-align:center;font-size:18px;margin:0 7px;color:#333;background:#fff;border-radius:8px;border:1px solid rgba(0,169,254,.4);-moz-appearance:textfield}.paybox .boxC .payM .number-input-container .number-display::-webkit-outer-spin-button,.paybox .boxC .payM .number-input-container .number-display::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.paybox .boxC .payS{display:none;position:relative}.paybox .boxC .payS .back{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.paybox .boxC .payS .back img{width:10px}.paybox .boxC .payS h2{text-align:center;font-size:18px;color:#333}.paybox .boxC .payS .layui-form{margin-top:16px}.paybox .boxC .payS .layui-form .layui-form-item input{height:48px !important;border:none !important;background:#fff !important;border-radius:8px !important;color:#333 !important;font-size:14px !important;-webkit-text-fill-color:#333}.paybox .boxC .payS .layui-form .layui-form-item .layui-form-select dl{background-color:#fff !important;border-radius:8px;border:1px solid rgba(0,169,254,.4)}.paybox .boxC .payS .layui-form .layui-form-item .layui-form-select dl dd.layui-this{background-color:#00abfb}.paybox .boxC .payS .layui-form-select dl{min-width:auto;max-width:100%}.paybox .boxC .payS .layui-form-select dl dd{text-overflow:clip;white-space:normal}.paybox .boxC .payS .layui-form-select dl dd:hover{background-color:rgba(148,132,255,.12)}.paybox .boxC .payS .layui-form-select dl::-webkit-scrollbar{margin-right:0px;width:1px;height:100%;border-radius:10px;overflow:hidden;background:transparent}.paybox .boxC .payS .layui-form-select dl::-webkit-scrollbar-thumb{border-radius:10px;background:transparent}.paybox .boxC .payS .cont{display:flex;align-items:center;justify-content:center;margin:16px auto;width:100%;height:50px;background:#00a9fe;border-radius:25px;font-weight:bold;font-size:16px;color:#fff;line-height:22px}.paybox.active{display:flex}.logoMain{position:fixed;top:56px;left:0;width:100%;display:none;align-items:baseline;justify-content:right;height:calc(100% - 56px);background:transparent;z-index:3}.logoMain .container{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;display:flex;height:auto;justify-content:end}.logoMain .container .mainLogo{background:#fff;box-shadow:0px 0px 20px 0px rgba(0,0,0,.1);border-radius:12px;padding:16px;width:300px}.logoMain .container .mainLogo .visitorM{display:flex;justify-content:space-between;align-items:center}.logoMain .container .mainLogo .visitorM .visitor{display:flex;align-items:center;width:calc(100% - 90px)}.logoMain .container .mainLogo .visitorM .visitor .tou{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:28px;overflow:hidden;margin-right:8px}.logoMain .container .mainLogo .visitorM .visitor .tou .iconfont{font-size:56px}.logoMain .container .mainLogo .visitorM .visitor .tou.active .iconfont::before{content:""}.logoMain .container .mainLogo .visitorM .visitor dl{width:calc(100% - 64px)}.logoMain .container .mainLogo .visitorM .visitor dl dt{font-weight:bold;font-size:16px;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.logoMain .container .mainLogo .visitorM .visitor dl dd{margin-top:4px;font-size:12px;color:#666}.logoMain .container .mainLogo .visitorM .sign{width:82px;height:32px;background:#f5f5f5;border-radius:20px;text-align:center;line-height:32px;color:#000;font-weight:600;cursor:pointer}.logoMain .container .mainLogo .acont{background:linear-gradient(90deg, #0096FB 0%, rgba(0, 171, 251, 0.8) 100%),#fff;border-radius:8px;padding:12px 16px;margin-top:12px}.logoMain .container .mainLogo .acont .My{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.3)}.logoMain .container .mainLogo .acont .My dt{font-weight:500;font-size:14px;color:#fff}.logoMain .container .mainLogo .acont .My dd a{font-weight:400;font-size:14px;color:rgba(255,255,255,.6)}.logoMain .container .mainLogo .acont .coin{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.logoMain .container .mainLogo .acont .coin dl dt{font-weight:bold;font-size:36px;color:#fff}.logoMain .container .mainLogo .acont .coin dl dd{font-weight:500;font-size:14px;color:rgba(255,255,255,.6)}.logoMain .container .mainLogo .acont .coin .topUp{width:88px;height:32px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#000;font-weight:600}.logoMain .container .mainLogo .acontList li{margin-top:18px}.logoMain .container .mainLogo .acontList li a{display:flex;align-items:center}.logoMain .container .mainLogo .acontList li a .iconfont{font-size:16px;margin-right:8px}.logoMain .container .mainLogo .acontList li+li{border-top:1px solid #eee;padding-top:18px}@media screen and (max-width: 767px){.logoMain{top:48px;height:calc(100% - 48px)}}.loginBox{z-index:91;display:none;position:fixed;width:100%;height:100%;top:0;left:0;align-items:end;justify-content:center;background:rgba(0,0,0,.5)}.loginBox .container{width:100%;background:linear-gradient(180deg, #EDF9FE 0%, #FFFFFF 100%);box-shadow:0px 1px 4px 0px rgba(0,0,0,.1);padding:24px 24px 40px 24px;border-radius:16px 16px 0px 0px}.loginBox .container .close{text-align:end}.loginBox .container .close .iconfont{color:#666}.loginBox .container img{width:150px;display:flex;margin:24px auto}.loginBox .container .lGoole{width:100%;height:56px;margin:16px auto 24px auto;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 20px 0px rgba(0,0,0,.1)}.loginBox .container .lGoole .iconfont{font-size:24px;margin-right:8px}.loginBox .container .lGoole>span{font-size:16px}.loginBox .container span{font-weight:400;font-size:12px;color:#999;line-height:18px;display:inline-block;text-align:center}.loginBox .container span a{font-weight:400;font-size:12px;color:#999;line-height:18px;text-decoration:underline}.loginBox.active{display:flex}@media screen and (min-width: 700px){.loginBox{align-items:center}.loginBox .container{width:480px;height:296px;border-radius:16px}}.accountMain{margin-top:16px}.accountMain h3{font-weight:400 !important;font-size:14px;color:#999;text-align:center}.accountMain .count{background:#f5f5f5;border-radius:16px;padding:24px;margin:16px 0;display:flex;justify-content:space-between;align-items:center}.accountMain .count .countTitle{display:flex;align-items:center}.accountMain .count .countTitle img{width:56px;height:56px}.accountMain .count .countTitle p{font-weight:bold;font-size:36px;color:#000;text-align:center;margin:0 8px}.accountMain .count .countTitle span{font-weight:500;font-size:14px;color:rgba(0,0,0,.6);text-align:center;display:flex;justify-content:center}.accountMain .count .topUp{display:flex;align-items:center;justify-content:center;width:240px;height:48px;font-weight:500;background:#00abfb;border-radius:16px;color:#fff;font-size:16px}@media screen and (max-width: 700px){.accountMain .count{flex-direction:column;justify-content:center}.accountMain .count .countTitle{flex-direction:column;justify-content:center}.accountMain .count .countTitle p{margin:12px 0}.accountMain .count .topUp{margin-top:16px}}.accountMain .coinList li{margin-top:16px;border-top:1px solid #eee;padding:16px 0;display:flex;align-items:center;justify-content:space-between}.accountMain .coinList li dl dt{font-size:16px}.accountMain .coinList li dl dd{margin-top:4px;font-size:12px;font-family:Mlight;color:#999}.accountMain .coinList li p{padding-left:20px;position:relative;font-size:12px}.accountMain .coinList li p::before{content:"";background-image:url("../img/coin.png");width:16px;height:16px;background-size:100% 100%;position:absolute;left:0;top:0}.accountMain .coinList li p.active{color:#ff3924}.accountMain .coinList li:last-child{border-bottom:1px solid #eee}.topUpMain{margin-top:16px}.topUpMain .coins dl dt{position:relative;padding-left:28px;font-size:12px;font-weight:bold;margin:16px 0;line-height:24px}.topUpMain .coins dl dt span{color:#ff3924}.topUpMain .coins dl dt::before{content:"";background-image:url("../img/coin.png");width:24px;height:24px;background-size:100% 100%;position:absolute;left:0;top:0}.topUpMain .coins dl dd{display:flex;align-items:center;justify-content:center;height:40px;background:#f4f7f8;border-radius:12px;width:100%}.topUpMain .coins dl dd span{font-weight:500;font-size:18px;color:#ff3924;margin:0 4px}.topUpMain .coins dl dd img{width:24px;height:24px;margin-right:4px}.topUpMain .best{display:inline-block;width:100%}.topUpMain .best dl{display:flex;align-items:center;justify-content:center;background:#fff1dd;border-radius:12px;border:1px solid #f89d17;padding:18px 16px;margin-top:24px;position:relative}.topUpMain .best dl dt{display:flex;align-items:center;position:relative;padding-left:44px;height:40px;font-weight:bold;font-size:22px;color:#000;line-height:40px}.topUpMain .best dl dt span{color:#ff3924;font-size:18px;margin-left:4px}.topUpMain .best dl dt::before{content:"";background-image:url("../img/coin.png");width:40px;height:40px;background-size:100% 100%;position:absolute;left:0;top:-4px}.topUpMain .best dl dd{margin-left:24px;background:linear-gradient(90deg, #FFBE5F 0%, #F89D17 100%);border-radius:18px;padding:0 22px;height:36px;line-height:36px;color:#fff;font-weight:500}.topUpMain .best dl::before{content:"Best Seller";position:absolute;top:-8px;left:-1px;width:80px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 10px 0;color:#fff;font-weight:400;background:linear-gradient(90deg, #FF3924 0%, #FF6B4A 100%)}.topUpMain .topUpList{display:flex;flex-wrap:wrap;justify-content:space-between}.topUpMain .topUpList li{width:calc(50% - 8px)}.topUpMain .topUpList li a{background:#f4f7f8;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:16px 0;margin-top:16px}.topUpMain .topUpList li a p{display:flex;align-items:flex-start;position:relative;padding-left:20px;height:20px;line-height:20px;font-weight:bold;font-size:16px}.topUpMain .topUpList li a p small{color:#ff3924;font-size:12px;margin-left:4px}.topUpMain .topUpList li a p::before{content:"";background-image:url("../img/coin.png");width:16px;height:16px;background-size:100% 100%;position:absolute;left:0;top:0}.topUpMain .topUpList li a span{color:#999;font-weight:400;margin-top:4px}.topUpMain .topUpList li:nth-child(1) a{position:relative}.topUpMain .topUpList li:nth-child(1) a::before{content:"First";position:absolute;top:-6px;left:0px;width:46px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 10px 0;color:#fff;font-weight:400;background:linear-gradient(90deg, #FF3924 0%, #FF6B4A 100%)}.topBox{z-index:91;display:none;position:fixed;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.topBox .container{width:380px;height:380px;background-image:url("../img/top.png");background-size:100% 100%;padding:32px 48px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.topBox .container .close{position:absolute;top:32px;right:48px}.topBox .container .close .iconfont{font-size:12px;color:#666}.topBox .container dl{display:flex;flex-direction:column;align-items:center;justify-content:center}.topBox .container dl dt{display:flex;width:60px;height:60px;background:#00acfd;border-radius:40px;align-items:center;justify-content:center}.topBox .container dl dt .iconfont{color:#fff;font-size:37px}.topBox .container dl dd{margin-top:24px;font-weight:bold;font-size:24px;color:#000;line-height:32px}.topBox .container dl dd+dd{font-weight:400;font-size:14px;color:#666;line-height:20px;text-align:center}.topBox .container dl dd a{display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:#fff;line-height:24px;padding:0 24px;height:48px;background:#00abfb;border-radius:28px}.topBox .container dl dd a .iconfont{margin-right:6px;font-size:20px}.topBox.active{display:flex}@media screen and (max-width: 700px){.topBox .container{width:300px;height:300px;padding:30px}.topBox .container .close{top:30px;right:30px}.topBox .container dl dt{width:40px;height:40px}.topBox .container dl dt .iconfont{font-size:26px}.topBox .container dl dd{margin-top:20px;font-size:20px;line-height:18px}.topBox .container dl dd+dd{font-size:12px;line-height:16px}}.coinBox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:end;justify-content:center;z-index:99}.coinBox .container{max-width:100%;width:100%;border-radius:16px 16px 0px 0px;padding:16px;background:#fff}.coinBox .container .closed{display:flex;justify-content:end}.coinBox .container .closed .iconfont{font-size:16px;color:#999}.coinBox .container h2{font-size:16px;text-align:center;font-weight:bold;margin:8px 0}.coinBox .container h3{text-align:center;font-family:Mlight;color:#5f606d}.coinBox .container .best{display:inline-block;width:100%}.coinBox .container .best dl{display:flex;align-items:center;justify-content:space-between;background:#fff1dd;border-radius:12px;border:1px solid #f89d17;padding:18px 16px;margin-top:24px;position:relative}.coinBox .container .best dl dt{display:flex;align-items:center;position:relative;padding-left:44px;height:40px;font-weight:bold;font-size:22px}.coinBox .container .best dl dt span{color:#ff3924;font-size:18px;margin-left:4px}.coinBox .container .best dl dt::before{content:"";background-image:url("../img/coin.png");width:40px;height:40px;background-size:100% 100%;position:absolute;left:0;top:0}.coinBox .container .best dl dd{background:linear-gradient(90deg, #FFBE5F 0%, #F89D17 100%);border-radius:18px;padding:8px 22px;color:#fff;font-weight:500}.coinBox .container .best dl::before{content:"Best Seller";position:absolute;top:-8px;left:-1px;width:80px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 10px 0;color:#fff;font-weight:400;background:linear-gradient(90deg, #FF3924 0%, #FF6B4A 100%)}.coinBox .container .topUpList{display:flex;flex-wrap:wrap;justify-content:space-between}.coinBox .container .topUpList li{width:calc(50% - 8px)}.coinBox .container .topUpList li a{background:#f4f7f8;border-radius:12px;display:flex;flex-direction:column;align-items:center;padding:16px 0;margin-top:16px}.coinBox .container .topUpList li a p{display:flex;align-items:center;position:relative;padding-left:20px;height:16px;font-weight:bold;font-size:16px}.coinBox .container .topUpList li a p small{color:#ff3924;font-size:12px;margin-left:4px}.coinBox .container .topUpList li a p::before{content:"";background-image:url("../img/coin.png");width:16px;height:16px;background-size:100% 100%;position:absolute;left:0;top:0}.coinBox .container .topUpList li a span{color:#999;font-weight:400;margin-top:4px}.coinBox .container .topUpList li:nth-child(1) a{position:relative}.coinBox .container .topUpList li:nth-child(1) a::before{content:"First";position:absolute;top:-6px;left:0px;width:46px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 10px 0;color:#fff;font-weight:400;background:linear-gradient(90deg, #FF3924 0%, #FF6B4A 100%)}.coinBox.active{display:flex}@media screen and (min-width: 700px){.coinBox{align-items:center}.coinBox .container{width:480px;border-radius:16px}}.payList{z-index:91;display:none;position:fixed;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}.payList .container{max-width:480px;width:100%;background-size:100% 100%;padding:24px;position:relative;background:#fff;border-radius:16px}.payList .container .close{display:flex;width:100%;justify-content:end}.payList .container .close .iconfont{font-size:12px;color:#666}.payList .container h3{font-weight:bold;font-size:18px;text-align:center}.payList .container nav{display:flex;justify-content:space-between;width:100%;margin:16px 0}.payList .container nav a{display:flex;align-items:center;justify-content:center;background:#f4f7f8;border-radius:12px;padding:20px 0;width:calc(50% - 6px);border:2px solid transparent}.payList .container nav a img{width:80px}.payList .container nav a.active{border:2px solid #00abfb}.payList .container .continuePay{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background:#00abfb;border-radius:16px;color:#fff;font-size:18px;font-weight:500}.payList.active{display:flex}.waitBox{z-index:91;display:none;position:fixed;width:100%;height:100%;top:0;left:0;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:16px}.waitBox .container{max-width:480px;width:100%;background-size:100% 100%;padding:39px 24px;position:relative;border-radius:16px;background:linear-gradient(180deg, #FFF1DD 0%, #FFFFFF 100%)}.waitBox .container h2{font-weight:800;font-size:26px;color:#000;line-height:30px;font-family:MSemiBold}.waitBox .container p{font-weight:500;font-size:16px;color:#666;line-height:20px;margin-top:6px}.waitBox .container .wait{background:#fff;box-shadow:0px 2px 16px 0px rgba(0,0,0,.12);border-radius:12px;padding:30px;margin:24px 0}.waitBox .container .wait dl{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.waitBox .container .wait dl dt{display:flex;height:48px;align-items:center;line-height:48px}.waitBox .container .wait dl dt img{width:48px;height:48px;margin-right:4px}.waitBox .container .wait dl dt span{font-weight:bold;font-size:30px;color:#000;padding-top:4px}.waitBox .container .wait dl dd a{display:flex;align-items:center;justify-content:center;width:84px;height:36px;background:linear-gradient(270deg, #FF6B4A 0%, #FF3924 100%);border-radius:18px;margin-top:16px;color:#fff;font-weight:500}.waitBox .container .wait dl dd p{margin-top:8px;text-decoration-line:line-through;font-weight:500;font-size:12px;color:#999;line-height:18px}.waitBox .container .close{cursor:pointer;display:flex;justify-content:center;font-weight:500;font-size:12px;color:#999;text-align:center;text-decoration:underline;font-family:MSemiBold}.waitBox .container h3{text-align:center;font-weight:500;font-size:14px;color:#ff1800;line-height:20px;margin-bottom:8px}.waitBox .container::before{content:"";position:absolute;top:-60px;right:0;width:120px;height:120px;background-size:100% 100%;background-image:url("../img/time.png")}.waitBox .container .waitImg{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.waitBox .container .waitImg span{font-weight:500;font-size:18px;color:#666;line-height:20px;margin-right:6px}.waitBox .container .waitImg .timer{display:flex;align-items:center}.waitBox .container .waitImg .timer li{width:40px;height:40px;background:#f9f1e7;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;color:#a76403;margin:0 6px}@media screen and (max-width: 700px){.waitBox .container h2{font-size:24px}.waitBox .container .wait{padding:30px 13px}.waitBox .container::before{top:-40px;right:0;width:100px;height:100px}}.waitBox.active{display:flex}.cateBox{display:none;justify-content:start;position:fixed;width:100%;height:100%;top:55px;left:0;background:rgba(0,0,0,.6);z-index:3}.cateBox .cateMain{padding:20px 16px;background:#fff;width:260px;height:100%}.cateBox .cateMain .closed{display:flex;justify-content:end}.cateBox .cateMain .closed .icon-close{font-size:12px;color:#666}.cateBox .cateMain>a{margin-top:12px;display:flex;align-items:center;position:relative;padding:9px 0;font-weight:bold;font-size:16px}.cateBox .cateMain>a.active::before{display:block}.cateBox .cateMain>a::before{display:none;content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:#00abfb}@media screen and (min-width: 1181px){.cateBox .cateMain>a:hover::before{display:block}}.cateBox .cateMain h3{font-size:16px;color:#000;margin-top:24px}.cateBox .cateMain .borList li{margin-top:16px;padding-left:8px}.cateBox .cateMain .borList li a{display:flex;align-items:center;color:#00abfb}.cateBox .cateMain .borList li a span{color:#000;margin-left:8px;white-space:nowrap}.chapterBox{background:rgba(0,0,0,.6);position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:end;z-index:9}.chapterBox .chapterM{width:100%;max-height:calc(100% - 160px);overflow-y:scroll;background:#fff;border-radius:16px 16px 0px 0px}.chapterBox .chapterM h2{display:flex;width:100%;justify-content:center;align-items:center;height:56px;background:#f5f5f5;font-weight:bold;font-size:18px;color:#000;line-height:24px;position:relative;padding-top:8px}.chapterBox .chapterM h2::before{content:"";top:8px;position:absolute;left:calc(50% - 20px);width:40px;height:4px;background:#d3d3d3;border-radius:10px}.chapterBox .chapterM ul{max-width:640px;width:100%;padding:16px;margin:0 auto}.chapterBox .chapterM ul li a{display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:14px;color:#000;line-height:18px;border:1px solid #eee;padding:16px;border-radius:10px;width:100%}.chapterBox .chapterM ul li a.active{color:#00abfb}.chapterBox .chapterM ul li a.money{background:#f4f7f8;border:1px solid #f4f7f8}.chapterBox .chapterM ul li+li{margin-top:12px}.chapterBox .chapterM::-webkit-scrollbar{margin-right:0px;width:1px;height:100%;border-radius:10px;overflow:hidden;background:transparent}.chapterBox .chapterM::-webkit-scrollbar-thumb{border-radius:10px;background:transparent}.chapterBox.active{display:flex}@keyframes noticeActive1{0%{transform:translateY(-400px)}100%{transform:translateY(0px)}}#pwaInstallContainer{width:100%;position:fixed;top:20px;left:0;display:none;align-items:center;justify-content:center;z-index:222;animation:noticeActive1 .9s linear}#pwaInstallContainer .container{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:24px;margin:0 16px 0 16px;box-shadow:0px 0px 40px 0px rgba(0,0,0,.08)}#pwaInstallContainer .container .pwaT{display:flex;justify-content:space-between}#pwaInstallContainer .container .pwaT .Ib{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#fff;box-shadow:0px 2px 16px 0px rgba(0,0,0,.08);border-radius:20px}#pwaInstallContainer .container .pwaT .Ib img{width:51px;height:51px}#pwaInstallContainer .container .pwaT dl{width:calc(100% - 96px)}#pwaInstallContainer .container .pwaT dl dt{font-weight:bold;font-size:18px;color:#000;line-height:26px}#pwaInstallContainer .container .pwaT dl dd{font-weight:500;font-size:14px;color:#666;margin-top:8px;line-height:20px}#pwaInstallContainer .container nav{display:flex;margin-top:16px;justify-content:space-between;align-items:center}#pwaInstallContainer .container nav a{width:calc(50% - 4px);background:rgba(255,255,255,0);border-radius:28px;border:1px solid rgba(0,171,251,.4);padding:12px 0;display:flex;align-items:center;justify-content:center;color:#00abfb;font-size:16px}#pwaInstallContainer .container nav #pwaInstallBtn{background:#00abfb;color:#fff}#confirmBox{width:100%;position:fixed;top:20px;left:0;display:flex;align-items:center;justify-content:center;z-index:333;animation:noticeActive1 .9s linear}#confirmBox .container{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:24px 16px;margin:0 16px 0 16px;box-shadow:0px 0px 40px 0px rgba(0,0,0,.08)}#confirmBox .container dl{width:100%;margin-top:12px}#confirmBox .container dl dt{font-weight:bold;font-size:22px;color:#000;line-height:26px;text-align:center}#confirmBox .container dl dd{font-weight:500;font-size:16px;color:#666;margin-top:12px;line-height:20px;text-align:center}#confirmBox .container .confirm{width:200px;margin:10px auto 0 auto;background:rgba(255,255,255,0);border-radius:28px;border:1px solid rgba(0,171,251,.4);padding:12px 0;display:flex;align-items:center;justify-content:center;font-size:16px;background:#00abfb;color:#fff}@keyframes noticeActive{0%{transform:translateX(400px)}100%{transform:translateX(0px)}}.noticeBox{display:none;position:fixed;right:20px;bottom:20px;background:linear-gradient(90deg, #0096FB 0%, #37BCFA 100%);border-radius:16px;width:360px;padding:24px 20px;max-width:360px;z-index:9;animation:noticeActive .5s linear}.noticeBox .noticeClose{display:flex;justify-content:end;position:absolute;top:16px;right:16px}.noticeBox .noticeClose .iconfont{font-size:12px;color:#fff}.noticeBox dl dt{font-weight:bold;font-size:24px;color:#fff;line-height:36px}.noticeBox dl dd{font-weight:400;font-size:16px;color:rgba(255,255,255,.8);margin-top:12px;line-height:24px}.noticeBox .turnBox{display:flex;justify-content:space-between;align-items:end}.noticeBox .turnBox .turn{display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:16px;color:#00abfb;border-radius:24px;background:#fff;width:113px;height:48px}.noticeBox .turnBox img{height:100px}@media screen and (max-width: 700px){.noticeBox .turnBox img{height:70px}}@media screen and (max-width: 700px){.noticeBox{width:calc(100% - 16px);right:8px;bottom:8px}.noticeBox dl dt{display:none}}/*# sourceMappingURL=main.css.map */