body {background:#666;color:#eee;font-size:.22rem;overflow:hidden;line-height:1.5;font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,"Hiragino Sans GB",STHeiti,"WenQuanYi Micro Hei","Droid Sans Fallback",SimSun,sans-serif;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:underline;}
em,i {font-style:normal;font-weight:inherit;}
button,[event],[lay-tips] {cursor:pointer;}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
button {border:none;padding:0;}
.tc {text-align:center;}
.color-blue {color:#01aaed!important;}
.color-green {color:#42b035!important;}
.color-red {color:#f10!important;}
.color-yellow {color:#fc0!important;}

.wan-play-main {position:fixed;left:0;top:0;bottom:0;right:0;background-color:#363636;}
.wan-play-main iframe {width:100%;height:100%;border:none}

/**  =================== 默认横屏模式 ===================  **/
@media screen and (orientation:portrait) {
    .wan-container {width:100vmax;height:100vmin;transform-origin:top left;transform:rotate(90deg) translate(0,-100vmin);}
}
@media screen and (orientation:landscape) {
    .wan-container {width:100vmax;height:100vmin;}
}

.wan-container {position:fixed;z-index:9999;pointer-events:none;}
.wan-mask {position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, .72);z-index:1;pointer-events:auto;}
.wan-layer {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:.1rem;background:#fff;color:#222;font-size:.22rem;z-index:100;pointer-events:auto;}
.wan-layer-close {position:absolute;top:-.1rem;right:-.1rem;width:.5rem;height:.5rem;background:#ff675a url(../img/iconclose.png) no-repeat 50% 50%/40%;border-radius:6rem;cursor:pointer;}
.wan-layer-close:hover {background-color:#ec1f0d;box-shadow:0 0 .2rem rgba(236,13,31,.6);}
.wan-layer-title {position:relative;margin-top:.05rem;width:100%;line-height:2.6em;height:2.6em;text-align:center;font-size:.22rem;}
.wan-layer-title:after {position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:2em;height:.04rem;border-radius:.6rem;background:#ccc;content:"";}
.wan-layer-body {margin:.15rem .2rem .2rem;}


.wan-layer-pay {width:3rem;}
.wan-layer-pay .pay-amount {margin-bottom:.1rem;text-align:center;}
.wan-layer-pay .pay-amount strong {margin-right:.2em;font-size:.32rem;font-weight:bold;color:#f60;}
.wan-layer-pay .payway-list {margin-bottom:.2rem;}
.wan-layer-pay .payway-list .item {position:relative;margin:.1rem 0;padding-left:2.5em;height:.64rem;line-height:.64rem;border-radius:.1rem;background-color:#ccc;cursor:pointer;}
.wan-layer-pay .payway-list .item:before {position:absolute;top:50%;left:.28rem;width:.3rem;height:.3rem;transform:translate(-50%, -50%);background:url(../img/payicons.png) no-repeat 0 0/100%;content:"";}
.wan-layer-pay .payway-list .item-alipay { background:#00a9f2;color:#fff;}
.wan-layer-pay .payway-list .item-alipay:hover {box-shadow:0 0 .15rem rgba(0,169,242,.6);}
.wan-layer-pay .payway-list .item-alipay:before {background-position:0 0;}
.wan-layer-pay .payway-list .item-wechat { background:#42b035;color:#fff;}
.wan-layer-pay .payway-list .item-wechat:hover {box-shadow:0 0 .15rem rgba(66,176,53,.6);}
.wan-layer-pay .payway-list .item-wechat:before {background-position:0 -.3rem;}
.wan-layer-pay .payway-list .item-coin { background:#ddab63;color:#fff;}
.wan-layer-pay .payway-list .item-coin:hover {box-shadow:0 0 .15rem rgba(221,171,99,.6);}
.wan-layer-pay .payway-list .item-coin:before {background-position:0 -.6rem;}
.wan-layer-pay .payway-list .item.disabled {background-color:#ddd!important;color:#999!important;cursor:default!important;}
.wan-layer-pay .payway-list .item.disabled:hover {box-shadow:none!important;}
.wan-layer-pay .pay-desc {font-size:.16rem;}
.wan-layer-pay .pay-qrcode {margin:.1rem .3rem;border:1px solid #e6e6e6;}
.wan-layer-pay .pay-qrcode img {display:block;width:100%;height:100%;}

.wan-layer-payresult {padding:1.1rem .2rem .2rem;width:1.2rem;text-align:center;}
.wan-layer-payresult:before {position:absolute;top:.6rem;left:50%;transform:translate(-50%,-50%);width:.64rem;height:.64rem;background:no-repeat 50% 50%/100%;content:"";}
.wan-layer-payresult.succeed:before {background-image:url(../img/iconsucceed.png);}
.wan-layer-payresult.warn:before {background-image:url(../img/iconwarn.png);}
.wan-layer-payresult .wan-layer-close {position:relative;display:block;left:0;top:0;margin-top:.2rem;width:100%;height:.48rem;line-height:.48rem;border-radius:.1rem;background:#ff675a;border:none;color:#fff;font-size:.18rem;}

.wan-layer-comfirm {width:3.6rem;text-align:center;}
.wan-layer-comfirm .wan-layer-body {padding:.3rem 0 .1rem;}
.wan-layer-comfirm .wan-layer-footer {display:flex;justify-content:center;margin-bottom:.25rem;}
.wan-layer-comfirm .wan-layer-footer button {margin:0 .05rem;padding:0 2em;height:.48rem;line-height:.48rem;border-radius:.1rem;background:#ccc;border:none;font-size:.18rem;}
.wan-layer-comfirm .wan-layer-footer button.confirm { background-color:#01aaed;color:#fff; }

.wan-layer-loading {width:.64rem;height:.64rem;}
.wan-layer-loading:before {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:url(../img/iconloading.gif) no-repeat 50% 50%/100%;content:"";}
.wan-toast {position:fixed;left:50%;top:10%;z-index:99999999;padding:.8em 1.5em;background:rgba(80,30,0,.9);color:#fc0;font-size:.18rem;text-align:center;transition:transform .3s ease;transform:translateX(-50%);box-shadow:.1rem 0 10px rgba(0,0,0,.08);border-radius:.5em;font-weight:500;line-height:1;white-space:nowrap;cursor:default;opacity:0;pointer-events:none;}
.wan-toast.success {color:#0f0;background:rgba(0,60,0,.9);}
.wan-toast.error {color:#f00;background:rgba(80,30,0,.9);}
.wan-toast.show {opacity:1;}

.btn {display:inline-block;border:none;cursor:pointer;text-align:center;white-space:nowrap; user-select:none;transition:.2s ease;border-radius:.1rem;}
.btn:active {box-shadow:inset 2px 2px 10px rgba(0,0,0,.1)}
.btn-major {color:#111;background:#ffd900!important;}
.btn-major:hover {color:#000;text-decoration:none;}
.btn-major:active {background:#f1cd00;}
.btn.disabled,
.btn.disabled:active,
button.btn[disabled],
button.btn[disabled]:active {color:#999!important;background:#f0f0f0!important;cursor:default;box-shadow:none;}

/* 统一窗体 */
.popup {position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:250;}
.popup-close {position:absolute;top:.2rem;right:.2rem;width:.6rem;height:.6rem;cursor:pointer;background:url(../img/close_42.png) no-repeat 50% 50%;background-size:80%;z-index:10;}
.popup-outclose {position:absolute;left:50%;top:100%;width:.8rem;height:1.28rem;background:url(../../img/close.png?v=2) no-repeat;background-size:100% 100%;cursor:pointer;transform:translateX(-50%);}
.popup-body {display:flex;flex-direction:column;position:absolute;top:50%;left:0;right:0;margin:auto;width:5.6rem;max-height:92%;background:#fff;border-radius:.25rem;transform:translateY(-50%);box-shadow:0 .2rem .5rem rgba(0,0,0,.4)}
.popup-body > .header {text-align:center;}
.popup-body > .header h1 {padding:.3rem 0;font-size:.32rem;font-weight:500;}
.popup-body > .mainer {flex:1;padding:.4rem .4rem 0;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.popup-body > .footer {padding:.16rem 0;text-align:center;}
.popup-body > .header +.mainer {padding-top:0;}
.popup-body .tab-title {margin-bottom:.35rem;overflow:hidden;font-size:.3rem;}
.popup-body .tab-title li {float:left;width:50%;background:#e9e9e9;line-height:.8rem;color:#999;cursor:pointer;}
.popup-body .tab-title li:first-child {border-radius:.25rem 0 0 0}
.popup-body .tab-title li:last-child {border-radius:0 .25rem 0 0}
.popup-body .tab-title li.cur {background:#fff;color:#333;}
.popup-body .tab-item {display:none;}
.popup-body .tab-item.cur {display:block;}

/* IOS Safari 添加主屏幕提示  */
.layer-safari {position:fixed;left:0;right:0;bottom:-1rem;margin:auto;padding:.3rem;width:4.8rem;min-height:2.6rem;color:#111;background:#fff;border-radius:.2rem;transform:translateY(100%);transition:.4s all ease;z-index:500;}
.layer-safari.show {bottom:.3rem;transform:translateY(0);}
.layer-safari.arrow:before {position:absolute;bottom:-.28rem;left:50%;width:.4rem;height:.4rem;border-radius:2px;background-color:#fff;transform:rotate(45deg) translateX(-50%);content:'';}
.layer-safari .popup-close {width:.5rem;height:.5rem;background-color:#eee;background-size:80% 80%;border-radius:5rem;}
.layer-safari .iphone {position:absolute;top:.2rem;left:.25rem;width:1.44rem;height:2.8rem;background:url(../img/safari/icon_iphone.png) no-repeat;background-size:auto 100%;}
.layer-safari .iphone img {position:absolute;left:.18rem;top:.25rem;width:.3rem;}
.layer-safari .iphone em {position:absolute;left:.1rem;top:.55rem;width:.46rem;line-height:.16rem;text-align:center;color:#fff;font-size:.06rem;white-space:nowrap;}
.layer-safari .info {margin-top:.4rem;padding-left:1.55rem;font-size:.28rem;}
.layer-safari .info .btn {margin-top:0.3rem;width:2.4rem;line-height:2.6em;border-radius:5rem;}
.layer-safari.android .iphone {background-image:url(../img/safari/icon_android.png)}
.layer-safari.android .iphone em {display:none;}

/* 添加到主屏幕帮助 */
.popup-help {color:#fff;background-color:rgba(0,0,0,.85);}
.popup-help .ios-welcome {position:absolute;left:.8rem;bottom:1.5rem;}
.popup-help .ios-welcome h1 {font-size:.38rem;font-weight:700;}
.popup-help .ios-welcome cite {display:block;margin-bottom:1.5em;font-style:normal;}
.popup-help .ios-welcome .btn {width:2.4rem;line-height:.64rem;border-radius:5rem;}
.popup-help .ios-welcome p {margin-top:0.2rem;font-weight:.28rem;font-weight:600;}
.popup-help .ios-welcome p strong {color:#fc0;font-size:.38rem;}
.popup-help .ios-tosafari {display:none;position:absolute;top:.1rem;left:.5rem;right:.3rem;bottom:0;background:url(../img/safari/tosafari_help.png?v=3) no-repeat 100% 0;background-size:contain;}
.popup-help .ios-todesktop {display:none;position:absolute;top:.8rem;left:1.3rem;right:1.3rem;text-align:center;}
.popup-help .ios-todesktop h1 {margin-bottom:.3rem;font-size:.36rem;font-weight:700;}
.popup-help .ios-todesktop span {display:inline-block;margin:.1rem 0;padding:.2em .8em;border:1px dotted #fff;border-radius:.18rem;}
.popup-help .ios-todesktop .back {display:block;margin:auto;max-width:100%}
.popup-help .ios-todesktop .appinfo {position:relative;}
.popup-help .ios-todesktop .appinfo .icon {position:absolute;left:.185rem;top:1.34rem;width:.76rem;height:.76rem;border-radius:.15rem;box-shadow:0 0 .1rem rgba(0,0,0,.2);}
.popup-help .ios-todesktop .appinfo dl {position:absolute;left:1.15rem;top:1.2rem;color:#050505;text-align:left;line-height:.5rem;}
.popup-help .ios-todesktop .appinfo dt {font-size:.24rem;font-weight:400;}
.popup-help .ios-todesktop .appinfo dd {font-size:.22rem;color:#787878;}
.popup-help .ios-todesktop .arrow {position:fixed;bottom: 0.1rem;left: 0;right: 0;margin:auto;width:.8rem;height:.8rem;background:url(../img/safari/arrow.png) no-repeat 50% 0;background-size:contain;animation:arrowSuspend .8s ease-in-out infinite;}
@keyframes arrowSuspend {
    0%  {transform:translateY(0);} 
    50%  {transform:translateY(-.3rem);} 
    100%  {transform:translateY(0);} 
}