body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,select,option,p,blockquote,th,td {

    margin:0;

    padding:0;

}

table {

    border-collapse:collapse;

    border-spacing:0;

}

textarea {

    resize:none;

}

fieldset,img,button,input {

    border:0;

}

button {

    cursor:pointer;

    outline:none;

}

address,caption,cite,code,dfn,th,var {

    font-style:normal;

    font-weight:normal;

}

ol,ul {

    list-style:none;

}

h1,h2,h3,h4,h5,h6 {

    font-size:inherit;

    font-weight:normal;

}

abbr,acronym {

    border:0;

}

strong,em,i,b {

    font-style:normal;

    font-weight:normal;

}

label,input,img,select {

    vertical-align:middle;

}

.clearFix:after {

    content:"";

    height:0;

    display:block;

    clear:both;

    visibility:hidden;

}

.clearFix {

    zoom:1;

}

a {

    text-decoration:none;

    cursor:pointer;

}

a:hover {

    text-decoration:none;

}

body {

    background: #535353;

    /*background-image: linear-gradient( #16d3df, #da9b3e);*/

    font-family: 'Noto Sans TC', sans-serif, 黑體-繁, "Heiti TC", 微軟正黑體, "Microsoft JhengHei", Arial;

    -webkit-text-size-adjust: none;

    overflow: hidden;

    width: 100%;

}

input:-webkit-autofill {

    -webkit-box-shadow:0 0 0px 1000px white inset;

}

.pull-left {

    float:left!important;

}

.pull-right {

    float:right!important;

}

.clearfix:after,.clearfix:before {

    display:table;

    content:" ";

}

.hidden {

    display:none;

}

.mb10 {

    margin-bottom:10px;

}

.ml10 {

    margin-left:10px;

}

.mr10 {

}#h5-login-dialog,#h5-register-dialog,#h5-game-login-home {

     transition:opacity 0.5s;

     -webkit-transition:opacity 0.5s;

     -moz-transition:opacity 0.5s;

 }

@-webkit-keyframes fadein {

    0% {

        opacity:0;

    }

    100% {

        opacity:1;

    }

}.fadein {

     -webkit-animation-name:fadein;

     -webkit-animation-duration:1s;

     -webkit-animation-iteration-count:1;

     -webkit-animation-delay:0s;

 }

@-webkit-keyframes fadeout {

    0% {

        opacity:1;

    }

    100% {

        opacity:0;

    }

}.fadeout {

     -webkit-animation-name:fadeout;

     -webkit-animation-duration:1s;

     -webkit-animation-iteration-count:1;

     -webkit-animation-delay:0s;

 }

.user-info-animate-tips {

    width:280px;

    position:absolute;

    left:50%;

    margin-left:-145px;

    color:#000;

    background:#fff;

    border:1px solid #ececec;

    border-radius:.5rem;

    padding:5px;

    text-align:center;

    z-index:10000000;

    height:1.8rem;

    overflow:hidden;

    transition:top 0.5s;

    -webkit-transition:top 0.5s;

    -moz-transition:top 0.5s;

    top:-3rem;

}

.user-info-animate-tips .avatar {

    width:1.8em;

    height:1.8em;

    display:inline-block;

    vertical-align:top;

}

.user-info-animate-tips .avatar img {

    width:100%;

    height:100%;

    display:block;

    border-radius:1.5em;

}

img {

    vertical-align:middle;

}

.user-info-animate-tips .user-name {

    margin-left:.5em;

    height:1.8em;

    line-height:1.8em;

    display:inline-block;

    vertical-align:top;

}

.user-info-animate-tips .user-name {

    margin-left:0.8em;

    height:1.8em;

    line-height:1.8em;

    display:inline-block;

    vertical-align:top;

}

.user-info-animate-tips .user-name span {

    font-size:14px;

}

.user-info-animate-tips .game-icon {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/3.png);

}

.user-info-animate-tips .qq-icon {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/qq_logo.png);

}

.user-info-animate-tips .weixin-icon {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/wechat_logo.png);

}

.user-info-animate-tips .phone-icon {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/phone_logo.png);

}

.user-info-animate-tips .account-icon {

    height:1.8em;

    width:1.8em;

    background-size:1.5em 1.5em;

    background-repeat:no-repeat;

    background-position:50% 50%;

    display:inline-block;

}

.code {

    background-color: transparent;

    color: #73cdf7;

    font-size: 0.6rem;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    position: absolute;

    padding: 0.3rem 0.5rem;

    right: 15%;

}

#h5-modal-overlay,#h5-modal-login-overlay,#menu-overlay,#games-overlay {

    position:fixed;

    z-index:1;

    top:0;

    left:0;

    height:100%;

    width:100%;

    background:#000;

    filter:alpha(opacity=0.3);

    -moz-opacity:0.3;

    opacity:0.3;

    display:none;

}

#h5c-modal-pay {

    display:none;

    position:absolute;

    opacity:1;

    z-index:10001;

    left:50%;

    margin-left:-8em;

    width:16em;

    background:#fff;

    border-radius:.4em;

    -webkit-border-radius:.4em;

    -moz-border-radius:.4em;

    top:50%;

    margin-top:-8rem;

}

#h5c-modal-pay .top {

    text-align:center;

}

#h5c-modal-pay .info {

    font-size:18px;

    line-height:55px;

    color:#333;

    font-weight:bold;

}

#h5c-modal-pay .center {

    text-align:center;

    background:#F6F6F6;

    border-top:1px solid #eee;

    border-bottom:1px solid #eee;

    margin-bottom:0.5em;

    padding:0.5em 0;

}

#h5c-modal-pay .product_name {

    font-size:14px;

    line-height:28px;

    color:#333;

}

#h5c-modal-pay .price {

    font-size:28px;

    line-height:40px;

}

#h5c-modal-pay .bottom {

    padding:5% 10% 0 10%;

}

#h5c-modal-pay li.alipay {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/alipay.png);

}

#h5c-modal-pay li.wxpay {

    background-image:url(https://cdnsdk.hyuteach.com/huanyuh5/images/wxpay.png);

}

#h5c-modal-pay li.alipay,#h5c-modal-pay li.wxpay{

    height:1.6em;

    background-repeat:no-repeat;

    background-size:contain;

    width: 35%;

    padding-left:15%;

    font-size:16px;

    line-height:1.6em;

    margin-bottom:1.5em;

    float: left;

}

#h5c-modal-pay li span {

    font-weight:bold;

    color:#333;

}

.h5c-pay-choose .h5c-modal-content {

    width:19.53125em;

}

.h5c-modal .h5c-modal-content {

    background:#fff;

    width:16em;

    border-radius:.4em;

    -webkit-border-radius:.4em;

    -moz-border-radius:.4em;

}

.h5c-pay-row1 {

    padding:.48828125em .9765625em;

    background-color:#FFFCD8;

    border-radius:.24414063em .24414063em 0 0;

    -webkit-border-radius:.24414063em .24414063em 0 0;

    -moz-border-radius:.24414063em .24414063em 0 0;

}

.h5c-pay-row1-amount,.h5c-pay-row1-label,.h5c-pay-row1-text,.h5c-pay-row1-title {

    font-size:.9765625em;

    color:#FFA619;

}

.h5c-pay-row1-amount,.h5c-pay-row1-label {

    display:inline-block;

}

.h5c-pay-row1-amount,.h5c-pay-row1-label,.h5c-pay-row1-text,.h5c-pay-row1-title {

    font-size:.9765625em;

    color:#FFA619;

}

.h5c-pay-row1-amount,.h5c-pay-row2-amount {

    float:right;

}

.h5c-pay-row2 {

    padding:.48828125em .9765625em;

    border-top:solid 1px #ddd;

}

.h5c-pay-row2-amount,.h5c-pay-row2-label {

    font-size:.78125em;

    display:inline-block;

}

.h5c-pay-way {

    width:6em;

    display:inline-block;

    text-align:center;

    margin-left:1.3em;

}

dt,kbd kbd,label {

    font-weight:700;

}

.h5c-pay-image {

    width:5em;

    height:5em;

    background-repeat:no-repeat;

    background-size:contain;

}

#h5c-modal-confirm {

    display:none;

    position:absolute;

    opacity:1;

    z-index:11000;

    left:50%;

    margin-left:-8em;

    top:4.88281em;

}

.h5c-pay-row2-text {

    width:100%;

    color:#9B9B9B;

    text-align:center;

    padding:1em 0;

}

#h5-pay-finish {

    background-color:#009BFF;

    padding:0.4em;

    border:0;

    border-radius:.3em;

    -webkit-border-radius:.3em;

    -moz-border-radius:.3em;

}

#h5-pay-other {

    background-color:#C9C8CA;

    padding:0.4em;

    border:0;

    border-radius:.3em;

    -webkit-border-radius:.3em;

    -moz-border-radius:.3em;

    margin-top:.6em;

}

#h5-pay-finish span,#h5-pay-other span {

    color:#fff;

    text-align:center;

    display:block;

}

ul,li {

    list-style:none;

}

a {

    text-decoration:none;

}

.ml {

    margin-left:10%;

}

#alert2 {

    position:absolute;

    width:12em;

    left:50%;

    margin-left:-6em;

    background:#000;

    border-radius:5px;

    overflow:hidden;

    margin-top:0.5rem;

    z-index:99999;

    opacity:0;

    transition:opacity 0.5s;

    -webkit-transition:opacity 0.5s;

    -moz-transition:opacity 0.5s;

}

#alert2 p {

    text-align:center;

    display:inline-block;

    width:100%;

    font-size:14px;

    color:#FFFFFF;

    line-height:28px;

}

#alert {

    position:absolute;

    width:12em;

    left:50%;

    margin-left:-6em;

    background:#FFF;

    border-radius:5px;

    overflow:hidden;

    border:1px solid #EBEBEB;

    margin-top:12em;

    padding-bottom:0.5em;

    display:none;

    z-index:99999;

}

#alert .tishi {

    text-align:center;

    display:inline-block;

    width:100%;

    font-size:16px;

    color:#FFA619;

    line-height:32px;

    background:#FFFCD8;

    border-bottom:1px solid #EBEBEB;

}

#alert p {

    text-align:center;

    display:inline-block;

    width:100%;

    font-size:14px;

    color:#AAA76B;

    line-height:28px;

    padding:15% 0;

}

#alert ul {

    padding:0px 5%;

}

#alert ul li {

    width:41%;

    float:left;

    text-align:center;

    background:#19D114;

    padding:0 2%;

    border-radius:5px;

}

#alert ul li a {

    color:#fff;

    font-size:14px;

    line-height:28px;

}

@font-face {

    font-family:"iconfont";

    src:url('https://cdnsdk.hyuteach.com/huanyuh5/font/iconfont.eot');

    src:url('https://cdnsdk.hyuteach.com/huanyuh5/font/iconfont.eot') format('embedded-opentype'),url('https://cdnsdk.hyuteach.com/huanyuh5/font/iconfont.woff') format('woff'),url('https://cdnsdk.hyuteach.com/huanyuh5/font/iconfont.ttf') format('truetype'),url('https://cdnsdk.hyuteach.com/huanyuh5/font/iconfont.svg') format('svg');

}

.iconfont {

    font-family:"iconfont" !important;

    font-size:16px;

    font-style:normal;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

.close {position: relative;background: #434343;padding: 11px 8px;color: #fff;font-size: 16px;line-height: 16px;z-index: 2;float: right;}

#iconBox {

    width:56%;

    height:62px;

    max-width:190px;

    background:rgba(0,0,0,.6);

    position:fixed;

    bottom:10px;

    left:50%;

    -o-transform:translate(-50%,0);

    -moz-transform:translate(-50%,0);

    -webkit-transform:translate(-50%,0);

    transform:translate(-50%,0);

    -o-border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    border-radius:5px;

    color:#fff;

    opacity:1;

    -o-transition:opacity .6s;

    -moz-transition:opacity .6s;

    -webkit-transition:opacity .6s;

    transition:opacity .6s;

    z-index:999;

}

#iconBox>span {

    position:absolute;

    right:5px;

    top:0px;

    font-size:16px;

    height:16px;

    line-height:16px;

}

#iconBox>img {

    width:50px;

    height:50px;

    position:absolute;

    left:6px;

    top:6px;

    -o-border-radius:10px;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

}

#iconBox>div {

    font-size:13px;

    position:relative;

    left:70px;

    line-height:20px;

    top:12px;

}

#iconBox>div>img {

    width:14px;

    position:relative;

    top:-3px;

    left:3px;

}

#iconBox:after {

    width:0;

    height:0;

    content:"";

    border-top:10px solid rgba(0,0,0,.6);

    border-left:10px solid transparent;

    border-right:10px solid transparent;

    position:absolute;

    bottom:-10px;

    left:50%;

    margin-left:-10px;

}

.iframe_div {

    width: 100%;

    height: 100%;

    position: fixed;

    -webkit-overflow-scrolling: touch;

    overflow: auto;

    background: #efefef;

}

#center,#alipay,#wxpay {

    height: 92%;

}

.ballslide { -webkit-transition: left 0.2s; -moz-transition: left 0.2s; transition: left 0.2s;}

#loading {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  position: fixed;
  background: #e3a308;
  background: -webkit-radial-gradient(#fae192,#e3a308);
  background: -o-radial-gradient(#fae192,#e3a308);
  background: -moz-radial-gradient(#fae192,#e3a308);
  background: radial-gradient(#fae192,#e3a308);
  z-index: 1099;
}


@media (max-width: 460px) {
  #loading .img-logo {
      width: 192px;
      height: 40.7vh;
      background: url(../images/game_logo.png) no-repeat 50% 80%;
      background-size: 100%;
      display: inline-block;
  }
}
@media (min-width: 461px) and (max-width: 1024px){
  #loading .img-logo {
      width: 192px;
      height: 40.7vh;
      background: url(../images/game_logo.png) no-repeat 50% 80%;
      background-size: 100%;
      display: inline-block;
  }
}
@media (min-width: 1024px){
  #loading .img-logo {
      width: 192px;
      height: 40.7vh;
      background: url(../images/game_logo.png) no-repeat 50% 80%;
      background-size: 100%;
      display: inline-block;
  }
}
#loading .loading-txt {
  overflow:hidden;
  font-size: 16.8px;
  color:#333;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height: 32px;
}


#loading .loading-txt span {
  display:inline-block;
  margin: 0 0.8px;
}
#loading .loading-txt .img i {
  color: #333;
  -webkit-animation: loading .8s infinite ease-in-out;
  animation: loading .8s infinite ease-in-out;
  font-size: 32px;
  display: inline-block;
  width: 10.4px;
  bottom: 3.2px;
  position: relative;
}
#loading .loading-txt .img .c1 {
  -webkit-animation-delay:.2s;
  animation-delay:.2s;
}
#loading .loading-txt .img .c2 {
  -webkit-animation-delay:.4s;
  animation-delay:.4s;
}
#loading .loading-txt .img .c3 {
  -webkit-animation-delay:.6s;
  animation-delay:.6s;
}

@-webkit-keyframes loading {

    0% {

        opacity:1

    }

    50% {

        opacity:.2

    }

    100% {

        opacity:1

    }

}@keyframes loading {

     0% {

         opacity:1

     }

     50% {

         opacity:.2

     }

     100% {

         opacity:1

     }

 }



/*手機版*/

@media screen and (max-width: 450px) {



}



/*选择框*/

.checkbox {

    border: none;

    margin-bottom: 0;

}

.checkbox input[type=checkbox] + label::before {

    content: "\a0";

    display: inline-block;

    width: 0.75rem;

    height: 0.75rem;

    border-radius: 0.75rem;

    background-color: #fff;

    line-height: 0.75rem;

    border: 1px solid #ff9800;

}

.checkbox input[type="checkbox"]:checked + label::before {

    content: "\2713";

    background-color: #fff;

    color: #FF9800;

}

.checkbox input[type='checkbox'] {

    position: absolute;

    clip:rect(0,0,0,0);

}

.checkbox label {

    font-size: 0.75rem;

    color: #999;

    font-weight: normal;

    line-height: 0.75rem;

}

.nav{background: #333;width: 100%;height: 38px;overflow: hidden;}

#center{

    height: calc(100% - 3rem);

}

.back{display: inline-block;}

.back i{color: #fff;font-size: 32px;float: left;line-height: 38px;}



/*实名认证*/

.identity {

    position: fixed;

    width: 14.06rem;

    height: 10.31rem;

    background: #ffffff;

    top: 50%;

    left: -7.03rem;

    text-align: center;

    margin-top: -7.5rem;

    margin-left: 50%;

    border-radius: 0.375rem;

    -webkit-border-radius: 0.375rem;

    -moz-border-radius: 0.375rem;

    border: 1px solid #cdcdcd;

    z-index: 999;

}

.identity .main {

    margin-top: 0.73rem;

    overflow: hidden;

}

.identity .main li {

    width: 12.5625rem;

    border-bottom: 1px solid #e7e7e7;

    margin: 0 0.75rem;

    line-height: 2.51rem;

}

.identity .main li .img1 {

    width: 1.70rem;

    height: 1.70rem;

    line-height: 2.51rem;

}

.identity .main li .img2 {

    width: 0.05rem;

    height: 0.76rem;

    line-height: 2.51rem;

}

.identity .main li input {

    font-size: 0.73rem;

    color: #888;

    padding-left: 0.73rem;

    width: 9.94rem;

    line-height: 2.51rem;

    outline: none;

    background: #fff;

}

.identity .sub {

    width: 11.25rem;

    height: 1.88rem;

    background-size: 100% auto;

    margin-top: 1.13rem;

    display: inline-block;

    text-align: center;

    line-height: 1.88rem;

    color: #fff;

    font-size: 0.88rem;

    background: #FF9800;

}

.overlay {

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: #000;

    filter: alpha(opacity=0.3);

    -moz-opacity: 0.3;

    opacity: 0.3;

}



@media screen and (min-width: 1024px){

    .identity {

        position: fixed;

        width: 7.03rem;

        height: 5.16rem;

        background: #ffffff;

        top: 50%;

        left: -3.52rem;

        text-align: center;

        margin-top: -3.75rem;

        margin-left: 50%;

        border-radius: 0.19rem;

        -webkit-border-radius: 0.19rem;

        -moz-border-radius: 0.19rem;

        border: 1px solid #cdcdcd;

        z-index: 999;

    }

    .identity .main {

        margin-top: 0.37rem;

        overflow: hidden;

    }

    .identity .main li {

        width: 6.28rem;

        border-bottom: 1px solid #e7e7e7;

        margin: 0 0.375rem;

        line-height: 1.26rem;

    }

    .identity .main li .img1 {

        width: 0.85rem;

        height: 0.85rem;

        line-height: 1.26rem;

    }

    .identity .main li .img2 {

        width: 0.02rem;

        height: 0.375rem;

        line-height: 1.26rem;

    }

    .identity .main li input {

        font-size: 0.37rem;

        color: #888;

        padding-left: 0.37rem;

        width: 4.97rem;

        line-height: 1.26rem;

        outline: none;

        background: #fff;

    }

    .identity .sub {

        width: 5.63rem;

        height: 0.94rem;

        background-size: 100% auto;

        margin-top: 0.56rem;

        display: inline-block;

        text-align: center;

        line-height: 0.94rem;

        color: #fff;

        font-size: 0.44rem;

        background: #FF9800;

    }

}



#alipay,

#wechatpay {

    width: 100%;

    height: 100%;

}

#alipay .bg,

#wechatpay .bg {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    z-index: 100;

}

#alipay .modal,

#wechatpay .modal {

    position: fixed;

    left: 50%;

    top: 50%;

    width: 14.63rem;

    height: 366px;

    transform: translate(-50%, -50%);

    background-color: #fff;

    z-index: 101;

    border-radius: 3px;

    display: flex;

    flex-direction: column;

    align-items: center;

}

#alipay .modal .closeQrcode,

#wechatpay .modal .closeQrcode {

    position: absolute;

    right: 10px;

    top: 10px;

    font-size: 22px;

    color: #a3a3a3;

    cursor: pointer;

    width: 22px;

    height: 22px;

    border-radius: 50%;

}

#alipay .modal .closeQrcode:hover,

#wechatpay .modal .closeQrcode:hover {

    color: #000;

}

#alipay .modal .closeQrcode:active,

#wechatpay .modal .closeQrcode:active,

#alipay .modal .closeQrcode:visited,

#wechatpay .modal .closeQrcode:visited,

#alipay .modal .closeQrcode:link,

#wechatpay .modal .closeQrcode:link,

#alipay .modal .closeQrcode:focus,

#wechatpay .modal .closeQrcode:focus {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-tap-highlight-color: transparent;

    outline: none;

    background: none;

    text-decoration: none;

}

#alipay .modal .header,

#wechatpay .modal .header {

    font-weight: 700;

    font-size: 16px;

    margin: 8px 0 30px 0;

}

#alipay .modal .money,

#wechatpay .modal .money {

    font-size: 17px;

    color: #fb4f4f;

    font-family: 'Microsoft JhengHei';

    font-weight: 700;

    margin-bottom: 16px;

}

#alipay .modal .qrcode,

#wechatpay .modal .qrcode {

    width: 130px;

    height: 130px;

    border: 5px solid #f2f2f2;

    padding: 4px;

    margin-bottom: 12px;

}

#alipay .modal .qrcode img,

#wechatpay .modal .qrcode img {

    width: 100%;

    height: 100%;

}

#alipay .modal .scantips,

#wechatpay .modal .scantips {

    text-align: center;

    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;

    font-weight: 700;

    line-height: 24px;

}

#alipay .modal .scantips span,

#wechatpay .modal .scantips span {

    color: #fb4f4f;

}



@font-face {font-family: "iconfont";

    src: url('iconfont.eot?t=1607049961955'); /* IE9 */

    src: url('https://cdnsdk.hyuteach.com/huanyuh5/css/iconfont.eot?t=1607049961955') format('embedded-opentype'), /* IE6-IE8 */

    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKYAAsAAAAABlQAAAJMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApYbgE2AiQDCAsGAAQgBYRtBzUbmQURBeTIviiwG+RrhONs2jmasEdwgf4TgkiCvi/i4Wvvu3N39/1sSi8qE1mqrhSFRuHiKFWhQEiUQxh0qS4Kjf6D51YW+UC6HRf4KJQoLbRfTsdwMeqF6pKcbz3LZ3x2+81gncdplEJIhCRVh9MzgPXd57mc3gQ6kGt8oBz3orEmTeoF1IsDKdA9sE1WQCE3jF3gEs4T6DJnR5yPpQNVYU0LxBM3NaDmAorC0lVo1awt4qNGTe/TF3wIvx//7EYlaTKr6upx0YPjO3ZWft1+7ZFPCBLQ5gYZOyjE/drEhSwYl3UliiX2VR7cabd9u9irRbC/zirtATNQek8yV36r6QS3NdAEFkc9h5i4Deu9p97Nx5NHv3xXFuJ2vgn59PWrby/8ltOLb2Fj3ukYSuW+9M56P3n6u+VK7v+vtIBfNzYX/VzUXTmDXyLr2VZ0hWVLRZXVdicTp6rp0oU27Bnyd6xx9PyZUI2OcHWYTZFVK2Rhd9DotoeW6ghd1G3T5m7Dsr0ondjyBggDPkj6fEY24EsW9ofGmD9aBmKPLg9jeM9ua+HYWUZeUYF4gZO0aMdRWVR+RHOLPGcVIX/FXFwY+qYrpidcMM+xoNzNUKsGnWmGEVyGMRKsmTzK2tha10Pb6ro3NZLmDXMmQ1yFFCC8AEciC+33rljp80fIuIm43NJSk7xCWeGGB71G14OctEuvlnu5prgzBlWlAS0jMzCCUSiKCFjrR3lIqhp2RGx10NqddF9ts75+/rp90MUypbCXZt23yLO0MlLBzQYAAA==') format('woff2'),

    url('https://cdnsdk.hyuteach.com/huanyuh5/css/iconfont.woff?t=1607049961955') format('woff'),

    url('https://cdnsdk.hyuteach.com/huanyuh5/css/iconfont.ttf?t=1607049961955') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */

    url('https://cdnsdk.hyuteach.com/huanyuh5/css/iconfont.svg?t=1607049961955') format('svg'); /* iOS 4.1- */

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-searchclose:before {

    content: "\e501";

}

.notice {

    position: fixed;

    margin-top: 100px;

    background: #929292;

    width: 140px;

    height: 140px;

    opacity: 0.9;

}

.notice div {

    width: 100%;

    height: 100%;

    background: #000000;

    position: absolute;

    opacity: 0.8;

    filter:alpha(opacity=80);

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

}

.notice img {

    width: 36px;

    height: 36px;

    text-align: center;

    position: fixed;

    left: 50%;

    margin-left: -18px;

    margin-top: 32px;

}

.notice span {

    text-align: center;

    display: block;

    font-size: 16px;

    position: relative;

    top: 80px;

    color: #fff;

}

@media screen and (orientation: landscape) {

    .modal {

        width: 360px !important;

        height: 300px !important;

    }

    .modal .header {

        margin-bottom: 6px !important;

    }

    .modal .money {

        margin-bottom: 6px !important;

    }

    .notice {

        margin-top: 66px;

    }

}