*{outline:0;margin:0;padding:0;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none;}
:focus{outline:0;}
a{color:#ffffff;text-decoration:none; }
a:hover{color:#ffe184;text-decoration:none;}
a,a:hover,.btn { transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ appearance: none; }
::-webkit-input-placeholder { color:#999999; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}

html { font-size:0.133333333vw; height:100%; }
body{ color:#ffffff; background: #0B0F12; font-size:28rem; }


.wrap { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }


.header { height: 116rem; }
.topbox { position: fixed; left: 0; right: 0; top: 0; padding: 28rem 10rem; line-height: 60rem; height: 60rem; z-index: 99999;}
.topbox .tit { text-align: center; font-size: 32rem; }
.topbox .back { position: absolute; left: 10rem; top:50%; margin-top: -36rem; width: 72rem; height: 72rem; background: url(https://media.ucoofun.com/static/website/mobile/img/back.png) center center no-repeat; background-size: 48rem auto;}

.mainbox { margin: 0 40rem; }

.ibanner { position: relative; overflow: hidden; margin-bottom: 40rem; }
.ibanner .swiper-slide a { display: block; position: relative;}
.ibanner .swiper-slide p { position: absolute; left: 0; right: 0; top: 40rem; text-align: center; font-size: 32rem; line-height: 44rem;}
.ibanner .swiper-slide img { display: block; width: 100%;}

.msearch_main { height: 116rem; margin: 0 40rem;}
.msearch { position: relative; padding-right: 174rem; height: 80rem;}
.msearch .input { display: block; width: 100%; height: 80rem; border-radius: 40rem; background: rgba(255,255,255,0.2); color: #fff; border: 0; font-size: 28rem; text-indent: 48rem;}

.msearch_main .btn { position: absolute; right: 0; top: 0; width: 152rem; height: 80rem; line-height: 80rem; font-size: 28rem; border-radius: 40rem; text-align: center; background: #9264F4; color: #fff; border: 0; cursor: pointer; user-select: none;}
.msearch_main .btn:hover { background: #ab64f4;}

.muser { display: none; position: relative; padding-right: 174rem; padding-left: 106rem; height: 96rem; user-select: none;}
.muser img { display: block; position: absolute; left: 0; top: 0; width: 96rem; height: 96rem; border-radius: 50%;}
.muser b { display: block; font-size: 32rem; line-height: 54rem; font-weight: normal;}
.muser span { display: block; font-size: 24rem; opacity: 0.5; line-height: 42rem; }

.package_list { margin: 0 -11rem; padding-bottom: 6rem;}
.package_list .item { float: left; width: 33.33%; margin-bottom: 20rem;}
.package_list .item label { display: block; margin: 0 11rem; cursor: pointer;}
.package_list .item input { display: none;}
.package_list .item_m { }
.package_list .item_m .tit { height: 40rem; line-height: 40rem; font-size: 20rem; text-align: center; background: #FFE184; color: #222222; border-radius: 16rem 16rem 0 0;}
.package_list .item_m .con { box-sizing: border-box; height: 216rem; padding-top: 28rem; background: rgba(255,255,255,0.2); border-radius: 0 0 16rem 16rem; text-align: center;}
.package_list .item_m .con .t { font-size: 24rem; line-height: 34rem;}
.package_list .item_m .con .m { font-size: 28rem; line-height: 66rem; color: #FFE184;}
.package_list .item_m .con .m b { font-size: 48rem;}
.package_list .item_m .con .f { font-size: 20rem; line-height: 28rem; opacity: 0.5; font-weight: lighter;}
.package_list .item input:checked + .item_m .con { border: 4rem solid #FFE184; border-top: none;}
.package_list:after { display: block; content: ''; clear: both;}


.pay_list { margin-bottom: 30rem;}
.pay_list .item label { display: block; cursor: pointer;}
.pay_list .item input { display: none;}
.pay_list .item p{ height: 78rem; line-height: 78rem; font-size: 28rem; padding-left: 46rem; position: relative; font-weight: lighter;}
.pay_list .item p img { display: block; position: absolute; left: 0; top: 50%; height: 36rem; margin-top: -18rem;}
.pay_list .item p i { display: block; position: absolute; right: 0; top: 50%; margin-top: -24rem; border-radius: 100%; width: 48rem; height: 48rem; border: 2rem solid #C2C2C2; box-sizing: border-box;}
.pay_list .item input:checked + p i { border: 2rem solid #FFE184; background: url(https://media.ucoofun.com/static/website/mobile/img/checkbox.png) center center no-repeat #FFE184; background-size: 32rem auto;}

.btnbox { padding: 20rem 0; margin-bottom: 10rem;}
.btnbox .btn { display: block; width: 100%; height: 108rem; line-height: 108rem; font-size: 28rem; border-radius: 54rem; text-align: center; background: #FFE184; color: #222222; border: 0; cursor: pointer; user-select: none;}
.btnbox .btn:hover { background: #fffe84;}

.form_tip { padding: 0 20rem; text-align: center; font-size: 24rem; line-height: 1.5; opacity: 0.5; }

.footer { padding: 20rem; font-size: 24rem; line-height: 2; opacity: 0.5; text-align: center; }