/*-----------公共样式--------------*/
body {
  color: #60697b;
  font-size: 14px;
  font-weight: 300;
  background: #1a1c31;
  font-family: 'Roboto', sans-serif;
}
*{
    box-sizing: border-box;
}
body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
    margin: 0;
    padding: 0;
}
table{
    border-spacing: 0;
    border-collapse: collapse;
}
input,textarea{outline: medium;}
img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
ul,ol {
    list-style: outside none none;
}
li{list-style:none; padding: 0; margin: 0;}
a{
   color: #285C8B; 
}
a,a:hover, a:focus {
    border: none;
    cursor: pointer;
    text-decoration: none;
}
input::-webkit-outer-spin-button,  
input::-webkit-inner-spin-button{  
    -webkit-appearance: none !important;  
    margin: 0;  
}
input[type="number"] {
    -moz-appearance: textfield;
}

main{float:left;width:100%;background: #f2f3f8;padding-top:120px;}
.red{color: red;vertical-align:sub;margin-right: 4px;}
.none{display: none;}
.orange{color: #ec5d34;}
.clear {clear: both;}
.area{float: left;}
.areas{float: left;width: 100%;}
.container{width: 1200px; margin: 0 auto;position: relative;}
.loging{position: fixed;background: #fff;left: 0;right: 0;top: 0;bottom: 0;z-index: 100000000;text-align: center;}
.loging img{position: absolute;top:45%;}
.wrong-timeout{text-align: center;background: #fff;height: 200px;margin-bottom: 40px;border-radius: 5px;color: #333;padding-top: 70px;}
.wrong-timeout p{margin-bottom: 10px;font-size: 20px;}
.items-img{width: initial;height: initial;}
.live-chat-btn{cursor: pointer;}
.luckychest-tian {
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  left: 15px;
  width: 222px;
  height: 222px;
}
.luckychest-tian .down {
  font-size: 45px;
  position: absolute;
  top: -32px;
  right: -13px;
  cursor: pointer;
  color: red;
}
.luckychest-tian a{
  display: block;
}

.mask {
  position: fixed;
  z-index: 1010;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.7);
}
.crumbs-details{    
    font-size: 12px;
    margin: 0;
    padding: 15px 0;
}
.crumbs-details .crumbs-list li{
    float: left;
}
.crumbs-details .crumbs-list li:before {
    padding: 0 5px;
    font-size: 14px;
    color: #4c6285;
    vertical-align: sub;
}
.crumbs-details .crumbs-list li:first-child:before{
    display: none;
}
.crumbs-details a{  
  color: #303030;
  font-family: 'Roboto', sans-serif;
}
.crumbs-details a:hover{
    color: #ffb822;
}
.crumbs-details i{
    margin-right: 4px;
}
.upward {
    font-size: 30px;
    line-height: 60px;
    position: fixed;
    z-index: 999;
    right: 17px;
    bottom: 160px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    color: #c4bfbe;
    border-radius: 50%;
    background: #222;
}

/*-----------头部样式--------------*/
.header{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    background: #282a39;
}
.header .top{
  background: #21222a;
}
.personal-ul{
  padding: 16px 0;
}
.personal-ul li{
  float: left;
}
.personal-ul .link{
  line-height: 48px;
}
.personal-ul .link a{
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
  color: #e0e2ee;
}
.personal-ul .link a:hover{
  color: #ffb822;
}

.header .personal-ul .user-area,
.header .personal-ul .currency-area{
  height: 48px;
  border-right: 1px solid #282a39;
  padding: 4px 20px;
}
.header .personal-ul .user-area .ico{
  display: block;
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
  color: #e0e2ee;
  cursor: pointer;
}
.header .personal-ul .user-area .userlog{
  color: #e0e2ee;
  cursor: pointer;
}
.header .personal-ul .user-area .userlog:hover{
  color: #ffb822;
}

/*登陆、注册弹窗*/
.log-box {
  position: fixed;
  z-index: 100000000001;
  top: 204px;
  right: 0;
  left: 0;
  width: 430px;
  margin: 0 auto;
  text-align: center;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.log-box .user-title {
  font-size: 24px;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-weight: 500;
  margin-bottom: 30px;
  background: #34364b;
}
.log-box .cols {
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  color: #fff;
}
.log-box .error-text {
  display: inline-block;
  padding: 10px 10px 10px 30px;
  border-radius: 3px;
  background: red;
  position: relative;
  text-align: left;
  margin: 0 10px 10px;
}
.log-box .error-text .dragon {
  position: absolute;
  left: 8px;
  top: 11px;
  color: #fff;
  font-size: 14px;
}
.log-box .error-text p {
  float: left;
  color: #fff;
}
.log-box li {
  position: relative;
  width: 100%;
  padding: 0 40px;
  text-align: left;
  line-height: 1.5;
}
.log-box li .form-control {
  font-size: 16px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  margin-bottom: 20px;
  padding-left: 15px;
  color: #4c6285;
  border: 1px solid #e4e8ef;
  border-radius: 5px;
}
.log-box li .icons {
  font-size: 18px;
  position: absolute;
  top: 16px;
  right: 60px;
  color: #b2b4b7;
}
.log-box .reset-z-area {
  line-height: 22px;
}
.log-box .reset-z-area .tian-radio {
  float: left;
  color: #66c792;
}
.log-box .de-de .tian-radio,
.log-box .fr-fr .tian-radio{
  white-space: initial;
  line-height: 1;
}
.log-box .reset-z-area .reset-passwd {
  font-size: 14px;
  float: right;
  color: #ffb822;
}
.log-box .reset-z-area .tian-radio a{
  color: #ffb822;
}
.log-box .reset-z-area .tian-radio label {
  font-weight: 400;
  cursor: pointer;
  color: #222;
}
.log-box .submit {
  float: left;
  width: 100%;
  color: #000;
  font-size: 14px;
  line-height: 46px;
  height: 46px;
  text-align: center;
  margin: 10px 0;
  border-radius: 3px;
  background: #ffb822;
}
.log-box .or-t-continue {
  margin-top: 20px;
  text-align: center;
}
.log-box .registered {
  font-size: 14px;
  line-height: 30px;
  display: block;
  height: 30px;
  margin-bottom: 50px;
  text-align: center;
  color: #6e6e6e;
}
.log-box .registered span {
  color: #ffb822;
}
.log-box .list-link {
  line-height: 55px;
  height: 55px;
  padding: 0 60px;
}
.log-box .list-link a .user-let{
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 240px;
}
.log-box .list-link a {
  font-size: 20px;
  display: block;
  color: #6e6e6e;
}
.log-box .list-link a .dragon {
  float: right;
  margin: 16px 0;
}
.log-box .list-link {
  border-bottom: 1px solid #ebebeb;
}
.log-box .content {
  margin-top: 20px;
  margin-bottom: 30px;
}
.log-box .list-link a:hover {
  color: #687bd9;
}

.header .personal-ul .cart-area{
  padding-left: 20px;
  height: 48px;
  text-align: center;
}
.header .personal-ul .cart-area .cart{
  font-size: 14px;
  color: #e0e2ee;
  position: relative;
  display: inline-block;
}
.header .personal-ul .cart-area .user-ico{
  font-size: 18px;
  display: block;
  margin-top: 6px;
  margin-bottom: 5px;
}
.header .personal-ul .cart-area .cart-total{
  font-size: 10px;
  font-style: normal;
  font-display:block;
  line-height: 15px;
  position: absolute;
  top: 1px;
  left: 18px;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: red;
}
.header .personal-ul .cart-area .ico{
  margin-left: 5px;
}
.header .personal .sing {
  color: #f4b439;
}
.header .personal .singafter {
  font-size: 18px;
  line-height: 1;
}
.header .personal-ul.rights{float: right;}
.header .personal .currency {
    position: relative;
    margin: 24px 0;
}
.header .personal .ui-btn{
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.header .ui-btn span::before{        
  content: "";
  position: absolute;
  top: -24px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: url(/dist/images/countries/gw.webp) no-repeat;
  background-size: 100%;
}
.header .currency .ui-btn span[data-val="1"]::before{background-position: 0 0;}
.header .currency .ui-btn span[data-val="2"]::before{background-position: 0 -29px;}
.header .currency .ui-btn span[data-val="3"]::before{background-position: 0 -60px;}
.header .currency .ui-btn span[data-val="4"]::before{background-position: 0 -90px;}
.header .currency .ui-btn span[data-val="5"]::before{background-position: 0 -120px;}
.header .currency .ui-btn span[data-val="6"]::before,
.header .currency .ui-btn span[data-val="21"]::before{background-position: 0 -150px;}
.header .currency .ui-btn span[data-val="8"]::before,
.header .currency .ui-btn span[data-val="28"]::before{background-position: 0 -181px;}
.header .currency .ui-btn span[data-val="12"]::before,
.header .currency .ui-btn span[data-val="24"]::before{background-position:0 -240px;}
.header .currency .ui-btn span[data-val="10"]::before,
.header .currency .ui-btn span[data-val="23"]::before{background-position:0 -210px;}
.header .currency .ui-btn span[data-val="14"]::before,
.header .currency .ui-btn span[data-val="25"]::before{background-position:0 -270px;}
.header .currency .ui-btn span[data-val="16"]::before,
.header .currency .ui-btn span[data-val="26"]::before{background-position:0 -301px;}
.header .currency .ui-btn span[data-val="22"]::before,
.header .currency .ui-btn span[data-val="27"]::before{background-position:0 -331px;}
.header .ui-btn i{
    font-size: 12px;
    margin-left: 4px;
}
.header .ui-options {
    position: absolute;
    top: 20px;
    left: -10px;
    overflow: inherit;
    width: 70px;
    max-height: 590px;
    padding: 0;
    text-align: right;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    background: #fff;
    z-index: 9999;
}
.header .ui-option {
    width: 100%;
    line-height: 25px;
    text-align: left;
    padding-left: 6px;
    color: #303640;
    cursor: pointer;
    font-size: 12px;
    border-bottom: 1px solid #efeff6;
}
.header .ui-option::before{        
    content: ""; 
    position:relative;
    top: 5px;       
    display: inline-block;
    width:20px;
    height:20px;
    margin-right:5px;
    background: url(/dist/images/countries/gw.webp) no-repeat;
    background-size: 100%;
}
.header .currency .ui-option[data-val="USD"]::before{background-position: 0 0;}
.header .currency .ui-option[data-val="EUR"]::before{background-position: 0 -29px;}
.header .currency .ui-option[data-val="GBP"]::before{background-position: 0 -60px;}
.header .currency .ui-option[data-val="AUD"]::before{background-position: 0 -90px;}
.header .currency .ui-option[data-val="CAD"]::before{background-position: 0 -120px;}
.header .currency .ui-option[data-val="RUB"]::before{background-position: 0 -150px;}
.header .currency .ui-option[data-val="SGD"]::before{background-position: 0 -181px;}
.header .currency .ui-option[data-val="HKD"]::before{background-position: 0 -240px;}
.header .currency .ui-option[data-val="TWD"]::before{background-position: 0 -210px;}
.header .currency .ui-option[data-val="CNY"]::before{background-position: 0 -270px;}
.header .currency .ui-option[data-val="JPY"]::before{background-position: 0 -301px;}
.header .currency .ui-option[data-val="MXN"]::before{background-position: 0 -331px;}
.header .ui-option:hover{
    color: #fff;
    background:#f4592b;
}
.header .logo{margin: 0 30px 0 0;}
.header .logo a{
  float: left;
  line-height: 1;
  padding: 21px 0;
}
.header .personal-ul li{
  float: left;
}
.header .nav-ul{
  text-align: right;
}
.header .nav-ul .nav-li{
  position: relative;
  float: left;
}
.header .nav-ul .menu-box{
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  display: none;
  min-width: 230px;
  background: #10161c;
}
.header .nav-ul .linka{
  position: relative;
  z-index: 2;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #f2f3f8;
  font-weight: 700;
  width: 240px;
  border-right: 1px solid #34364b;
  text-align: center;
}
.header .nav-ul .linka::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: ' ';
  transition: all .3s ease-out;
  background: #ffb822;
}
.header .nav-ul .nav-li:hover .linka{
  color: #282a39;
}
.header .nav-ul .nav-li:hover .linka::before {
  height: 100%;
  transition: all .3s ease-out
}
/*购物车弹窗*/
.cart-area .cart-box {
    display: none;
    position: absolute;
    z-index: 10;
    top: 58px;
    right: 0;
    width: 340px;
    padding-top: 22px;
}
.cart-area .cart-box .cart-Empty{
  display: block;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  background: #f2f3f8;
}
.cart-area .cart-box .cart-num{
  background: #f2f3f8;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.cart-area .cart-box ul {
  float: left;
  overflow: auto;
  width: 100%;
  max-height: 490px;
}
.cart-area .cart-box ul li {
  position: relative;
  float: left;
  width: 100%;
  padding:10px;
  border-bottom: 1px solid #e0e2ee;
}
.cart-area .cart-box ul li .img {
  float: left;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 5px;
}
.cart-area .cart-box ul li .img img {
  overflow: hidden;
  margin: 0 auto;
}
.cart-area .cart-box ul li .title-game {
    float: left;
    font-size: 12px;
    line-height: 1.5;
    width: 76%;
    text-align: left;
    padding: 5px;
    font-weight: 500;
    color: #282a39;
}
.cart-area .cart-box ul li .dels {
  font-size: 16px;
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
  color: #9b9fa5;
}
.cart-area .cart-box ul li .dels:hover {
  color: red;
}
.cart-area .cart-box ul li .title-game .red {    
    font-size: 16px;
    font-style: normal;
  font-display:block;
    display: block;
    margin-top: 5px;
    color: #282a39;
}
.cart-area .cart-box .sum {
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    text-align: right;
    color: #ff555f;    
}
.cart-area .cart-box .sum .tile {  
    float: left;  
    font-size: 14px;
    font-style: normal;
  font-display:block;
    color: #282a39;
    line-height: 35px;
}
.cart-area .cart-box .cbox {
  float: left;
  width: 100%;
  padding: 0 20px 30px;
}

.cart-area .cart-box .cbox .button {    
    font-size: 14px;
    line-height: 38px;
    display: inline-block;
    width: 46%;
    height: 40px;
    cursor: pointer;
    text-align: center;
    color: #282a39;
    font-weight: bold;
    border-radius: 5px;
    background: #f2f3f8;
    border: 1px solid #d6d8e2;
}
.cart-area .cart-box .cbox .clear-all{
    margin-right: 10px;
}
.cart-area .cart-box .cbox .view-cart{
    margin-left: 10px;
    color: #101520;
    background: #ffb822;
}
.cart-box ul li:hover {
  background: #e0e2ee;
}
.cart-area .cart-box .cbox .view-cart:hover {  
  -webkit-filter: brightness(1.2);
  border-color: #ffb822;
}
.cart-area .cart-box .cbox .clear-all:hover {
  color: #101520;
  background: #ffb822;
}
.cart-area .cart-box .de-de .button{
  width: 100%;
  margin: 10px 0;
}

/*----添加桌面快捷方式开始----*/
.desktop-area {
    line-height: 58px;
    position: fixed;
    z-index: 120;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 58px;
    background: rgba(28,44,62,.9);
}
.desktop-area p {
    font-size: 20px;
    color: #ff9300;
}
.desktop-area a {
    line-height: 36px;
    position: absolute;
    top: 12px;
    float: right;
    width: 150px;
    height: 36px;
    text-align: center;
    border-radius: 4px;
}
.desktop-area .get {
    right: 180px;
    color: #000;
    background: #ffb300;
}
.desktop-area .exit {
    right: 0;
    color: #fff;
    background: #88757f;
}
.coupon .box-img {
    position: fixed;
    z-index: 100000000;
    top: 50%;
    right: 0;
    left: 0;
    width: 439px;
    height: 446px;
    margin: -223px auto 0 auto;
    text-align: center;
    background: url(/dist/images/coupon.webp) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}
.coupon .coupon-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.coupon .coupon-getit{
  position: absolute;
  height: 60px;
  width: 100%;
  bottom: 64px;
  left: 0;
  cursor: pointer;
}
.popup-promo-code{
  opacity:0;
}
/*----添加桌面快捷方式结束----*/

/*首页弹窗*/
.ad-lock-screen{
  position: fixed;
  z-index: 99999999999;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,.7);
}
.ad-lock-screen .ad-img {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.ad-lock-screen .ad-img .close {
  font-size: 50px;
  line-height: 32px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: .8;
  color: red;
}
/*-----------底部样式--------------*/
.footer {    
    overflow: hidden;
    padding-top: 30px;
    background: #21222a;
}
.footer .footer-line{
  margin: 0 -10px;
}
.footer .footer-line .outreach-3{
  padding: 10px;
  width: 17%;
}
.footer .footer-line .outreach-4{
  padding: 10px 90px 10px 10px;
  width: 30%;
}
.footer .footer-line .outreach-4 .pgif {
  width: 100px;
  height: 50px;
  margin: 3px;
  border-radius: 4px;
  background: #fff;
}
.footer .footer-line .outreach-4 .footer-text{
  font-size: 14px;
  color: #a5a8c2;
  margin: 20px 0;
}
.footer .footer-line .outreach-3 .menu1{
  color: #f2f3f8;
  font-size: 18px;
  font-weight: bold;
}
.footer .footer-line .outreach-3 li a {
  font-size: 14px;
  line-height: 2.5;
  color: #a5a8c2;
}
.footer .footer-line .outreach-3 li a .icon {  
  color: #fff;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 3px;
  margin-right: 10px;
  background: #60697b;
}
.footer .footer-line .outreach-3 li a:hover{
  color: #e0e2ee;
}
.footer .footer-line .outreach-3 li img{
  vertical-align: middle;
}
.footer .footbottom {
  text-align: center;
  background: #273136;
  padding: 10px 0;
  line-height: 1.5;
}
.footer .trademark{
  margin: 30px 0 20px 0;
}
.footer .footer-top{
  margin-top: 10px;
  padding: 10px 0;
  text-align: center;
  color: #AEB8BC;
  background: #282a39;
}
.footer .footer-top a {
  color: #e0e2ee;
}
.footer .footer-top a:hover {
  color: #e18f00;
}
/*-----------翻页-----------------*/
.page {
    margin-top: 20px;
    text-align: center;
}

.page .pg{
    display: inline-block;
}
.page .pg .num,
.page .pg .next,
.page .pg .prev,
.page .pg .current{
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin: 2px;
    cursor: pointer;
    color: #282a39;
    border-radius: 4px;
    background: #fff;
}
.page .pg .num:hover,
.page .pg .next:hover,
.page .pg .prev:hover,
.page .pg .current{
    color: #fff;
    background: #e7515a;
}

/*-----------首页-----------------*/
.title {
  font-size: 34px;
  color: #282a39;
  font-weight: 700;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
}
.hot-game{
  background: url(/dist/images/hot.webp) bottom center no-repeat;
}
.hot-game .subtitle{
  text-align: center;
  color: #34364b;
  margin-bottom: 30px;
}
.hot-game .hot-left{
  width: 50%;
  text-align: right;
  padding: 0 15px;
}
.hot-game .hot-right{
  width: 50%;
  text-align: left;
  padding: 0 15px;
}
.hot-game .box-top .square{
  position: absolute;
  top:-11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 150px;
  height: 20px;
  background: #363533;
}
.hot-game .box{
  display: inline-block;
  width: 395px;
  height: 380px;  
  color: #fff;
  text-align: center;
}
.hot-game .hot-left .box{  
  background: url(/dist/images/aosrs.webp) no-repeat;
}
.hot-game .hot-right .box{  
  background: url(/dist/images/ars3.webp) no-repeat;
}
.hot-game .gold-title{
  font-size: 32px;
  margin-top: 18px;
  margin-bottom: 35px;
  color: #fff;
  font-family: Conv_CINZEL;
}
.hot-game .price {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}

.hot-game .price::after{
  content: "";
  position: absolute;
  height: 1px;
  width: 70px;
  background: #251a3a;
  border-bottom: 1px solid #5c3c81;
  left: 40px;
  top: 10px;
} 
.hot-game .price::before{
  content: "";
  position: absolute;
  height: 1px;
  width: 70px;
  background: #251a3a;
  border-bottom: 1px solid #5c3c81;
  right: 40px;
  top: 10px;
}
.hot-game .hot-right .price::after,
.hot-game .hot-right .price::before{
  background: #182a08;
  border-bottom: 1px solid #4f613e;
}
.hot-game .number-box{
  position: relative;
  display: inline-block;
}
.hot-game .number-box .free{
  position: absolute;
  left: 20px;
  bottom: -20px;
  font-size: 12px;
  font-style: normal;
  font-display:block;
  color: #00e87d;
}
.hot-game .price-box,
.hot-game .number {
  float: left;
  width: 150px;
  margin: 0 8px;
  height: 50px;
  line-height: 50px;
  padding-left: 14px;
  text-align: left;
  color: #f2f3f8;
  border:none;
  border-radius: 4px;
  background: #342c4c;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.hot-game .hot-right .price-box,
.hot-game .hot-right .number{
  background: #2b3324;
}

.hot-game .currency{
  position: absolute;
  right: 20px;
  top: 16px;
}

.hot-game .button {
  font-size: 18px;
  width: 314px;
  height: 60px;
  line-height: 60px;
  margin-top: 25px;
  text-align: center;
  color: #282a39;
  border: none;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #f4b020;
  padding: 0;
  text-transform: uppercase;
  box-shadow: 0 3px 3px 0px #282828;
}
.hot-game .button:hover {
  filter: brightness(1.1);
}

.banner-the{
  text-align:center;
}
.banner-the a{
  position: relative;
  float: left;
  width: 100%;
  line-height: 0;
}

.about-us {
  padding: 70px 0 40px 0;
}
.about-us .leftimg{
  float: left;
  border-radius: 5px;
}
.about-us .list-text{
  float: right;
  width: 70%;
  padding-left: 120px;
}
.about-us .list-text li{
  background: #fff;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 25px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.about-us .list-text .title-text{
  font-size: 16px;
  color: #282a39;
  cursor: pointer;
}
.about-us .list-text .text{
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.57;
}
.about-us .list-text .title-text .ico{
  float: right;
  font-size: 28px;
  margin-top: -4px;
}

.idnex-news {
  padding-bottom: 40px;
}
.idnex-news .news-list .news-link {
  position: relative;
  float: left;
  width: 50%;
}
.idnex-news .news-list .news-box{
  float: left;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  justify-content: flex-start;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.idnex-news .news-list .news-img {
  float: left;
  min-height: 96px;
  border-radius: 4px;
  margin-right: 15px;
}
.idnex-news .news-list .news-content {
  float: left;
  width: 100%; 
  text-align: left; 
  min-height: 170px;
}
.idnex-news .news-list .text-content{
  color: #525766;
  font-size: 14px;
  margin-top: 10px;
  line-height: 1.54;
}
.idnex-news .news-list .text-content img{
  display: none;
}
.idnex-news .news-list .text-content strong{
  font-weight: inherit;
}
.idnex-news .news-list .text-content a{
  color: #60697b;
}
.idnex-news .news-list .news-content .time {
  font-size: 14px;
  color: #60697b;
}
.idnex-news .news-list .news-content .news-title {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  font-weight: 700;
  color: #282a39;
  margin-top: 10px;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.idnex-news .news-list .more-news{
  display: inline-block;
  margin-top: 10px;
  color: #804A00;
  text-align: left;
}
.idnex-news .news-list .more-news .icon {
  font-size: 9px;
}
.news .new-content{
  border-top: 1px solid #e0e2ee;
  margin-top: 10px;
  padding-top: 20px;
  color: #282a39;
}
.news .text .new-content strong{
  color: #282a39;
}
.news .text .new-content p{
  margin-bottom: 15px;
}
.news .text .time{
  color: #60697b;
}

.customer-reviews {
  padding: 40px;
  border-radius: 5px;
  background: #34364b;
  margin-bottom: 30px;
}
.customer-reviews .title{
  color: #f2f3f8;
  margin-bottom: 40px;
}
.customer-reviews .lists{
  margin: 0 -10px;
}
.customer-reviews .list-item{
  position: relative;
  float: left;
  width: 33.33333%;
  padding: 10px;  
}
.customer-reviews .box{
  padding-left: 60px;
  color: #f2f3f8;
}
.customer-reviews .box .star-bottom i {
  float: left;
  width: 20px;
  color: #fff;
  text-align: center;
  height: 20px;
  line-height: 20px;
  background: #00b67a;
  margin: 0 1px;
}
.customer-reviews .box .nickname {
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0;
}
.customer-reviews .box .time {
  margin-top: 10px;
  color: #a5a6b6;
}
.customer-reviews .box .text-content{
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.customer-reviews .name{
  position: absolute;
  left: 10px;
  top: 5px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  background: #4c4f6d;
  border-radius: 50%;
  color: #e0e2ee;
  font-size: 22px;
}

/*-----------内页框架结构----------*/
.block-widget{
    margin-bottom: 20px;
}
.block-widget .title-1{
    
    font-size: 48px;
    position: relative;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    line-height: 1.1;
}
.block-widget .title-2{
  font-size: 16px;
  color: #9E6900;
  font-weight: bold;
  padding: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e2ee;
}
.block-widget .title-5{    
    font-size: 16px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #282a39;
    font-weight: 500;
    line-height: 1.1;
}
.block-widget .text{color: #60697b;}
.block-widget .text h2{color: #2b2b2b;font-size: 20px;}
.block-widget .text h3,
.block-widget .text h4{color: #2b2b2b;font-size: 16px;margin-top: 20px;margin-bottom: 0; font-weight: 500;}
.block-widget .text a{color: #337ab7;}
.block-widget .text strong{color: #282a39;font-weight: bold;}
.block-widget .text p{margin-bottom: 5px;}
.list{    
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.list li{
    width: 20%;
    padding: 10px 0;
}
.list .box{
    position: relative;
    display: flex;
    padding: 20px;       
    margin: 0 10px;
    height: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: flex-end;
}

.left-reviews .lists{
  margin: 0 -8px;
}
.left-reviews .lists .list-item{
  float: left;
  padding: 8px;
  width: 25%;
}
.left-reviews .lists .box{
  float: left;
  width: 100%;
  height: 155px;
  padding: 15px;
  border: 1px solid #e6e6e6;
  background: #fff;
}
.left-reviews .star-bottom {
  float: left;
  width: 100%;
  margin: 10px 0;
}
.left-reviews .star-bottom i{
  color: #fff;
  background: #ffc124;
  padding: 6px;
  margin-right: 5px;
  border-radius: 3px;
}

/*---------产品总页-----------*/
.game .game-area{
  margin-bottom: 110px;
}
.game .game-top .link{
  color: #704A00;
  float: left;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  text-align: center;
  min-width: 140px;
  border:1px solid;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  margin-right: 18px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.game .game-top .link:hover,
.game .game-top .current{
  color: #282a39;
  border-color: #f4b020;
  background: #f4b020;
}
.game .game-left{
  width: 72%;
  padding-right: 26px;
}
.game .game-left .game-ul{
  margin: 0 -10px;
}
.game .game-left .link{
  float: left;
  width: 25%;
  padding: 10px;
}
.game .game-left .box{
  position: relative;
  top: 0;
  display: block;
  text-align: center;
  color: #282a39;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  background: #fff;
  min-height: 150px;
  padding: 30px 10px 0 10px;
  transition: all .2s ease-out;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.game .game-left .box:hover{
  top:-3px;
  color: #ffb822;
  transition: all .2s ease-out;
}
.game .game-left .text{
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.game .game-left .hot{
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  font-weight: normal;
  background: #E7211D;
  color: #fff;
  padding: 6px 4px 2px;
}
.game .game-left .hot::before {
  position: absolute;
  z-index: 10;
  top: 22px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: '';
  border-right: 16px solid transparent;
  border-top: 10px solid #E7211D;
  border-left: 16px solid transparent;
}
.game .game-right{
  width: 28%;
  background: #fff;
  padding: 12px 17px;
  margin-top: 10px;
  border-radius: 10px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.game .game-right .img{
  border-radius: 4px;
}
.game .game-right .game-title{
  font-size: 16px;
  color: #282a39;
  font-weight: bold;
  margin-top: 22px;
  margin-bottom: 10px;
}
.game .game-right .faq li{
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.game .game-right .faq li a{
  color: #282a39;
}
.game .game-right .faq li a:hover{
  color: #ffb822;
}
.game .game-right .serial{
  display: inline-block;
  font-style: normal;
  font-display:block;
  height: 20px;
  line-height: 20px;
  width: 20px;
  margin-right: 4px;
  text-align: center;
  background: #f2f3f8;
  border-radius: 2px;
}
.game .game-right .game-reviews{
  padding: 10px;
  height: 160px;
  border-radius: 4px;
  background: #f2f3f8;
}
.game .game-right .game-reviews .star-bottom i {
  display: inline-block;
  color: #fff;
  padding: 3px;
  margin-right: 2px;
  font-size: 12px;
  background: #00b67a;
}
.game .game-right .game-reviews .nickname {
  color: #282a39;
  font-weight: bold;
  margin: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.game .game-right .game-reviews .content-guestbook{
  font-size: 12px;
  color: #282a39;
  margin-bottom: 10px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.game .game-right .game-reviews .time {
  font-size: 12px;
  color: #6B6C8A;
}
.game .game-right .swiper-pagination-bullet{
  background: 00;
  border: 1px solid #c4c7da;
  opacity:1;
}
.game .game-right .swiper-pagination-bullet-active{
  background: #ffb822;
  border-color: #ffb822;
}
.game .game-right .swiper-pagination-fraction, 
.game .game-right .swiper-pagination-custom, 
.game .game-right .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom: 10px;
}
/*-----------产品页面-------------*/
/*金币*/
.product-gold{
  text-align: center;
  color: #34364b;
  margin-bottom: 35px;
}
.product-quick{
  margin-bottom: 50px;
  border-radius: 10px;
  background: #fff url(/dist/images/game/g-bg.webp) bottom center no-repeat;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.product-quick .product-ul .link{
  float: left;
  width: 25%;
  padding: 30px 40px;
}
.product-quick .product-ul .box{
  float: left;  
  width: 100%;
  font-size: 14px;
  padding: 15px;
  color: #282a39;
  border-radius: 4px;
  min-height: 60px;
  font-weight: bold;
  background: #f2f3f8;
}
.product-quick .product-ul .box img{
  float: left;
  margin-right: 10px;
}
.product-quick .product-ul .text{
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  height: 40px;
}
.product-quick .title-text{
  text-align: center;
  color: #ffb822;
  margin-top: 10px;
}
.product-quick .title{
  color: #ffb822;
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.product-quick .face-form{
  margin: 0 auto;
  width: 395px;
}
.product-quick .face-form .box{
  display: inline-block;
  width: 100%;
  height: 380px;
  color: #fff;
  text-align: center;
  background: url(/dist/images/aosrs.webp) no-repeat;
}
.product-quick .face-form .gold-title {
  font-size: 32px;
  margin-top: 18px;
  margin-bottom: 35px;
  color: #fff;
  font-family: Conv_CINZEL;
}
.product-quick .face-form .osrsfsw{
  font-size: 28px;
}
.product-quick .face-form .price {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
}
.product-quick .face-form .price::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 70px;
  background: #251a3a;
  border-bottom: 1px solid #5c3c81;
  right: 40px;
  top: 10px;
}
.product-quick .face-form .price::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 70px;
  background: #251a3a;
  border-bottom: 1px solid #5c3c81;
  left: 40px;
  top: 10px;
}
.product-quick .face-form .number-box {
  position: relative;
  display: inline-block;
}
.product-quick .face-form .number-box .free {
  position: absolute;
  left: 20px;
  bottom: -20px;
  font-size: 12px;
  font-style: normal;
  font-display:block;
  color: #00e87d;
}
.product-quick .face-form .price-box,
.product-quick .face-form .number {
  float: left;
  width: 150px;
  margin: 0 8px;
  height: 50px;
  line-height: 50px;
  padding-left: 14px;
  text-align: left;
  color: #f2f3f8;
  border: none;
  border-radius: 4px;
  background: #342c4c;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
}
.product-quick .face-form .currency {
  position: absolute;
  right: 20px;
  top: 17px;
}
.product-quick .face-form .button {
  font-size: 18px;
  width: 314px;
  height: 60px;
  line-height: 60px;
  margin-top: 25px;
  text-align: center;
  color: #282a39;
  border: none;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #f4b020;
  padding: 0;
  text-transform: uppercase;
  box-shadow: 0 3px 3px 0px #282828;
}
.product-quick .face-form .button:hover {
  filter: brightness(1.1);
}

/*说明文字*/
.fire-leg{
  padding-bottom: 30px;
  margin-top: 20px;
}
.fire-leg .subtitle {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: normal;
  color: #282a39;
}
.fire-leg p {
  font-size: 14px;
  padding-bottom: 10px;
  line-height: 1.5;
}

/*物品*/
.goods-num {
  display: inline-block;
  margin-bottom: 20px;
  font-family: Verdana;
}
.goods-num .btn-sm {
  font-size: 16px;
  line-height: 30px;
  float: left;
  width: 25px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  text-align: center;
  color: #303030;
  border:1px solid #d4d4d4;
  background: #efefef;
}
.goods-num .num-reduce {
  border-radius: 4px 0 0 4px;
}
.goods-num .num-add {
  border-radius: 0 4px 4px 0;
}
.goods-num .item-num {
  line-height: 32px;
  float: left;
  width: 50px;
  height: 32px;
  padding: 0;
  text-align: center;
  color: #303030;
  border: none;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-radius: 0;
  background: #efefef;
}
.quest-top.rs12368{min-height:236.5px;}
.quest-top.rs12370{min-height:181.5px;}
.quest-top.min678{min-height:236.5px;}
.quest-top .classification {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  margin: 30px 0 20px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.classification .all-type {
  position: relative;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  color: #282a39;
  border-radius: 4px;
  padding: 0 10px;
  min-width: 230px;
  cursor: pointer;
  border: 1px solid #d2d2d2;
}
.classification .all-type i {
  position: absolute;
  right: 10px;
  line-height: 36px;
  font-size: 20px;
}
.quest-top .search {
  position: relative;
  min-width: 230px;
  height: 36px;
  line-height: 36px;
  margin-left: 10px;
  padding-left: 10px;
  border-radius: 4px;
  outline: medium;
  border: 1px solid #d2d2d2;
  background: #fff;
}
.quest-top .search-area{
  position: relative;
  display: inline-block;
}
.quest-top .search-area .icon{
  position: absolute;
  color: #666;
  right: 10px;
  top: 10px;
  font-size: 16px;
}
.quest-top .unit{
  float: left;
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  background: #fff;
  margin-top: -10px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.quest-top .unit ul li {
  float: left;
  padding: 10px;
  width: 16.66666%;
}
.quest-top .unit ul li .jq-ajax-alink {  
  float: left;
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #282a39;
  border-radius: 4px;
  background: #f2f3f8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quest-top .unit ul li:hover .jq-ajax-alink {
  background: #e0e2ee;
}
.quest-top .unit ul .current .jq-ajax-alink{
  background: #ffb822 !important;
}
.product .list .link{
  width: 25%;
}
.product .list .box{
  padding: 0 0 140px 0;
  justify-content: stretch;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.product .list .box-img {
  overflow: hidden;
  height: 160px;  
  text-align: center;
  padding: 15px;
  margin-top: 10px;
  border-bottom: 1px solid #e4e7ed;
}
.product-account .list .box-img{
  height: 260px;
  line-height: initial;
}
.product .list .product-text{
  padding: 10px;
  text-align: left;
}
.product .list .product-text .text{
  float: left;
  width: 100%;
  height: 52px;
  color: #282a39;
  overflow: hidden;
}
.product .list .product-text .text strong{
  font-weight: normal;
}
.product .list .view-profile{
  position: relative;
  display: inline-block;
  color: #9E6900;
  font-size: 12px;
  margin: 10px 0;
  cursor: pointer;
  padding-bottom: 2px;
}
.product .list .view-profile::after {
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  background: #9E6900;
  height: 1px;
  width: 52px;
}
.product .list .product-text p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product .itemsattr{
  position: relative;
  display: inline-block;
  width: 100%;
  height: 31px;
  padding: 0 10px;
  margin-bottom: 15px;
}
.product .itemsattr .atr-left{
  font-size: 14px;
  line-height: 30px;
  float: left;
  width: 22%;
  color: #282a39;
}
.product .itemsattr .ui-select{
  float: left;
  width: 78%;
  height: 32px;
  line-height: 30px;
  padding: 0;
  color: #48617e;
  background: #fff;
}
.product .itemsattr .ui-btn{
  overflow: hidden;
  position: relative;
  font-size: 14px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #282a39;
  cursor: pointer;
  border-radius: 3px;
  background: #f2f3f8;
  padding: 0 20px 0 10px;
}
.product .itemsattr .init-price{
  font-style: normal;
  margin-right: 4px;
  color: #D8222D;
}
.product .itemsattr .icon{
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 5px;
  display: block;
  width: 18px;
  line-height: 32px;
  color: #333;
}
.product .itemsattr .ui-options{
  position: absolute;
  z-index: 3;
  top: 31px;
  overflow: auto;
  width: 225px;
  max-height: 150px;
  padding: 0;
  text-align: left;
  background: #fff;
  font-size: 14px;
  line-height: 20px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.product .itemsattr .ui-option{
  float: left;
  width: 100%;
  padding: 4px 11px;
  white-space: revert;
  cursor: pointer;
  color: #666;
}
.product .itemsattr .ui-option:hover{
  background: #f2f3f8;
}
.product .itemsattr .ui-option em{
  font-style: normal;
  font-display:block;
  margin-right: 4px;
  color: #e7515a; 
}
.product .itemsattr .ui-option span{
  color: #201f3f;
}
.product .list .view-title {
  display: -webkit-box;
  overflow: hidden;
  height: 40px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  color: #282a39;
  font-weight: 700;
  text-align: left;
  word-break: break-all;
}
.product .list .view-account{
  font-weight: normal;
  font-size: 14px;
  height: 35px;
}
.product .list .buy {
  position: absolute;
  bottom: 0;
  float: left;
  width: 100%;
  padding: 20px 10px;
  border-top: 1px solid #e4e7ed;
}
.product .list .buy .price{
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #DF2F3A;
  margin-bottom: 10px;
}
.product .list .buy .view-profile{
  font-weight: 700;
  line-height: 36px;
  float: left;
  height: 36px;
  margin: 10px;
  padding: 0 10px;
  color: #0e0b04;
  border: none;
  cursor: pointer;
  border-radius: 3px;
  background: #f4b439;
}
.product .list .buy .goods-num {
  float: left;
  height: 44px;
  line-height: 44px;
  margin: 10px 0;
}
.product .list .buy .goods-num .item-num {
  float: none;
  width: 68px;
  height: 44px;
  line-height: 44px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  border: 1px solid #d5d8e0;
  border-radius: 4px;
  outline: medium;
  background: #fafbfc;

}
.product .list .buy .buy-area{
  float: right;
  margin: 10px;
}
.product .list .buy .buy-area .price {
  font-weight: 700;
  line-height: 36px;
  float: left;
  height: 36px;
  padding: 0 5px;
  color: #ffc700;
  border-radius: 3px 0 0 3px;
  background: #1e1a4c;
}
.product .list .buy .buy-area .btn {
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding: 0 5px;
  min-width: 112px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #525252;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  background: #ffb822;
}
.product .list .buy-account .btn {
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding: 0 5px;
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #525252;
  border: 0;
  cursor: pointer;
  border-radius: 4px;
  background: #ffb822;
}


/*代练*/
.powerleveling-box {
  margin-top: 20px;
}
.powerleveling-box .lv-range{
  float: right;
  width: 37%;
}
.powerleveling-box .lv-about{
  float: left;
  width: 63%;
  padding-right: 70px;
}
.powerleveling-box .lv-range-box{
  border-radius: 5px;
  background: #fff;
  padding: 35px;
  margin-bottom: 20px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}

.powerleveling-box .attention {
  border-radius: 5px;
  background: #fff;
  padding: 35px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);  
}
.powerleveling-box .lv-list{
  margin: 0 -15px;
}
.powerleveling-box .lv-list .link{
  padding: 10px 15px;
  width: 50%;
}
.powerleveling-box .lv-list .onk-area{
  width: 100%;
}
.powerleveling-box .lv-list .link .lv-link{
  position: relative;
}
.powerleveling-box .lv-list .link .ui-btn,
.powerleveling-box .lv-list .input-n-num{
  height: 50px;
  line-height: 50px;
  border:1px solid #e0e2ee;
  background: #f2f3f8;
  border-radius: 4px;
  padding-left: 12px;
  width: 100%;
  color: #282a39;
}
.powerleveling-box .lv-list .link .ui-btn{  
  cursor: pointer;
}
.powerleveling-box .lv-list .link .ui-btn .icon{
  position: absolute;
  right: 10px;
  line-height: 50px;
  font-size: 20px;
}
.powerleveling-box .ui-options{
  position: absolute;
  top: 50px;
  float: left;
  width: 100%;
  border-radius: 4px;
  background: #fff;
  max-height: 380px;
  overflow: auto;
  z-index: 10;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.powerleveling-box .ui-option {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  color: #201f3f;
  padding: 0 15px;
}
.powerleveling-box .ui-option:hover {
  background: #e4e7ed;
}
.powerleveling-box .name{
  display: block;
  color: #282a39;
}
.powerleveling-box .selector-bar{
  margin-top: 10px;
}
.powerleveling-box .selector-bar .name{
  margin-bottom: 10px;
}
.powerleveling-box .pl-list-bottom{
  margin-top: 20px;
}
.powerleveling-box .pl-list-bottom .name{
  float: left;
  line-height: 34px;
}
.powerleveling-box .pl-list-bottom .total {
  float: right;
  font-size: 28px;
  font-weight: bold;
  color: #e7515a;
}
.powerleveling-box .btn{
  float: left;
  width: 100%;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #9E6900;
  font-weight: bold;
  font-size: 16px;
  border:1px solid;
  cursor: pointer;
  margin: 10px 0;
  text-transform: uppercase;
}
.powerleveling-box .buynow{
  color: #525252;
  border-color: #ffb822;
  background: #ffb822;
}
.powerleveling-box .buy {
  margin-top: 10px;
}
.powerleveling-box .attention strong{
  display: block;
  color: #282a39;
  font-weight: bold;
}
.powerleveling-box .attention i{
  font-style: normal;
  font-display:block;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  width: 18px;
  text-align: center;
  border-radius: 50%;
  background: #dadeee;
  margin-right: 5px;
}
.powerleveling-box .attention {
  color: #60697b;
  font-size: 14px;
  line-height: 1.5;
}
.powerleveling-box .textbox {
  font-size: 16px;
  line-height: 1.5;
  color: #60697b;
}
.powerleveling-box .textbox strong{
  color: #201f3f;
  font-weight: bold;
}
.powerleveling-box .textbox .jq-about{
  cursor: pointer;
  font-weight: bold;
}

.product-details {
  display: none;
  position: fixed;
  z-index: 1100;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: auto;
  width: 600px;
  max-height: 600px;
  padding: 20px;
  line-height: 28px;
  text-align: left;
  border-radius: 4px;
  background: #fff;
}
.product-details h2 {
  font-size: 20px;
  color: #000;
}
.product-details .account-img{
  text-align: center;
}
.product-details .account-img img{
  margin: 10px;
}
.product-details strong {
  font-size: 16px;
  color: #333;
}
.product-details .middle {
  margin: 20px 0;
  text-align: center;
}
.product-details .middle .button {
  line-height: 36px;
  width: 138px;
  height: 36px;
  text-align: center;
  color: #0e0b04;
  border: none;
  border-radius: 3px;
  background: #f4b439;
  cursor: pointer;
}
.content-ty-box{
  font-size: 16px;
  color: #282a39;
}
.block-widget .text .content-ty-box strong{
  color: #282a39;
}
.content-box {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 35px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.content-box hr{
  border-top: #e0e2ee 1px solid;
  border-bottom:none;
  margin: 20px 0;
}
.content-box p{
  color: #282a39;
  font-size: 16px;
}
/*-----------支付区域-------------*/
.email-big-area {
    position: relative;
}
.email-big-area .email-list{
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1;
    font-size: 14px;
}
.email-big-area .email-list li{
    color: #515482;
    width: 100%;
    cursor: pointer;
    line-height: 25px;
    padding-left: 10px;
}
.email-big-area .email-list li:hover{
    background: #e8e8e8;
}
.order-list-link{
  display: inline-block;
  padding: 0 10px;
}
.order-list-link li{
    width: 50%;
    padding: 5px;
}
.order-list-link li .name{
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
}
.order-list-link li .name i{
  color: red;
}
.order-list-link .textarea-box{
    width: 100%;
}
.order .attention{
  float: left;
  width: 100%;
  padding: 15px;
}
.attention-order{
  float: left;
  width: 100%;
  font-size: 12px;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  background: #D63E10;
}
.attention-order img {
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
.attention-order span {
  font-size: 20px;
  font-weight: 700;
}
.attention-order em {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  font-display:block;
}
.input-form{
  height: 45px;
  line-height: 45px;
  width: 100%;
  padding-left: 10px;
  color: #282a39;
  border-radius: 5px;
  background: #f2f3f8;
  border: 1px solid #e0e2ee;
}
.order-list-link .country-c-area{
    width: 42%;
}
.order-list-link .cross {
    width: 8%;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.order-list-link .phone-box{
    width: 50%
}
.order-list-link .textarea-box .input-form{
    line-height: initial;
    height: 100px;
    padding: 15px;
    outline: medium;
    font-family: inherit;
}
.country-c-area{
    position: relative;
}
.country-c-area .ui-btn {
    height: 45px;
    line-height: 45px;    
    cursor: pointer;
    color: #282a39;
    border-radius: 5px;
    padding: 0 15px;
    border: 1px solid #e0e2ee;
    background: #f2f3f8;
}
.country-c-area .ui-btn span{
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88%;
}
.country-c-area .ui-btn i{
    position: absolute;
    right: 10px;
    line-height: 45px;
    font-size: 20px;
}
.country-c-area .ui-options{
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 1;
    width: 238%;
    max-height: 320px;
    padding-bottom: 10px;
    color: #687bd9;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d4d4d4;
}
.country-c-area .ui-options li{width: 100%;}
.country-c-area .ui-options .search-area {
    margin: 0;
    padding: 10px;
}
.country-c-area .ui-options .search-area .keyword{
    line-height: 35px;
    height: 35px;
    color: #000;
    border: none;
    width: 100%;
    border-radius: 3px;
    padding-left: 10px;
    background: #fbfbfb;
    border:1px solid #e7e7e7;
}
.country-c-area .ui-options .ui-option {
  position: relative;
  padding: 0 13px;
  line-height: 24px;
  color: #515482;
  white-space: nowrap;
  cursor: pointer;
  margin-bottom: 0;
}
.country-c-area .ui-options .ui-option:hover {
  background: #b3e4ff;
}
.country-c-area .ui-option::before
{
    display: inline-block;

    width: 30px;
    height: 22px;
    margin-right: 5px;

    content: '';
    vertical-align: middle;

    background: url(/dist/images/countries/flasg.webp) no-repeat;
}
.country-c-area li:nth-child(2)::before
{
    display: none;
}
.country-c-area .ui-option[data-key='CA 1']::before
{
    background-position: -97px -71px;
}
.country-c-area .ui-option[data-key='1']::before
{
    background-position: -1px -455px;
}
.country-c-area .ui-option[data-key='AU 61']::before
{
    background-position: -385px -7px;
}
.country-c-area .ui-option[data-key='44']::before
{
    background-position: -258px -135px;
}
.country-c-area .ui-option[data-key='33']::before
{
    background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='49']::before
{
    background-position: -130px -103px;
}
.country-c-area .ui-option[data-key='39']::before
{
    background-position: -290px -199px;
}
.country-c-area .ui-option[data-key='NZ 64']::before
{
    background-position: -226px -328px;
}
.country-c-area .ui-option[data-key='45']::before
{
    background-position: -193px -103px;
}
.country-c-area .ui-option[data-key='46']::before
{
    background-position: -33px -391px;
}
.country-c-area .ui-option[data-key='41']::before
{
    background-position: -225px -71px;
}
.country-c-area .ui-option[data-key='34']::before
{
    background-position: -1px -135px;
}
.country-c-area .ui-option[data-key='65']::before
{
    background-position: -65px -391px;
}
.country-c-area .ui-option[data-key='351']::before
{
    background-position: -97px -359px;
}
.country-c-area .ui-option[data-key='599']::before
{
    background-position: -225px -7px;
}
.country-c-area .ui-option[data-key='55']::before
{
    background-position: -385px -39px;
}
.country-c-area .ui-option[data-key='54']::before
{
    background-position: -289px -7px;
}
.country-c-area .ui-option[data-key='93']::before
{
    background-position: -66px -7px;
}
.country-c-area .ui-option[data-key='355']::before
{
    background-position: -161px -7px;
}
.country-c-area .ui-option[data-key='213']::before
{
    background-position: -289px -103px;
}
.country-c-area .ui-option[data-key='1-684']::before
{
    background-position: -321px -7px;
}
.country-c-area .ui-option[data-key='376']::before
{
    background-position: -66px -486px;
}
.country-c-area .ui-option[data-key='244']::before
{
    background-position: -257px -7px;
}
.country-c-area .ui-option[data-key='1-264']::before
{
    background-position: -129px -7px;
}
.country-c-area .ui-option[data-key='672']::before
{
    background-position: -65px -517px;
}
.country-c-area .ui-option[data-key='1-268']::before
{
    background-position: -97px -7px;
}
.country-c-area .ui-option[data-key='374']::before
{
    background-position: -193px -7px;
}
.country-c-area .ui-option[data-key='297']::before
{
    background-position: -417px -7px;
}
.country-c-area .ui-option[data-key='43']::before
{
    background-position: -353px -7px;
}
.country-c-area .ui-option[data-key='994']::before
{
    background-position: -449px -7px;
}
.country-c-area .ui-option[data-key='1-242']::before
{
    background-position: -417px -39px;
}
.country-c-area .ui-option[data-key='973']::before
{
    background-position: -193px -39px;
}
.country-c-area .ui-option[data-key='880']::before
{
    background-position: -64px -39px;
}
.country-c-area .ui-option[data-key='1-246']::before
{
    background-position: -33px -39px;
}
.country-c-area .ui-option[data-key='375']::before
{
    background-position: -33px -71px;
}
.country-c-area .ui-option[data-key='32']::before
{
    background-position: -97px -39px;
}
.country-c-area .ui-option[data-key='501']::before
{
    background-position: -65px -71px;
}
.country-c-area .ui-option[data-key='229']::before
{
    background-position: -257px -39px;
}
.country-c-area .ui-option[data-key='1-441']::before
{
    background-position: -289px -39px;
}
.country-c-area .ui-option[data-key='975']::before
{
    background-position: -449px -39px;
}
.country-c-area .ui-option[data-key='591']::before
{
    background-position: -353px -39px;
}
.country-c-area .ui-option[data-key='387']::before
{
    background-position: -1px -39px;
}
.country-c-area .ui-option[data-key='267']::before
{
    background-position: -1px -71px;
}
.country-c-area .ui-option[data-key='246']::before
{
    background-position: -97px -517px;
}
.country-c-area .ui-option[data-key='1-284']::before
{
    background-position: -193px -455px;
}
.country-c-area .ui-option[data-key='673']::before
{
    background-position: -321px -39px;
}
.country-c-area .ui-option[data-key='359']::before
{
    background-position: -161px -39px;
}
.country-c-area .ui-option[data-key='226']::before
{
    background-position: -129px -39px;
}
.country-c-area .ui-option[data-key='257']::before
{
    background-position: -225px -39px;
}
.country-c-area .ui-option[data-key='855']::before
{
    background-position: -64px -231px;
}
.country-c-area .ui-option[data-key='237']::before
{
    background-position: -353px -71px;
}
.country-c-area .ui-option[data-key='238']::before
{
    background-position: -33px -103px;
}
.country-c-area .ui-option[data-key='1-345']::before
{
    background-position: -289px -231px;
}
.country-c-area .ui-option[data-key='236']::before
{
    background-position: -161px -71px;
}
.country-c-area .ui-option[data-key='235']::before
{
    background-position: -1px -423px;
}
.country-c-area .ui-option[data-key='56']::before
{
    background-position: -321px -71px;
}
.country-c-area .ui-option[data-key='86']::before
{
    background-position: -385px -71px;
}
.country-c-area .ui-option[data-key='CX 61']::before
{
    background-position: -129px -517px;
}
.country-c-area .ui-option[data-key='61']::before
{
    background-position: -161px -517px;
}
.country-c-area .ui-option[data-key='57']::before
{
    background-position: -417px -71px;
}
.country-c-area .ui-option[data-key='269']::before
{
    background-position: -129px -231px;
}
.country-c-area .ui-option[data-key='682']::before
{
    background-position: -289px -71px;
}
.country-c-area .ui-option[data-key='506']::before
{
    background-position: -449px -71px;
}
.country-c-area .ui-option[data-key='385']::before
{
    background-position: -385px -167px;
}
.country-c-area .ui-option[data-key='53']::before
{
    background-position: -1px -103px;
}
.country-c-area .ui-option[data-key='CW 599']::before
{
    background-position: -193px -517px;
}
.country-c-area .ui-option[data-key='357']::before
{
    background-position: -65px -103px;
}
.country-c-area .ui-option[data-key='420']::before
{
    background-position: -97px -103px;
}
.country-c-area .ui-option[data-key='243']::before
{
    background-position: -129px -71px;
}
.country-c-area .ui-option[data-key='253']::before
{
    background-position: -161px -103px;
}
.country-c-area .ui-option[data-key='1-767']::before
{
    background-position: -225px -103px;
}
.country-c-area .ui-option[data-key='1-809']::before
{
    background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='1-829']::before
{
    background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='1-849']::before
{
    background-position: -257px -103px;
}
.country-c-area .ui-option[data-key='670']::before
{
    background-position: -225px -486px;
}
.country-c-area .ui-option[data-key='593']::before
{
    background-position: -321px -103px;
}
.country-c-area .ui-option[data-key='20']::before
{
    background-position: -385px -103px;
}
.country-c-area .ui-option[data-key='503']::before
{
    background-position: -353px -391px;
}
.country-c-area .ui-option[data-key='240']::before
{
    background-position: -129px -167px;
}
.country-c-area .ui-option[data-key='291']::before
{
    background-position: -449px -103px;
}
.country-c-area .ui-option[data-key='372']::before
{
    background-position: -353px -103px;
}
.country-c-area .ui-option[data-key='251']::before
{
    background-position: -33px -135px;
}
.country-c-area .ui-option[data-key='500']::before
{
    background-position: -193px -486px;
}
.country-c-area .ui-option[data-key='298']::before
{
    background-position: -161px -135px;
}
.country-c-area .ui-option[data-key='679']::before
{
    background-position: -97px -135px;
}
.country-c-area .ui-option[data-key='358']::before
{
    background-position: -65px -135px;
}
.country-c-area .ui-option[data-key='689']::before
{
    background-position: -353px -327px;
}
.country-c-area .ui-option[data-key='241']::before
{
    background-position: -225px -135px;
}
.country-c-area .ui-option[data-key='220']::before
{
    background-position: -33px -166px;
}
.country-c-area .ui-option[data-key='995']::before
{
    background-position: -321px -135px;
}
.country-c-area .ui-option[data-key='233']::before
{
    background-position: -417px -135px;
}
.country-c-area .ui-option[data-key='350']::before
{
    background-position: -449px -135px;
}
.country-c-area .ui-option[data-key='30']::before
{
    background-position: -161px -166px;
}
.country-c-area .ui-option[data-key='299']::before
{
    background-position: -1px -166px;
}
.country-c-area .ui-option[data-key='1-473']::before
{
    background-position: -289px -135px;
}
.country-c-area .ui-option[data-key='1-671']::before
{
    background-position: -225px -165px;
}
.country-c-area .ui-option[data-key='502']::before
{
    background-position: -193px -165px;
}
.country-c-area .ui-option[data-key='44-1481']::before
{
    background-position: -353px -133px;
}
.country-c-area .ui-option[data-key='224']::before
{
    background-position: -65px -166px;
}
.country-c-area .ui-option[data-key='245']::before
{
    background-position: -257px -167px;
}
.country-c-area .ui-option[data-key='592']::before
{
    background-position: -289px -167px;
}
.country-c-area .ui-option[data-key='509']::before
{
    background-position: -417px -167px;
}
.country-c-area .ui-option[data-key='504']::before
{
    background-position: -353px -167px;
}
.country-c-area .ui-option[data-key='852']::before
{
    background-position: -321px -167px;
}
.country-c-area .ui-option[data-key='36']::before
{
    background-position: -449px -167px;
}
.country-c-area .ui-option[data-key='354']::before
{
    background-position: -257px -198px;
}
.country-c-area .ui-option[data-key='91']::before
{
    background-position: -161px -198px;
}
.country-c-area .ui-option[data-key='62']::before
{
    background-position: -1px -198px;
}
.country-c-area .ui-option[data-key='98']::before
{
    background-position: -225px -198px;
}
.country-c-area .ui-option[data-key='964']::before
{
    background-position: -193px -198px;
}
.country-c-area .ui-option[data-key='353']::before
{
    background-position: -33px -198px;
}
.country-c-area .ui-option[data-key='44-1624']::before
{
    background-position: -97px -198px;
}
.country-c-area .ui-option[data-key='972']::before
{
    background-position: -65px -198px;
}
.country-c-area .ui-option[data-key='225']::before
{
    background-position: -257px -71px;
}
.country-c-area .ui-option[data-key='1-876']::before
{
    background-position: -385px -198px;
}
.country-c-area .ui-option[data-key='81']::before
{
    background-position: -449px -198px;
}
.country-c-area .ui-option[data-key='44-1534']::before
{
    background-position: -321px -198px;
}
.country-c-area .ui-option[data-key='962']::before
{
    background-position: -417px -198px;
}
.country-c-area .ui-option[data-key='KZ 7']::before
{
    background-position: -321px -231px;
}
.country-c-area .ui-option[data-key='254']::before
{
    background-position: -1px -231px;
}
.country-c-area .ui-option[data-key='686']::before
{
    background-position: -97px -231px;
}
.country-c-area .ui-option[data-key='383']::before
{
    background-position: -225px -517px;
}
.country-c-area .ui-option[data-key='965']::before
{
    background-position: -257px -231px;
}
.country-c-area .ui-option[data-key='996']::before
{
    background-position: -33px -231px;
}
.country-c-area .ui-option[data-key='856']::before
{
    background-position: -353px -231px;
}
.country-c-area .ui-option[data-key='371']::before
{
    background-position: -161px -262px;
}
.country-c-area .ui-option[data-key='961']::before
{
    background-position: -385px -231px;
}
.country-c-area .ui-option[data-key='266']::before
{
    background-position: -65px -262px;
}
.country-c-area .ui-option[data-key='231']::before
{
    background-position: -33px -262px;
}
.country-c-area .ui-option[data-key='218']::before
{
    background-position: -193px -262px;
}
.country-c-area .ui-option[data-key='423']::before
{
    background-position: -449px -231px;
}
.country-c-area .ui-option[data-key='370']::before
{
    background-position: -97px -262px;
}
.country-c-area .ui-option[data-key='352']::before
{
    background-position: -129px -262px;
}
.country-c-area .ui-option[data-key='853']::before
{
    background-position: -65px -294px;
}
.country-c-area .ui-option[data-key='389']::before
{
    background-position: -417px -262px;
}
.country-c-area .ui-option[data-key='261']::before
{
    background-position: -353px -262px;
}
.country-c-area .ui-option[data-key='265']::before
{
    background-position: -289px -294px;
}
.country-c-area .ui-option[data-key='60']::before
{
    background-position: -353px -294px;
}
.country-c-area .ui-option[data-key='960']::before
{
    background-position: -257px -294px;
}
.country-c-area .ui-option[data-key='223']::before
{
    background-position: -449px -262px;
}
.country-c-area .ui-option[data-key='356']::before
{
    background-position: -193px -294px;
}
.country-c-area .ui-option[data-key='692']::before
{
    background-position: -385px -262px;
}
.country-c-area .ui-option[data-key='222']::before
{
    background-position: -129px -294px;
}
.country-c-area .ui-option[data-key='230']::before
{
    background-position: -225px -294px;
}
.country-c-area .ui-option[data-key='YT 262']::before
{
    background-position: -257px -517px;
}
.country-c-area .ui-option[data-key='52']::before
{
    background-position: -321px -294px;
}
.country-c-area .ui-option[data-key='691']::before
{
    background-position: -129px -135px;
}
.country-c-area .ui-option[data-key='373']::before
{
    background-position: -289px -262px;
}
.country-c-area .ui-option[data-key='377']::before
{
    background-position: -1px -198px;
}
.country-c-area .ui-option[data-key='976']::before
{
    background-position: -33px -294px;
}
.country-c-area .ui-option[data-key='382']::before
{
    background-position: -321px -262px;
}
.country-c-area .ui-option[data-key='1-664']::before
{
    background-position: -161px -294px;
}
.country-c-area .ui-option[data-key='MA 212']::before
{
    background-position: -225px -262px;
}
.country-c-area .ui-option[data-key='258']::before
{
    background-position: -385px -294px;
}
.country-c-area .ui-option[data-key='95']::before
{
    background-position: -1px -294px;
}
.country-c-area .ui-option[data-key='264']::before
{
    background-position: -417px -294px;
}
.country-c-area .ui-option[data-key='674']::before
{
    background-position: -193px -326px;
}
.country-c-area .ui-option[data-key='977']::before
{
    background-position: -163px -324px;
}
.country-c-area .ui-option[data-key='31']::before
{
    background-position: -98px -324px;
}
.country-c-area .ui-option[data-key='687']::before
{
    background-position: -289px -517px;
}
.country-c-area .ui-option[data-key='505']::before
{
    background-position: -65px -324px;
}
.country-c-area .ui-option[data-key='227']::before
{
    background-position: -1px -324px;
}
.country-c-area .ui-option[data-key='234']::before
{
    background-position: -33px -324px;
}
.country-c-area .ui-option[data-key='683']::before
{
    background-position: -321px -517px;
}
.country-c-area .ui-option[data-key='850']::before
{
    background-position: -193px -231px;
}
.country-c-area .ui-option[data-key='1-670']::before
{
    background-position: -353px -517px;
}
.country-c-area .ui-option[data-key='NO 47']::before
{
    background-position: -129px -324px;
}
.country-c-area .ui-option[data-key='968']::before
{
    background-position: -257px -324px;
}
.country-c-area .ui-option[data-key='92']::before
{
    background-position: -449px -324px;
}
.country-c-area .ui-option[data-key='680']::before
{
    background-position: -129px -358px;
}
.country-c-area .ui-option[data-key='970']::before
{
    background-position: -65px -358px;
}
.country-c-area .ui-option[data-key='507']::before
{
    background-position: -289px -324px;
}
.country-c-area .ui-option[data-key='675']::before
{
    background-position: -385px -324px;
}
.country-c-area .ui-option[data-key='595']::before
{
    background-position: -161px -358px;
}
.country-c-area .ui-option[data-key='51']::before
{
    background-position: -321px -324px;
}
.country-c-area .ui-option[data-key='63']::before
{
    background-position: -417px -324px;
}
.country-c-area .ui-option[data-key='64']::before
{
    background-position: -257px -486px;
}
.country-c-area .ui-option[data-key='48']::before
{
    background-position: -1px -358px;
}
.country-c-area .ui-option[data-key='1-787']::before
{
    background-position: -33px -358px;
}
.country-c-area .ui-option[data-key='1-939']::before
{
    background-position: -33px -358px;
}
.country-c-area .ui-option[data-key='974']::before
{
    background-position: -193px -358px;
}
.country-c-area .ui-option[data-key='242']::before
{
    background-position: -193px -71px;
}
.country-c-area .ui-option[data-key='262']::before
{
    background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='40']::before
{
    background-position: -257px -358px;
}
.country-c-area .ui-option[data-key='7']::before
{
    background-position: -321px -358px;
}
.country-c-area .ui-option[data-key='250']::before
{
    background-position: -353px -358px;
}
.country-c-area .ui-option[data-key='BL 590']::before
{
    background-position: -193px -135px;
}
.country-c-area .ui-option[data-key='290']::before
{
    background-position: -417px -517px;
}
.country-c-area .ui-option[data-key='1-869']::before
{
    background-position: -161px -231px;
}
.country-c-area .ui-option[data-key='1-758']::before
{
    background-position: -289px -486px;
}
.country-c-area .ui-option[data-key='590']::before
{
    background-position: -385px -517px;
}
.country-c-area .ui-option[data-key='508']::before
{
    background-position: -321px -486px;
}
.country-c-area .ui-option[data-key='1-784']::before
{
    background-position: -129px -455px;
}
.country-c-area .ui-option[data-key='685']::before
{
    background-position: -321px -455px;
}
.country-c-area .ui-option[data-key='378']::before
{
    background-position: -193px -391px;
}
.country-c-area .ui-option[data-key='239']::before
{
    background-position: -321px -391px;
}
.country-c-area .ui-option[data-key='966']::before
{
    background-position: -385px -358px;
}
.country-c-area .ui-option[data-key='221']::before
{
    background-position: -225px -390px;
}
.country-c-area .ui-option[data-key='381']::before
{
    background-position: -288px -358px;
}
.country-c-area .ui-option[data-key='248']::before
{
    background-position: -449px -358px;
}
.country-c-area .ui-option[data-key='232']::before
{
    background-position: -161px -391px;
}
.country-c-area .ui-option[data-key='1-721']::before
{
    background-position: -449px -486px;
}
.country-c-area .ui-option[data-key='421']::before
{
    background-position: -129px -391px;
}
.country-c-area .ui-option[data-key='386']::before
{
    background-position: -97px -391px;
}
.country-c-area .ui-option[data-key='677']::before
{
    background-position: -417px -358px;
}
.country-c-area .ui-option[data-key='252']::before
{
    background-position: -257px -391px;
}
.country-c-area .ui-option[data-key='27']::before
{
    background-position: -385px -455px;
}
.country-c-area .ui-option[data-key='82']::before
{
    background-position: -225px -231px;
}
.country-c-area .ui-option[data-key='211']::before
{
    background-position: -1px -517px;
}
.country-c-area .ui-option[data-key='94']::before
{
    background-position: -1px -262px;
}
.country-c-area .ui-option[data-key='249']::before
{
    background-position: -1px -391px;
}
.country-c-area .ui-option[data-key='597']::before
{
    background-position: -289px -391px;
}
.country-c-area .ui-option[data-key='47']::before
{
    background-position: -129px -324px;
}
.country-c-area .ui-option[data-key='268']::before
{
    background-position: -417px -391px;
}
.country-c-area .ui-option[data-key='963']::before
{
    background-position: -385px -391px;
}
.country-c-area .ui-option[data-key='886']::before
{
    background-position: -353px -422px;
}
.country-c-area .ui-option[data-key='992']::before
{
    background-position: -97px -422px;
}
.country-c-area .ui-option[data-key='255']::before
{
    background-position: -385px -422px;
}
.country-c-area .ui-option[data-key='66']::before
{
    background-position: -65px -422px;
}
.country-c-area .ui-option[data-key='228']::before
{
    background-position: -33px -422px;
}
.country-c-area .ui-option[data-key='690']::before
{
    background-position: -33px -517px;
}
.country-c-area .ui-option[data-key='676']::before
{
    background-position: -225px -422px;
}
.country-c-area .ui-option[data-key='1-868']::before
{
    background-position: -289px -422px;
}
.country-c-area .ui-option[data-key='216']::before
{
    background-position: -193px -422px;
}
.country-c-area .ui-option[data-key='90']::before
{
    background-position: -257px -422px;
}
.country-c-area .ui-option[data-key='993']::before
{
    background-position: -161px -422px;
}
.country-c-area .ui-option[data-key='1-649']::before
{
    background-position: -449px -391px;
}
.country-c-area .ui-option[data-key='688']::before
{
    background-position: -321px -422px;
}
.country-c-area .ui-option[data-key='1-340']::before
{
    background-position: -353px -486px;
}
.country-c-area .ui-option[data-key='256']::before
{
    background-position: -449px -422px;
}
.country-c-area .ui-option[data-key='380']::before
{
    background-position: -417px -422px;
}
.country-c-area .ui-option[data-key='971']::before
{
    background-position: -33px -7px;
}
.country-c-area .ui-option[data-key='598']::before
{
    background-position: -33px -455px;
}
.country-c-area .ui-option[data-key='998']::before
{
    background-position: -65px -455px;
}
.country-c-area .ui-option[data-key='678']::before
{
    background-position: -289px -455px;
}
.country-c-area .ui-option[data-key='379']::before
{
    background-position: -97px -455px;
}
.country-c-area .ui-option[data-key='58']::before
{
    background-position: -161px -455px;
}
.country-c-area .ui-option[data-key='84']::before
{
    background-position: -257px -455px;
}
.country-c-area .ui-option[data-key='681']::before
{
    background-position: -385px -486px;
}
.country-c-area .ui-option[data-key='212']::before
{
    background-position: -417px -102px;
}
.country-c-area .ui-option[data-key='967']::before
{
    background-position: -353px -455px;
}
.country-c-area .ui-option[data-key='260']::before
{
    background-position: -417px -455px;
}
.country-c-area .ui-option[data-key='263']::before
{
    background-position: -449px -455px;
}
.order .cart-left{
    width: 71%;
    margin-bottom: 40px;
} 
.order .cart-right{
    width: 29%;
    padding-left: 25px;
}
.order .block-widget{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.order .cart-list .shpp-list{
  padding: 0 15px;
}
.order .cart-list li{
    text-align: center;
} 
.order .cart-list .clis-title{
  font-size: 16px;
  margin-bottom: 15px;
  text-align: center;
  color:#282a39;
}

.order .cart-list .product {width: 42%; text-align: left;}
.order .cart-list .quantity{width: 24%;}
.order .cart-list .total   {width: 18%;}
.order .cart-list .del     {width: 16%;}

.order .cart-list .list-item{
  margin-bottom: 10px;
  border-radius: 4px;
  background: #f2f3f8;
}
.order .cart-list .total .price{
  color: #D6242F;
  font-weight: bold;
}
.order .cart-list .list-item .area {
  padding:10px 15px;
}
.order .cart-list .cart-img {
  position: relative;
  float: left;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.order .cart-list .cart-img img {
  overflow: hidden;
  margin: 0 auto;
}
.order .cart-list .title-game {
    padding: 8px 0 8px 70px;
    color: #282a39;
    font-weight: 500;
}
.order .cart-list .title-game .game{
  display: block;
}
.order .cart-list .goods-num{
    margin-top: 10px;
    margin-bottom: 0;
}
.order .cart-list .goods-num .item-num{
  margin: 0 -1px;
  border: 1px solid #d2d5e5;
  background: #f2f3f8;
}
.order .cart-list .goods-num .btn-sm{
  border: 1px solid #d2d5e5;
  background: #f2f3f8;
}
.order .cart-list .shpp-list-order .goods-num{
  margin-top: 0;
}
.order .cart-list .shpp-list-order .quantity{
  width: 38%;
}
.order .cart-list .make{
    line-height: 50px;
}
.order .cart-list .icon:hover{
    color: red;
    cursor: pointer;
}
.order .also-inct {
  font-size: 12px;
  line-height: 40px;
  float: left;
  height: 40px;
  margin: 5px 15px 15px;
  padding: 0 20px;
  color: #9E6900;
  border-radius: 3px;
  border:1px solid;
}
.order .text-area{
    padding: 0 15px;
}
.order .text-area .please-contact{
  color: #60697b;
  font-size: 14px;
  margin-bottom: 20px;
}
.order .text-area .please-contact a{
  color: #1F845D;
}
.order .text-area .explain-bg{
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #e5e5e5;
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 10px;
}
.order .text-area .explain-bg p{
  margin-bottom: 10px;
}
.order .add-options{
    padding: 15px; 
    margin-top: 15px;
}
.add-options .ui-select .ui-btn{
    height: 45px;
    line-height: 43px;
    padding: 0 15px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #3a4350;
    border-radius: 5px;
    background: #303640;
}
.add-options .ui-select{
    position: relative;
}
.add-options .ui-select .ui-btn span{
  float: left;
  overflow: hidden;
  max-width: 88%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.add-options .ui-select .ui-btn i{
    float: right;
    line-height: 45px;
    font-size: 12px;
}
.add-options .ui-select .ui-options {
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 1;
    color: #687bd9;
    border-radius: 3px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 320px;
}
.add-options .ui-select .ui-options .ui-option {
    position: relative;
    padding: 0 10px;
    line-height: 24px;
    color: #515482;
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
}
.add-options .ui-select .ui-options .ui-option:hover{
    color: #fff;
    background: #66c792;
}
.add-options .ui-select .ui-options .ui-option::before {
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    content: '';
    vertical-align: middle;
    background: #515482;
}
.add-options .ui-select .ui-options .ui-option:hover::before{
    background: #fff;
}
.add-options .ui-select .search-area{
    margin: 0;
    padding: 10px;
    width: 100%;
}
.add-options .ui-select .search-area .keyword {
    line-height: 35px;
    height: 35px;
    color: #515482;
    border: none;
    width: 100%;
    border-radius: 3px;
    padding-left: 10px;
    background: #f0f0f0;
}
.add-options .label-title{
    margin-bottom: 5px;
}
.add-options .label-title i{
    color: red;
    vertical-align: sub;
    margin-right: 2px;
}
.add-options .big-radio .input-form{
  background: #3a556b;
  border: 1px solid #47657d;
  color: #fff;
}
.add-options .add-options-desc{
  font-size: 12px;
  font-style: normal;
  font-display:block;
  color: #FFE500;
}
.add-options .add-options-file {
  position: relative;      
  float: left;
  width: 100%;      
}
.add-options .add-options-file .pcs{
  float: left;
}
.add-options .add-options-file em{
  font-style: normal;
  font-display:block;
  color: #0eff74;
}
.add-options .add-file-input {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  height: 60px;
  cursor: pointer;
  opacity: 0;
  width: 100%;
}
.add-options .add-file-input:hover + .add-file-text{
  background: #417ac7;
}
.add-options .add-file-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  color: #fff;
  border-radius: 4px;
  height: 60px;
  line-height: 60px;
  background: #3b485c;
}
.add-options .show-upload-img{
  margin-top: 60px;
}
.add-options .show-upload-img img{
  max-width: 48px;
  max-height: 60px;
  height: auto;
  margin: 10px 10px 0 0;
}
.add-options ul .link{
  position: relative;
    margin-bottom: 10px;
}
.add-options ul .link .error-message{
  position: absolute;
  left: 0;
  bottom: -18px;
  background: #000;
  color: red;
  padding: 0 4px;
  border-radius: 4px;
  z-index: 1;
  width: 190px;
  font-size: 12px;
}
.add-options ul .link .error-message .icn {
  position: absolute;
  z-index: 10;
  top: -5px;
  left: 14px;
  width: 0;
  height: 0;
  content: "";
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  border-left: 5px solid transparent;
}
.add-options ul .width1{width: 40%;}
.add-options ul .width2{width: 24%;}
.add-options ul .width3{width: 18%;}
.add-options ul .width4{width: 18%;}
.add-options ul .width4 .ui-select{width: 50%;}
.add-options .btn{
  float: right;
  font-size: 14px;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
  color: #191d22;
  line-height: 38px;
  height: 38px;
  border-radius: 5px;
  background: #66c792;
  margin-left: 10px;
  
}
.add-options .del{background:#5988cf;padding: 0 35px;}
.add-options .btn:hover{
    -webkit-filter: brightness(1.2);
}
.add-options .tian-confirm{float: left;width: 100%;margin-top: 10px;}
.add-options .above{cursor: pointer;}
.add-options .copyBox .label-title{display: none;}
.add-options .ui-select-areaw{position: relative;}
.add-options .ui-select-areaw .ui-select{position: absolute;top:-20px;left: 0;}
.add-options .copyLink{
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px dotted #999;
}

.playerinfo .link .images-s-title {
  background: #4c6285 !important;
}
.playerinfo .platform .btn-area{
  display: inline-block;
  padding: 6px 20px;
  color: #fff;
  border-radius: 5px;
  background: #2395bf;
  margin:0 0 10px 15px;
}

.payment-method {
  padding: 0 15px;
  margin: 0 -8px;
}
.payment-method li{
    width: 33.33333%;
    float: left;
    padding: 8px;
}
.payment-method .pay-box{
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
}
.payment-method .pay-box .pay-text{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  line-height: 20px;
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  background: #737193;
  border-radius: 8px 0 0 0;
}
.payment-method .pay-box input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.payment-method .pay-box label{ 
  display: block; 
  cursor: pointer;
  background: #fff;
  padding-bottom: 15px;
  border-radius: 5px;
  border:2px solid #a19fb3;
}
.payment-method .pay-box label img{
  border-radius: 5px;
}
.payment-method .pay-box label .metpera{
  position: relative;
  top:8px;
}
.payment-method .pay-box input[type="radio"] + label::before {
  position: absolute;
  top: 35px;
  right: 9px;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #151424;
  border-radius: 50%;
}
.payment-method .pay-box input[type="radio"] + label::after {
  position: absolute;
  content: "";
  top: 37px;
  right: 16px;
  width: 5px;
  height: 12px;
  opacity: 0;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
}
.payment-method .pay-box input[type="radio"]:checked + label::after{
  opacity: 1;
}
.payment-method .pay-box input[type="radio"]:checked + label::before{
  border-color: #4d49d5;
  background: #4d49d5;
}
.payment-method .pay-box input[type="radio"]:checked + label{
  border-color: #4d49d5;
}
.payment-method .pay-box input[type="radio"]:checked + label .pay-text{
  background: #4d49d5;
}
.payment-method .pay-box .pay-coinpal4 .pay-text{background:#E72222;}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4 .pay-text{background:#E72222;}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4::before{border-color: #E72222;background: #E72222;}
.payment-method .pay-box input[type="radio"]:checked + .pay-coinpal4{border-color: #E72222;}
.paymentbox .check-box{
  padding-left: 12px;
  margin-bottom: 10px;
}
.cart-rightbox {
    overflow-y:auto;
    position: fixed;
    z-index: 100;
    width: 320px;
    display:inline-block;
    max-height: calc(100vh - 255px);
}
.cart-rightbox::-webkit-scrollbar {width :4px}
.cart-rightbox::-webkit-scrollbar-track{background-color :#cCc;}
.cart-rightbox::-webkit-scrollbar-thumb {background-color :#666;}
.cart-right-ul{margin-bottom:20px;}
.cart-rightbox .cart-right-area {
  padding:0 15px;
}
.cart-rightbox .tile-code {
  font-size: 24px;
  display: block;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 500;
}
.cart-right-area .discount-code {
  line-height: 38px;
  float: left;
  width: 60%;
  height: 40px;
  color: #282a39;
  padding: 0 12px;
  border-radius: 5px;
  border: 1px solid #e0e2ee;
  background: #f2f3f8;
}
.cart-right-area .btn {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    line-height: 40px;
    width: 35%;
    min-width: inherit;
    height: 40px;
    margin-left: 5%;
    cursor: pointer;
    border-radius: 5px;
    background: #DF2F3A;
    text-transform: uppercase;
}
.cart-right-area .btn:hover{
    -webkit-filter: brightness(1.1);
}
.cart-right-area .fr-fr .discount-code,
.cart-right-area .de-de .discount-code{
    width: 50%;
}
.cart-right-area .fr-fr .btn,
.cart-right-area .de-de .btn{width: 45%;}
.cart-right-area .submit{  
  font-size: 18px;
  line-height: 45px;
  width: 100%;
  height: 45px;
  color: #282a39;
  border-radius: 3px;
  background: #ffb822;
  border: none;
  margin: 0 0 15px 0;
}
.cart-rightbox .box {
    margin-top: 10px;
}
.cart-rightbox .box .name{
  color: #282a39;
}
.cart-rightbox .box .price {
  float: right;
  color: #DF2F3A;
}
.cart-rightbox .cart-amounts {
  margin: 0 -15px 0;
  padding: 20px 15px 10px;
  border-top: 1px solid #e0e2ee;
}
.cart-rightbox .cart-amounts .name{
  font-size: 18px;
  color: #282a39;
  font-weight: bold;
}
.cart-rightbox .cart-amounts .price{
  color: #DF2F3A;
  font-size: 18px;
  font-weight: bold;
}
.cart-right-ul{margin-bottom:20px;}
.css-order-pay .mobile-money{display:none;}
.order-pay {
    font-size: 16px;
    text-align: center;
    min-height: 500px;
    margin-top: 50px;
}
.order-pay .top-pay{
    font-size: 24px;
    color: #282a39;
    margin-top: 20px;
}
.order-pay .timer-box {
    display: inline-block;
    margin: 30px 0;
}
.order-pay .timer-box .timer {
    font-size: 36px;
    font-style: normal;
  font-display:block;
    line-height: 80px;
    display: block;
    width: 80px;
    height: 80px;
    color: #ffb822;
    border: 1px solid;
    border-radius: 50%;
}
.order-pay .text {
  font-size: 14px;
    color: #3e3e3e;
}
.order-pay .going-on {
  display: inline-block;
  margin: 30px 0;
  padding: 11px 32px;
  color: #fff;
  border-radius: 4px;
  background: #ffb822;
}
.order-pay .please-text{
    color: #ffb822;
    margin-bottom: 50px;
}
.order-info{
  padding: 0 20px 20px;
}
.order-info .order-a{
    line-height: 32px;
}
.order-info .order-a li{
  display: inline-block;
  width: 100%;
}
.order-info .name {
  min-width: 100px;
  float: left;
  text-align: right;
  margin-right: 6px;
}
.order-info .bcde{
    color: #282828;
    font-size: 12px;
    margin-top: 10px;
}
.order .order-s-status .product{
    width: 58%;
}
.order .order-s-status .total{
    text-align: right;
}
.order .order-s-status .order-s-list li{
    padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid #ededed;
}
.order .order-s-status .order-s-list .total-amount-area{
    border: none;
    text-align: right;
    padding: 10px 0;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
}
.order .order-s-status .order-a{
    padding: 0 15px 30px 15px;
}
.order .order-s-status .order-a li{
  margin-bottom:20px;
}
.order .order-s-status .order-a .issues{
  display: block;
  margin-top: 5px;
  color: #ff3f3f;
}
.order .order-s-status .order-a .issues .live-chat-btn{
  color:#2eb6ec;
  cursor: pointer;
}
.order .order-s-status .order-a .issues .live-chat-btn:hover{
  text-decoration: underline;
}
.order .order-s-status .order-a .name{
  color: #666;
}
.order .order-s-status .order-a .link{
    color: #000;
}
.order .order-status{
    margin: 25px 0;
}
.order .order-status li{
    position: relative;
    width: 25%;
    color: #a4a4a4;
    text-align: center;
}
.order .order-status li::before {
  font-size: 65px;
  position: absolute;
  top: -24px;
  right: -20px;
  content: '»';
  color: #a4a4a4;
}
.order .order-status li:nth-child(n+4)::before{
    display: none;
}
.order .order-status .icon {
    font-size: 30px;
}
.order .order-status .title-sta{
    font-size: 12px;
    margin-top: 10px;
}
.order .order-status .on{
    color: #008298;
}
.order .order-status .on::before {
   color: #66c792; 
}
.order .title-success {    
    font-size: 40px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    padding-top: 20px;
    text-align: center;
    color: #303030;
}

/*-----------vip页面--------------*/
.vip .title-png {
  margin: 55px 0 20px 0;
}
.vip .vip-banner{
  width: 100%;
  border-radius: 5px;
}
.vip .vip-aera {
  font-size: 14px;
  line-height: 1.75;
  color: #60697b;
  margin-bottom: 100px;
}
.vip .vip-aera .vip-banner{
    margin: 15px 0;
    border-radius: 5px;
}
.vip .vip-aera h2{
    margin: 20px 0 0 0;
    font-size: 16px;
    color: #282a39;
    font-weight: normal;
}
.vip .vip-discount{
    color: #fff;
}
.vip .vip-discount th{
    font-size: 16px;
    font-weight: 700;
    width: 10%;
    height: 54px;
    color: #fff;
    text-align: center;
    border: 1px solid #282a39;
    background: #282a39;
}
.vip .vip-discount td {
  height: 54px;
  text-align: center;
  color: #000;
  border: 1px solid #282a39;
  background: #f2f3f8;
}
.vip .vip-icon {
  font-size: 18px;
  color: #008000;
}

.about .textimg{
    border-radius: 5px;
    margin-bottom: 15px;
}
.about .textbox{
    color: #9b9fa5;
    line-height: 1.75;
}
.about-contact{
    margin: 0 -15px;
}
.about-contact li{
    float: left;
    padding: 15px;
    width: 50%;
}
.about-contact li .box {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 285px;
  margin-top: 80px;
  padding: 15px;
  border-radius: 10px;
  background: #394454;
}
.about-contact li .text-top {
  margin-top: 80px;
  color: #fff;
}
.about-contact li .box img {
  position: absolute;
  top: -70px;
  right: 0;
  left: 0;
  margin: 0 auto;
  border-radius: 50%;
}
.about-contact li .box .right {
  font-size: 14px;
  padding: 20px 0;
  color: #66c792;
}
.about-contact li .box .right p {
  padding-top: 10px;
}
.about-contact li .box .right a {
  cursor: pointer;
  color: #66c792;
}
.about-contact li .box .right span {
  font-size: 16px;
  float: left;
  padding-right: 10px;
  vertical-align: middle;
}
.about .new-contact-live {
  padding: 20px 0;
}
.about .text-area {
  overflow: hidden;
  padding: 0 20px 20px 20px;
  border: 1px solid #e6e6e6;
  background: #fff;
}
.about .text-area .title {
  font-size: 20px;
  margin-top: 20px;
  text-align: left;
}

.sell-s-area {
  padding-bottom: 50px;
  line-height: 1.5;
}
.sell-s-area h2,
.sell-s-area h3{
  margin-top: 10px;
  font-size: 16px;
  color: #282a39;
  margin-bottom: 0;
  font-weight: normal;
}
.sell-s-area .new-contact-live{
  margin: 10px -25px;
}
.sell-s-area .new-contact-live .tian-livee{
  float: left;
  width: 50%;
  padding: 25px;
}
.sell-s-area .new-contact-live .box{
  border:1px solid #e0e2ee;
  border-radius: 5px;
  overflow: hidden;
}
.sell-s-area .new-contact-live .unicom {
  font-size: 16px;
  display: inline-block;
  padding-left: 20px;
  vertical-align: middle;
  color: #282a39;
}
.sell-s-area .new-contact-live .unicom i{
  font-style: normal;
  color: #946300;
  font-weight:500;
}
.sell-s-area .new-contact-live .unicom em{
  font-style: normal;
  font-display:block;
  font-size: 14px;
}
.sell-s-area .new-contact-live img{
  vertical-align: middle;  
}
.sell-a-area {
  padding-bottom: 50px;
  text-align: center;
}
.sell-a-area .sellun-top{
  display: inline-block;
  width: 820px;
  text-align: left;
  border-radius: 10px;
  padding: 30px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.sell-a-area .linst-link {
  float: left;
  width: 50%;
  padding: 10px;
}
.sell-a-area .link {
  margin-bottom: 10px;
}
.sell-a-area .form-text {
  color: #282a39;
  display: block;
}
.sell-a-area .form-email {
  width: 100%;
  height: 40px;
  border: 1px solid #e0e2ee;
  border-radius: 4px;
  padding: 0 15px;
  color: #282a39;
  font-size: 14px;
  background: #f2f3f8;
  font-family: 'Roboto', sans-serif;
}
.sell-a-area .ui-select {
  position: relative;
}
.sell-a-area .ui-btn {
  position: relative;
  float: left;
  width: 100%;
  color: #282a39;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #e0e2ee;
  background: #f2f3f8;
}
.sell-a-area .ui-btn .ico {
  position: absolute;
  right: 10px;
  line-height: 40px;
  font-size: 18px;
}
.sell-a-area .ui-options {
  position: absolute;
  top: 40px;
  float: left;
  width: 100%;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.sell-a-area .ui-option {
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  color: #201f3f;
  padding: 0 15px;
}
.sell-a-area .ui-option:hover {
  background: #e4e7ed;
}
.sell-a-area textarea.form-email{
  padding: 10px;
}
.sell-a-area .box{
  text-align: center;
}
.sell-a-area .start-style{
  display: inline-block;
  height: 50px;
  line-height: 50px;
  min-width: 170px;
  text-align: center;
  background: #ffb822;
  color: #282a39;
  font-size: 16px;
  font-weight: bold;
  margin: 8px;
  border-radius: 5px;
  box-shadow: 0 1px 1px 0px #a6a6a6;
}

.sell-s-area .looking {
  text-align: center;
}
.sell-s-area .looking .buynow {
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 170px;
  height: 50px;
  line-height: 50px;
  padding-right: 10px;
  padding-bottom: 4px;
  text-align: center;
  color: #946300;
  border: 1px solid;
  border-radius: 5px;
  font-weight: bold;
  margin: 20px 8px;

}
/*-----------个人中心--------------*/
.instructions {
  font-size: 14px;
  margin-bottom: 30px;
  color: #090909;
}
.personal-area{
    margin-bottom: 50px;
}
.user-table{
  width: 25%;
  padding-right: 30px;    
}
.user-table ul{
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.user-table li {
  position: relative;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}
.user-table li+li{
  border-top: 1px solid #e0e2ee;
}
.user-table li a {  
  font-size: 16px;
  display: block;
  color: #282a39;
  font-weight: bold;
  padding-left:20px;
}
.user-table li a i {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: text-bottom;
}
.user-table .current {
  background: #ffb822;
}
.user-table .current a{
  color: #282a39;
}
.user-information-box {
  margin-bottom: 50px;
  padding: 20px;
  width: 75%;
  color: #9b9fa5;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.user-information-order{
  float: left;
  width: 75%;
}
.personal-table {
  margin: 0 -10px;
}
.personal-table li {
  float: left;
  width: 50%;
  padding: 10px;
  text-align: left;
}
.personal-table li .name {
  display: block;
  color: #60697b;
}
.personal-table li input {
  width: 100%;
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  color: #282a39;
  border: 1px solid #e0e2ee;
  border-radius: 5px;
  background: #f2f3f8;
}
.personal-table li .country-c-area{
    float: left;
    width: 100%;
}
.personal-table li .ui-select .ui-btn{
  display: inline-block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  color: #282a39;
  padding-left: 15px;
  border: 1px solid #e0e2ee;
  border-radius: 5px;
  background: #f2f3f8;
}
.personal-table li .ui-select .ui-btn i{
  position: absolute;
  right: 15px;
  font-size: 20px;
  line-height: 45px;
}
.personal-table li .ui-select .ui-options{
  top: 46px;
  width: 100%;
  border: 1px solid #e0e2ee;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);  
}
.personal-table .confirm{
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.personal-table li .btn {
  font-size: 14px;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  min-width: 150px;
  padding: 0 15px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #282a39;
  border-radius: 5px;
  background: #ffb822;
}
.personal-table-old li{
    width: 100%;
}
.my-order-list li{
  float: left;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);  
}
.my-order-list .base{
  padding: 20px;
}
.my-order-list .base .nubmer {
  float: left;
  color: #0D6EFC;
}
.my-order-list .base .orders-time {
  font-size: 12px;
  float: right;
  color: #71747F;
}
.my-order-list .content {
  float: left;
  width: 100%;
  padding: 20px;
  border-top: 1px solid #e0e2ee;
  border-bottom: 1px solid #e0e2ee;
}
.my-order-list .content .game {
  font-size: 16px;
}
.my-order-list .content em {
  font-style: normal;
  font-display:block;
}
.my-order-list .content .area,
.my-order-list .content .item {
  font-size: 12px;
}
.my-order-list .content .money {  
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  float: right;
  color: #DF2F39;
}
.my-order-list .content .status {
  font-size: 12px;
  margin-left: 10px;
  padding: 2px 7px;
  border: 1px solid;
  border-radius: 4px;
}
.my-order-list .content .money-status{
  display: block;
  margin: 10px 0;
}
.my-order-list .content .order-time {
  line-height: 1;
  display: inline-block;
  width: 100%;
  margin-left: 10px;
  color: #DF2F39;
}
.my-order-list .action {
  float: right;
  width: 100%;
  padding: 10px 20px;
}
.my-order-list .action .del,
.my-order-list .action .btn {
  font-size: 12px;
  line-height: 22px;
  float: right;
  width: initial;
  min-width: 80px;
  height: 24px;
  margin-left: 10px;
  padding: 0 10px;
  color: #282a39;
  cursor: pointer;
  text-align: center;
  border: 1px solid #ffb822;
  border-radius: 5px;
  background: #ffb822;
}
.my-order-list .action .del {
  color: #282a39;
  border: 1px solid #282a39;
  background: 00;
}
.my-order-list .action .btn:hover {
  color: #fff;
  background: #ffb822;
}
.my-order-list .action .del:hover {
  color: #fff;
  background: #ffb822;
  border: 1px solid #ffb822;
}

/*-------------------------------*/
.welcome-area{
    margin-top: 10px;
    margin-bottom: 20px;
}
.welcome-area h3 {
  font-size: 24px;
  margin: 0;
  color: #66c792;
}
.welcome-area p{
  font-size: 14px;
  color: #9b9fa5;
}
.about-sell .personal-table li .ui-select{
    position: relative;
    height: 45px;
}
.about-sell .personal-table li .ui-select .ui-btn{
    padding-right: 15px;
    background: #303640;
}
.about-sell .personal-table li .ui-select .ui-btn i{
    float: right;
}
.about-sell .personal-table li .ui-select .ui-options {
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 9999;
  width: 100%;
  max-height: 320px;
  padding-bottom: 10px;
  color: #687bd9;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 3px;
  background: #fff;
}
.about-sell .personal-table li .ui-select .ui-options .ui-option {
  position: relative;
  padding: 0 15px;
  line-height: 24px;
  color: #515482;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
}
.about-sell .personal-table li .ui-select .ui-options .ui-option:hover{
    color: #fff;
    background: #66c792;
}
.about-sell .personal-table li input{
    background: #303640;
    font-size: 15px;
}
.about-sell .personal-table li .paypal {
  float: left;
  width: 23%;
  margin-right: 2%;
}
.about-sell .personal-table li .put {
  width: 75%;
}
.about-sell .personal-table .confirm{
    text-align: center;
}
.about-sell .personal-table{
    padding: 0;
    margin: 0 -10px;
}

/*--------留言-------------*/
.reviews{
  margin-bottom: 80px;
}
.reviews .title{
  margin: 20px 0;
  font-size: 30px;
  font-weight: 500;
}
.reviews-big-area{
  padding: 20px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 10px;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.reviews .reviews-left{
    width: 100%;
    margin-bottom: 0;
}
.reviews .star-top{
  color: #000;  
}
.reviews .text{
  color: #282a39;
  margin-bottom: 15px;
}
.reviews .star {
  font-size: 14px;
  overflow: hidden;
  margin: 5px 0;
}
.reviews .star i {
  display: inline-block;
  color: #fff;
  background: #60697b;
  padding: 5px;
  font-size: 16px;
  margin-right: 2px;
  cursor: pointer;
}
.reviews .textarea-text {
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    height: 130px;
    color: #282a39;
    border: 1px solid #e0e2ee;
    background: #f2f3f8;
    font-family: 'Roboto', sans-serif;
}
.reviews .btn {
  font-size: 14px;
  line-height: 35px;
  display: inline-block;
  box-sizing: border-box;
  min-width: 120px;
  height: 36px;
  margin: 15px 0;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #282a39;
  border: none;
  border-radius: 5px;
  background: #ffb822;
}
.reviews .comments-box{
  margin: 0 -10px;
}
.reviews .comments-box li {
  float: left;
  width: 33.333333%;
}
.reviews .comments-box .box{
  position: relative;
  padding: 20px 20px 20px 75px;
  border-radius: 10px;
  background: #fff;
  text-align: left;
  justify-content: flex-start;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.reviews .comments-box .name {
  position: absolute;
  left: 20px;
  top: 15px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  text-align: center;
  background: #4c4f6d;
  border-radius: 50%;
  color: #e0e2ee;
  font-size: 22px;
}
.reviews .comments-box .nickname {
  font-size: 18px;
  color: #282a39;
  font-weight: bold;
  height: 30px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reviews .comments-box .content-guestbook{
  max-height: 100px;
  margin-bottom: 10px;
  overflow: auto;
  color: #282a39;
}
.reviews .comments-box .time {
  color: #727392;
}
.reviews .star-bottom i{
  display: inline-block;
  color: #fff;
  padding: 3px;
  margin-right: 2px;
  font-size: 12px;
  background: #00b67a;
}

/*------------推广-------------*/
.affiliate .contact-att-us {
  width: 30%;
  padding-left: 26px;
}
.affiliate .contact-att-us .att-box{
  color: #60697b;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);  
}
.affiliate .contact-att-us .title{
  padding: 20px 0 20px 35px;
  margin: 0;
  text-align: left;
  font-size: 22px;
  color: #282a39;
  border-bottom: 1px solid #f2f3f8;
}
.affiliate .contact-att-us ul{
  padding: 16px 35px;
}
.affiliate .contact-att-us ul li{
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}
.affiliate .contact-att-us .box{
  display: block;
  color: #60697b;
  word-break: break-all;
}
.affiliate .contact-att-us .box .name{
  font-weight: bold;
  color: #282a39;
}

.affiliate .contact-att-us .box-skype{
  position: absolute;
  left: 0;
  display: inline-block;
  width: 25px;
  text-align: center;
  height: 25px;
  line-height: 25px;
  color: #fff;
  border-radius: 4px;
  background: #ffb822;
}
.affiliate .contact-att-us .prompt{
  font-size: 12px;
  color: #DF2F39;
}
.affiliate .user-aff-lint {
  margin: 0 -8px;
}
.affiliate .user-aff-lint .box {
  float: left;
  padding: 0 8px;
}
.affiliate .user-aff-lint .box span{
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  cursor: pointer;
  border-radius: 5px;
  color: #946400;
  border:1px solid;
}
.affiliate .user-aff-lint .current span{
  color: #282a39;
  border-color: #ffb822;
  background: #ffb822;
}
.affiliate .index {
  width: 70%;
  min-height: 570px;
  margin-bottom: 50px;
  padding: 20px;
  color: #60697b;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.affiliate .index .text{
  padding-top: 30px
}
.affiliate .index strong span {
  text-transform: capitalize;
}
.affiliate .landing {
  margin-bottom: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f3f8;
}
.affiliate .landing .user-left {
  font-size: 60px;
  display: inline-block;
  color: #66c792;
}
.affiliate .landing .acbox {
  display: inline-block;
}
.affiliate .landing .acbox .usname {
  float: left;
  font-size: 16px;
  font-weight: bold;
  color: #946400;
  margin-right: 30px;
}
.affiliate .landing .acbox .usname .name{
  color: #282a39;
}
.affiliate .landing .acbox .user-name{
  display: inline-block;
  vertical-align: bottom;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.affiliate .modify-box li{
    float: left;
    width: 50%;
    padding: 10px;
    margin-bottom: 10px;
}
.affiliate .modify-box .name{
  color: #282a39;
}
.affiliate .modify-box .foinput{
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  color: #201f3f;
  width: 100%;
  border: 1px solid #e0e2ee;
  border-radius: 5px;
  background: #eaecf3;
}
.affiliate .confirm{
    padding: 10px;
}
.affiliate hr {
  border-top: 1px solid #1c1a2f;
}
.affiliate .btn{
    display: inline-block;
    font-size: 14px;
    line-height: 38px;
    width: 170px;
    height: 38px;
    margin-left: 0;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #DF2F3A;
}
.affiliate .confirm.btton {
  border-bottom: 1px solid #eaecf3;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.affiliate .radio {
  float: left;
  margin-right: 12px;
  margin-top: 10px;
}
.affiliate .affi-display {  
  font-size: 16px;
  color: #201f3f;
  margin-top:10px;
  margin-bottom:5px;
  font-weight: 500;
}
.affiliate .time {
  margin: 0 -10px;
}
.affiliate .time input {
  line-height: 43px;
  width: 26%;
  height: 45px;
  margin: 0 10px 10px;
  padding-left: 10px;
  color: #201f3f;
  border: 1px solid #e0e2ee;
  border-radius: 5px;
  background: #f2f3f8;
}
.affiliate .sth {
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  box-sizing: border-box;
  min-width: 120px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 5px;
  background:#DF2F3A;
}
.affiliate .one-first{
    width: 100%;
}
.affiliate .one-first th {
  font-size: 12px;
  width: 2%;
  height: 45px;
  text-align: center;
  color: #fff;
  background: #282a39;
}
.affiliate .one-first td {
  height: 40px;
  text-align: center;
  border: 1px solid #282a39;
}
.affiliate .order .settlement {
  display: inline-block;
  width: 100%;
  color: #282a39;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  margin-top: 15px;
  padding-right: 20px;
  text-align: right;
  background: #eaecf3;
}
.affiliate .order .settlement i {    
    color: #D0202B;
    font-style: normal;
}
.affiliate .exchange-cash {
    float: right;
    margin-top: 15px;
    font-size: 14px;
    line-height: 35px;
    box-sizing: border-box;
    min-width: 120px;
    height: 36px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    color: #fff !important;
    border: none;
    border-radius: 5px;
    background: #DF2F3A;
}

.affiliate .btn:hover{
  opacity: .9;
}

/*---------------新闻区域------------*/
.news .posts-list li{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999;
}
.news .posts-list .box{
  padding: 10px;
}
.news .posts-list .title-new{
  font-size: 26px;
  display: block;
  margin-bottom: 10px;
  color: #272727;
  font-weight: 500;
}
.news .posts-list .title-new:hover{
  color: #22809a;
}
.news .text .title-pop{
  font-size: 24px;
  margin: 0;
  color: #010101;
}

/*-----------站点地图------------*/
.sitemap{margin: 0;padding-top:0;}
.sitemap .title{
  text-align: left;
  margin-top: 30px;
  margin-bottom: 5px;
}
.sitemap .logo{padding:30px 0;}
.sitemap ul{
  margin: 0 -10px;
}
.sitemap ul li{
  float: left;
  padding: 10px;
  width: 25%;
  text-align: left;
}
.sitemap a{
  font-size: 14px;
  line-height: 38px;
  display: block;
  height: 38px;
  padding: 0 20px;
  border-radius: 2px;
  background: #f4b439;
  color: #000;
  min-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}
.sitemap .news ul li{
  float: left;
  width: 50%;
  text-align: left;
}

/*找回密码*/
.reset-area{
  width: 500px;
  margin: 50px auto 200px auto;
  padding: 50px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.reset-area .title-3{  
  font-size: 26px;
  font-weight: bold;
  color: #282a39;
  text-transform: uppercase;
  text-align: center;
}
.reset-area .input-area .input-text {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #282a39;
  font-size: 14px;
  border: 1px solid #e0e2ee;
  border-radius: 5px;
  background: #f2f3f8;
}
.reset-area .title-w-will {
  margin-bottom: 30px;
  color: #60697b;
  text-align: center;
}
.reset-area .btn {
  line-height: 45px;
  width: 100%;
  height: 45px;
  cursor: pointer;
  margin-top: 25px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: none;
  background: #ffb822;
  border-radius: 5px;
}
.reset-area .tips {
  font-size: 18px;
  margin-bottom: 40px;
  color: #687bd9;
}
.reset-area .input-area {
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
}
.reset-area .input-area .ico {
  position: absolute;
  top: 19px;
  right: 10px;
  color: #8d8e98;
}
.reset-area .input-area:nth-child(2n) {
  text-align: left;
}
.reset-area .input-area .submit-again {
  font-size: 12px;
  line-height: 35px;
  float: right;
  min-width: 35px;
  height: 35px;
  margin: 11px;
  padding: 0 10px;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 30px;
  background: linear-gradient(to bottom,#779fdb,#503fd5);
}
.reset-area.success-text{text-align: center;}
.reset-area.success-text .cont {color: #00981f;font-size: 50px;}
/*活动促销*/
.promotion-text{
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e2ee;
}
.promotion-text .subtitle {
  font-size: 18px;
  text-align: center;
  color: #946400;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 10px;
}
.promotion-text p {
  font-size: 14px;
  line-height: 1.8;
  color: #60697b;
}
.promotion-text strong {
  color: #282a39;
  font-weight:500;
}
.promotion-text .red {
  color: #D8222D;
  font-weight: bold;
  vertical-align:initial;
}
.promotion .top-gold {
  margin-bottom: 20px;
}
.promotion .top-gold .link{
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding: 0 5px;
  min-width: 112px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #946400;
  border: 1px solid;
  cursor: pointer;
  border-radius: 4px;
  margin-right: 10px;
}
.promotion .top-gold .current{
  color: #282a39;
  border-color: #ffb822;
  background: #ffb822;
}
.promotion .product {
  margin: 0 -20px;
}
.promotion .product .sales-promotion{
  float: left;
  width: 50%;
  padding: 20px;
}
.promotion .product .old-box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.promotion .product .box-top{
  padding: 20px;
  border-bottom: 1px solid #e0e2ee;
}
.promotion .product .box-img{
  float: left;
  padding-right: 20px;
}
.promotion .product .buy p{
  font-size: 18px;
  font-weight: bold;
  color: #282a39;
  height: 45px;
}
.promotion .product .price{
  display: block;
  margin-bottom: 18px;
  font-size: 18px;
  color: #DF2F39;
  font-weight: bold;
}
.promotion .product .price .off{
  font-size: 14px;
  color: #60697b;
  margin-right: 5px;
  font-weight: normal;
}
.promotion .product .buy-now{
  float: left;
  font-size: 14px;
  font-weight: 700;
  padding: 0 5px;
  min-width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #DF2F39;
  border: 1px solid;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
}
.promotion .product .buy-now:hover{
  color: #fff;
  border-color: #e7515a;
  background: #e7515a;
}
.promotion .box-text {
  padding: 20px;
  font-size: 44px;
  font-weight: bold;
  color: #282a39;
  text-align: center;
}

.promotion .box-text .dash{
  display: inline-block;
  margin: 0 3px;
}
.promotion .box-text .dash i{
  display: inline-block;
  font-style: normal;
  font-display:block;
  background: #e0e2ee;
  height: 80px;
  line-height: 80px;
  width: 50px;
  text-align: center;
  border-radius: 5px;
  margin: 0 3px;
}

.promotion-text1 {
  margin-bottom: 80px;
}
.promotion-text1 .title-text{
  margin-bottom: 0;
  color: #282a39;
  font-size:14px;
  margin-top:10px;
}
.promotion-text1 p{
  color: #60697b;
  line-height: 1.8;
}


.help{min-height: 500px;}
.help .block-widget .text p{
  margin-bottom: 10px;
}
.help .guides{
  padding: 10px 0;
}
.help .guides .list-item{
  float: left;
  width: 50%;
  line-height: 2;
}
.help .guides ul .star {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 4px;
  border-radius: 50%;
  background: #c2c2c2;
}
.help .guides ul a {
  font-size: 14px;
  color: #fff;
}
.help .guides ul a:hover {
  text-decoration: underline;
}

/*付款倒计时*/
.countdown-d-area {
  margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}
.countdown-d-area .time-t-title {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
}
.countdown-d-area .time-t-content {
    width: 240px;
    margin: 0 auto;
}
.countdown-d-area .dash {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 44px;
    line-height: 44px;
    margin: 0 2px;
    padding: 0 5px;
    text-align: center;
    border-radius: 5px;
    background: #940808;
}
.countdown-d-area .digit {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 39px;
    text-align: center;
    color: #fff;
}
.countdown-d-area .colon {
    font-size: 30px;
    vertical-align: top;
    color: #940808;
}

/*没有物品购物车页面*/
.no-c-cart{
    text-align: center;
}
.no-c-cart .no-c-box{
  padding-bottom:50px;
  margin-bottom: 50px;
}
.no-c-cart .no-c-box .ico {
  font-size: 170px;
  display: inline-block;
  margin-bottom: 20px;
}
.no-c-box .no-title {  
  font-size: 30px;
  color: #000;
  font-weight: 500;
}
.no-c-box p {
  margin: 10px 0;
  color: #9b9fa5;
}
.no-c-cart .no-c-box .btn {
    font-size: 14px;
    line-height: 45px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    height: 45px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    color: #191d22;
    border: none;
    border-radius: 3px;
    background: #f4b439;
}

/*特定游戏弹窗*/
.mask366 {
    position: fixed;
    z-index: 10000000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.45);
}
.sever366-aera {
    font-size: 16px;
    position: fixed;
    z-index: 10000000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 210px;
    margin: auto;
    padding: 50px 0;
    text-align: center;
    color: #1d1b31;
    border-radius: 8px;
    background: #fff;
}
.sever366-aera p {
    font-family: Conv_GoogleSans_bold;
}
.sever366-aera span {
    color: #ec5c34;
}
.sever366-aera .btn {
    font-size: 16px;
    line-height: 35px;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    height: 36px;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    margin: 20px 5px;
    color: #fff;
    border: none;
    border-radius: 5px;
    background: #66c792;
}
.sever366-aera .btn:hover{
    background: #66c792;
}
.sever366-aera .btns,.sever366-aera .btns:hover {
    color: #4c4bbc;
    border: 1px solid #4c4bbc;
    background: #fff;
}
.popup-w {
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    text-align: center;
    background: rgba(0,0,0,.6);
}
.popup-w .box-w {
    position: relative;
    top: 20%;
    display: inline-block;
}
.popup-w .box-w .close-w {
    font-size: 38px;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer;
    color: #fff;
}
.popup-w .box-w a{
    display: block;
}

/* 弹窗提示css */

.wu-loading-svg {
    stroke: #fff;
    fill: #fff;
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
}

/* 遮罩 */
.wu-mask-transparent {
    position: fixed;
    z-index: 199;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    opacity: 0;
}

.wu-mask-black {
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: all .4s;
    transition: all .4s;
}

/* 弹出最外层 */
.wu-toast {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
    z-index: 899;
}

/*白色满屏背景*/
.bg-white {
    background-color: #fff;
    opacity: 1;
}

.wu-block {
    max-width: 430px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 199;
}

/* 小块黑色背景 */
.wu-toast-box {
    max-width: 430px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
    padding: 10px 16px;
    font-size: 16px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .4s;
    transition: all .4s;
}


.wu-toast-box-transparent {
    background-color: transparent;
}

/* toast icon 提示框公共的图标大小 */
.wu-toast-box .wu-icon {
    font-size: 24px;
}

.wu-toast-box .wu-toast-content {
  color: #1e1a33;
  padding: 10px;
  font-size: 14px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 .14px 2.29px rgba(0,0,0,.03),0 .37px 4.43px rgba(0,0,0,.05),0 3px 7px rgba(0,0,0,.09);
}
.wu-toast-box .notification {
  font-size: 20px;
  color: #e43333;
  margin-right: 5px;
  vertical-align: middle;
}

/*icon - loading*/
.sk-three-bounce {
  width: 100px;
  margin: auto;
  text-align: center;
}
.sk-three-bounce .sk-child {
  width: 30px;
  height: 30px;
  background-color: #ffb822;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
          animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

.icon-loading {
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    animation: weuiLoading 1s steps(12, end) infinite;
}

@-webkit-keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

@keyframes weuiLoading {
    0% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    100% {
        transform: rotate3d(0, 0, 1, 360deg);
    }
}

/* 上面滑下来的信息提示框 */
.wu-message {
    width: 100%;
    line-height: 36px;
    position: fixed;
    top: -36px;
    left: 0;
    z-index: 9;
    background: rgba(17, 17, 17, 0.9);
    text-align: center;
    color: #fff;
    font-size: 14px;
    transition: all .4s;
    -webkit-transition: all .4s;
}

/*弹窗*/
.wu-dialog {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    position: relative;
    z-index: 2000;
}

.dialog-content {
    width: 280px;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 999;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.8);
    transform: translate3d(-50%,-50%,0) scale(.8);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.dialog-content .dialog-title {
    padding: 16px 16px 0;
    font-size: 18px;
    color: #333;
}

.dialog-content .dialog-body {
    padding: 10px 15px 15px;
    position: relative;
}

.dialog-content .dialog-text {
    font-size: 14px;
    color: #666;
}

.dialog-content .dialog-input {
    padding: 0 10px;
    margin-top: 6px;
}

.dialog-content .dialog-input input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 4px 6px;
}

.dialog-content .dialog-foot {
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.dialog-content .dialog-foot:after {
    position: absolute;
    z-index: 15;
    right: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #ddd;
}

.dialog-content .wu-btn {
    -webkit-flex: 1;
    flex: 1;
    display: block;
    line-height: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #999;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

.dialog-content .dialog-btn-confirm {
    color: #007AFF;
}

.dialog-content .wu-btn:after {
    position: absolute;
    z-index: 15;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #ddd;
}

/* 底部弹出菜单  */
.wu-actionsheet {
    position: relative;
    z-index: 998;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.wu-actionsheet-main {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: #fafafa;
    font-size: 16px;
    text-align: center;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.wu-actionsheet-cell,
.wu-actionsheet-title,
.wu-actionsheet-cancel {
    background-color: #fff;
    padding: 12px 0;
}

.wu-actionsheet-title {
    padding: 20px 0;
    color: #999;
    font-size: 14px;
}

.wu-actionsheet-cell {
    text-align: center;
    position: relative;
}

.wu-actionsheet-cell:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #e6e6e6;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.wu-actionsheet-cancel {
    margin-top: 5px;
}

.wu-animate-in .wu-actionsheet-main {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* 错误页面 */
.start-box-refresh {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    color: #999;
    z-index: 199;
}

.start-box-refresh .start-box-icon {
    margin-bottom: 50px;
}

.start-box-refresh .wu-icon {
    font-size: 50px;
}

/* 动画进入 */
.wu-animate-fade-in {
    opacity: 1;
    -webkit-animation: fadeIn .3s ease;
    animation: fadeIn .3s ease;
}

.wu-animate-in,
.wu-animate-in .wu-mask-black,
.wu-animate-in .wu-toast-box,
.wu-animate-in .dialog-content {
    opacity: 1;
}

.wu-animate-in .dialog-content {
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1);
}
.wu-animate-in .wu-toast-box {
    -webkit-transform:  scale(1);
    transform: scale(1);
}

/* 动画结束 */
.wu-animate-fade-out {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

/* .wu-animate-out,
.wu-animate-out .wu-mask-black {
	opacity: 0;
} */
.wu-animate-out .dialog-content,
.wu-animate-out .wu-toast-box,
.wu-animate-out .wu-mask-black {
    opacity: 0;
}

.wu-animate-out .wu-actionsheet-main {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.wu-animate-out .dialog-content {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

/* 按钮触碰状态  */
.wu-btn-hover {
    background-color: rgba(200, 200, 200, 0.2);
}

/*转盘活动*/
.lottery-area {
    background: url(/dist/images/christmas/bg.webp) center no-repeat;
}
.lottery-area .main-area{
  position: relative;
  float: left;
  width: 100%;
  margin-top: 80px;
}
.lottery-area .box {
  position: relative;
  z-index: 10;
  width: 620px;
  min-height: 640px;
}
.lottery-area .box::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: url(/dist/images/christmas/rotary.webp) no-repeat;
  background-size: 100% auto;
}
.lottery-area .drawBtn {
  position: absolute;
  width: 35%;
  cursor: pointer;
}
.lottery-area .list-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 815px;
  height: 615px;
  background: url(/dist/images/christmas/list.webp) no-repeat;
  background-size: 100%;
}
.lottery-area .list-box .list_lh {
  position: absolute;
  top: 180px;
  left: 300px;
  overflow: hidden;
  width: 410px;
  height: 320px;
}
.lottery-area .text {
  line-height: 1.75;
  float: left;
  width: 100%;
  margin-bottom: 50px;
  padding: 20px;
  color: #333;
  border-radius: 4px;
  background: #f6e7d0;
}
.lottery-area .text .spin {
  font-size: 20px;
  color: #000;
}
.lottery-area .text .live {
  cursor: pointer;
  color: #17b10b;
}
.lottery-area .pop {
  position: fixed;
  z-index: 105;
  top: 30%;
  right: 0;
  left: 0;
  display: none;
  width: 485px;
  height: 410px;
  margin: 0 auto;
  background: url(/dist/images/christmas/pop.webp) no-repeat;
  background-size: 100%;
}
.lottery-area .pop .order {
  position: absolute;
  bottom: 70px;
  left: 64px;
  display: inline-block;
  width: 270px;
  height: 35px;
  margin: 12px 20px;
  padding-left: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.lottery-area .pop .confirm {
  position: absolute;
  bottom: 0;
  left: 120px;
  width: 200px;
  border: none;
  background: no-repeat;
}
.lottery-area .pop .shut {
  position: absolute;
  top: 0;
  right: 60px;
  margin: 0 auto;
  cursor: pointer;
}
.lottery-area .list-box p{
  position: absolute;
  width: 100%;
  background: #e4cbad;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  text-align: center;
  font-weight: bold;
  z-index: 1;
}
.lottery-area .list-box .order {
  width: 200px;
  float: left;
}
.lottery-area .list-box .awards {
  float: right;
  width: 170px;
}
.lottery-area .list-box li{
  border-bottom: 1px solid #c5af94;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}
.lottery-area .list-box .price {
  text-align: center;
  float: right;
  min-width: 170px;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display:block;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}