* { -webkit-tap-highlight-color: transparent; outline: none;}
html {width:100%;margin:0;padding:0;background-color:#eee;-ms-touch-action: none;margin:0 auto;height:100%;user-select:none;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, li, p, form { margin: 0; list-style: none; padding: 0;}
body { box-sizing:border-box;margin:0;box-sizing:border-box;overflow:hidden;}
a {color:#000;text-decoration:none;cursor:pointer;transition:color .2s,background .2s,border .2s;}
a:hover, a:active {color:#0884e1;}
input,textarea,button {font-size:0.1rem;}
textarea {resize:none;}
button {cursor:pointer;}
header,footer,main,content,section {display:block;}
img {pointer-events:none;}

.readform {margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#eee;font-size:1.4rem;overflow:hidden;}
.readbox {position:relative;max-width:41.4rem;width:auto;margin:0 auto;height:100%;background-color:#fff;z-index:1;overflow-x:hidden;overflow-y:auto;box-shadow:0 0 5.0rem rgb(0 0 0/10%);box-sizing:border-box;padding-bottom:0rem;}
@media screen and (min-width:768px) {
    .readbox::-webkit-scrollbar {width:5px;background-color:transparent;}
    .readbox::-webkit-scrollbar-thumb {border-radius:5px;background-color:#ccc;}
}
.readhead {position:absolute;top:0;left:0;width:100%;height:4.6rem;background-color:#0884e1;background:linear-gradient(to right,#0884e1,#2159be);z-index:3;line-height:4.6rem;color:#fff;}
.readbody {position:relative;z-index:1;width:100%;height:auto;padding-top:4.6rem;}
.headback {float:left;width:4.6rem;height:4.6rem;}
.headback a {display:block;width:100%;height:100%;background:url(../images/back.svg) center no-repeat;background-size:50%;opacity:0.8;}
.headback a:active {opacity:1;}
.headtitle {float:left;height:4.6rem;max-width:35.0rem;font-size:1.8rem;margin-left:1.0rem}
.headtitle img {display:inline-block;vertical-align:middle;height:2.4rem;width:auto;}
.focus {width:41.4rem;height:23.2rem;box-sizing:border-box;padding:1.0rem;}
.focus .swiper {width:39.4rem;height:21.2rem;background-color:#eee;border-radius:1.0rem;overflow:hidden;position:relative;}
.focus img {display:block;width:100%;height:100%;border-radius:1.0rem;overflow:hidden;}
.focus img {object-fit:cover;object-position:center;}
.focus .swiper-pagination {bottom:0.5rem;right:0.5rem;width:auto;left:auto;}
.focus .swiper-pagination-bullet {width:1.0rem;height:1.0rem;border-radius:50%;background-color:#fff;opacity:1;}
.focus .swiper-pagination-bullet-active {background-color:#0884e1}

.playform {margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#000;font-size:1.4rem;overflow:hidden;}
.playbox {position:relative;max-width:41.4rem;width:auto;margin:0 auto;height:100%;background-color:#000;z-index:1;overflow:hidden;}
.playhead {position:absolute;top:0;left:0;width:4.6rem;height:4.6rem;z-index:3;line-height:4.6rem;color:#fff;}
.playhead .headtitle {display:none;}
.playhead  {}
.playbody {position:relative;z-index:1;width:100%;height:100%;padding:0rem 0;background-color:#000;overflow:hidden;box-sizing:border-box;}
.playbottom {z-index:2;position:absolute;left:0rem;top:0rem;width:100%;height:4.6rem;padding:0rem 0rem 0rem 4.6rem;box-sizing:border-box;opacity:1;}


.playchange {display:block;position:relative;width:auto;height:4.6rem;line-height:4.6rem;font-size:1.4rem;color:rgb(255 255 255/70%);background-color:transparent;border-radius:0rem;padding:0 0.5rem 0 0.5rem;box-sizing:border-box;}
.playchange span {float:right;width:auto;height:4.6rem;font-size:1.4rem;color:#ccc;display:block;padding:0 1.0rem;}
.playchange span svg {display:inline-block;width:2.0rem;height:2.0rem;vertical-align:middle;fill:#ccc;}
.playchange span:after {content:"";display:none;width:0.5rem;height:0.5rem;border-width:0.2rem 0.2rem 0 0 ;border-style:solid;border-color:#ccc;transform:rotate(135deg);margin-left:0.8rem;top:-0.3rem;position:relative;z-index:0;}
.playchange h2 {font-size:1.4rem;font-weight:normal;display:block;overflow:hidden;height:4.6rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

nav {display:block;text-align:center;font-size:0;width:100%;box-sizing:border-box;padding:0 1.0rem;}
nav li {display:inline-block;width:20%;font-size:1.6rem;box-sizing:border-box;padding:0rem;}
nav li a {display:block;text-align:center;border-radius:1.0rem;padding:0.5rem 0 1.0rem 0;}
nav li a:active {background-color:#eee;}
nav li a b {display:block;font-weight:normal;}
nav li a:before {content:"";display:block;width:5.0rem;height:5.0rem;margin:0.5rem auto 0.5rem auto;}
nav li a.n1:before {background:url(../images/n1.svg) center no-repeat;background-size:100% 100%;}
nav li a.n2:before {background:url(../images/n2.svg) center no-repeat;background-size:100% 100%;}
nav li a.n3:before {background:url(../images/n3.svg) center no-repeat;background-size:100% 100%;}
nav li a.n4:before {background:url(../images/n4.svg) center no-repeat;background-size:100% 100%;}
nav li a.n5:before {background:url(../images/n5.svg) center no-repeat;background-size:100% 100%;}

.listbox {margin:1.0rem 1.0rem 0 1.0rem;background-color:#f3f3f3;border-radius:1.0rem;padding:0 0.5rem;box-sizing:border-box;}
.listbox>dt {display:block;height:4.0rem;line-height:4.0rem;padding:0 1.0rem;font-size:1.6rem;position:relative;}
.listbox>dt b {font-weight:normal;}
.listbox>dt .reflush {position:absolute;top:50%;right:1.0rem;width:auto;height:2.0rem;margin-top:-1.0rem;line-height:2.0rem;font-size:1.2rem;color:#666;}
.listbox>dd {padding:0rem 0rem 0.5rem 0rem;position:relative;}

i.ico {display:inline-block;vertical-align:middle;width:2.0rem;height:2.0rem;margin-left:0.5rem;}
i.ico.rank {background:url(../images/rank.svg) center no-repeat;background-size:100% 100%;}

.piclist {font-size:0;}
.piclist li {display:inline-block;vertical-align:top;width:33.33%;}
.piclist li a {display:block;border-radius:0.8rem;padding:0.5rem;}
.piclist li a:active {background-color:#fff;box-shadow:0 0 1.0rem rgb(0 0 0/15%)}
.piclist li img {display:block;margin:0 auto;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0.5rem;}
.piclist li h3 {font-size:1.4rem;text-align:center;line-height:2.0rem;height:2.0rem;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;padding:0.6rem 0 0rem 0;}
.piclist li.lock a {position:relative;}
.piclist li.lock a .imgshowbox:after {content:"";display:block;top:0;left:0;width:100%;height:100%;z-index:2;background:url(../images/lock.svg) center no-repeat rgb(0 0 0/100%);background-size:5.0rem 5.0rem;opacity:0.6;position:absolute;box-sizing:border-box;border:0rem solid #fff;border-radius:0.5rem;}

.piclist.hotlist.hide {animation:fadeout .2s forwards;}
.piclist.hotlist.hide.show {animation:fadein .2s forwards;}

.addzj {position:absolute;top:50%;right:0;width:6.0rem;text-align:center;font-size:1.4rem;color:#fff;text-shadow:0 0 0.4rem #000;z-index:2;}
.addzj a:before {content:"";display:block;width:4.0rem;height:4.0rem;background:url(../images/fav.svg) center no-repeat;background-size:contain;margin:0 auto 0.1rem auto;}
.addzj a.following:before {background:url(../images/faved.svg) center no-repeat;background-size:contain;}
.addzj a {color:#fff;display:block;background-color:rgb(0 0 0/10%);border-radius:0.5rem;padding:0.5rem  0 1.0rem 0;}

.db {position:absolute;top:50%;right:0;width:6.0rem;text-align:center;font-size:1.4rem;color:#fff;text-shadow:0 0 0.4rem #000;z-index:2;}
.db a:before {content:"";display:block;width:4.0rem;height:4.0rem;background:url(../images/db.svg) center no-repeat;background-size:contain;margin:0 auto 0.1rem auto;}
.db a.following:before {background:url(../images/db.svg) center no-repeat;background-size:contain;}
.db a {color:#fff;display:block;background-color:rgb(0 0 0/10%);border-radius:0.5rem;padding:0.5rem  0 1.0rem 0;}
.dbcont {font-size:1.4rem;text-align:left;width:30rem;}
.dbcont dd input {font-size:1.5rem;border:1px solid #ccc;border-radius:0.5rem;background-color:#f3f3f3;padding:.5rem;display:block;width:100%;box-sizing:border-box;}
.dbcont dd textarea {font-size:1.5rem;border:1px solid #ccc;border-radius:0.5rem;background-color:#f3f3f3;padding:.5rem;display:block;width:100%;box-sizing:border-box;height:18rem;}
.dbcont dt {padding:.5rem 0;}
.dbcont dd {display:block;padding:0 0 .5rem 0;}
.dbcont > span {display:block;padding:1rem 0;text-align:center;color:#666;font-size:0;position:relative;}
.dbcont>span em {display:inline-block;font-size:1.2rem;color:#999;padding:0 1rem;vertical-align:middle;font-style:normal;position:relative;z-index:1;background-color:#fff;}
.dbcont >span:after {content:"";display:inline-block;width:10rem;height:0;border-width:1px 0;border-style:solid;border-color:#ccc;vertical-align:middle;position:absolute;z-index:0;left:0;top:50%;margin-top:-1px;width:100%;}
.dbpopbox {padding:1rem 0;}
.dbpopbox h2 {display:block;font-size:1.8rem;line-height:120%;padding-bottom:1.5rem;}

.readgo {position:fixed;left:0;bottom:30%;padding:0.5rem;z-index:3;}
.readgo a {display:block;width:10.0rem;box-sizing:border-box;padding:0.5rem;text-align:center;border:0.2rem solid #e96b00;background-color:#faac31;border-radius:1.0rem;font-size:1.2rem}
.readgo a img {width:100%;border-radius:0.6rem;margin-bottom:0.2rem;}
.readgo a h3 {display:inline-block;background-color:#e24c00;color:#fff;border-radius:3.0rem;padding:0.2rem 1.0rem;font-weight:normal;text-shadow:0 0 0.2rem rgb(0 0 0/10%);}

.mainpiclist {font-size:0;padding:0.5rem;}
.mainpiclist li {display:inline-block;vertical-align:top;width:50%;padding:0.5rem;box-sizing:border-box;}
.mainpiclist li a {display:block;border-radius:0.8rem;padding:1.0rem;background-color:#f3f3f3;border-radius:1.0rem;position:relative;z-index:1;overflow:hidden;}
.mainpiclist li a:active {background-color:#fff;box-shadow:0 0 1.0rem rgb(0 0 0/15%)}
.mainpiclist li img {display:block;margin:0 auto;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0.5rem;}
.mainpiclist li h3 {font-size:1.4rem;text-align:center;line-height:2.0rem;height:2.0rem;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;padding:0.6rem 0 0rem 0;}
.mainpiclist.rank li em {position:absolute;top:6.3rem;left:-7.7rem;width:20.0rem;height:2.0rem;line-height:1.6rem;text-align:center;font-size:1.4rem;font-weight:bold;color:#fff;background-color:#ff1f00;transform:rotate(-45deg);transform-origin:0 0;padding-top:3.0rem;border-bottom:0.1rem solid #b21500;box-shadow:0 0 1.5rem rgb(0 0 0/40%);font-style:normal;z-index:2;}
.mainpiclist.rank li:nth-child(2) em {background-color:#ff5e00;border-bottom:0.1rem solid #cc4b00}
.mainpiclist.rank li:nth-child(3) em {background-color:#ff9400;border-bottom:0.1rem solid #c47200}

.linepiclist {display:block;padding:0rem 0.5rem 1.0rem 0.5rem;}
.linepiclist li {display:block;background-color:#f3f3f3;margin:1.0rem 0.5rem 0 0.5rem;border-radius:1.0rem;padding:1.0rem;box-sizing:border-box;}
.linepiclist li>div {position:relative;z-index:0;height:15.0rem;}
.linepiclist li .imgshowbox {display:block;width:10.0rem;height:15.0rem;float:left;object-fit:cover;border-radius:0.5rem;overflow:hidden;margin-right:1.0rem;margin-top:0;padding:0;}
.linepiclist li h3 {display:block;overflow:hidden;width:auto;height:6.0rem;line-height:3.0rem;overflow:hidden;font-size:2.0rem;padding-top:0rem;padding-right:3.5rem;font-weight:normal;}
.linepiclist li span {font-size:1.4rem;height:2.0rem;line-height:2.0rem;overflow:hidden;display:block;padding-bottom:0rem;padding-top:1.0rem;color:#f30;}
.linepiclist li em {font-size:1.4rem;height:2.0rem;line-height:2.0rem;overflow:hidden;display:block;position:absolute;left:11.0rem;bottom:0.5rem;font-style:normal;color:#666;}
.linepiclist li>div a {position:absolute;right:0rem;bottom:0rem;font-size:1.4rem;background-color:#00bb93;color:#fff;border-radius:0.5rem;padding:0.5rem 1.5rem;}
.linepiclist li>div dl {position:absolute;top:0.5rem;right:0.5rem;}
.linepiclist li>div dl dt {display:block;width:2.4rem;height:2.4rem;}
.linepiclist li>div dl dt button {display:block;width:2.4rem;height:2.4rem;background:url(../images/menu.svg) center no-repeat;background-size:100% 100%;border:0;background-color:transparent;opacity:0.5;}
.linepiclist li>div dl dt button:active {opacity:1;}
.linepiclist li>div dl dd {position:absolute;right:0;top:2.0rem;display:none;}
.linepiclist li>div dl.show dd {display:block;}
.linepiclist li>div dl dd button {display:block;border:0;background:transparent;font-size:1.4rem;white-space:nowrap;background-color:#666;padding:0.5rem 1.0rem;border-radius:0.5rem;color:#fff;}

.homerank {display:block;margin:0.5rem 1.0rem;}
.homerank .swiper {display:block;position:relative;overflow:hidden;height:32.0rem;}
.homerank .swiper-slide {width:16.0rem;height:auto;text-align:center;transform:scale(0.8);transition:all .3s;}
.homerank .swiper-slide.swiper-slide-active {width:15.0rem;transform:scale(1)}
.homerank .swiper-slide img {width:100%;height:100%;display:block;margin:0 auto;object-fit:cover;border-radius:1.0rem;overflow:hidden;}
.homerank .swiper-slide.swiper-slide-active img {}
.homerank .swiper-slide h3 {display:inline-block;margin:1.0rem 0;background-color:#00bb93;border-radius:3.4rem;height:3.4rem;line-height:3.4rem;padding:0 1.5rem;display:none;color:#fff;font-weight:normal;}
.homerank .swiper-slide.swiper-slide-active h3 {display:inline-block;}

.mybox {display:block;}
.myhead {padding:1.0rem;height:9.0rem;}
.myhead img {display:block;float:left;width:9.0rem;height:9.0rem;margin-right:1.0rem;border-radius:50%;overflow:hidden;}
.myhead b {display:block;overflow:hidden;height:3.0rem;line-height:3.0rem;padding:1.8rem 0 0.5rem 0;font-size:1.8rem;font-weight:normal;}
.myhead span {display:block;overflow:hidden;height:2.0rem;line-height:2.0rem;font-size:1.4rem;color:#666;}
.mycoin {margin:0 1.5rem 1.0rem 1.5rem;font-size:1.4rem;height:3.0rem;line-height:3.0rem;}
.mycoin button {display:inline-block;vertical-align:top;width:auto;height:2.6rem;line-height:2.6rem;padding:0 1.5rem;color:#fff;background-color:#f30;font-size:1.4rem;border:0;border-radius:3.0rem;margin-left:1.5rem;margin-top:0.2rem;}
.mycoin b {color:#f30;}

.mymember {display:block;margin:0 1.0rem 1.0rem 1.0rem;background:#f7da7c;border-radius:1.0rem;background:linear-gradient(to right,#ffa71b,#ff8b28);padding:1.0rem;color:#fff;position:relative;}
.mymember .member {display:block;padding-bottom:0.5rem;height:3.0rem;line-height:3.0rem;font-size:1.6rem;}
.mymember .member:before {content:"";display:inline-block;vertical-align:top;width:2.0rem;height:2.0rem;background:url(../images/member.svg) center no-repeat #fff8db;background-size:70%;border-radius:50%;margin-right:0.6rem;margin-top:0.5rem;}
.mymember .membertxt {border-radius:1.0rem;padding:0.5rem;background:linear-gradient(to right,rgb(226 97 0 / 0.80),rgb(226 97 0 / 0));display:inline-block}
.mymember>span {position:absolute;top:50%;right:1.0rem;background-color:#ffe16b;color:#672300;padding:0rem 1.0rem;border-radius:5.0rem;height:3.0rem;line-height:3.0rem;margin-top:-1.5rem;}

.mynav {margin:0 1.0rem 1.0rem 1.0rem;background-color:#f3f3f3;padding:0rem;border-radius:1.0rem;overflow:hidden;}
.mynav li {display:block;padding:0rem;border-bottom:1px solid #fff;}
.mynav li:last-child {border:0;}
.mynav li a {display:block;height:5.6rem;line-height:5.6rem;position:relative;z-index:0;font-size:1.6rem;}
.mynav li a:active {background-color:rgb(0 0 0/3%);}
.mynav li a i {display:block;width:5.0rem;height:5.6rem;float:left;margin:0 0.5rem 0 0.5rem;}
.mynav li a:after {content:"";display:block;width:0.8rem;height:0.8rem;border-width:0.2rem 0.2rem 0 0 ;border-style:solid;border-color:#ccc;position:absolute;top:50%;right:1.5rem;margin-top:-0.6rem;transform:rotate(45deg)}
.mynav li:nth-child(1) a i {background:url(../images/myn1.svg) center no-repeat;background-size:60%;}
.mynav li:nth-child(2) a i {background:url(../images/myn2.svg) center no-repeat;background-size:50%;}
.mynav li:nth-child(3) a i {background:url(../images/myn3.svg) center no-repeat;background-size:45%;}
.mynav li:nth-child(4) a i {background:url(../images/myn4.svg) center no-repeat;background-size:55%;}
.mynav li:nth-child(5) a i {background:url(../images/myn7.svg) center no-repeat;background-size:45%;}
.mynav li:nth-child(6) a i {background:url(../images/myn5.svg) center no-repeat;background-size:50%;}
.mynav li:nth-child(7) a i {background:url(../images/myn6.svg) center no-repeat;background-size:50%;}

.mytxt {margin:0 1.0rem 1.0rem 1.0rem;padding:1.0rem;color:#333;line-height:180%;font-size:1.4rem;}

.readpop {position:absolute;top:0%;left:0;width:100%;height:100%;display:none;z-index:4;overflow:hidden;background-color:rgb(0 0 0/30%);opacity:0;}
.readpopbg {display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;}
.readpopbox {background-color:#fff;border-radius:1.5rem 1.5rem 0 0;box-sizing:border-box;position:absolute;left:0;z-index:2;bottom:-100%;width:100%;height:auto;z-index:5;max-height:80%;overflow:hidden;overflow-y:auto;}
.readpop.show {display:block;animation:fadein .2s forwards;}
.readpop.show .readpopbox {animation:showtop .3s forwards;}
@keyframes fadein {0%{opacity:0;}100%{opacity:1;}}
@keyframes showtop {0%{bottom:-100%;}100%{bottom:0}}

.toppop {position:fixed;top:0%;left:0;width:100%;height:100%;display:none;z-index:4;overflow:hidden;opacity:0;pointer-events:none;text-align:center;box-sizing:border-box;padding:1.0rem;}
.toppopbg {display:block;position:absolute;z-index:0;width:100%;height:100%;top:0;left:0;}
.toppopbox {background-color:#fff;border-radius:1.5rem;box-sizing:border-box;position:relative;left:0;z-index:2;top:-100%;width:auto;height:auto;z-index:5;max-height:80%;overflow:hidden;overflow-y:auto;display:inline-block;max-width:38.0rem;box-shadow:0 0 3.0rem rgb(0 0 0/50%);border:0rem solid #ddd;min-width:26.0rem;box-sizing:border-box;}
.toppop.show {display:block;animation:fadein .2s forwards;}
.toppop.show .toppopbox {animation:showtop2 .3s forwards;}
.toppoptxt {font-size:1.6rem;padding:1.5rem 3.0rem;}
@keyframes showtop2 {0%{top:-100%;}100%{top:0}}

.fuli {border-radius:1.5rem;padding:0 2rem 1rem 2rem;background:linear-gradient(to bottom,#ffa12f,#ffdb69);text-align:center;overflow:hidden;display:block;position:relative;}
.fulipop .popbody {background-color:rgb(128 21 0)}
.fuli h2 {display:inline-block;font-size:1.2rem;line-height:2.6rem;padding:0 2rem;background-color:rgb(212 82 0);color:#fff152;border-radius:0 0 1rem 1rem;position:relative;z-index:1;}
.fuli .fulibox {padding:.8rem 0;position:relative;z-index:1;}
.fuli h3 {display:block;font-size:1.4rem;color:#fff500;text-shadow:0 0 5px #51430b;}
.fuli b {display:block;font-size:2rem;padding:0 0 1rem 0;color:#a81100;text-shadow:0 0 .5rem #fff;}
.fuli h4 {display:inline-block;font-size:2rem;color:#a81100;text-shadow:0 0 .5rem #fff;}
.fuli:after {width:150%;height:150%;background:linear-gradient(to bottom,rgb(0 0 0/0.1),rgb(0 0 0/0));display:block;content:"";position:absolute;top:90%;left:150%;transform:rotate(20deg);transform-origin:center;margin-top:-75%;margin-left:-75%;}
.fuli:before {width:150%;height:150%;background:linear-gradient(to bottom,rgb(0 0 0/0.1),rgb(0 0 0/0));display:block;content:"";position:absolute;top:90%;left:-50%;transform:rotate(-20deg);transform-origin:center;margin-top:-75%;margin-left:-75%;}
.fuli .vipcard {display:inline-block;background-color:rgb(255 255 255/0.3);border:2px solid rgb(255 255 255/.6);border-radius:1rem;padding:1.5rem;margin:1rem 0 0 0;}

.cz {padding:1.0rem;}
.cz dl {display:block;}
.cz dl dt {display:block;padding:0.5rem;position:relative;}
.cz dl dt b {display:block;font-weight:normal;font-size:1.6rem;padding-bottom:.8rem;}
.cz dl dt span {display:block;font-size:1.4rem;color:#666;}
.cz dl dt span i {display:inline-block;vertical-align:top;background-color:#eee;border-radius:2.0rem;color:#333;padding:.5rem 1.0rem;font-style:normal;margin:0 .5rem .5rem 0;}
.cz dl dt em {font-style:normal;position:absolute;right:.5rem;bottom:.5rem;font-size:1.4rem;color:#666;}
.cz dl dd {display:block;padding:.5rem;}
.cz .coinline {display:block;border-top:1px solid rgb(255 175 56/40%);height:2.0rem;margin-top:2.0rem;position:relative;}
.cz .coinline:before {display:block;width:3.0rem;height:3.0rem;position:absolute;content:"";left:50%;top:-1.5rem;margin-left:-1.5rem;background:url(../images/coin.svg) center no-repeat #fff;background-size:60% 100%;border:1px solid rgb(255 175 56/40%);border-radius:50%;overflow:hidden;}
.cz dl dd ul {display:block;font-size:0;}
.cz dl dd ul li {display:inline-block;vertical-align:top;width:50%;box-sizing:border-box;padding:.5rem;}
.cz dl dd ul li a {display:block;width:100%;height:8.0rem;border-radius:1.0rem;border:.2rem solid #eee;line-height:8.0rem;text-align:center;transition:transform .2s;}
.cz dl dd ul li a:active {transform:scale(1.05)}
.cz dl dd ul li a>div {display:inline-block;vertical-align:middle;font-size:1.2rem;line-height:150%;}
.cz dl dd ul li a h3 {display:inline-block;height:2.0rem;vertical-align:middle;width:100%;overflow:hidden;font-size:2.0rem;font-weight:normal;color:#f30;font-weight:bold;margin-bottom:.2rem;}
.cz dl dd ul li a h3 em {font-size:1.6rem;font-style:normal;}
.cz dl dd ul li a h4 {font-size:1.4rem;font-style:normal;font-weight:normal;text-decoration:line-through;color:#666;line-height:1.6rem;}
.cz dl dd ul li.best a h4{color:#f7ff3b;}
.cz dl dd ul li a h4 em {font-style:normal;}
.cz dl dd ul li a span {display:inline-block;vertical-align:middle;height:auto;color:#666;line-height:100%;color:#663300}
.cz dl dd ul li a b {display:inline-block;width:100%;vertical-align:middle;height:2.0rem;font-weight:normal;color:#f60;}
.cz dl dd ul li.better a {border-color:#fcc869;background-color:#fff7ce}
.cz dl dd ul li.best a {border-color:#cc0000;background-color:#e61f1f;color:#fffa21}
.cz dl dd ul li.best a h3 {color:#fcff00;}
.cz dl dd ul li.best a span {color:#fff;}
.cz dl dd ul li.best a b {color:#ffc;}

.js {padding:1.0rem;}
.js dl {display:block;}
.js dl dt {display:block;padding:.5rem;position:relative;}
.js dl dt b {display:block;font-weight:normal;font-size:1.6rem;padding-bottom:.8rem;}
.js dl dt span {display:block;font-size:1.4rem;color:#666;}
.js dl dt span i {display:inline-block;vertical-align:top;background-color:#eee;border-radius:2.0rem;color:#333;padding:.5rem 1.0rem;font-style:normal;margin:0 .5rem .5rem 0;}
.js dl dt span i.now {background-color:#f30;color:#fff;}
.js dl dt em {font-style:normal;position:absolute;right:.5rem;bottom:.5rem;font-size:1.4rem;color:#666;}
.js dl dd {display:block;padding:.5rem;}
.js dl dd .piclist li {width:33.3%;}
/*@media screen and (max-width:1280px) {
    .js dl dd .piclist li {width:20%;}
}
@media screen and (max-width:1000px) {
    .js dl dd .piclist li {width:25%;}
}
@media screen and (max-width:768px) {
    .js dl dd .piclist li {width:33.33%;}
}*/

.txtlist {display:block;}
.txtlist li {display:block;padding:1.5rem;position:relative;border-bottom:1px solid #ddd;}
.txtlist li h3 {display:block;padding-right:5.0rem;font-size:1.6rem;font-weight:normal;margin-bottom:.8rem;}
.txtlist li span {display:block;font-size:1.2rem;color:#999;}
.txtlist li b {position:absolute;top:50%;right:1.0rem;width:auto;height:3.0rem;line-height:3.0rem;margin-top:-1.5rem;font-size:2.0rem;color:#f30;font-weight:normal;}

.Swiper3 {display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-width:4.6rem 0 0rem 0;box-sizing:border-box;border-color:#000;border-style:solid;}
.Swiper3 .swiper-slide {}
.Swiper3 .swiper-slide video,
.Swiper3 .swiper-slide img {width:100%;height:100%;object-fit:contain;}
/*.Swiper3 .swiper-slide video::-webkit-media-controls-enclosure {flex:auto;display:block;bottom:5.0rem;position:absolute;background:unset;}
.Swiper3 .swiper-slide video::-internal-media-controls-loading-panel {display:none!important;}
.Swiper3 .swiper-slide video::-webkit-media-controls>div {display:none;}
.Swiper3 .swiper-slide video::-webkit-media-controls  {background:unset;--gradient-steps:unset;}*/
.Swiper3 .swiper-slide video {display:block;position:absolute;z-index:0;top:0;left:0;
                                  backface-visibility:hidden;
    -webkit-backface-visibility:hidden; /* Chrome 和 Safari */
    -moz-backface-visibility:hidden;  /* Firefox */
    -ms-backface-visibility:hidden;  /* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
}

.popbox {position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;text-align:center;display:none;}
.popbg {display:block;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;}
.popbody {position:relative;height:auto;max-width:39.0rem;margin:auto auto;background-color:#fff;z-index:1;border-radius:1.5rem;padding:1.0rem 2.0rem;background-color:#fff;box-shadow:0 0 1.5rem rgb(0 0 0/30%);font-size:1.4rem;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:120%;}
.popclose {position:absolute;top:-1.0rem;right:-1.0rem;width:3.0rem;height:3.0rem;line-height:2.8rem;text-align:center;font-size:2.0rem;color:#fff;background-color:#666;border-radius:50%;}
.popclose:active {background-color:#444;}
.poptxt {padding:1.0rem;}
.popinput {display:block;text-align:center;padding:1.0rem 0;}
.popinput input {width:15.0rem;font-size:1.4rem;height:2.6rem;line-height:2.6rem;border:.2rem solid #ccc;border-radius:.5rem;background-color:#f3f3f3;display:inline-block;vertical-align:top;margin:0 .5rem;}
.popinput button {display:inline-block;vertical-align:top;height:3.1rem;line-height:2.7rem;background-color:#0884e1;color:#fff;padding:0 1.0rem;font-size:1.4rem;border:.2rem solid #0884e1;border-radius:.5rem;margin:0 .5rem;}
.popinput button.gray {background-color:#666;border-color:#666;}
.popinput button.red {background-color:#f60;border-color:#f60;}

.loginbox {text-align:center;}
.loginbox>h2 {display:block;font-size:1.8rem;padding:1.0rem 0;color:#333;}
.loginbtn {text-align:center;font-size:0;padding:.5rem;}
.loginbtn button {display:block;font-size:1.8rem;background-color:#0884e1;border-radius:.6rem;padding:1.0rem 1.4rem;border:0;color:#fff;margin:1.0rem 0;width:100%;box-sizing:border-box;text-align:left;}
.loginbtn button.line {background-color:#00bb93}
.loginbtn button svg {display:inline-block;width:2.0rem;height:2.0rem;fill:#fff;margin-right:.4rem;vertical-align:middle;}
.logintxt {font-size:1.6rem;padding:1.0rem;line-height:150%;max-width:30.0rem;text-align:left;color:#666;}
.logintxt a {color:#0884e1;text-decoration:underline;}

button.daybtn {display:block;width:24rem;margin:1rem auto;text-align:center;background-color:#f60;}

.paybox {text-align:center;}
.paybox>h2 {display:block;font-size:1.8rem;padding:1.0rem 0;color:#333;}
.paybtn {text-align:center;font-size:0;padding:.5rem;}
.paybtn button {display:block;font-size:1.8rem;background-color:#0884e1;border-radius:.6rem;padding:1.0rem 1.4rem;border:0;color:#fff;margin:1.0rem 0;width:100%;box-sizing:border-box;text-align:left;}
.paybtn button.line {background-color:#00bb93}
.paybtn button svg {display:inline-block;width:2.0rem;height:2.0rem;fill:#fff;margin-right:.4rem;vertical-align:middle;}

.paypalbox {position:relative;padding:2.0rem;margin-top:4.6rem;}

.buytxt {font-size:1.6rem;padding:0 0 1.0rem 0;}
.buytxt .buyConfirm_content {padding:2.0rem 0;}
.buytxt button {display:inline-block;font-size:1.6rem;background-color:#0884e1;color:#fff;border:0;padding:.8rem 1.8rem;border-radius:.5rem;margin:.3rem;}

.pageloading {position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgb(0 0 0/20%)}
.poploading {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:rgb(0 0 0/20%)}
.pageloading .loading, .poploading .loading {position:absolute;width:12.0rem;height:12.0rem;top:50%;left:50%;margin:-6.0rem auto auto -6.0rem;}
.pageloading .loading:before, .poploading .loading:before {content:"";display:block;top:0;left:0;z-index:1;background:url(../images/loading.svg) center no-repeat;background-size:50%;animation:zz .5s linear infinite;width:100%;height:100%;position:absolute;top:0;left:0;}
.pageloading .loading:after, .poploading .loading:after  {content:"";display:block;top:0;left:0;z-index:0;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;}
@keyframes zz {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
i.loadingico {display:block;width:100%;height:100%;vertical-align:middle;background:url(../images/loading.svg) center no-repeat;background-size:90%;animation:zz .5s linear infinite;margin:0 .2rem;pointer-events:none;opacity:1;}
i.loadingico2 {display:block;width:100%;height:100%;vertical-align:middle;background:url(../images/loading2.svg) center no-repeat;background-size:90%;animation:zz .5s linear infinite;margin:0 .2rem;pointer-events:none;opacity:1;}
i.loadingico.show {}
i.loadingico.hide {}
@keyframes fadeout {0%{opacity:1;}100%{opacity:0;}}
.loadingicobg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;display:none;opacity:0;border-radius:1.0rem;background-color:rgb(0 0 0/0%)}
.loadingicobg.show {display:block;animation:fadein .3s forwards;}
.loadingicobox {position:absolute;top:0;width:4.0rem;height:4.0rem;position:absolute;top:50%;left:50%;margin:-2.0rem auto auto -2.0rem;z-index:4; pointer-events:none;opacity:0;}
.loadingicobox.show {animation:fadein .1s  forwards;display:block;}
.loadingicobox.hide {animation:fadeout .5s forwards;}

.payresult {text-align:center;padding:7.6rem 2.0rem 2.0rem 2.0rem;}
.payresult h1 {display:block;font-size:2.4rem;font-weight:bold;color:#f60;margin-bottom:2.0rem;height:auto;line-height:4.0rem;}
.payresult h1 svg {display:block;width:5.4rem;height:5.4rem;vertical-align:top;margin:0 auto;}
.payresult h2 {display:block;padding:1.0rem 0 0 0;font-size:2.0rem;font-weight:normal;color:#666;}
.payresult button {display:inline-block;font-size:1.8rem;color:#fff;background-color:#0884e1;margin:3.0rem 0 0 0;border:0;border-radius:1.0rem;padding:1.5rem 3.0rem;}

.scrollloading {position:relative;width:auto;height:5.0rem;width:5.0rem;margin:0rem auto;border:1.0rem solid transparent;}

.imgshowbox {display:block;width:auto;height:auto;position:relative;overflow:hidden;}
.imgshowbox img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;}
.imgshowbox img.imgmask {display:block;width:100%;height:auto;position:relative;z-index:0;}

.removeacc {padding:2.0rem;text-align:center;}
.removeacc>h4 {display:block;font-size:2.0rem;text-align:center;padding:0 0 2.0rem 0;color:#333;}
.removeacc p {display:block;margin:0 0 1.0rem 0;font-size:1.6rem;line-height:150%;text-align:left;}
.removeacc button {display:inline-block;font-size:1.6rem;padding:1.0rem 1.5rem;background:#f30;color:#fff;border-radius:.6rem;border:0;margin:2.0rem 0 0 0;}
.removeacc>div {border:.4rem solid #f5d58a;padding:1.5rem;border-radius:1.5rem;margin:2.0rem 2.0rem 1.0rem 2.0rem;display:block;color:#333;background-color:#fffcf3}

.copyrightbody {position:relative;z-index:1;width:100%;height:auto;padding:5.6rem 1.0rem 1.0rem 1.0rem;box-sizing:border-box;}
.copyrightbody h2 {padding:1.0rem 0 0 0;font-size:2.5rem;font-weight:normal;text-align:center;}
.copyrightbody p {margin:1.0rem 0;text-indent:2.4rem;display:block;line-height:160%;font-size:1.7rem;}
.copyrightbody b {margin:1.5rem 0 1.0rem 0;text-indent:0rem;display:block;border-top:1px dashed #999;padding-top:1.5rem;font-size:1.7rem;}
.copyrightbody hr {margin:3.0rem 0;display:block;opacity:0;}

.headsearch {display:block;position:absolute;top:0;right:0;width:auto;height:4.6rem;}
.headsearch .headsearchbtn {width:auto;height:4.6rem;margin-right:.7rem;}
.headsearch .headsearchbtn>button {display:block;border:0;background:none;width:100%;height:100%;font-size:1.6rem;color:#fff;line-height:4.6rem;}
.headsearch .headsearchbtn>button svg {fill:#fff;display:inline-block;width:3rem;height:100%;box-sizing:border-box;padding:.3rem;vertical-align:top;}
.headsearch .headsearchform {width:auto;height:4.6rem;padding-right:.7rem;display:none;}
.headsearch .headsearchform.show {display:block;}
.headsearch .headsearchform button {display:block;border:0;background:none;width:3.6rem;height:4.6rem;position:absolute;top:0;right:.7rem;}
.headsearch .headsearchform button svg {fill:#fff;display:block;width:100%;height:100%;box-sizing:border-box;padding:.3rem;}
.headsearch .headsearchform input {display:block;height:3.2rem;box-sizing:border-box;font-size:1.6rem;color:#fff;border:2px solid #fff;background-color:transparent;position:relative;margin:.7rem 0 0 0;border-radius:3.0rem;background-color:rgb(255 255 255/15%);width:4.0rem;transition:all .3s;padding:0 1.5rem;-webkit-appearance:none!important;appearance:none;outline:0;lighting-color:transparent;}
.headsearch .headsearchform input:-internal-autofill-selected, 
.headsearch .headsearchform input:-internal-autofill-previewed 
{background-color:transparent;transition: background-color 50000s ease-out 0.5s;color:#fff!important;}
.headsearch .headsearchform.show input {width:22.0rem;animation:inputw .3s forwards;}
.headsearchbox {position:absolute;top:4.6rem;left:0;width:41.4rem;height:auto;background-color:#fff;z-index:2;box-shadow:0 0 2.0rem rgb(0 0 0/50%);display:none;}
@keyframes inputw {0%{width:4.0rem;}100%{width:22.0rem;}}
.headsearchbox>div.search {display:block;padding:1.5rem;}
.headsearchbox>div.search input {display:block;width:34.0rem;height:4.4rem;box-sizing:border-box;border:.2rem solid #ccc;background-color:#f3f3f3;border-radius:1.0rem 0 0 1.0rem;}
.headsearchbox>div.search button {display:block;width:4.4rem;height:4.4rem;position:absolute;top:1.5rem;right:1.5rem;box-sizing:border-box;border:.2rem solid #ccc;background:#ddd;border-radius:0 1.0rem 1.0rem 0;border-left:0;}
.headsearchbox>div.search button:after {display:block;width:1.2rem;height:1.2rem;position:absolute;top:50%;left:50%;border-width:.2rem .2rem 0 0 ;border-style:solid;border-color:#888;transform:rotate(45deg);content:"";display:block;margin:-.7rem auto auto -.8rem;border-radius:.2rem;}
.hotsearch {padding:0 1.5rem 1.5rem 1.5rem;}
.hotsearch li {display:block;padding:0rem;line-height:120%;}
.hotsearch li a {display:block;padding:.9rem;transition:all .2s;font-size:1.5rem;}
.hotsearch li a:active {background-color:#f3f3f3;}
.headsearchboxbg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:transparent;}
.headsearchform {display:none;}

.catelist {padding:1.5rem 1rem .5rem 1.5rem;}
.catelist dl {display:block;font-size:0;margin:0;padding:0;}
.catelist dt {display:block;vertical-align:top;font-size:1.3rem;float:left;margin:0;padding:0;line-height:3rem;padding-right:.5rem;}
.catelist dd {display:block;font-size:1.4rem;color:#333;overflow:hidden;width:auto;float:none;line-height:3rem;}
.catelist dd span {display:inline-block;font-size:1.4rem;margin:0 .5rem;cursor:pointer;padding:0 .5rem;line-height:3rem;}
.catelist dd span:active {background-color:#f3f3f3;}
.catelist dd span.now {color:#f60;font-weight:bold;text-decoration:underline;}
.catelist dd span.now a {color:#f60;font-weight:bold;text-decoration:underline;}

.fixtopbar {position:fixed;top:0;left:0;width:100%;height:auto;text-align:center;z-index:4;}
.fixtopbar .ios {display:block;margin:0 auto;max-width:41.4rem;background-color:#fff;line-height:5rem;font-size:0;}
.fixtopbar .other {display:block;margin:0 auto;max-width:41.4rem;background-color:#fff;line-height:5rem;font-size:0;}
.fixtopbar .fixtopbarbox {display:block;margin:0 auto;max-width:41.4rem;background-color:#fff;line-height:5rem;font-size:0;position:relative;}
.fixtopbar b {font-size:1.5rem;line-height:110%;vertical-align:middle;padding:0 1rem;font-weight:normal;display:inline-block;}
.fixtopbar .ios b {text-align:left;width:24rem;line-height:1.6rem;max-height:3.2rem;overflow:hidden;}
.fixtopbar span {display:inline-block;width:3.0rem;height:3.0rem;overflow:hidden;vertical-align:middle;}
.fixtopbar span img {display:block;width:100%;height:100%;}
.fixtopbar em {display:inline-block;width:auto;height:auto;vertical-align:middle;}
.fixtopbar em img {display:block;width:auto;height:3rem;border-radius:0.5rem;overflow:hidden;box-shadow:0 0.1rem 0.4rem rgb(0 0 0/20%);border:1px solid #ccc;}
.fixtopbar div.fbbtn {width:153px;height:28px;vertical-align:middle;display:inline-block}
.fixtopbar .close {position:absolute;right:0;top:100%;width:3rem;height:3rem;text-align:center;font-size:2.4rem;line-height:3rem;color:#777;background-color:#ddd;display:block;border:0;}

.appdeskpop {position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:3;display:none;background-color:rgb(0 0 0/30%)}
.appdeskpop>div {position:absolute;left:0;bottom:0;width:100%;height:auto;z-index:1;box-sizing:border-box;padding:1rem;background-color:#fff;border-radius:2rem 2rem 0 0;font-size:1.6rem;}
.appdeskpop em {display:inline-block;width:3rem;height:3rem;border-radius:50%;font-style:normal;color:#fff;background-color:#f60;text-align:center;line-height:3rem;margin-right:1rem;}
.appdeskpop .safariadd {display:block;background-color:rgb(238,237,243);margin-bottom:1rem;padding:1rem;border-radius:1rem;}
.appdeskpop .safariadd2 {display:block;background-color:rgb(238,237,243);padding:1rem;border-radius:1rem;}
.appdeskpop img {display:block;margin:0 auto;max-width:80%;}

.feedbacklist li {display:block;padding:1.5rem ;border-bottom:1px solid #ddd;}
.feedbacklist .feedbackcont {display:block;font-size:1.2rem;line-height:150%;}
.feedbacklist .re {display:block;margin:.8rem 0 0 0;background-color:#f3f3f3;border-radius:1rem;padding:1rem;font-size:1.2rem;line-height:150%;color:#f60;}
.feedbacklist .feedbackdate {display:block;font-size:.8rem;color:#666;}