/* @import url(../common/font/fonttwo.css); */
@font-face {
    font-family: 'ProximaNova-Semibold';/*字体名称*/
    src: url('PROXIMANOVASEMIBOLD.ttf'); /*字体源文件*/
}
@font-face {
    font-family: 'proixma nova';/*字体名称*/
    src: url('PROXIMANOVASEMIBOLD.ttf'); /*字体源文件*/
}
@font-face {
    font-family: 'ProximaNova-Semibold';/*字体名称*/
    src: url('WOFF2.ttf'); /*字体源文件*/
}

*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.oderid{
    text-decoration: none !important;
}
.contsconts p:nth-child(2) span:nth-child(1){
    border: none;
}
.Estimated-totalActive{
    background-color: #44a6b4;
    border: solid 1px #32808b;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: #02d4a5 !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;  /*背景色透明  生效时长  过渡效果  启用时延迟的时间*/
    color: #02d4a5;
}
/* 
    background: #000;
    border: none;
    margin-top: 0px;
    font-size: 17px;
    color: #02d4a5;
    padding-left: 10px;
    outline: none;
    cursor: pointer;
*/


/* 充值 */
.tits{
    font-family: 'ProximaNova-Semibold';
    font-size: 14px;
    color: #537981;
    margin-top: 16px;
    margin-bottom: 6px;
}
/* 登录弹框 */
.rechargemarks{
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}
#loginmarks{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}
.login_box {
    background-color: #09252b;
    width: 300px;
    height: 400px;
    border-radius: 2px;
    overflow: hidden;
    margin: 60px auto 0;
}
.loginmarksmak,
#loginmarksmak{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0px;
    padding: 0px;
    /* overflow-x: hidden; */
    position: fixed;
    left: 0;
    top: 0;
}
.login_boxmak{
    background-color: #09252b;
    width: 500px;
    height: 240px;
    border-radius: 2px;
    overflow: hidden;
    margin: 160px auto 0;
}
.login_boxmaken{
    background-color: #09252b;
    width: 500px;
    height: 200px;
    border-radius: 2px;
    overflow: hidden;
    margin: 160px auto 0;
}
.Warmtipsmak{
    width: 92%;
    font-size: 18px;
    color: #fff;
    margin: 10px;
    height: 100px;
    margin: 60px auto 50px;
    font-family: 'ProximaNova-Semibold';
}
#icon {
    float: right;
    width: 25px;
    height: 25px;
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer;
}
#recharg_box{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    display: flex;
}
#recharg_box img{
    width: 50px;
    height: 50px;
    display: block;
}
#logo-text{
    flex: 1;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    font-family: 'ProximaNova-Semibold';
}
.logo-text{
    flex: 1;
    margin-left: 10px;
    font-size: 14px;
    font-family: 'ProximaNova-Semibold';
}
#tab_box {
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 40px;
    font-family: 'ProximaNova-Semibold';
}

.img_logo {
    width: 143px;
    height: 45px;
    margin-left: 0px;
    float: left;

}
#Warmtips{
    width: 92%;
    font-size: 14px;
    color: #fff;
    margin: 10px;
    height: 100px;
    margin: 50px auto;
    padding: 0 20px;
    font-family: 'ProximaNova-Semibold';
}
.Warmtips{
    width: 92%;
    font-size: 14px;
    color: #fff;
    margin: 10px;
    height: 100px;
    margin: 100px auto;
    font-family: 'ProximaNova-Semibold';
}
#login_method_box {
    /* margin-top: 200px; */
    display: flex;
    justify-content: space-around;
    color: #fff;
}
#login_method_box a{
    text-decoration: none;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #fff;
    background: #038188;
    border: none;
    font-size: 22px;
    font-family: 'ProximaNova-Semibold';
}


body{
    background: #000;
}
.login-text{
    display: flex;
    align-items: center;
    margin-left: auto;
}
.cashrecar>p.errmsg{
    display: none;
}
@media screen and (min-width:850px){
    .footer-container {
        width: 100%;
        /* height: 530px; */
        /* background: url(../image/home/list-xia.jpg) no-repeat; */
        background: #14232a;
        /* padding: 0 16px; */
    }
}

.cashrecars{
    display: block !important;
}
.cashrecar{
    display: none;
}
/* .cashrecar:nth-child(2){
    display: none;
} */
/* 忘记密码 */
.login-demo{
    padding-top: 26px;
}
.forget p:nth-child(1){
    font-size: 14px;
    color: #7f8fa4;
    font-family: 'proixma nova';
}
.forget p:nth-child(2){
    font-size: 14px;    
    color: #7f8fa4;
}
.forget p:nth-child(2) a{
    color: #02ad84;
}
.reg_login_enter {
    font-style: normal;
    text-decoration: underline;
    color: #01bc92;
}
.pass{
    /* padding-top: 40px; */
}
.reg_login_enter:hover{
    font-style: normal;
    text-decoration: underline;
    color: #01bc92;
}
/* 忘记密码 */



/* start header */

    header#header > .header > .header-logo > img {
        display: block;
    }
    header#header  {
        width: 100%;
        height: 86px;
        background: #000;
    }
  /* @media screen and (min-width:750px){ */
    
    
    header#header > .header > .header-logo {
      margin-top: 16px;
    }
    
    .recharge-img{
      width: 33px;
      height: 33px;
      background: url("../image/headimg/modal1.png");
      display: block;
    }
    .nav-rec{
      margin-left: 45px !important;
    }
    .gamecon{
      margin-left: 35px !important;
    }
    .game-img{
      width: 33px;
      height: 33px;
      background: url("../image/headimg/modal2.png");
      display: block;
    }
    
    .gamehand-img{
      width: 33px;
      height: 33px;
      background: url("../image/headimg/modal3.png");
      display: block;
    }
    .other-img{
      width: 33px;
      height: 33px;
      background: url("../image/headimg/modal4.png");
      display: block;
    }
    
    .header-nav {
      display: none;
      width: 104px;
      /* height: 55px; */
      margin-top: 15px;
    }
    .header-nav:hover .nav-tit{
      color: #06f2bd;
    }
    .header-nav-one:hover .recharge-img{
      background: url("../image/headimg/hover1.png");
    }
    
    .header-rec:hover .game-img {
      background: url("../image/headimg/hover2.png");
    }
    .header-and:hover .gamehand-img {
      background: url("../image/headimg/hover3.png");
    }
    
    .header-dth:hover .other-img{
      background: url("../image/headimg/hover4.png");
    }
    .header-and{
      margin-left: 20px;
    }
    .header-dth{
      width: 60px;
    }
    .nav-dth{
        width: 40px;
        height: 33px;
        margin-left: 10px;
        margin-bottom: 2px;
        display: block;
        overflow-y: hidden;
    }
    .header-nav-one {
      width: 80px;
    }
    .nav-pic {
      width: 83px;
      height: 33px;
      margin-left: 25px;
      margin-bottom: 2px;
      display: block;
    }
    
    .nav-tit {
      width: 100%;
      height: 22px;
      line-height: 22px;
      text-align: center;
      font-family: 'proximanova semib';
      font-size: 14px;
      color: #01bc92;
      display: block;
    }
    
    .nav-pic > img {
      width: 33px;
      height: 33px;
    }
    
    .search-list {
      position: absolute;
      top: 60px;
      display: flex;
      flex-direction: column;
      color: #b8aeae;
      z-index: 100;
      background: #0f4149;
      border-radius: 4px;
      display: none;
    }
    
    .search-list span {
      display: block;
      width: 100px;
      height: 26px;
      line-height: 26px;
      padding-left: 10px;
    }
    
    .search-pic {
      display: block;
      position: absolute;
      width: 17px;
      height: 17px;
      top: 21px;
      right: 8px;
      background: url(../image/headimg/search.png) no-repeat;
      background-size: 100%;
    }
    
    .header-coun {
      width: 40px;
      height: 26px;
      margin-top: 28px;
      background: url(../image/headimg/429px-Flag_of_Brazil.svg.png) no-repeat;
      background-size: cover;
      margin-right: 10px;
    }
    
    .header-email {
      width: 150px;
      height: 30px;
      /* margin-top: 28px; */
      display: flex;
      cursor: pointer;
    }
    .header-email p {
      width: 100px;
      height: 30px;
      line-height: 30px;
      color: #01bc92;
      /* margin-right: 5px; */
      font-size: 13px;
      margin-top: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: right;
    }
    .header-log{
        height: 30px;
        border: 1px solid #01bc92;
        line-height: 30px;
        /* margin-top: 30px; */
        cursor: pointer;
        font-size: 14px;
    }
    .header-log{
        /* width: 100px; */
        height: 30px;
        border: 1px solid #01bc92;
        line-height: 30px;
        /* margin-top: 30px; */
        cursor: pointer;
        font-size: 14px;
      }
    .header-login{
      width: 100px;
      height: 30px;
      border: 1px solid #01bc92;
      line-height: 30px;
      /* margin-top: 30px; */
      cursor: pointer;
      font-size: 14px;
    }
    .header-login a{
      color: #01bc92;
    }
    .badge{
      width: 100px;
      margin-top: 30px;
    }
    .badge:hover .itemmodal{
      background: url(../image/headimg/hover7.png)
    }
    .el-button{
      background: none;
    }
    .itemmodal{
        width:22px;
        height: 26px;
        background: url(../image/headimg/modal7.png);
        background-size: contain;
        display: block;
        padding:0 0;
        border: none;
    }
    .itemmodal:hover{
        width:22px;
        height: 26px;
        background: url(../image/headimg/hover7.png);
        background-size: contain;
        display: block;
        padding:0 0;
        border: none;
    }
    
    .el-badge__content{
      border: none;
    }
    a,
    a:hover {
        text-decoration: none;
    }
    .el-dropdown{
        margin-top: 30px;
        cursor: pointer;
        margin-right: 10px;
    }
    .el-dropdown-link {
        width: 90px;
        height: 30px;
        display: flex;
        color: #01bc92;
        line-height: 30px;
        /*margin-top: 30px;*/
        font-size: 14px;
        font-weight: bold;
        margin: 30px 12px 0 12px;
        justify-content: flex-end;
        align-items: center;
    } 
    .el-dropdown-link:hover{
        color: #06f2bd;
        font-weight: bold;
    }
    .el-dropdown-link img:nth-child(1){
        margin-right: 0.1rem;
    }
    .el-dropdown-menu__item{
        /* line-height: 30px; */
        display: flex;
    }
    
    .el-dropdown-menu__item img{
        width: 40px;
        height: 26px;
        margin-top: 6px;
    }
    .el-dropdown-link img:nth-child(2){
        margin-top: 13px;
        width: 10px;
        display: inline-block;
        height: 6px;
    }
    .el-icon-arrow-down {
        font-size: 12px;
    }
  /* } */
  



/* end header */





/* 登录注册 */
input::-webkit-input-placeholder {
    /* color: #1e8069; */
    color: #5a7a81;
    color: #eee;
}
.contents-login{
    width: 100%;
    min-height: calc(100vh - 106px);
    height: auto;
    background: url(../image/user/loginbg30.jpg);
    padding-bottom: 20px;
}
.login-wraper{
    padding-top:40px;
}
.facebook{
    background: #224080;
}
.phpone{
    background: #076f9a;
}
.google{
    background: #9b260b;
}
.vk{
    background: #5181b8;
}
.apple {
    background: #000000;
}
.forget p:nth-child(1){
    font-size: 14px;
    color: #7f8fa4;
    line-height: 30px;
    margin-bottom: 20px;
}
.forget p:nth-child(1) a{
    color: #02ad84;
    font-family: 'ProximaNova-Drmibold';
    text-decoration: underline;
}
.forget p:nth-child(2){
    font-size: 14px;
    color: #7f8fa4;
    font-family: 'proixma nova';
    font-style: normal;
}

.forget p:nth-child(2) a{
    color: #02ad84;
    font-size: 13px;
    font-family: 'ProximaNova-Regular';
    text-decoration: underline;
    font-style: normal;
}


/* 登录注册 */




/* 中心 */
.content{
    border-top: 1px solid #11323b;
}
/* input[type=text]:focus, input[type=password]:focus, select:focus{
    outline:none;
    border-bottom:2px solid #02624c;
} */

i{
    font-style: normal;
}
/* 密码的强度 */
.okline{
    display: flex;
}
.okline>i{
    color: #537981;
}
i.co1 {
    background:#D5171A;
}
i.co2 {
    background:#F8B117;
}
i.co3 {
    background:#A2BB75;
}
i.co4 {
    background:#219E1D;
}
/* 设置滚动条的样式 */
/* ::-webkit-scrollbar {
    width:12px;
    background:#067577;
   
} */
 /* 滚动槽 */
 /* ::-webkit-scrollbar-track {
    border-radius:10px;
} */

/* 滚动条滑块 */
/* ::-webkit-scrollbar-thumb {
    border-radius:10px; 
    background-color: #01bc92;
} */

.contbox1,
.contbox2,
.contbox3,
.contbox4{
    display: none;
}
/* .credit-card{
    display: none;
} */
.yearnum,
.monthnum{
    position: relative;
}
.ulyear,
.ulmonth{
    display: none;
    width: 160px;
    height: 150px;
    overflow-y: auto;
    color: #01bc92;
    line-height: 30px;
    background: #000e11;
    text-align: center;
    font-size: 14px;
}

.ulyear li:hover,
.ulmonth li:hover{
    background: #067577;
    cursor: pointer; 
}

#yearnum,
#monthnum{
    color: #01bc92;
    cursor: pointer;
}

.emailselects{
    position: absolute;
    width: 12px;
    height: 6px;
    display: block;
    right: 16px;
    top: 15px;
    background: url(../image/basicsettingmsg/selects.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.persioncon{
    width: 1180px;
    background: #09252b;
    margin: 0 auto;
    margin-bottom: 50px;
}
.Basichome{
    width: 100%;
    height: 100%;
    display: flex;
   
}

.persionhome{ 
    width: 1180px;
    margin: 0 auto;
    background: #232E3B;
    /* padding-bottom: 100px; */
}

.Basicright{
    flex: 1;
    background: #1F2934;
    padding-top: 20px;
    margin-bottom: -100px;
    padding-bottom: 50px;
}

.head_img img {
    width: 90px;
    height: 90px;
    border-radius: 50px;
    overflow: hidden;
    display: block;
}
.hiddenInput {
    display: none;
}
.basic-cont{
    width: 100%;
    min-height: 500px;
}


.basic{
    width: 100%;
    /* height: 66px; */
    margin-top: 20px;
}
.year{
    width: 344px;
    margin-top: 10px;
    display: flex;
}
.year .yearcont,
.year .monthcont{
    flex: 1;
}
.year p{
    width: 164px !important;
    margin-top: 10px;
}
.basic p{
    width: 344px;
    margin-top: 10px;
}
._5xre p span,
.basic p span{
    color: #537981;
    font-size: 14px;
    font-family: 'ProximaNova-Semibold';
    display: block;
}
input::-webkit-input-placeholder,textarea[id='Profile']::-webkit-input-placeholder, .el-input__inner::-webkit-input-placeholder {
    color: #77a4ad;
}
._5xre{
    width: 100%;
    margin-top: 20px;
    position: relative;
}
._5xre p{
    width: 354px;
    display: flex;
}

._5xre p:nth-child(2) span{
    width: 90px;
    height: auto;
    display: flex;
    border: 1px solid #11323b;
    background: #000e11;
    margin-right: 5px;
    cursor: pointer;
}
._20um{
    width: 50px;
    height: auto;
    margin: 0 auto;
    display: inline-block;
    font-style: normal;
    text-align: center;
    line-height: 36px;
    color: #537981;
}
.selects{
    width: 12px;
    height: 6px;
    background: url(../image/basicsettingmsg/selects.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px;
}
._20umsaSelects{
    width: 12px;
    height: 6px;
    background: url(../image/basicsettingmsg/selects.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px;
    transform: rotate(180deg);
}

._5xre p input{
    width: 231px;
    height: 40px;
    background: pink;
    border: 1px solid #11323b;
    background: #000e11;
    cursor: pointer;
    color: #01bc92;
    padding-left: 12px;
}
.nationalnums{
    /* width: 90px; */
    /* height: 100px; */
    background: #000e11;
    /* color: #01bc92; */
    font-size: 10px;
    display: none;
    position: absolute;
}
.nationalnums li{
    height: 33px;
    line-height: 33px;
    display: flex;
    color: #537981;
    justify-content : space-between;
    border-bottom: 1px solid #11323b;
    cursor: pointer;
    padding: 0 10px;
}
.nationalnums li:hover{
    color: #01bc92;
}
.nationalnums li span:nth-child(1){
    padding-left: 4px;
}
.nationalnums li span:nth-child(2){
    padding-right: 4px;
}
.textprofile{
    width: 100%;
    margin-top: 20px;
}
#Profile{
    width: 320px;
    height: 120px;
    border: 1px solid #11323b;
    display: block;
    padding: 5px 10px;
    color: #01bc92;
    font-style: 16px;
    font-family: 'ProximaNova-Semibold';
    background: #000e11;
    cursor: pointer;
}
.textprofile p span{
    color: #537981;
    font-size: 14px;
    font-family: 'ProximaNova-Semibold';
    cursor: pointer;
    display: block;

}
.submit-btnsa{
    width: 100%;
    height: 50px;
    margin-top: 50px;
}
.submit-btnsa button:nth-child(2){

}
.submit-btnsa button,
.submit{
    
    height: 43px;
    background: #026e74;
    border: 1px solid #11323b;
    font-style: 16px;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
    padding: 0px 10px;
    border-radius: 3px;
    
}
.submit-btnsa button:focus,
.submit:focus{
    outline: none;
}

.submit{

    font-size: 16px;
}
.submit:hover{
    background: #038188;
}


.persioncenterhome{
    width: 100%;
    background: #131D2B;
    margin-bottom: 50px;
}
.MessageNotification-list.haveread .MessageNotification-title,
.MessageNotification-list.haveread .MessageNotification-cont,
.MessageNotification-list.haveread  .datadate{ 
    color: #3f7381;
}



.MessageNotification-list.listActive{
    height: auto;
    background-color: #3e4753;
}
.MessageNotification-list.listActive .MessageNotification-title{
    color: #efe9e9;
}
.MessageNotification-list.listActive .datadate,
.MessageNotification-list.listActive .MessageNotification-cont{
    color: #77a4ad;
}
.MessageNotification-list.unread .MessageNotification-title{
    color: #fff;
}
.MessageNotification-list.unread .datadate{
    color: #77a4ad;
} 
.MessageNotification-list.haveread .unreadsbtn span,
.MessageNotification-list.listActive .unreadsbtn span{
    display: none;
}

@media screen and (min-width:768px) and (max-width:1025px){
    .footer-container{
        background: #14232a;
        /* padding: 0 16px; */
    }
    .toast{
        position: fixed;
        bottom:1rem;
        right:1%;
        width: .7rem;
        height:.7rem;
        /* height:2.15rem; */
        background: url(../image/home/time.png) no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
    }
    .down_toast {
        position: fixed;
        bottom: 3rem;
        right: 1%;
        width: 1rem;
        height: 1rem;
        /* height: 2.15rem; */
        background: url("./smilenew/img/smile_down.png") no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
    }
    .toastar{
        left: 1%;
    }
    .toast-box{
        display: block;
        width: .7rem;
        height:.7rem;
        /* border:1px solid red; */
    }
    .tb_rg a,
    .tb_rg span{
        font-size: 18px;
        color: #557b83;
        cursor: pointer;
    }
    .tb_rg a:hover,
    .tb_rg span:hover,
    .pageToolbar .current{
        font-size: 18px;
        color: #a2deea;
        cursor: pointer;
    }
    .persionhome {
        width: 100%;
        margin: 0 auto;
        background: #232E3B;
        /* padding-bottom: 100px; */
    }
    .wallet-right{
        display: flex;
    }
    .wallet-conitem{
        margin-top: 34px;
    }
    .wallet-conitem p:nth-child(1) {
        width: 140px;
        display: flex;
        margin: 0 auto;
    }
    .wallet-con {
        width: 200px;
        height: 100%;
        margin: 0 auto;
    }
    .baland-tit {
        width: 100px;
        height: 60px;
        display: flex;
        margin-top: 10px;
        flex-direction: column;
        
    }
    .baland-tit i:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #e8ce3e;
        font-style: normal;
        width: 100%;
        text-align: center;
        display: block;
    }
    .baland-tit i:nth-child(2) {
        width: 100%;
        height: 30px;
        display: inline-block;
        font-family: 'ProximaNova-Semibold';
        color: #fff;
        font-size: 20px;
        font-style: normal;
        text-align: center;
    }
    .baland-title {
        width: 115px;
        height: 30px;
        border: 1px solid #e8ec3e;
        color: #e8ce3e;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        font-size: 16px;
        display: block;
    }
    .wallet-conitem .baland{
        width: 60px;
        height: 60px;
        background: url(../image/basicsettingmsg/Balance.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        margin-top: 7px;
    }
    .persioncon {
        width: 100%;
        background: #09252b;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .persioncenterhome{
        width: 100%;
        background: #131D2B;
        margin-bottom: 50px;
    }
    .header-search {
        position: relative;
        width: 270px;
        height: 60px;
        margin-top: 14px;
        /* margin-left: 300px; */
    }
    .header {
        width: 100%;
        height: 86px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .section-all {
        width: 98%;
        /* height: 485px; */
        margin: 0 auto;
        display: flex;
        padding: 0 1%;
        /* background: #14232a; */
    }
    .section-information {
        width: 27%;
        margin-top: 34px;
        font-family: "Arial";
        /* margin-left: 15px; */
    }
    input.amountalanceinput::-webkit-input-placeholder {
        color: #537981;
        font-size: 0.15rem;
        color: #45575d;
    }
}

@media screen and (min-width:1025px){
    input.amountalanceinput::-webkit-input-placeholder {
        color: #537981;
    }
    .MessageNotificationconts{
        flex: 1;
    }
    .unreadsbtn{
        width: 18px;
        height: 100%;
    }
    .unreadsbtn span{
        width: 8px;
        height: 8px;
        border-radius: 100%;
        background: #01bc92;
        margin-top: 14px;
        display: block;
    }

    .MessageNotification-left{
        width: 270px;
        background-color: #232e3b;
    }
    .MessageNotification-wrap{
        width: 100%;
        /* height: 400px; */
        font-size: 16px;
        display: flex;
        margin-top: 20px;
    }
    .contents{
        display: none;
    }
    .tit-cont{
        border-bottom: 1px solid #014145;
        height: 25px;
    }
   
    
    .MessageNotification-list{
        width: 92%;
        height: 70px;
        margin: 0 auto;
        padding: 0 5px;
        border-bottom: 1px solid #014145;;
        cursor: pointer;
        display: flex;
    }
    .datadate{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .MessageNotification-cont{
        width: 100%;
        height: 55px;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #537981;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        display: none;
    }
    .MessageNotification-title{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #77a4ad;
        display: flex;
    }
    
    .MessageNotification-right{
        flex: 1;
    }
    .MessageNotification-right-title{
        width: 90%;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #efe9e9;
    }
    .MessageNotification-right-cont{
        width: 90%;
        height: auto;
        margin: 0 auto;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #537981;
        line-height: 18px;
    }



    .toastar {
        left: 1%;
    }
    /* livechat start */
    .toast{
        position: fixed;
        bottom:100px;
        right:1%;
        width: 65px;
        height:65px;
        background: url(../image/home/time.png) no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        z-index: 20;
    }
    .down_toast {
        position: fixed;
        bottom: 170px;
        right: 1%;
        width: 65px;
        height: 65px;
        background: url("./smilenew/img/smile_down.png") no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
        z-index: 9999;
    }
    .toast-box{
        display: block;
        width: 65px;
        height:65px;
        /* border:1px solid red; */
    }
    /* livechat end */
    .tb_rg a,
    .tb_rg span{
        font-size:18px;
        color: #557b83;
        cursor: pointer;
    }
    .tb_rg a:hover,
    .tb_rg span:hover,
    .pageToolbar .current{
        font-size: 18px;
        color: #a2deea;
        cursor: pointer;
    }
    
    .wallet-right{
        display: flex;
    }
    .wallet-conitem{
        margin-top: 34px;
    }
    .wallet-conitem p:nth-child(1) {
        width: 140px;
        display: flex;
        margin: 0 auto;
    }
    .wallet-con {
        width: 200px;
        height: 100%;
        margin: 0 auto;
    }
    .baland-tit {
        width: 135px;
        height: 60px;
        display: flex;
        margin-top: 10px;
        flex-direction: column;
        
    }
    .baland-tit i:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #e8ce3e;
        font-style: normal;
        width: 100%;
        text-align: center;
        display: block;
    }
    .baland-tit i:nth-child(2) {
        width: 100%;
        height: 30px;
        display: inline-block;
        font-family: 'ProximaNova-Semibold';
        color: #fff;
        font-size: 20px;
        font-style: normal;
        text-align: center;
    }
    .baland-title {
        width: 115px;
        height: 30px;
        border: 1px solid #e8ec3e;
        color: #e8ce3e;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        font-size: 16px;
        display: block;
    }
    .wallet-conitem .baland{
        width: 60px;
        height: 60px;
        background: url(../image/basicsettingmsg/Balance.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        margin-top: 7px;
    }
    .persioncenterhome{
        width: 100%;
        background: #131D2B;
        margin-bottom: 50px;
    }
    .section-all {
        width: 98%;
        max-width: 1180px;
        /* height: 430px; */
        margin: 0 auto;
        display: flex;
        padding: 0 1%;
        /* background: #14232a; */
    }
    .section-allom,
    .section-allqa,
    .section-allae,
    .section-allsa,
    .section-allkw{
        height: 245px !important;
    }
    .header {
        max-width: 1200px;
        /* min-width: 1024px; */
        height: 86px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .header-search {
        position: relative;
        width: 270px;
        height: 60px;
        margin-top: 14px;
        margin-left: 300px;
    }
    
    .header-search input {
        width: 270px;
        height: 60px;
        border-radius: 5px;
        background: #021a1d;
        border: none;
        color: #7e7c7c;
        padding-left: 7px;
        font-size: 14px;
        display: block;
    }
    /* 第一个界面 */
    .head_p {
        width: 145px;
        height: 110px;
        margin-top: 34px;
        margin-left: 43px;
    }
    .hiddenInput {
        display: none;
    }
    .head_img img {
        width: 90px;
        height: 90px;
        border-radius: 50px;
        overflow: hidden;
        display: block;
    }
    .basiccont {
        width: 400px;
        margin-left: 40px;
    }
   
    .year p:nth-child(2) input {
        width: 160px !important;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    .basic p:nth-child(2) input {
        width: 340px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    .basic p:nth-child(2):hover input {
       
        border: 1px solid #11323b;
    }
    /* 第一个界面 */
    /* 第二个界面 */
    .basic p:nth-child(2) input, .el-input__inner {
        width: 327px;
        height: 40px;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
        padding-left: 10px;
        display: block;
    }
    .basic p:nth-child(3) input {
        width: 328px;
        padding-left: 12px;
        height:40px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    /* 第二个界面 */
    /* 现金充值 */

    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .cash{
        width: 75%;
        height: 40px;
        margin-bottom: 20px;
        border-bottom: 1px solid #11323b;
        display: flex;
        /* margin-top: 35px; */
        height: 60px;
        line-height: 60px;
    }
    .cash i{
        font-style: normal;
    }
    .cash p{
        /* width: 160px; */
        font-family: 'ProximaNova-Semibold';
        font-size: 18px;
        color: #77a4ad;
        position: relative;
        cursor: pointer;
        flex: 1;
        height: 60px;
        line-height: 60px;
    }
    .cash p:hover i.actives{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    .cashline{
        width: 120px;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top:60px;
        background:#11323b;
        border: 1px solid#11323b;
    }
   
    .cashrecar{
        margin-top: 20px;
    }
    .cashrecar>p{
        margin-top: 10px;
        display: flex;
    }
    .cashrecar>p.tit{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 20px;
    }
    .titsections{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .cashrecar>p.tits{
        margin-top: 40px;
    }
    .cashrecar>p.tits{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 16px;
        margin-bottom: 6px;
    }
    .cashrecar>p.palancep{
        margin-top: 0;
    }
    .palancep img{
        width: 17px;
        height: 17px;
        display: inline-flex;
        margin-top: 3px;
        margin-left: 10px;
    }
    
    .cashrecar>p.stit{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 36px;
        margin-bottom: 6px;
    }
    .cashrecar>p.errmsg{
        color: #7f8fa4;
        font-size: 13px;
        font-family: 'ProximaNova-Semibold';
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cashrecar>p.errmsg img{
        width: 13px;
        height: 13px;
        margin-right: 5px;
    }
    .Cardnumber input,
    .Cardpassword input {
        width: 336px;
        height: 34px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .cashrecar>p span:nth-child(1){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
    }   
    .cashrecar>p span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        margin-left: 10px;
        display: flex;
    } 
    .cashrecar i{
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        color: #e8ce3e;
        margin-left: 5px;
        margin-right: 10px;
        font-style: normal;
    }  
    .gold{
        width: 84%;
        display: flex;
        /* justify-content: space-between; */
    }
    .Cardnumber{
        justify-content: space-between;
    }
    .currencygold{
        width: 90%;
        display: flex;
        flex-wrap: wrap;
    }
    .gold p{
        width: 160px;
        height: 80px;
        border: 1px solid #11323b;
        background: #000e11;
        position: relative;
        cursor: pointer;
    }
    .gold p.goldsuccess{
        width: 30%;
        width: 174px;
        height: 60px;
        border: 1px solid #11323b;
        background: #000e11;
        position: relative;
        cursor: pointer;
        margin: 5px 2px;
    }
    .gold p>span:nth-child(1){
        width: 56%;
        height: 100%;
        float: left;
        display: flex;
        line-height: 30px;
        flex-direction: column;
    }
    .gold p>span:nth-child(2){
        width: 44%;
        height: 100%;
        float: left;
    }
    .gold p>span:nth-child(2)>img{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .gold p>span:nth-child(2)>span{
        font-size: 14px;
        font-size: 16px;
        color:#77a4ad;
        font-family: 'ProximaNova-Semibold';
        margin-top: 35px;
        display: flex;
        position: absolute;
        right: 0px;
    }
    .gold p>span:nth-child(2)>span i{
        font-size: 14px;
        font-size: 16px;
        display: inline;
        color:#77a4ad;
    }

    .gold p span:nth-child(1) span:nth-child(1){
        color: #e8ec3e;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
    }
    .gold p span:nth-child(1) span:nth-child(2){
        color: #77a4ad;
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        padding-left: 5px;
        display: flex;
        margin-top: 15px;
        text-decoration: line-through;
    }
    /* .gold p span:nth-child(1) span{
        color: #e8ec3e;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
    } */
    .gold p>img{
        width: 22px;
        height: 22px;
        position: absolute;
        top:  -11px;
        left: -11px;
        display: none;
    }
    .gold p>span:nth-child(1) img{
        width: 17px;
        height: 17px;
        margin-left: 10px;
        margin-top: 5px;
    }
    .goldsuccessactive{
        background: #0c343c !important;
        border: 1px solid #067577 !important;
    }
    .goldsuccessactive>img{
       display: block !important;
    }

    .goldsuccessactive .success{
        display: inline;
    }
    .gold p.goldsuccessactive:nth-child(1) span,
    .gold p.goldsuccessactive:nth-child(1) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(2) span,
    .gold p.goldsuccessactive:nth-child(2) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(3) span,
    .gold p.goldsuccessactive:nth-child(3) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(4) span,
    .gold p.goldsuccessactive:nth-child(4) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(5) span,
    .gold p.goldsuccessactive:nth-child(5) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(6) span,
    .gold p.goldsuccessactive:nth-child(6) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(7) span,
    .gold p.goldsuccessactive:nth-child(7) >span:nth-child(2)>span i,
    .gold p.goldsuccessactive:nth-child(8) span,
    .gold p.goldsuccessactive:nth-child(8) >span:nth-child(2)>span i{
        color: #fff
    }
    .success{
        display: none;
    }   
    .sections{
        padding-bottom: 15px;
        border-bottom: 1px solid #11323b; 
    }
    .sectionss{
        padding-bottom: 26px;
        margin-top: 60px;

    }
    .sectionss p{
        height: 300px;
    }
    .sectionss p,
    .sections p{
        width: 390px;
        position: relative;
        display: flex;
    }
    .sectionss p input {
        width: 385px;
        height: 53px;
        padding-left: 40px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sectionss p img {
        width: 234px;
        height: 295px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 12px;
        /* z-index: 999; */
    }
    .sections p:nth-child(2){
        text-align: right;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #648d95;
        margin-top: 8px;
    }
    .sections p.sectionsppp img{
        margin-right: 5px;
    }

    .sections p input{
        width: 336px;
        height: 40px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sections p input:focus{
        outline-style: none;
    }
    .sections p input.amountalanceinput{
        width: 375px;
        height: 40px;
        padding-left: 10px;
        color: #ebe5e5;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
    }
   
   
　　　
    .sections p.sectionsppp img{
        width: 100px;
        height: 107px;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 12px;
        z-index: 999;
    }
    .sections p.sectionsppp img{
        width: 16px;
        height: 16px;
    }
    .sections p img.amountalance {
        width: 20px;
        height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 999;
    }
    .Estimated-total{
        /* margin-top: 33px; */
        padding-bottom: 25px;
        border-bottom: 1px solid #014145; 
    }
    .Point-total{
        padding-bottom: 58px;
        border-bottom: 1px solid #014145; 
    }
    .Estimated-total .estimated{
        width: 100%;
        height: 44px;
        display: flex;
    }
    .Estimated-total .estimated span:nth-child(1){
        font-size: 14px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
        margin-right: 10px;
        line-height: 44px;
    }
    .Estimated-total .estimated span:nth-child(2),
    .Estimated-total .estimated span:nth-child(3){
        font-size: 20px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
        line-height: 44px;
    }
    .Point-total button,
    .Estimated-total button{
        width: 376px;
        height: 40px;
        line-height: 42px;
        text-align: center;
        background: #026e74;
        border: 1px solid #11323b;
        color: #fff;
        margin-top: 20px;
        font-size: 14px;
        border: solid 1px #32808b;
        border-radius: 3px;
        display: block;
        cursor: pointer;
    }
    .Point-total button{
        cursor: pointer;
    }
    .Point-total button:hover,
    .Estimated-total button:hover{
        background: #038188;
    }
    .Point-total button:focus,
    .Estimated-total button:focus{
        border: 1px solid #038188;
    }
    .changereminder{
        margin-top: 15px;
    }
    .changereminder p{
        font-family: 'ArialMT';
        font-size: 10px;
        line-height: 14px;
        color: #537981;
        margin-top: 5px;
    }
    /* .cashrecar{
        display: none;
    } */
    .cashrecarActive{
        display: inline;
    }
    .cashrecarActive i.cashline{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    /* 点卡充值 */

    /* 第五个界面 */
    .binding-facebook{
        display: flex;
    }
    .Facebook{
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .Facebook span:nth-child(1){
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }
    .Facebook span:nth-child(2){
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
    }
    .offconts{
        width: 60px;
        height: 25px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        margin-top: 10px;
    }
    /* 第四个界面 */
    .submitpwd{
        width: 128px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-family: 'ProximaNova-Semibold';
        border: 1px solid #1d4c59;
        color: #729ea7;
        background: #09252b;
        margin-top: 30px;
    }
    .submitpwd:hover{
        border: 1px solid #3d6a75;
        color: #9eced8;
    }
    /* 第三个界面 */
    .dces-cont{
        display: flex;
    }
    .dces-cont p{
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .offcont{
        width: 60px;
        height: 25px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
    }
    .offcont:hover{
        border: 1px solid #3b6a75;
        color: #9eced8;
    }
    .dces-cont p span:nth-child(1) i{
        color: #fff;
        font-size:14px;
        font-style: normal;
    }
    .line{
        width: 200px;
        height: 5px;
        background: #000;
        margin-top: 20px;
        display: flex;
    }
    .line i{
        width: 90px;
        height: 5px;
        display: inline-block;
    }
    .dces-cont1 p span:nth-child(2){
        width: 300px;
        display: flex;
        line-height: 40px;
    }
    .iactive{
        background: #f00;
    }
    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .Basic-cont{
        width: 100%;
    }
    .cont-box{
        margin-bottom: 45px;
        padding-bottom: 45px;
        border-bottom: 1px solid #11323b;
    }
    
    .tit-cont{
        height: 60px;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
        line-height: 60px;
    }

    .cescription-cont{
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #537981;
        margin-top: 13px;
    }
    .cescription-cont p{
        display: flex;
    }
    .off{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
        cursor: pointer;
    }
    /* .off:hover{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
    } */
    .offactive{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
    }

    .cescription-cont p span:nth-child(1){
        flex: 1;
        margin-right: 10px;
    }
    /* 左侧 */
    .Basicleft{
        width: 280px;
        height: auto;
        margin-top: 53px;
    }
    .Basicleft Li{
        width: 278px;
        height: 44px;
        line-height: 44px;
        border-left:2px solid  #0c333c;
        display: flex;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        
    }
    .Basicleft li a {
        width: 100%;
        color: #77a4ad;
        display: flex;
    }
    
    .Basicleft li span:nth-child(1){
        margin-left: 25px;
        margin-top: 10px;
        margin-right: 26px;
    }
    .Basicleft li span:nth-child(2){
        text-align: left;
    }
    .Basicleft li:nth-child(1) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(2) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/message.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    .Basicleft li:nth-child(4) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharg.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(5) span:nth-child(1){
        width: 30px;
        height: 20px;
        display: inline-block;
        background: url(../image/basicsettingmsg/code.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 17px;
    }
    .Basicleft li:nth-child(6) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcards.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(7) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/address.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(8) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft Li:hover{
        width: 278px;
        height: 44px;
        display: flex;
        cursor: pointer;
        border-left:2px solid  #01bc92;
        color: #fff;
        background-color: #3e4753;
    }
    li:nth-child(1).current span:nth-child(1),
    .Basicleft li:nth-child(1):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(2).current span:nth-child(1),
    .Basicleft li:nth-child(2):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        background: url(../image/basicsettingmsg/myordershover.png);
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/messagehover.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    li:nth-child(4).current span:nth-child(1),
    .Basicleft li:nth-child(4):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        background: url(../image/basicsettingmsg/recharghover.png);
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6).current span:nth-child(1),
    .Basicleft li:nth-child(6):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcardshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(7).current span:nth-child(1),
    .Basicleft li:nth-child(7):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/addresshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(8).current span:nth-child(1),
    .Basicleft li:nth-child(8):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft .current{
        width: 278px;
        height: 44px;
        display: flex;
        cursor: pointer;
        border-left:2px solid  #01bc92;
        background: #3e4753;
    }
    .Basicleft li:hover a span,
    .Basicleft .current a{
        color: #fff;
    }
    /* 左侧 */
     /* 银行卡 */
     .cont-head{
        display: flex;
        margin-top: 35px;
        flex-wrap: wrap;
    }
    .cont-he{
        width: 260px;
        font-family: 'ProximaNova-Semibold';
        background: #00586d;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .cont-he:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        background: #026b53;
        margin-left: 10px;
    }
    .cont-he:nth-child(3){
        font-family: 'ProximaNova-Semibold';
        background: #9c5a36;
        margin-left: 10px;
    }
    .cont-he .img{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        margin:21px 10px 0 23px;
    }
    .cont-he>div:nth-child(1){
        width: 260px;
        height: 127px;
        color: #fff;
        display: flex;
    }
    .cont-he>div:nth-child(1) p:nth-child(2){
        margin-top: 66px;
        font-size: 16px;
        font-family: 'verdana';
        text-align: right;
        margin-right: 18px;
    }
    .telphone{
        width: 100%;
        display: inline-block;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
    }
    .username{
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
    }
    .cont-he .ss{
        width: 260px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        display: flex;
        background: #0c333c;
    }
    .ss span{
        flex: 1;
        text-align: center;
        cursor: pointer;
        color: #77a4ad;
    }
    .ss span:hover{
        color: #a2deea;
    }
    .cont-add{
        width: 260px;
        height: 160px;
        border: 1px dashed #77a4ad;
        margin-left: 10px;
        cursor: pointer;
        font-size: 20px;
    }
    .cont-add>p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/add.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add p:nth-child(2){
        color: #77a4ad;
        text-align: center;
    }
    .cont-add:hover p:nth-child(2){
        color: #a2dfeb;
        text-align: center;
    }
    .cont-add:hover p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/hover.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add:hover{
        border: 1px dashed #a2dfeb;
    }
    .about-bank-cards{
        border-top: 1px solid #11323b;
        margin-top: 150px;
        padding-top: 30px;
    }
    .about,
    .banks{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
    }
    .abouts{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
        margin-top: 20px;
    }
    .cards p{
        font-family: 'ArialMT';
        color: #537981;
        font-size: 12px;
        margin-top: 10px;
    }
    .cards p a{
        text-decoration:underline;
    }
    /* 银行卡 */

    /* 我的订单 */
    .ordernum{
        margin-top: 20px;
    }
    .ordermessag{
        width: 100%;
        margin-top: 20px;
        border: 1px solid #1a3d47;
    }
    .date{
        width: 97%;
        height: 30px;
        line-height: 30px;
        color: #557b83;
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        border-bottom: 1px solid #1a3d47;
        padding-left: 20px;
    }
    .orders{
        padding-left: 10px;
    }
    .ordermsg{
        width: 100%;
        display: flex;
    }
    .ordermess{
        flex: 1;
    }
    .conts{
        display: flex;
        flex-wrap: wrap;
        border-right: 1px solid #1a3d47;
        border-bottom: 1px solid #1a3d47;
    }
    
    .contsconts{
        width: 300px;
        display: flex;
    }
    .ordermsg p:nth-child(6) span:nth-child(1){
        width: 167px;
        height: 38px;
        line-height: 38px;
        border: 1px solid #2594ab;
        color: #fff;
        font-size: 14px;
        text-align:center;
        display: block;
        margin-top: 30px;
        margin-bottom: 10px;
        cursor: pointer;
    }
    .ordermsg p:nth-child(6) span:nth-child(1):hover{
        
        border: 1px solid #1e768e;
    }
    .ordermsg p:nth-child(3) span:nth-child(1),
    .ordermsg p:nth-child(4) span:nth-child(1),
    .ordermsg p:nth-child(5) span:nth-child(1){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #557b83;
        display: block;
        margin-top: 40px;
        text-align: left;
    }
    .ordermsg p:nth-child(3) span:nth-child(2),
    .ordermsg p:nth-child(4) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #ccc;
        display: block;
        text-align: left;
    }
    .ordermsg p:nth-child(5) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #01bc92;
        display: block;
        text-align: left;
    }
    
    .totals1{
        width: 99%;
        height: 40px;
        line-height: 37px;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        color: #bbbdbd;
        background: #1a3d47;
        padding-right: 1%;
        font-family: 'ProximaNova-Semibold';
    }
    .totals1 span{
        font-size: 14px;
    }
    
    .ordermsg a{
        color: #77a4ad;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
    }
    .ordermsg a:hover {
        color: #a2deea;
        
        text-align: left;
    }
    .ordermess p:nth-child(1) img {
        width: 36px;
        height: 46px;
        margin: 37px auto;
        background: #000;
        margin-left: 10px;
        margin-right: 14px;
    }
    .ordermess p:nth-child(2){
        line-height: 123px;
        color: #ccc;
        text-align: left;
        padding-right: 10px;
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
    }
    .ordermess p:nth-child(2) img {
        width: 12px;
        height: 10px;
        display: inline-block;
    }
    .ordermess p:nth-child(3) {
        flex: 1;
        padding-left: 5px;
    }
    .ordermess p:nth-child(4) {
        padding-left: 10px;
        padding-right: 10px;
    }
    .contsconts p:nth-child(1),
    .contsconts p:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 10px;
    }
    .contsconts p:nth-child(2){
        width: 180px;
        text-align: right;
        font-family: 'ProximaNova-Semibold';
    }
    .contsconts p:nth-child(1){
        flex: 1;
        margin-left: 10px;

    }
    .contsconts p:nth-child(1) span:nth-child(1){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #557b83;
        display: block;
        margin-bottom: 20px;
        text-align: left;
    }
    .contsconts p:nth-child(1) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #01bc92;
        display: block;
        margin-bottom: 20px;
        text-align: left;
    }

    .contsconts p:nth-child(2) span:nth-child(1){
        width: 100%;
        height: 30px;
        display: inline-block;
        /* border: 1px solid #2594ab; */
        color: #fff;
        line-height: 30px;
        font-size: 14px;
        text-align: left;
        margin-bottom: 20px;
        cursor: pointer;
    } 
    
}

@media screen and (min-width:769px) and (max-width:1025px){


    .cashrecar i{
        margin-left: 0.1rem;
    }
    input.amountalanceinput::-webkit-input-placeholder {
        color: #537981;
        font-size: 0.15rem;
    }
    .palancep img{
        width: 17px;
        height: 17px;
        display: inline-flex;
        margin-top: 3px;
        margin-left: 10px;
    }
    .titsections{
        height: 20px;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #4f7078;
        margin-top: 10px;
    }
    .sections p:nth-child(2) i{

    }
    .unreadsbtn{
        width: 0.43rem;
        height: 100%;
    }
    
    .unreadsbtn span{
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 100%;
        background: #01bc92;
        margin-top: 0.15rem;
        display: block;
        margin-left: 0.1rem;
    }
    .MessageNotificationconts{
        flex: 1;
    }
    .MessageNotification-list.listActive .MessageNotification-cont{
        color: #537981;
        display: block;
    }
    
    .MessageNotification-list.listActive{
            height: auto;
    }
    .MessageNotification-list.listActive .MessageNotification-cont p:nth-child(2) span{
        position: absolute;
        left: 0.2rem;
        bottom: 0.1rem;
        width: 0;
        height: 0;
        border-top: 0.1rem solid #80a3ac;
        border-right: 0.1rem solid transparent;
        border-left: 0.1rem solid transparent;
        display: block;
    }
    .MessageNotification-cont p:nth-child(2){
         position: relative;
     }
    .MessageNotification-cont span{
        position: absolute;
        left: 0.2rem;
        bottom: 0.1rem;
        width: 0;
        height: 0;
        border-left: 0.1rem solid #80a3ac;
        border-bottom: 0.1rem solid transparent;
        border-top: 0.1rem solid transparent;
        display: block;
        
    }
    .persionhome,
    .persioncon{
        width: 100%;
    }
  
    .cont-box{
        width: 100%;
    }
    .cont-box:nth-child(1){
        margin-top: 35px;
    }
    .tit-cont{
        border-bottom: 1px solid #014145;
        height: 25px;
    }
    .MessageNotification-wrap{
        width: 100%;
        height: 400px;
        font-size: 16px;
        display: flex;
        margin-top: 20px;
    }
    .MessageNotification-left{
        width: 200px;
        height: 350px;
        background-color: #13333c;
    }
    .MessageNotification-list{
        width: 95%;
        height: 100px;
        margin: 0 auto;
        padding: 0 5px;
        border-bottom: 1px solid #014145;;
        cursor: pointer;
    }
    .MessageNotification-cont{
        width: 100%;
        height: 55px;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #537981;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .MessageNotification-title{
        width: 100%;
        height: 35px;
        line-height: 35px;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #77a4ad;
    }
    
    .MessageNotification-right{
        flex: 1;
    }
    .MessageNotification-right-title{
        width: 90%;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #efe9e9;
    }
    .MessageNotification-right-cont{
        width: 90%;
        height: auto;
        margin: 0 auto;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #537981;
        line-height: 18px;
    }
     /* 我的订单 */
     .ordernum{
        width: 75%;
        margin-top: 20px;
    }
    .ordermessag{
        width: 100%;
        margin-top: 20px;
        /* border: 1px solid #1a3d47; */
    }
    .date{
        width: 91%;
        height: 30px;
        line-height: 30px;
        color: #557b83;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
    }
    .date span{
        flex: 1;
    }
    .orders{
        text-align: right;
    }
    .ordermsg{
        width: 100%;
    }
    
    .conts{
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        border-bottom: 1px solid #11323b;
        border-top: 1px solid #11323b;
    }
    .conts p{
        /* width: 34%; */
        float: left;
    }
    .basic p {
        width: 344px;
        margin-top: 10px;
        display: flex;
    }
    .conts p:nth-child(2){
        width: 64%;
        float: left;
        margin-top: 70px;
        color: #ccc;
        font-size: 12px;
        padding-left: 10px;
        font-family: 'ProximaNova-Semibold';
    }
    .el-dropdown-link {
        width: 90px;
        height: 30px;
        display: flex;
        color: #01bc92;
        line-height: 30px;
        /*margin-top: 30px;*/
        font-size: 14px;
        /*margin-right: 50px;*/
        font-weight: bold;
        /*margin-right: 0.15rem;*/
        margin: 30px 0.15rem 0px 0.15rem;
        justify-content: flex-end;
        align-items: center;
    }
    .el-dropdown-link img:nth-child(1){
        margin-right: 0.1rem;
    }
    .ordermess p:nth-child(2) img {
        width: 12px;
        height: 10px;
        display: inline-block;
    }
    .contsconts{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contsconts p:nth-child(1){
        flex: 1;
    }
    .ordermess p:nth-child(1) img {
        width: 34px;
        height: 35px;
        margin: 10px auto;
        background: #000;
    } 
    .contsconts p:nth-child(2){
        width: 280px;
        text-align: right;
        font-family: 'ProximaNova-Semibold';
    }
    .contsconts p:nth-child(2) span:nth-child(1){
        width: 100%;
        height: 30px;
        display: inline-block;
        /* border: 1px solid #2594ab; */
        color: #fff;
        line-height: 30px;
        font-size: 12px;
        text-align: left;
        cursor: pointer;
        margin-bottom: 10px;
        display: flex;
    }
    .Expiredtime{
        display: flex;
    }
    /* .contsconts p:nth-child(2) span:nth-child(1):hover{
        border: 1px solid #1e768e;
    } */
    .ordermsg a {
        color: #77a4ad;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
    }
    .contsconts p:nth-child(1) span:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #557b83;
        display: block;
        margin-top: 10px;
        text-align: left;
        /* display: none; */
    }
    .contsconts p:nth-child(1) span:nth-child(2) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #01bc92;
        display: block;
        margin-top: 70px;
        text-align: left;
    }
  
    .totals1 {
        width: 99%;
        height: 40px;
        line-height: 37px;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        color: #fff;
        background: #1a3d47;
        padding-right: 2%;
        font-family: 'ProximaNova-Semibold';
    }
    .totals1 span{
        font-size: 14px;
    }
    .ordermess p:nth-child(3) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        display: block;
        text-align: right;
    }
     .ordermess p:nth-child(4) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        text-align: right;
    }
    .ordermess p:nth-child(3),
    .ordermess p:nth-child(4){
        width: 100%;
    }
    .ordermess p:nth-child(4) span:nth-child(2),
    .ordermess p:nth-child(3) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #ccc;
        margin-bottom: 20px;
        text-align: left;
    }
    /* 我的订单 */

    .basic p:nth-child(3) input{
        width: 328px ;
        padding-left: 12px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    .basic p:nth-child(2) input{
        width: 340px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }

    .year p:nth-child(2) input{
        width: 160px;
        height: 34px;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
        padding-left: 10px;
    }
    .ulmonth, .ulyear{
        width: 160px;
        /* height: 30px; */
        color: #01bc92;
        line-height: 30px;
        font-size: 14px;
    }

    
    /* 银行卡 */
    .cont-head{
        display: flex;
        margin-top: 35px;
        width: 100%;
        flex-wrap: wrap;
    }
    .cont-he{
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #00586d;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .cont-he:nth-child(2){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #026b53;
        margin-left: 10px;
    }
    .cont-he:nth-child(3){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #9c5a36;
        margin-left: 10px;
    }
    .cont-he .img{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        margin: 34px 10px 0 23px;
        display: block;
    }
    .cont-he>div:nth-child(1){
        width: 267px;
        height: 127px;
        color: #fff;
        display: flex;
    }
    .cont-he>div:nth-child(1) p:nth-child(2){
        margin-top: 35px;
        font-size: 16px;
        font-family: 'verdana';
        text-align: right;
        margin-right: 18px;
    }
    .telphone{
        width: 100%;
        display: inline-block;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
    }
    .username{
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
    }
    .cont-he .ss{
        width: 267px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        display: flex;
        background: #0c333c;
    }
    .ss span{
        flex: 1;
        text-align: center;
        cursor: pointer;
        color: #77a4ad;
    }
    .ss span:hover{
        color: #a2deea;
    }
    .cont-add{
        width: 267px;
        font-size: 18px;
        height: 160px;
        border: 1px dashed #77a4ad;
        margin-left: 10px;
        cursor: pointer;
    }
    .cont-add>p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/add.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add p:nth-child(2){
        color: #77a4ad;
        text-align: center;
    }
    .cont-add:hover p:nth-child(2){
        color: #a2dfeb;
        text-align: center;
    }
    .cont-add:hover p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/hover.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add:hover{
        border: 1px dashed #a2dfeb;
    }
    .about-bank-cards{
        border-top: 1px solid #11323b;
        margin-top: 150px;
        padding-top: 30px;
    }
    .about,
    .banks{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
    }
    .abouts{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
        margin-top: 20px;
    }
    .cards p{
        font-family: 'ArialMT';
        color: #537981;
        font-size: 12px;
        margin-top: 10px;
    }
    .cards p a{
        text-decoration:underline;
    }
    /* 银行卡 */
    /* 现金充值 */

    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .cash{
        width: 75%;
        height: 40px;
        margin-bottom: 20px;
        border-bottom: 1px solid #11323b; 
        display: flex;
        margin-top: 35px;
    }
    .cash i{
        font-style: normal;
    }
    .cash p{
        width: 160px;
        font-family: 'ProximaNova-Semibold';
        font-size: 17px;
        color: #77a4ad;
        position: relative;
        cursor: pointer;
    }
    .cash p:hover i.actives{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    .cashline{
        width: 94px;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top:38px;
        background:#11323b;
        border: 1px solid#11323b;
    }
   
    .cashrecar{
        margin-top: 20px;
    }
    .cashrecar>p{
        margin-top: 10px;
        display: flex;
    }
    .cashrecar>p.tit{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        /* margin-top: 20px; */
        /* margin-bottom: 6px; */
    }
    .cashrecar>p.tits{
        margin-top: 40px;
    }
    .cashrecar>p.tits{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 16px;
        margin-bottom: 6px;
    }
    .cashrecar>p.stit{
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
        margin-top: 36px;
        margin-bottom: 6px;
    }
    .cashrecar>p.errmsg{
        color: #7f8fa4;
        font-size: 13px;
        font-family: 'ProximaNova-Semibold';
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cashrecar>p.errmsg img{
        width: 13px;
        height: 13px;
        margin-right: 5px;
    }
    .Cardnumber input,
    .Cardpassword input {
        width: 336px;
        height: 34px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .cashrecar>p span:nth-child(1){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #537981;
    }   
    .cashrecar>p span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        margin-left: 10px;
        display: flex;
    } 
    .cashrecar i{
        font-family: 'ProximaNova-Semibold';
        font-size: 18px;
        color: #e8ce3e;
        margin-left: 10px;
        margin-right: 10px;
        font-style: normal;
    }  
    .gold{
        width: 90%;
        display: flex;
        justify-content: space-between;
    }
    .gold p{
        width: 140px;
        height: 80px;
        border: 1px solid #11323b;
        background: #000e11;
        position: relative;
        cursor: pointer;
        /* start */
        display: flex;
        /* start */
    }
    .gold p>span:nth-child(1){
        width: 46%;
        height: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        line-height: 30px;
    }
    .gold p>span:nth-child(2){
        width: 48%;
        height: 100%;
        float: left;
    }
    .gold p>span:nth-child(2)>img{
        /* width: 71px;
        height: 22px;
        position: absolute;
        top: 0;
        right: 0; */
        width: 55px;
        height: 17px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .gold p>span:nth-child(2)>span{
        font-size: 14px;
        color:#77a4ad;
        font-family: 'ProximaNova-Semibold';
        margin-top: 50px;
        display: flex;
    }
    .gold p>span:nth-child(2)>span i{
        font-size: 14px;
        display: inline;
        color:#77a4ad;
    }
    .gold p span:nth-child(1) span:nth-child(1){
        color: #e8ec3e;
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
    }
    .gold p span:nth-child(1) span:nth-child(2){
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
        padding-left: 5px;
        margin-top: 15px;
        color: #77a4ad;
        /* flex-direction: column; */
    }
    .gold p>img{
        width: 22px;
        height: 22px;
        position: absolute;
        top:  -11px;
        left: -11px;
        display: none;
    }
    .gold p>span:nth-child(1) img{
        width: 22px;
        height: 22px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .goldsuccessactive{
        background: #0c343c !important;
        border: 1px solid #067577 !important;
    }
    .goldsuccessactive>img{
        display: block !important;
    }
    .goldsuccessactive .success{
        display: inline;
    }
    .gold p.goldsuccessactive span:nth-child(2),.gold p.goldsuccessactive >span:nth-child(2)>span i{
        color: #fff;
        
        font-family: 'ProximaNova-Semibold';
    }
    .success{
        display: none;
    }   
    .sections{
        padding-bottom: 46px;
        border-bottom: 1px solid #014145; 
    }
    .sectionss{
        padding-bottom: 26px;
    }
    .sectionss p{
        height: 250px;
    }

    .sectionss p,
    .sections p{
        width: 350px;
        position: relative;
        display: flex;
    }
    .sectionss p input {
        width: 306px;
        height: 53px;
        padding-left: 40px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sectionss p img {
        width: 220px;
        height: 248px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 12px;
        /* z-index: 999; */
    }
    .sections p:nth-child(2){
        text-align: right;
        font-family: 'ProximaNova-Semibold';
        font-size: 16px;
        color: #648d95;
        margin-top: 8px;
    }
    .sections p input{
        width: 375px;
        height: 40px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sections p input.amountalanceinput{
        width: 375px;
        height: 40px;
        padding-left: 10px;
        color: #ebe5e5;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
    }
    .sections p input:focus{
        outline-style: none;
    }
    .sections p img{
        width: 22px;
        height: 22px;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 12px;
        z-index: 999;
    }
    .Estimated-total{
        margin-top: 33px;
        padding-bottom: 58px;
        border-bottom: 1px solid #11323b; 
    }
    .Point-total{
        padding-bottom: 58px;
        border-bottom: 1px solid #11323b; 
    }
    .Estimated-total .estimated span:nth-child(1){
        font-size: 14px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
        margin-right: 10px;
    }
    .Estimated-total .estimated span:nth-child(2),
    .Estimated-total .estimated span:nth-child(3){
        font-size: 20px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
    }
    .Point-total button,
    .Estimated-total button{
        width: 225px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #026e74;
        border: 1px solid #11323b;
        color: #fff;
        margin-top: 30px;
        font-size: 14px;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        display: block;
    }
    .Point-total button:hover,
    .Estimated-total button:hover{
        background: #038188;
    }
    .changereminder p{
        font-family: 'ArialMT';
        font-size: 10px;
        line-height: 14px;
        color: #537981;
        margin-top: 5px;
    }
    /* .cashrecar{
        display: none;
    } */
    .cashrecarActive{
        display: inline;
    }
    .cashrecarActive i.cashline{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    /* 点卡充值 */

    /* 第五个界面 */
    .binding-facebook{
        display: flex;
    }
    .Facebook{
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .Facebook span:nth-child(1){
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }
    .Facebook span:nth-child(2){
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
    }
    .offconts{
        width: 60px;
        height: 25px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        margin-top: 10px;
    }
    /* 第四个界面 */
    .submitpwd{
        width: 128px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-family: 'ProximaNova-Semibold';
        border: 1px solid #1d4c59;
        color: #729ea7;
        background: #09252b;
        margin-top: 30px;
    }
    .submitpwd:hover{
        border: 1px solid #3d6a75;
        color: #9eced8;
    }
    /* 第三个界面 */
    .dces-cont{
        display: flex;
    }
    .dces-cont p{
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    .offcont{
        width: 60px;
        height: 25px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 25px;
        cursor: pointer;
    }
    .offcont:hover{
        border: 1px solid #3b6a75;
        color: #9eced8;
    }
    .dces-cont p span:nth-child(1) i{
        color: #fff;
        font-size:14px;
        font-style: normal;
        font-family: 'ProximaNova-Semibold';
    }
    .line{
        width: 200px;
        height: 5px;
        background: #000;
        margin-top: 20px;
        display: flex;
    }
    .line i{
        width: 85px;
        height: 5px;
        display: inline-block;
    }
    .dces-cont1 p span:nth-child(2){
        width: 300px;
        display: flex;
        line-height: 40px;
    }
    .iactive{
        background: #f00;
    }
    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .Basic-cont{
        width: 100%;
    }
    .cont-box{
        width: 500px;
        margin-bottom: 45px;
        padding-bottom: 45px;
        border-bottom: 1px solid #11323b;
    }
    .cont-box:nth-child(1){
        margin-top: 50px;
    }
    .tit-cont{
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }

    .cescription-cont{
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
        margin-top: 13px;
    }
    .cescription-cont p{
        display: flex;
    }
    .off{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
        cursor: pointer;
    }
    /* .off:hover{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
        cursor: pointer;
    } */
    .offactive{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
    }

    .cescription-cont p span:nth-child(1){
        flex: 1;
        margin-right: 10px;
    }
    .Basicleft{
        width: 280px;
        height: auto;
        margin-top: 53px;
    }
    .Basicleft Li{
        width: 278px;
        height: 44px;
        line-height: 44px;
        border-left:2px solid  #0c333c;
        display: flex;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
    }
    .Basicleft li a{
        color: #77a4ad;
        display: flex;
    }
    .Basicleft li span:nth-child(1){
        margin-left: 25px;
        margin-top: 10px;
        margin-right: 26px;
    }
    .Basicleft li span:nth-child(2){
        text-align: left;
    }
    .Basicleft li:nth-child(1) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(2) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharg.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/message.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    .Basicleft li:nth-child(4) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcards.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(7) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/address.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(8) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft Li:hover{
        width: 278px;
        height: 44px;
        display: flex;
        cursor: pointer;
        border-left:2px solid  #01bc92;
        background: #2c4a52;
        color: #fff;
        background-color: #3e4753;
    }
    .Basicleft li:hover a span,
    .Basicleft .current a{
        color: #fff;
    }
    li:nth-child(1).current span:nth-child(1),
    .Basicleft li:nth-child(1):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(2).current span:nth-child(1),
    .Basicleft li:nth-child(2):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/messagehover.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    
    li:nth-child(4).current span:nth-child(1),
    .Basicleft li:nth-child(4):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        
        background: url(../image/basicsettingmsg/recharghover.png);
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(5).current span:nth-child(1),
    .Basicleft li:nth-child(5):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/code.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6).current span:nth-child(1),
    .Basicleft li:nth-child(6):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcardshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(7).current span:nth-child(1),
    .Basicleft li:nth-child(7):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/addresshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(8).current span:nth-child(1),
    .Basicleft li:nth-child(8):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft .active{
        width: 278px;
        height: 44px;
        display: flex;
        cursor: pointer;
        border-left:2px solid  #01bc92;
        background: #2c4a52;
    }
    .Basicleft .current a{
        color: #fff;
    }
   
    .basiccont{
        width: 400px;
        margin-left: 40px;
    }
    .head_p {
        width: 145px;
        height: 110px;
        margin-top: 34px;
        /* border-right: 1px solid #1a3d47; */
        margin-left: 43px;
    }
}
@media screen and (min-width: 320px) {
   
    .basic p {
        width: 88%;
    }
}
@media screen and (min-width: 320px) and (max-width: 375px){
    .Basic-cont{
        width: 100%;
    }
    .content-box {
        width: 100%;
        margin-left: 10px;
        padding-bottom: 50px;
    }
}
@media screen and (min-width: 375px) and (max-width: 414px){
    .Basic-cont{
        width: 100%;
    }
    .content-box {
        width: 100%;
        margin-left: 10px;
        padding-bottom: 50px;
    }
}
@media screen and (min-width: 414px) and (max-width: 416px){
    .Basic-cont{
        width: 100%;
    }
}

@media screen and (min-width:320px) and (max-width:415px){
    
    .Basicleft li:hover a span,
    .Basicleft .current a{
        color: #fff;
    }
    /* 我的订单 */
    .ordernum{
        width: 90%;
        margin-top: 20px;
        
    }
    .ordermessag{
        width: 100%;
        margin-top: 20px;
        /* border: 1px solid #1a3d47; */
    }
    .date{
        width: 91%;
        height: 30px;
        line-height: 30px;
        color: #557b83;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
    }
    .date span{
        flex: 1;
    }
    .orders{
        text-align: right;
    }
    .ordermsg{
        width: 100%;
    }
    
    .conts{
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        border-bottom: 1px solid #11323b;
        border-top: 1px solid #11323b;
    }
    .conts p{
        /* width: 34%; */
        float: left;
    }
    .conts p:nth-child(2){
        width: 64%;
        float: left;
        margin-top: 20px;
        color: #ccc;
        font-size: 12px;
        padding-left: 10px;
        font-family: 'ProximaNova-Semibold';
    }
    .ordermess p:nth-child(2) img {
        width: 12px;
        height: 10px;
        display: inline-block;
    }
    .contsconts{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contsconts p:nth-child(1){
        flex: 1;
    }
    .ordermess p:nth-child(1) img {
        width: 34px;
        height: 35px;
        margin: 10px auto;
        background: #000;
    } 
    .contsconts p:nth-child(2){
        width: 210px;
        text-align: right;
        font-family: 'ProximaNova-Semibold';
    }
    .contsconts p:nth-child(2) span:nth-child(1){
        width: 100%;
        height: 30px;
        display: inline-block;
        /* border: 1px solid #2594ab; */
        color: #fff;
        /* line-height: 30px; */
        font-size: 12px;
        text-align: left;
        cursor: pointer;
        margin-bottom: 10px;
        display: flex;
        font-family: 'ProximaNova-Semibold';
    }
    .Expiredtime{
        display: flex;
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
    }
    /* .contsconts p:nth-child(2) span:nth-child(1):hover{
        border: 1px solid #1e768e;
    } */
    .ordermsg a {
        color: #77a4ad;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
    }
    .contsconts p:nth-child(1) span:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #557b83;
        display: block;
        margin-bottom: 20px;
        text-align: left;
        /* display: none; */
    }
    .contsconts p:nth-child(1) span:nth-child(2) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #01bc92;
        display: block;
        margin-bottom: 20px;
        text-align: left;
        margin-top: 44px;
    }
  
    .totals1 {
        width: 99%;
        height: 40px;
        line-height: 37px;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        color: #fff;
        background: #1a3d47;
        padding-right: 1%;
        font-family: 'ProximaNova-Semibold';
    }
    .totals1 span{
        font-size: 14px;
    }
    .ordermess p:nth-child(3) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        display: block;
        text-align: right;
    }
     .ordermess p:nth-child(4) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        text-align: right;
    }
    .ordermess p:nth-child(3),
    .ordermess p:nth-child(4){
        width: 100%;
    }
    .ordermess p:nth-child(4) span:nth-child(2),
    .ordermess p:nth-child(3) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #ccc;
        margin-bottom: 20px;
        text-align: left;
    }
    /* 我的订单 */
    /* 银行卡 */
    .cont-head{
        display: flex;
        flex-wrap: wrap;
    }
    .cont-he{
        width: 49%;
        height: 97px;
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #00586d;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .cont-he:nth-child(2){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #026b53;
        margin-left: 3px;
    }
    .cont-he:nth-child(3){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #9c5a36;
        margin-left: 3px;
    }
    .cont-he .img{
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        margin: 12px 4px 0 8px;
    }
    .cont-he>div:nth-child(1){
        width: 100%;
        height: 80px;
        color: #fff;
        display: flex;
    }
    .cont-he>div:nth-child(1) p:nth-child(2){
        width: 74%;
        margin-top: 28px;
        font-size: 10px;
        font-family: 'verdana';
        /* text-align: right;
        margin-right: 18px; */
    }
    .telphone{
        width: 100%;
        display: inline-block;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
    }
    .username{
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
    }
    .cont-he .ss{
        width: 100%;
        height: 27px;
        font-size: 12px;
        line-height: 27px;
        display: flex;
        background: #0c333c;
    }
    .ss span{
        flex: 1;
        text-align: center;
        cursor: pointer;
        color: #77a4ad;
    }
    .ss span:hover{
        color: #a2deea;
    }
    .cont-add{
        width: 48%;
        height: 97px;
        border: 1px dashed #77a4ad;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        margin-top: 10px;
    }
    .cont-add>p>span{
        width: 19px;
        height: 19px;
        background: url(../image/facebooking/add.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;   
         margin: 21px auto 13px;
    }
    .cont-add p:nth-child(2){
        color: #77a4ad;
        text-align: center;
        font-size: 12px;
    }
    .cont-add:hover p:nth-child(2){
        color: #a2dfeb;
        text-align: center;
    }
    .cont-add:hover p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/hover.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add:hover{
        border: 1px dashed #a2dfeb;
    }
    .about-bank-cards{
        border-top: 1px solid #11323b;
        margin-top: 100px;
        padding-top: 30px;
    }
    .about,
    .banks{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
    }
    .abouts{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
        margin-top: 20px;
    }
    .cards p{
        font-family: 'ArialMT';
        color: #537981;
        font-size: 12px;
        margin-top: 10px;
    }
    .cards p a{
        text-decoration:underline;
    }
    /* 银行卡 */
    /* 现金充值 */
    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .cash{
        width: 100%;
        height: 40px;
        margin-bottom: 20px;
        border-bottom: 1px solid #11323b; 
        display: flex;
        /* margin-top: 44px; */
    }
    .cash-content{
        width: 99%;
    }
    .cash p{
        width: 120px;
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #77a4ad;
        position: relative;
        cursor: pointer;
    }
    .cash p:hover i.actives{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    .cashline{
        width: 94px;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top:38px;
        background:#11323b;
        border: 1px solid#11323b;
    }
   
    .cashrecar{
        margin-top: 20px;
    }
    .cashrecar>p{
        margin-top: 10px;
        display: flex;
    }
    .cashrecar>p.tit{
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        /* margin-top: 40px; */
        margin-bottom: 6px;
    }
    .cashrecar>p.tits{
        margin-top: 40px;
    }
    .cashrecar>p.tits{
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        margin-top: 16px;
        margin-bottom: 6px;
    }
    .cashrecar>p.stit{
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        margin-top: 36px;
        margin-bottom: 6px;
    }
    .cashrecar>p.errmsg{
        color: #7f8fa4;
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cashrecar>p.errmsg img{
        width: 13px;
        height: 13px;
        margin-right: 5px;
    }
    .Cardnumber input,
    .Cardpassword input {
        width: 84%;
        height: 34px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .cashrecar>p span:nth-child(1){
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
    }   
    .cashrecar>p span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        margin-left: 10px;
        display: flex;
    } 
    .cashrecar i{
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #e8ce3e;
        margin-left: 10px;
        font-style: normal;
    }  
    .gold{
        width: 100%;
        display: flex;
        /* justify-content: space-between; */
        flex-wrap: wrap;
    }
    .gold p{
        width: 45%;
        height: 62px;
        border: 1px solid #11323b;
        background: #000e11;
        position: relative;
        cursor: pointer;
        margin-right: 5px;
        margin-top: 5px;
    }
    .gold p>span:nth-child(1){
        width: 56%;
        height: 100%;
        float: left;
        display: flex;
        line-height: 30px;
        flex-direction: column;
        /* line-height: 30px; */
    }
    .gold p>span:nth-child(2){
        width: 44%;
        height: 100%;
        float: left;
    }
    .gold p>span:nth-child(2)>img{
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .gold p>span:nth-child(2)>span{
        font-size: 10px;
        color:#77a4ad;
        font-family: 'ProximaNova-Semibold';
        margin-top: 40px;
        display: flex;
    }
    .gold p>span:nth-child(2)>span i{
        font-size: 10px;
        display: inline;
        color:#77a4ad;
        margin-left: 0px;
    }
    .gold p span:nth-child(1) span:nth-child(1){
        width: 100%;
        height: 50%;
        float: left;
        display: flex;
        /* flex-direction: column; */
        line-height: 30px;
    }
    .gold p span:nth-child(1) span:nth-child(2){
        width: 100%;
        height: 50%;
        float: left;
        display: flex;
        /* flex-direction: column; */
        margin-top: 12px;
        text-decoration: line-through;
        color: #77a4ad;
        font-size: 10px;
    }
    /* .gold p span:nth-child(1) span{
        color: #e8ec3e;
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
    } */
    .gold p>img{
        width: 11px;
        height: 11px;
        position: absolute;
        top: -6px;
        left: -6px;
        display: none;
    }
    .gold p>span:nth-child(1) img{
        width: 14px;
        height: 14px;
        margin-left: 5px;
        margin-top: 5px;
        /* width: 40px;
        height: 14px; */
    }
    .goldsuccessactive{
        background: #0c343c !important;
        border: 1px solid #067577 !important;
    }
    .goldsuccessactive>img{
        display: block !important;
    }
    .goldsuccessactive .success{
        display: inline;
    }
    .gold p.goldsuccessactive>span:nth-child(2) span,.gold p.goldsuccessactive>span:nth-child(2)>span i{
        color: #fff
    }
    .success{
        display: none;
    }   
    .sections{
        padding-bottom: 15px;
        border-bottom: 1px solid #11323b; 
    }
    .sectionss{
        padding-bottom: 26px;
    }
    .sectionss p{
        height: 220px;
    }
    .sectionss p,
    .sections p{
       
        position: relative;
        display: flex;
    }
    .sectionss p input {
        width: 90%;
        height: 53px;
        padding-left: 40px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sectionss p input.amountalanceinput{
        width: 90%;
        height: 53px;
        padding-left: 40px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .sectionss p img {
        width: 160px;
        height: 185px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 12px;
        /* z-index: 999; */
    }
    .sections p:nth-child(2){
        text-align: right;
        font-family: 'ProximaNova-Semibold';
        font-size: 13px;
        color: #648d95;
        margin-top: 8px;
        display: flex;
    }
    .sections p input{
        width: 100%;
        height: 40px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
        font-size: 0.2rem;
    }
    .sections p input.amountalanceinput{
        width: 100%;
        height: 40px;
        padding-left: 0.1rem;
        color: #ebe5e5;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        font-size: 0.2rem;
    }
    .sections p input:focus{
        outline-style: none;
    }
    .sections p:nth-child(1) img{
        width: 22px;
        height: 22px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 12px;
        z-index: 999;
    }
    .sections p.sectionsppp img{
        width: 0.25rem;
        height: 0.25rem;
        display: inline-block;
        margin-right: 0.1rem;
    }
    .sections p.sectionsppp span{
        font-size: 0.2rem;
    }



    
    .Estimated-total{
        /* margin-top: 33px; */
        padding-bottom: 50px;
        border-bottom: 1px solid #11323b; 
    }
    .Point-total{
        padding-bottom: 50px;
        border-bottom: 1px solid #11323b; 
    }
    .estimated{
        width: 100%;
        height: 30px;
        display: flex;
    }
    .Estimated-total .estimated span:nth-child(1){
        line-height: 30px;
        font-size: 10px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
        margin-right: 10px;
    }
    .Estimated-total .estimated span:nth-child(2),
    .Estimated-total .estimated span:nth-child(3){
        line-height: 30px;
        font-size: 14px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
    }
   
    .Point-total button,
    .Estimated-total button{
        width: 170px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #026e74;
        border: 1px solid #11323b;
        color: #fff;
        margin-top: 12px;
        font-size: 12px;
        display: block;
    }
    .Point-total button{
        cursor: pointer;
    }
    .Point-total button:hover,
    .Estimated-total button:hover{
        background: #038188;
    }
    .changereminder p{
        font-family: 'ArialMT';
        font-size: 10px;
        line-height: 14px;
        color: #537981;
        margin-top: 5px;
    }
    /* .cashrecar{
        display: none;
    } */
    .cashrecarActive{
        display: inline;
    }
    .cashrecarActive i.cashline{
        background:#01bc92;
        border: 1px solid#01bc92;
    }
    /* 点卡充值 */
    /* 第五个界面 */
    .binding-facebook{
        display: flex;
    }
    .Facebook{
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .Facebook span:nth-child(1){
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }
    .Facebook span:nth-child(2){
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
    }
    .offconts{
        width: 50px;
        height: 20px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 10px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        margin-top: 10px;
    }
    /* 第四个界面 */
    .submitpwd{
        width: 128px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-family: 'ProximaNova-Semibold';
        border: 1px solid #1d4c59;
        color: #729ea7;
        background: #09252b;
        margin-top: 30px;
    }
    .submitpwd:hover{
        border: 1px solid #3d6a75;
        color: #9eced8;
    }
    /* 第三个界面 */
    .dces-cont{
        display: flex;
    }
    .cont-box{
        width: 100%;
    }
    .offcont{
        width: 45px;
        height: 16px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 10px;
        color: #77a4ad;
        line-height: 16px;
        text-align: center;
        display: inline-block;
    }
    .offcont:hover{
        border: 1px solid #3b6a75;
        color: #9eced8;
    }
    .dces-cont p{
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    .dces-cont p span:nth-child(1) i{
        color: #fff;
        font-size:14px;
        font-style: normal;
    }

    .line{
        width: 150px;
        height: 5px;
        background: #000;
        margin-top: 20px;
        display: flex;
    }
    .linelogin {
        flex: 1;
        border-top: 1px solid #01464f;
        margin-bottom: 4px;
        height: 0px;
        margin-top: 15px;
    }
    .line i{
        width: 54px;
        height: 5px;
        display: inline-block;
    }
    .dces-cont1 p span:nth-child(2){
        width: 200px;
        display: flex;
        line-height: 40px;
    }
    .iactive{
        background: #f00;
    }


    .tit-cont {
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }
    .persionhome,
    .persioncon{
        width: 100%;
    }
    .Basicleft{
        width: 40px;
        height: auto;
        margin-top: 5px;
    }
    .Basicleft li{
        width: 38px;
        height: 44px;
        line-height: 44px;
        border-left: 2px solid #0c333c;
    }

    .Basicleft .current {
        width: 38px;
        height: 44px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        border-left: 2px solid #01bc92;
        color: #fff;
        background: #3e4753;
    }
    .Basicleft li a span:nth-child(2){
        display: none;
    }
    .Basicleft li a {
        color: #77a4ad;
        display: flex;
    }
    .Basicleft li:nth-child(1) span:nth-child(1) {
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettings.png) !important;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li span:nth-child(1) {
        margin-left: 6px;
        margin-top: 10px;
        margin-right: 0;
    }
    .Basicleft li:nth-child(2) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
   
    .Basicleft li:nth-child(4) span:nth-child(1){
        width: 25px;
        height: 26px;
        background: url(../image/basicsettingmsg/recharg.png);
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(5) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/code.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcards.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(7) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/address.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(8) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft Li:hover{
        width: 38px;
        height: 44px;
        display: flex;
        cursor: pointer;
        border-left:2px solid  #01bc92;
        color: #fff;
        background-color: #3e4753;
    }
    
    .Basicleft li:nth-child(1):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(2):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharghover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(4):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(5):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharghover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcardshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(7):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/addresshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(8):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .basiccont{
        width: 100%;
        margin-left: 15px;
    }
    .head_p {
        width: 145px;
        height: 65px;
        margin-top: 34px;
        /* border-right: 1px solid #1a3d47; */
        margin-left: 17px;
    }
    
    ._5xre p {
        width: 70%;
    }
    .textprofile {
        width: 90%;
        margin-top: 20px;
    }
    #Profile {
        width: 97%;
        height: 75px;
        border: 1px solid #11323b;
        display: block;
        padding: 5px 10px;
        color: #384f54;
        font-style: 16px;
        font-family: 'ProximaNova-Semibold';
        background: #000e11;
    }
    ._5xre p span{
        color: #537981;
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
    }
    .head_img img {
        width: 54px;
        height: 54px;
        border-radius: 50px;
        overflow: hidden;
        display: block;
    }
    ._5xre p:nth-child(2) span {
        width: 60px;
        height: auto;
        display: flex;
        border: 1px solid #11323b;
        background: #000e11;
        margin-right: 5px;
        cursor: pointer;
    }
    .basic p:nth-child(3) input{
        width: 94% ;
        padding-left: 12px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    .year{
        width: 80%;
    }
    .year p {
        width: 120px !important;
        margin-top: 10px;
    }
    .ulyear,.ulmonth{
        width: 120px;
        color: #01bc92;
        line-height: 30px;
        font-size: 14px;
    }
    .year p:nth-child(2) input {
        width: 110px !important;
        /* padding-left: 5px; */
    }
    .basic p:nth-child(2) input{
        width: 102%;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
        padding-left: 5px;
        display: block;
    }
    /* 第二个界面 */
    .content-box{
        width: 90%;
        margin-left: 15px;
        padding-bottom: 50px;
    }
    .cont-box:nth-child(1) {
        margin-top: 50px;
    }
    .cont-box{
        margin-top: 10px;
    }
    .tit-cont{
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
    }
    .cont-box {
        margin-bottom: 35px;
        padding-bottom: 35px;
        border-bottom: 1px solid #11323b;
    }
    .cescription-cont{
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
        margin-top: 13px;
    }
    .cescription-cont p{
        display: flex;
    }
    .off{
        width: 47px;
        height: 16px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
        cursor: pointer;
        background-size: contain;
    }
    /* .off:hover{
        width: 47px;
        height: 16px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
        cursor: pointer;
        background-size: contain;
    } */
    .offactive{
        width: 47px;
        height: 16px;
        display: inline-block;
        background: url(../image/newmsg/on.png);
        cursor: pointer;
        background-size: contain;
    }
    
    .cescription-cont p span:nth-child(1){
        flex: 1;
        margin-right: 6px;
    }
    /* 第三个界面 */
    .dces-cont{

    }
}

@media screen and (max-width: 414px) and (min-width: 375px){
    .basic p {
        width: 92%;
    }
    ._5xre p {
        width: 97%;
    }
    .ordernum{
        width: 90%;
    }
    .cash{
        width: 90%;
      
    }
}
@media screen and (max-width: 415px) and (min-width: 377px){
    .cash{
        width: 100%;
    }
    .ordernum{
        width: 100%;
    }
}
@media screen and (min-width:415px) and (max-width:768px){
    /* 我的订单 */
    .ordernum{
        width: 75%;
        margin-top: 20px;
    }
    .ordermessag{
        width: 100%;
        margin-top: 20px;
        /* border: 1px solid #1a3d47; */
    }
    .date{
        width: 91%;
        height: 30px;
        line-height: 30px;
        color: #557b83;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
        display: flex;
    }
    .date span{
        flex: 1;
    }
    .orders{
        text-align: right;
    }
    .ordermsg{
        width: 100%;
    }
    
    .conts{
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        border-bottom: 1px solid #11323b;
        border-top: 1px solid #11323b;
    }
    .conts p{
        /* width: 34%; */
        float: left;
    }
    .conts p:nth-child(2){
        width: 64%;
        float: left;
        margin-top: 70px;
        color: #ccc;
        font-size: 12px;
        padding-left: 10px;
        font-family: 'ProximaNova-Semibold';
    }
    .ordermess p:nth-child(2) img {
        width: 12px;
        height: 10px;
        display: inline-block;
    }
    .contsconts{
        width: 100%;
        display: flex;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .contsconts p:nth-child(1){
        flex: 1;
    }
    .ordermess p:nth-child(1) img {
        width: 34px;
        height: 35px;
        margin: 10px auto;
        background: #000;
    } 
    .contsconts p:nth-child(2){
        width: 275px;
        text-align: right;
        font-family: 'ProximaNova-Semibold';
    }
    .contsconts p:nth-child(2) span:nth-child(1){
        width: 100%;
        height: 30px;
        display: inline-block;
        /* border: 1px solid #2594ab; */
        color: #fff;
        line-height: 30px;
        font-size: 12px;
        text-align: left;
        cursor: pointer;
        margin-bottom: 10px;
        display: flex;
    }
    .Expiredtime{
        display: flex;
    }
    /* .contsconts p:nth-child(2) span:nth-child(1):hover{
        border: 1px solid #1e768e;
    } */
    .ordermsg a {
        color: #77a4ad;
        text-decoration: none;
        font-size: 14px;
        text-align: left;
    }
    .contsconts p:nth-child(1) span:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #557b83;
        display: block;
        margin-top: 10px;
        text-align: left;
        /* display: none; */
    }
    .contsconts p:nth-child(1) span:nth-child(2) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #01bc92;
        display: block;
        margin-bottom: 20px;
        text-align: left;
        margin-top: 65px;
    }
  
    .totals1 {
        width: 99%;
        height: 40px;
        line-height: 37px;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        color: #fff;
        background: #1a3d47;
        padding-right: 1%;
        font-family: 'ProximaNova-Semibold';
    }
    .totals1 span{
        font-size: 14px;
    }
    .ordermess p:nth-child(3) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        display: block;
        text-align: right;
    }
     .ordermess p:nth-child(4) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #557b83;
        text-align: right;
    }
    .ordermess p:nth-child(3),
    .ordermess p:nth-child(4){
        width: 100%;
        flex: 1;
        margin-top: 60px;
    }
    .ordermess p:nth-child(4) span:nth-child(2),
    .ordermess p:nth-child(3) span:nth-child(2){
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #ccc;
        margin-bottom: 20px;
        text-align: left;
    }
    .year{
        width: 70%;
    }
    .year p {
        width: 160px !important;
        margin-top: 10px;
        display: flex;
    }
    .basic p {
        width: 344px;
        margin-top: 10px;
        display: flex;
    }
    .ulyear, .ulmonth{
        width: 160px;
        line-height: 30px;
        color: #01bc92;
        font-size: 14px;
    }
    .year p:nth-child(2) input {
        width: 160px !important;
        /* padding-left: 5px; */
    }
    /* 我的订单 */
    .basic p:nth-child(3) input{
        width: 328px ;
        padding-left: 12px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
    }
    .basic p:nth-child(2) input{
        width: 340px;
        height: 34px;
        background: pink;
        border: 1px solid #11323b;
        background: #000e11;
        cursor: pointer;
        color: #01bc92;
        padding-left: 5px;
    }
    /* 银行卡 */
    .cont-head{width: 70%;
        display: flex;
        flex-wrap: wrap;
    }
    .cont-he{
        width: 49%;
        height: 97px;
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #00586d;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .cont-he:nth-child(2){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #026b53;
        margin-left: 3px;
    }
    .cont-he:nth-child(3){
        float: left;
        font-family: 'ProximaNova-Semibold';
        background: #9c5a36;
        margin-left: 3px;
    }
    .cont-he .img{
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: #fff;
        display: block;
        margin: 30px 15px 0 8px;
    }
    .cont-he>div:nth-child(1){
        width: 100%;
        height: 80px;
        color: #fff;
        display: flex;
    }
    .cont-he>div:nth-child(1) p:nth-child(2){
        width: 74%;
        margin-top: 28px;
        font-size: 10px;
        font-family: 'verdana';
        /* text-align: right;
        margin-right: 18px; */
    }
    .telphone{
        width: 100%;
        display: inline-block;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
    }
    .username{
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
    }
    .cont-he .ss{
        width: 100%;
        height: 27px;
        font-size: 12px;
        line-height: 27px;
        display: flex;
        background: #0c333c;
    }
    .ss span{
        flex: 1;
        text-align: center;
        cursor: pointer;
        color: #77a4ad;
    }
    .ss span:hover{
        color: #a2deea;
    }
    .cont-add{
        width: 33%;
        height: 97px;
        border: 1px dashed #77a4ad;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        margin-top: 10px;
    }
    .cont-add>p>span{
        width: 19px;
        height: 19px;
        background: url(../image/facebooking/add.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;   
         margin: 21px auto 13px;
    }
    .cont-add p:nth-child(2){
        color: #77a4ad;
        text-align: center;
        font-size: 12px;
    }
    .cont-add:hover p:nth-child(2){
        color: #a2dfeb;
        text-align: center;
    }
    .cont-add:hover p>span{
        width: 34px;
        height: 34px;
        background: url(../image/facebooking/hover.png);
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        margin: 42px auto 13px;
    }
    .cont-add:hover{
        border: 1px dashed #a2dfeb;
    }
    .about-bank-cards{
        width: 80%;
        border-top: 1px solid #11323b;
        margin-top: 100px;
        padding-top: 30px;
    }
    .about,
    .banks{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
    }
    .abouts{
        font-size: 12px;
        font-family: 'ArialMT';
        color: #537981;
        margin-top: 20px;
    }
    .cards p{
        font-family: 'ArialMT';
        color: #537981;
        font-size: 12px;
        margin-top: 10px;
    }
    .cards p a{
        text-decoration:underline;
    }
    /* 银行卡 */


     

    /* 现金充值 */
    .content-box {
        width: 90%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .cash{
        width: 80%;
        height: 40px;
        margin-bottom: 20px;
        border-bottom: 1px solid #11323b;
        display: flex;
        width: 74%;
       
    }
    .cash p{
        width: 200px;
        font-family: 'ProximaNova-Semibold';
        font-size: 15px;
        color: #77a4ad;
        position: relative;
        cursor: pointer;
    }
    .cashrecarActive i.cashline {
        background: #01bc92;
        border: 1px solid#01bc92;
    }
    .cashline {
        width: 94px;
        height: 1px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 38px;
        background: #11323b;
        border: 1px solid#11323b;
    }
    .cashrecar {
        margin-top: 20px;
    }
    .cashrecar>p {
        margin-top: 10px;
        display: flex;
    }
    .cashrecar>p span:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
    }
    .cashrecar>p span:nth-child(2) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        margin-left: 10px;
        display: flex;
    }
    .cashrecar i {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #e8ce3e;
        margin-left: 5px;
        font-style: normal;
        margin-top: 10px;
    }
    .cashrecar>p.stit {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        margin-top: 36px;
        margin-bottom: 6px;
    }
    .Cardnumber input, .Cardpassword input {
        width: 74%;
        height: 34px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .cashrecar>p.tit {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        /* margin-top: 40px; */
        margin-bottom: 6px;
    }
    .gold {
        width: 76%;
        display: flex;
        justify-content: space-between;
    }
    /* .Cardpassword{
        width: 76%;
    } */
    .gold p {
        /* width: 92px; */
        width: 120px;
        height: 70px;
        border: 1px solid #11323b;
        background: #000e11;
        position: relative;
        cursor: pointer;
        display: flex;
    }
    .sections {
        width: 75%;
        padding-bottom: 46px;
        border-bottom: 1px solid #11323b;
    }
    
    .sections p input {
        width: 100%;
        height: 40px;
        padding-left: 10px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
        
    }
    .sections p input.amountalanceinput{
        width: 100%;
        height: 40px;
        padding-left: 0.1rem;
        color: #ebe5e5;
        border: 1px solid #11323b;
        background: #000e11;
        font-size: 0.2rem;
    }
    .sections p img {
        width: 22px;
        height: 22px;
        display: inline-block;
        position: absolute;
        right: 30px;
        top: 10px;
        z-index: 999;
    }
    .sections p:nth-child(2) {
        text-align: right;
        font-family: 'ProximaNova-Semibold';
        font-size: 13px;
        color: #648d95;
        margin-top: 8px;
    }
    .Estimated-total {
        width: 80%;
        margin-top: 33px;
        padding-bottom: 58px;
        border-bottom: 1px solid #11323b;
    }
    .Estimated-total .estimated span:nth-child(1) {
        font-size: 10px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
        margin-right: 10px;
    }
    .changereminder{
        width:73%;
    }
    .Estimated-total .estimated span:nth-child(2), .Estimated-total .estimated span:nth-child(3) {
        font-size: 14px;
        color: #f0f2f1;
        font-family: 'ProximaNova-Semibold';
    }
    .gold p>span:nth-child(2)>img {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .gold p>img {
        width: 11px;
        height: 11px;
        position: absolute;
        top: -6px;
        left: -6px;
        display: none;
    }
    .goldsuccessactive>img{
        display: block !important;
    }

    .goldsuccessactive .success {
        display: inline;
    }
    .gold p>span:nth-child(1) img {
        width: 14px;
        height: 14px;
        margin-left: 5px;
        margin-top: 15px;
    }
    .gold p>span:nth-child(2)>span {
        font-size: 10px;
        color: #77a4ad;
        font-family: 'ProximaNova-Semibold';
        margin-top: 48px;
        display: flex;
        display: block;
    }
    .goldsuccessactive {
        background: #0c343c !important;
        border: 1px solid #067577 !important;
    }
    .gold p.goldsuccessactive >span:nth-child(2)>span, .gold p.goldsuccessactive >span:nth-child(2)>span i {
        color: #fff;
    }
    .gold p>span:nth-child(2)>span i {
        font-size: 10px;
        display: inline;
        color: #77a4ad;
        margin-left: 0px;
    }
    /* .gold p>span:nth-child(1) {
        width: 53%;
        height: 100%;
        float: left;
        display: flex;
        line-height: 30px;
    } */
    .gold p>span:nth-child(1) {
        width: 53%;
        height: 100%;
        float: left;
        display: flex;
        flex-direction: column;
        line-height: 30px;
    }
    .gold p>span:nth-child(1) > span:nth-child(1){
        width: 100%;
        height: 50%;
        float: left;
        display: flex;
        line-height: 30px;
    }
    .gold p>span:nth-child(1) > span:nth-child(2){
        width: 100%;
        height: 50%;
        float: left;
        display: flex;
            /* line-height: 30px; */
        color: #77a4ad;
        font-size: 10px;
        font-family: 'ProximaNova-Semibold';
        padding-left: 5px;
        margin-top: 5px;

        /* display: flex;
        margin-top: 15px;
        text-decoration: line-through; */
    }
    .gold p>span:nth-child(2) {
        width: 46%;
        height: 100%;
        float: left;
    }
    .cashrecar>p.tits {
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #537981;
        margin-top: 16px;
        margin-bottom: 6px;
    }
    .cashrecar>p.errmsg {
        color: #7f8fa4;
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .cashrecar>p.errmsg img{
        width: 13px;
        height: 13px;
        margin-right: 5px;
    }
    
    .sectionss {
        width: 76%;
        height: 300px;
        padding-bottom: 26px;
        margin-top: 60px;
    }
    .sectionss p, .sections p {
        width: 78%;
        position: relative;
        display: flex;
    }
    .sectionss p img {
        width: 220px;
        height: 248px;
        display: inline-block;
        position: absolute;
        left: 10px;
        top: 22px;
        /* z-index: 999; */
    }
    .sectionss p input {
        width: 90%;
        height: 70px;
        padding-left: 40px;
        color: #77a4ad;
        border: 1px solid #11323b;
        background: #000e11;
    }
    .Point-total {
        padding-bottom: 58px;
        border-bottom: 1px solid #11323b;
    }
    .Point-total button, .Estimated-total button {
        width: 170px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #026e74;
        border: 1px solid #11323b;
        color: #fff;
        margin-top: 30px;
        font-size: 12px;
        cursor: pointer;
        display: block;
    }
    .changereminder p {
        font-family: 'ArialMT';
        font-size: 10px;
        line-height: 14px;
        color: #537981;
        margin-top: 5px;
    }
    /* 点卡充值 */

    /* 第五个界面 */
    .binding-facebook{
        display: flex;
    }
    .Facebook{
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }
    .Facebook span:nth-child(1){
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }
    .Facebook span:nth-child(2){
        font-size: 12px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
    }
    .offconts{
        width: 60px;
        height: 22px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 22px;
        margin-top: 10px;
    }
    /* 第四个界面 */
    .submitpwd{
        width: 128px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        font-family: 'ProximaNova-Semibold';
        border: 1px solid #1d4c59;
        color: #729ea7;
        background: #09252b;
        margin-top: 30px;
    }
    .submitpwd:hover{
        border: 1px solid #3d6a75;
        color: #9eced8;
    }
     /* 第三个界面 */
     .dces-cont{
        display: flex;
    }
    .cont-box{
        width: 72%;
    }
    .offcont{
        width: 60px;
        height: 25px;
        border: 1px solid #2a4c54;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #77a4ad;
        display: inline-block;
        text-align: center;
        line-height: 25px;
    }
    .offcont:hover{
        border: 1px solid #3b6a75;
        color: #9eced8;
    }
    .dces-cont p{
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    .dces-cont p span:nth-child(1) i{
        color: #fff;
        font-size:14px;
        font-style: normal;
    }
    .line{
        width: 150px;
        height: 5px;
        background: #000;
        margin-top: 20px;
        display: flex;
    }
    .linelogin {
        flex: 1;
        border-top: 1px solid #01464f;
        margin-bottom: 4px;
        height: 0px;
        margin-top: 15px;
    }
    .line i{
        width: 51px;
        height: 5px;
        display: inline-block;
    }
    .dces-cont1 p span:nth-child(2){
        width: 200px;
        display: flex;
        line-height: 40px;
    }
    .iactive{
        background: #f00;
    }
    
    .Basic-cont{
        width: 96%;
    }
    .content-box {
        width: 96%;
        margin: 0 auto;
        /* background: #09252b; */
    }
    .cont-box{
        margin-bottom: 45px;
        padding-bottom: 45px;
        border-bottom: 1px solid #11323b;
    }

    .cont-box:nth-child(1){
        margin-top: 50px;
    }
    .tit-cont{
        font-size: 16px;
        font-family: 'ProximaNova-Semibold';
        color: #77a4ad;
    }

    .cescription-cont{
        font-size: 14px;
        font-family: 'ProximaNova-Semibold';
        color: #537891;
        margin-top: 13px;
    }
    .cescription-cont p{
        display: flex;
    }
    .off{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
        cursor: pointer;
    }
    .offactive{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
    }
    /* .off:hover{
        width: 71px;
        height: 24px;
        display: inline-block;
        background: url(../image/newmsg/off.png);
    } */
    .cescription-cont p span:nth-child(1){
        flex: 1;
        margin-right: 10px;
    }
    .Basicleft{
        width: 280px;
        height: auto;
        margin-top: 53px;
    }
    .Basicleft Li{
        width: 278px;
        height: 44px;
        line-height: 44px;
        border-left:2px solid  #0c333c;
        display: flex;
        color: #77a4ad;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
    }
    
    .Basicleft li span:nth-child(1){
        margin-left: 50px;
        margin-top: 10px;
        margin-right: 26px;
    }
    .Basicleft li a{
        width: 100%;
        height: 100%;
        text-align: left;
        color: #77a4ad;
        display: flex;
    }
    
    .Basicleft li:nth-child(1) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(2) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettings.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharg.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* .Basicleft li:nth-child(3) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/message.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    .Basicleft li:nth-child(4) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(6) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcards.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(7) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/address.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(8) span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myorders.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    li:nth-child(1).current span:nth-child(1),
    .Basicleft li:nth-child(1):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/basicsettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(2).current span:nth-child(1),
    .Basicleft li:nth-child(2):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/secusettingshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/recharghover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* li:nth-child(3).current span:nth-child(1),
    .Basicleft li:nth-child(3):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/messagehover.png);
        background-size: contain;
        background-repeat: no-repeat;
    } */
    li:nth-child(4).current span:nth-child(1),
    .Basicleft li:nth-child(4):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .Basicleft li:nth-child(5) span:nth-child(1){
        width: 30px;
        height: 20px;
        display: inline-block;
        background: url(../image/basicsettingmsg/code.png);
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 17px;
    }
    .Basicleft li:nth-child(6).current span:nth-child(1),
    .Basicleft li:nth-child(6):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/bankcardshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(7).current span:nth-child(1),
    .Basicleft li:nth-child(7):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/addresshover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    li:nth-child(8).current span:nth-child(1),
    .Basicleft li:nth-child(8):hover span:nth-child(1){
        width: 25px;
        height: 26px;
        display: inline-block;
        background: url(../image/basicsettingmsg/myordershover.png);
        background-size: contain;
        background-repeat: no-repeat;
    }

    .basiccont{
        width: 400px;
        margin-left: 40px;
    }
    .head_p {
        width: 145px;
        height: 110px;
        margin-top: 34px;
        margin-left: 43px;
    }
    .Basicleft li span:nth-child(1) {
        margin-left: 10px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .Basicleft {
        width: 200px;
        height: auto;
        margin-top: 53px;
    }
    .Basicleft Li {
        width:198px;
        height: 44px;
        line-height: 44px;
        border-left: 2px solid #0c333c;
        display: flex;
        color: #77a4ad;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
    }
    .Basicleft Li:hover{
        width: 198px;
        height: 44px;
        line-height: 44px;
        border-left:2px solid  #01bc92;
        display: flex;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        color: #fff;
        background-color: #3e4753;
    }
    .Basicleft .current a,
    .Basicleft Li:hover a{
        color: #fff;
    }
    .Basicleft .current {
        width: 198px;  
        height: 44px;
        line-height: 44px;
        border-left:2px solid  #01bc92;
        display: flex;
        cursor: pointer;
        font-family: 'ProximaNova-Semibold';
        font-size: 12px;
        
    }
}


@media screen and (min-width:750px){
    .freefirebg{
        width: 700px;
        height: 450px;
        margin: 140px auto;
        display: block;
    }
    /* footer */
    .section-formas {
        width: 33%;
        /* margin: 0 auto; */
        margin-top: 35px;
        font-family: "Arial";
    }
    .section-information {
        width: 33%;
        margin-top: 34px;
        font-family: "Arial";
    }
    .listcre-cre {
        display: block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .listcre-cresa{
        text-align: right;
    }
    .formas-bottomsa{
        text-align: right;
    }
    .listdep-dep {
        display: block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .listbo-boleto {
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #017158;
        font-size: 13px;
        margin-top: 0;
        font-weight: bold;
    }
    .listlot-lot {
        display: block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .link-info {
        width: 100%;
        height: 30px;
        line-height: 16px;
        color: #929090;
        color: #fff;
        font-size: 14px;
        font-family: "Arial";
        display: block;
    }
    .link-info:hover{
        transition: 1s;
        transform: translateX(15px);
        color: #01ffc6;
    }
    .formas-tit {
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #01bc92;
        font-size: 16px;
    }
    .formas-titsa{
        text-align: right;
    }
    /* footer  */
        .login{
            width: 452px;
            height: auto;
            padding-bottom: 20px;
            background: #232e3b;
            margin: 0 auto ;
        }
        /* facebook google 等 */
        .cont-login{
            width: 397px;
            margin: 0 auto;
            padding-top: 26px;
        }
        .formas{
            width: 397px;
            height: 48px;
            color: #fff;
            font-family: 'ProximaNova-Semibold';
            font-size: 17px;
            margin: 14px auto 0;
            line-height: 48px;
            cursor: pointer;
        }
        .formas img{
            width: 24px;
            height: 23px;
            display: inline-block;
            float: left;
            margin-left: 22px;
            margin-right: 62px;
            margin-top: 12px;
        }
        
        /* 获取信息 */
        .verify_box{
            width: 397px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }
        .verify-wrap {
            width: 395px;
            height: 48px;
            background-color: #000;
            border: 1px solid #000;
            position: relative;
            margin-bottom: 12px;
        }
     
        /* 报错信息 */
        .save-prompt{
            width: 397px;
            margin: 25px auto 0px;
            font-size: 14px;
            color: #7f8fa4;
            font-family: 'proixma nova';
            display: none;
        }
        /* 登录 */
        .demo-ruleForm{
            width: 397px;
            margin: 20px auto;
        }
        .checkPass {
            width: 395px;
            height: 49px;
            border: 1px solid #051e18;
            background: #000;
            margin-top: 10px;
            display: flex;
        }
        .checkPass img{
            width: 17px;
            height: 19px;
            margin: 14px 14px;
            display: block;
        }
        .checkPasshover{
            border-bottom: 2px solid #02624c;
        }
        .exple {
            width: 397px;
            margin: 0 auto;
            line-height: 24px;
            margin-bottom: 24px;
            margin-top: 30px;
            display: flex;
        }
        .linelogin{
            display: inline-block;
            width: 98px;
            border-top: 1px solid #01464f;
            margin-bottom: 4px;
            height: 0px;
            margin-top: 15px;
        }
        .line {
            display: inline-block;
            width: 98px;
            /* border-top: 1px solid #01464f; */
            margin-bottom: 4px;
            height: 3px;
            margin-top: 20px;
        }
        .checkPass input{
            flex: 1;
            background: #000;
            border: none;
            margin-top: 0px;
            font-size: 17px;
            color: #02d4a5;
            padding-left: 10px;
            outline: none;
            cursor: pointer;
        }
        .exple .txt {
            color: #838ea2;
            vertical-align: middle;
            font-style: italic;
            font-size: 14px;
            margin-left: 15px;
            margin-right: 15px;
        }
        /* 登录按钮 */
        #login-form > .login-wraper > .login > .login-btn {
            width: 397px;
            height: 49px;
            background: #026750;
            color: #fff;
            font-family: 'Teko-Regular';
            font-size: 24px;
            line-height: 49px;
            text-align: center;
            margin: 10px auto 20px;
            border: none;
            cursor: pointer;
            display: block;
        }
        .forget{
            width: 397px;
            margin: 0 auto;
            font-size: 14px;
        }
}
@media screen and (min-width:850px){
    
    /* footer */
        /* 商城 */
   
    .section-formas {
        width: 27%;
        /* margin: 0 auto; */
        margin-top: 35px;
        font-family: "Arial";
    }
    .section-information {
        width: 27%;
        margin-top: 34px;
        font-family: "Arial";
    }
    .listcre-cre {
        display: block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .formas-bottomsa{
        text-align: right;
    }
    .listcre-cresa{
        text-align: right;
    }
    .listcre-consa{
        justify-content: flex-end;
    }
    .listdep-dep {
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .listbo-boleto {
        display: block;
        width: 100%;
        height: 37px;
        line-height: 37px;
        color: #017158;
        font-size: 13px;
        margin-top: 0px;
        font-weight: bold;
    }
    .listbo-boletosa,
    .listbo-consa{
        text-align: right;
    }
    .listcre-consa {
        justify-content: flex-end;
    }
    .listlot-lot {
        display: block;
        width: 100%;
        height: 25px;
        line-height: 25px;
        color: #017158;
        font-size: 13px;
        font-weight: bold;
    }
    .link-info {
        width: 100%;
        height: 30px;
        line-height: 16px;
        color: #929090;
        color: #fff;
        font-size: 14px;
        font-family: "Arial";
        display: block;
    }
    .link-info:hover{
        transition: 1s;
        transform: translateX(15px);
        color: #01ffc6;
    }
    .formas-tit {
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #01bc92;
        font-size: 16px;
    }
    .formas-titsa {
        text-align: right;
    }
    /* footer  */
        .login{
            width: 452px;
            height: auto;
            padding-bottom: 20px;
            background: #232e3b;
            margin: 0 auto ;
        }
        /* facebook google 等 */
        .cont-login{
            width: 397px;
            margin: 0 auto;
            padding-top: 26px;
        }
        .formas{
            width: 397px;
            height: 48px;
            color: #fff;
            font-family: 'ProximaNova-Semibold';
            font-size: 17px;
            margin: 14px auto 0;
            line-height: 48px;
            cursor: pointer;
        }
        .formas img{
            width: 24px;
            height: 23px;
            display: inline-block;
            float: left;
            margin-left: 22px;
            margin-right: 62px;
            margin-top: 12px;
        }
        
        /* 获取信息 */
        .verify_box{
            width: 397px;
            height: auto;
            overflow: hidden;
            margin: 0 auto;
        }
        .verify-wrap {
            width: 395px;
            height: 48px;
            background-color: #000;
            border: 1px solid #000;
            position: relative;
            margin-bottom: 12px;
        }
        
        /* 报错信息 */
        .save-prompt{
            width: 397px;
            margin: 25px auto 0px;
            font-size: 14px;
            color: #7f8fa4;
            font-family: 'proixma nova';
            display: none;
        }
        /* 登录 */
        .demo-ruleForm{
            width: 397px;
            margin: 20px auto;
        }
        .checkPass {
            width: 395px;
            height: 49px;
            border: 1px solid #051e18;
            background: #000;
            margin-top: 10px;
            display: flex;
        }
        .checkPass img{
            width: 17px;
            height: 19px;
            margin: 14px 14px;
            display: block;
        }
        .checkPasshover{
            border-bottom: 2px solid #02624c;
        }
        .exple {
            width: 397px;
            margin: 0 auto;
            line-height: 24px;
            margin-bottom: 24px;
            margin-top: 30px;
            display: flex;
        }
        .linelogin {
            display: inline-block;
            width: 98px;
            border-top: 1px solid #01464f;
            margin-bottom: 4px;
            height: 4px;
            margin-top: 12px;
            display: flex;
        }
        .line {
            display: inline-block;
            width: 98px;
            border-top: 0px solid #01464f;
            margin-bottom: 4px;
            height: 4px;
            margin-top: 20px;
            display: flex;
        }
        .checkPass input{
            flex: 1;
            background: #000;
            border: none;
            margin-top: 0px;
            font-size: 17px;
            color: #02d4a5;
            padding-left: 10px;
            outline: none;
            cursor: pointer;
        }
        .exple .txt {
            color: #838ea2;
            vertical-align: middle;
            font-style: italic;
            font-size: 14px;
            margin-left: 15px;
            margin-right: 15px;
        }
        /* 登录按钮 */
        #login-form > .login-wraper > .login > .login-btn {
            width: 397px;
            height: 49px;
            background: #026750;
            color: #fff;
            font-family: 'Teko-Regular';
            font-size: 18px;
            line-height: 49px;
            text-align: center;
            margin: 10px auto 20px;
            border: none;
            cursor: pointer;
            display: block;
        }
        .forget{
            width: 397px;
            margin: 0 auto;
            font-size: 14px;
        }
}
@media screen and (max-width:750px){
    .login{
        width: 94%;
        height: auto;
        padding-bottom: 20px;
        background: #232e3b;
        margin: 0 auto ;
    }
    .cont-login {
        width: 94%;
        margin: 0 auto;
        padding-top: 26px;
    }
    .formas{
        width: 100%;
        height: 48px;
        color: #fff;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        margin: 14px auto 0;
        line-height: 48px;
    }
    .formas img {
        width: 24px;
        height: 23px;
        display: inline-block;
        float: left;
        margin-left: 22px;
        margin-right: 32px;
        margin-top: 12px;
    }
    .exple {
        width: 94%;
        margin: 0 auto;
        line-height: 24px;
        margin-bottom: 24px;
        margin-top: 30px;
        display: flex;
    }
    .line {
        display: inline-block;
        flex: 1;
        /* border-top: 1px solid #01464f; */
        /* margin-top: 15px; */
        
        display: flex;
        height: 3px;
    }
    .exple .txt {
        width: 140px;
        height: 18px;
        color: #838ea2;
        vertical-align: middle;
        font-style: italic;
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .demo-ruleForm {
        width: 94%;
        margin: 0 auto;
    }
    .checkPass {
        /* width: 280px; */
        height: 49px;
        border: 1px solid #051e18;
        background: #000;
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .checkPass img {
        width: 17px;
        height: 19px;
        display: inline-block;
        padding: 14px 14px;
    }
    .checkPass input {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background: #000;
        border: none;
        margin-top: 0px;
        font-size: 17px;
        color: #02d4a5;
        padding-left: 10px;
        outline: none;
        cursor: pointer;
        min-width: 180px;
    }
    .save-prompt {
        width: 94%;
        margin: 25px auto 0px;
        font-size: 12px;
        color: #7f8fa4;
        font-family: 'proixma nova';
        display: none;
    }
    #login-form > .login-wraper > .login > .login-btn {
        width: 94%;
        height: 49px;
        background: #026750;
        color: #fff;
        font-family: 'Teko-Regular';
        font-size: 14px;
        line-height: 49px;
        text-align: center;
        margin: 10px auto 20px;
        border: none;
        display: block;
    }
    .verify_box {
        width: 94%;
        height: auto;
        overflow: hidden;
        margin: 12px auto;
    }
    
    .verify-wrap {
        width: 100%;
        height: 48px;
        background-color: #000;
        border: none;
        position: relative;
        margin-bottom: 12px;
    }
    .verify-wrap .drag-progress {
        position: absolute;
        left: 0;
        top: -1px;
        height: 40px;
        border-top: 1px solid #182a31;
        width: 0;
        background-color: #182a31;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 48px;
    }
    .verify-wrap .drag-btn {
        position: absolute;
        left: -1px;
        top: -1px;
        width: 63px;
        height: 49px;
        background: #026750 url(../image/user/direction.png) no-repeat center center;
        background-size: 20px 20px;
        z-index: 2;
        cursor: move;
    }
    .verify-wrap .fix-tips, .verify-msg {
        width: 100%;
        position: absolute;
        right: 0;
        left: 1px;
        height: 100%;
        color: #1e8069;
        z-index: 1;
        line-height: 48px;
        font-size: 14px;
        text-align: center;
        font-family: 'ProximaNova-Semibold';
        background: #000;
    }
    .verify-wrap .verify-msg {
        background-color: #182a31;
        color: #fff;
        display: none;
    }
    .forget {
        width: 94%;
        margin: 0 auto;
        font-size: 12px;
    }
}
@media screen and (min-width:750px){
        .formas-com {
            width: 100%;
            height: 90px;
            display: flex;
            flex-direction: column;
        }
        .section-formas{
            width: 33%;
        }
        .listcre-con {
            display: block;
            width: 100%;
            height: auto !important;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .listcre-consa{
            justify-content: flex-end;
        }
        .information-list {
            width: 100%;
            height: 74px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            margin-top: 0px;
        }
        .information-listsa{
            text-align: right;
        }
        .listlot-con,
        .listdep-con,
        .listdep-con1{
            width: 100%;
            height: auto;
            display: flex;
        }
        .listdep-con1sa{
            justify-content: flex-end;
        }
        .link-info {
            width: 100%;
            height: 30px;
            line-height: 16px;
            /* color: #929090; */
            color: #fff;
            font-size: 14px;
            font-family: "Arial";
            font-weight: normal;
        }
        .formas-com {
            width: 100%;
            height: auto;
            display: flex;
            flex-direction: column;
        }
        .listdep-dep {
            display: block;
            width: 100%;
            height: 37px;
            line-height: 37px;
            color: #017158;
            font-size: 13px;
            font-weight: bold;
        }
        .formas-pic {
            /* width: 50px; */
            margin: 2px 3px;
            height: auto;
        }
        .formas-pic img{
            width: 100%;
            display: block;
        }
        .listbo-con{
            width: 100%;
            height: auto;
            display: flex;
        }
        .listbo-consa{
            justify-content: flex-end;
        }
        footer#footer {
            width: 100%;
            height: 60px;
            line-height: 60px;
            text-align: center;
            color: #fff;
            font-size: 14px;
        }
        .email-pic {
            width: 30px;
            height: 30px;
            background: url(../image/headimg/modal6.png);
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
            display: block;
        }
        
        .header-email:hover .email-pic{
          background: url(../image/headimg/hover6.png);
          background-repeat: no-repeat;
          background-size: contain;
          display: block;
        }
}
@media screen and (max-width: 768px) and (min-width: 750px){
    .header{
        width: 100%;
        height: 86px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        text-align: center;
    }
    .footer-container{
        width: 100%;
        background: #14232a;
        padding-top: 24px;
    }
    .footer-container >.section-all > .section-formas{
        margin-top: unset;
    }
}
@media screen and (max-width:750px){
    .Estimated-total button{
        height: 45px;
        line-height: 45px;
        background: #026e74;
        border: solid 1px #487e89;
        border-radius: 0.1rem;
    }
    .cashrecar i{
        margin-left: 0.1rem;
    }
    input.amountalanceinput::-webkit-input-placeholder {
        color: #537981;
        font-size: 0.15rem;
        /* color: #45575d; */
    }
    .titsections{
        /* height: 0.7rem; */
        font-family: 'ProximaNova-Semibold';
        font-size: 0.22rem;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #4f7078;
        margin-top: 10px;
    }
    .palancep img{
        width: 17px;
        height: 17px;
        display: inline-flex;
        margin-left: 10px;
    }
    .unreadsbtn{
        width: 0.43rem;
        height: 100%;
    }
    .unreadsbtn span{
        width: 0.2rem;
        height: 0.2rem;
        border-radius: 100%;
        background: #01bc92;
        margin-top: 0.15rem;
        display: block;
        margin-left: 0.1rem;
    }
    .MessageNotificationconts{
        flex: 1;
    }
    .MessageNotification-list.listActive .MessageNotification-cont{
        color: #537981;
        display: block;
    }
    .tit-cont{
        width: 95%;
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.3rem;
        border-bottom: 1px solid #194044;;
    }
    .MessageNotification-wrap{
        width: 95%;
        height: auto;
        margin-top: 0.2rem;
    }
    .MessageNotification-list{
        width: 100%;
        height: 1rem;
        background:  #233c46;
        margin-bottom: 0.2rem;
        padding-bottom: 0.1rem;
        cursor: pointer;
        display: flex;
        position: relative;
    }
    
    .MessageNotification-list.listActive {
            height: auto;
    }
    .MessageNotification-list.listActive .slidetriangle span{
        position: absolute;
        right: 0.2rem;
        bottom: 0.2rem;
        width: 0;
        height: 0;
        border-top: 0.1rem solid #80a3ac;
        border-right: 0.1rem solid transparent;
        border-left: 0.1rem solid transparent;
        display: block;
    }
    .MessageNotification-title{
        padding: 0 0.1rem;
        font-size: 0.3rem;
        height: 0.5rem;
        line-height: 0.5rem;
        font-family: 'ProximaNova-Semibold';
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #80a3ac;
    }
    .datadate{
        padding: 0 0.1rem;
        font-size: 0.26rem;
        line-height: 0.5rem;
        height: 0.5rem;
        font-family: 'ProximaNova-Semibold';
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #3f7381;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .MessageNotification-cont{
        padding: 0 0.3rem 0 0.1rem;
        font-size: 0.26rem;
        line-height: 0.3rem;
        font-family: 'ProximaNova-Semibold';
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #80a3ac;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        display: none;
    }
    .MessageNotification-right{
        display: none;
    }
    
    .slidetriangle span{
        position: absolute;
        right: 0.2rem;
        bottom: 0.2rem;
        width: 0;
        height: 0;
        border-left: 0.1rem solid #80a3ac;
        border-bottom: 0.1rem solid transparent;
        border-top: 0.1rem solid transparent;
        display: block;
        
    }
  
    /* .MessageNotification-cont p:nth-child(1){
        flex: 1;
    } */
    /* .MessageNotification-cont p:nth-child(2){
        width: 0.4rem;
    } */

    .freefirebg{
        width: 90%;
        height: 5rem;
        margin: 40px auto;
        display: block;
    }
    .loginmarksmak,
    #loginmarksmak{
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        margin: 0px;
        padding: 0px;
        /* overflow-x: hidden; */
        position: fixed;
        left: 0;
        top: 0;
    }
    .login_boxmak{
        background-color: #09252b;
        width: 300px;
        height: 240px;
        border-radius: 2px;
        overflow: hidden;
        margin: 120px auto 0;
    }
    .login_boxmaken{
        background-color: #09252b;
        width: 300px;
        height: 200px;
        border-radius: 2px;
        overflow: hidden;
        margin: 120px auto 0;
    }
    .Warmtipsmak{
        width: 92%;
        font-size: 14px;
        color: #fff;
        margin: 10px;
        height: 100px;
        margin: 60px auto 50px;
        font-family: 'ProximaNova-Semibold';
    }
    /* livechat start */
    .toast{
        position: fixed;
        bottom:1rem;
        right:1%;
        width: 1rem;
        height:1rem;
        /* height:2.15rem; */
        background: url(../image/home/time.png) no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
    }
    .down_toast {
        position: fixed;
        bottom: 3rem;
        right: 1%;
        width: 1rem;
        height: 1rem;
        /* height: 2.15rem; */
        background: url("./smilenew/img/smile_down.png") no-repeat;
        background-size: cover;
        display: flex;
        flex-wrap: wrap;
    }
    .toastar{
        left: 1%;
    }
    .toast-box{
        display: block;
        width: .7rem;
        height:.7rem;
        /* border:1px solid red; */
    }
    /* livechat end */
    .tb_rg a,
    .tb_rg span{
        font-size: 18px;
        color: #557b83;
        cursor: pointer;
    }
    .tb_rg a:hover,
    .tb_rg span:hover,
    .pageToolbar .current{
        font-size: 18px;
        color: #a2deea;
        cursor: pointer;
    }
    .wallet-right{
        display: flex;
    }
    .wallet-conitem{
        margin-top: 5px;
    }
    .wallet-conitem p:nth-child(1) {
        width: 140px;
        display: flex;
        margin: 0 auto;
    }
    .wallet-con {
        width: 150px;
        height: 100%;
        margin: 0 auto;
    }
    .baland-tit {
        width: 80px;
        height: 60px;
        display: flex;
        margin-top: 10px;
        flex-direction: column;
        
    }
    .baland-tit i:nth-child(1) {
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        color: #e8ce3e;
        font-style: normal;
        width: 100%;
        text-align: center;
        display: block;
    }
    .baland-tit i:nth-child(2) {
        width: 100%;
        height: 30px;
        display: inline-block;
        font-family: 'ProximaNova-Semibold';
        color: #fff;
        font-size: 16px;
        font-style: normal;
        text-align: center;
    }
    .baland-title {
        width: 115px;
        height: 30px;
        border: 1px solid #e8ec3e;
        color: #e8ce3e;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        font-size: 16px;
        display: block;
    }
    .wallet-conitem .baland{
        width: 50px;
        height: 50px;
        background: url(../image/basicsettingmsg/Balance.png);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        margin-top: 7px;
    }
    .persioncenterhome{
        width: 100%;
        background: #131D2B;
        margin-bottom: 50px;
    }
    .section-all{
        width: 100%;
        /* height:11rem;        */
        display: flex;
        flex-direction: column;
        background: #14232a;
        padding-bottom: 0rem !important;
    }
    .formas-comsssa .formas-com{
        height: 1rem;
        /* padding-bottom: 0.5rem; */
    }
    .section-formas{
        width:98%;
        margin: 0 auto;
        margin-top: 0.3rem;
        padding-left: 2%;
        font-family: "Arial";
    }
    .section-formaskw,
    .section-formasar{
        padding-left: 0;
        padding-right: 2%;
    }
    .formas-tit{
        width: 100%;
        height:.3rem;
        line-height: .3rem;
        color: #01bc92;
        font-size: .19rem;
        font-weight: bold;
        text-align: left;
    }
    .formas-titsa{
        text-align: right;
    }
    .formas-com{
        width:100%;
        /*height: 3.5rem;*/
        display: flex;
        /* margin-top: -0.5rem; */
        flex-direction: row;
        flex-wrap: wrap;
        justify-content:flex-start;
    }
    .formas-com.formas-commx{
        height: auto;
    }
    .formas-comru{
        display: flex;
        /* flex-direction: column; */
        height: auto;
    }
    .section-formasar .formas-com{
        height: 1rem;
    }
    .listcre-cre{
        display: block;
        width: 100%;
        height:.48rem;
        line-height: .38rem;
        color: #017158;
        font-size: .15rem;
        font-weight: bold;
    }
    .listcre-con{
        display: block;
        width: 100%;
        height:.5rem;
        display: flex;
        margin-top: 0;
    }
    .formas-pic{
        display: block;
        /* width: .7rem;
        height:.4rem; */
        margin-right: 5px;
    }
    .formas-picru{
        width: 1rem !important;
        height:.4rem !important;
    }
    /* .form-spec{
        width: 1.2rem;
        height:.5rem;
    } */
    .formas-pic img{
        width: 100%;
        /*width: 80%;*/
        /*width: 0.8rem;*/
    }
    .formas-listbo{
        /* width:25%; */
        height: 1rem;
        /* margin-top: .55rem; */
    }
    .listbo-boleto{
        display: block;
        width: 100%;
        height:.48rem;
        line-height: .38rem;
        color: #017158;
        font-size: .15rem;
        font-weight: bold;
    }
    .formas-listdep .listbo-con{
        margin-top: -.5rem;
    }
    .listbo-con{
        display: block;
        width: 100%;
        height:.5rem;
        display: flex;
        margin-top: 0px;
    }
    .formas-listdep{
        /* width:75%; */
        /* margin-top: .2rem; */
    }
    .listdep-dep{
        display: block;
        width: 100%;
        height:.48rem;
        line-height: .38rem;
        color: #017158;
        font-size: .15rem;
        font-weight: bold;
    }
    .formas-listdep .listdep-con1{
        margin-top: 0.3rem !important;
    }
    .listdep-con{
        display: block;
        width: 100%;
        height:.5rem;
        display: flex;
        margin-top: 0px;
    }
    .listdep-depru{
        display: none;
    }
    .formas-listbo,
    .formas-listdep,
    .formas-listlot,
    .formas-listcre{  
        /* width:100%; */
        height: 1.2rem;
        /* margin-top: .58rem; */
    }
    .formas-picru1{
        width: 1.5rem;
    }
    .formas-listbo{
        /* width: 14%;
        margin-top: .18rem; */
        margin-right: 0.3rem;
    } 
    .formas-listbos2{
/*         width: 25%;
        margin-top: 0.58rem */
        margin-right: 0.3rem;
    }
    .formas-listdep{
/*         width: 60%;
        margin-top: .18rem; */
        margin-right: 0.3rem;
    } 
    .formas-listlot{
/*         width: 19%;
        margin-top: .18rem; */
        margin-right: 0.3rem;
    } 

    .formas-com > div.formas-listbo{
        margin-top: unset !important;
    }
    
    .formas-listcre{
        width: 74%;

    }
    .formas-listcreae,
    .formas-listdepar{
        width: 100%;
    }
    .formas-listdepar{
        margin-top: -0.5rem;
    }
    .formas-listboar{
        width: 72%;
    }
    .formas-listcrekw{
        width: 28%;
    }
    .formas-listboru,
    .formas-listdepru,
    .formas-listlotru,
    .formas-listcreru{  
        width:33%;
        height: 1.2rem;
        /* margin-top: .58rem; */
    }

    .formas-listcre{
       /*  margin-top: 0.58rem; */
        margin-right: 0.3rem;
    }
    .formas-listcremx{
        width: 100%;
    }
    .formas-listbomx{
        width: 49%;
    }
    .formas-listdepmx{
        width: 49%;
    }
    .formas-listlotmx{
        width: 49%;
    }
    /* .formas-listlotmx{
        width: 49%;
    } */
    .formas-listdepru img,
    .formas-listcreru img,
    .formas-listboru img,
    .formas-listcreen img,
    .formas-listbomx img,
    .formas-listdepmx img,
    .formas-listlotmx img{
        width: 1.5rem;
    }
    .listlot-lot{
        display: block;
        width: 100%;
        height:.48rem;    
        line-height: .38rem;
        color: #017158;
        font-size: .15rem;
        font-weight: bold;
    }
    .listlot-con{
        display: block;
        width: 100%;
        height:.5rem;
        display: flex;
        margin-top: 0px;
    }
    .section-link{
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        margin-top: .8rem;
    }
    .link-a{
        width: 23%;
        height:.4rem;
        line-height: .4rem;
        color: #017158;
        font-size: .17rem;
        font-family: "Arial";
        text-align: center;
        border-bottom: 1px solid #11323b;
    }
    .link-spe{
        width: 26% !important;
    }
    .section-information{
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        margin-top: .3rem;
        /* border-bottom: 1px solid #11323b; */
        /* flex-direction: row; 
        flex-wrap: wrap;
        justify-content:space-around; */
            margin-top: .4rem;
    }
    .information-list{
        width: 98%;
        /* height:1.15rem;   */
        display: flex;
        margin-left: 2%;
        /* flex-direction: row;  */
        flex-wrap: wrap;
        /* margin-top: -1.2rem; */
    }
   
    .section-formasar{
        margin-top: 0.1rem;
    }
    .formas-bottom{
        display: block;
        padding-left:2%;
        font-size: .19rem;
        font-weight: bold;
    }
    .information-sec{
        width:28.6%
    }
    .link-info{
        width: 100%;
        height:.3rem;
        line-height: .3rem;
        /* color: #929090; */
        color: #fff;
        font-size: .14rem;
        font-family: "Arial";
        /* text-align: center; */
    }
    .section-formasar2{
        display: flex;
    }
    .information-listsa{
        display: flex;
    }
    .information-listsa .link-info{
        width: 33%;
    }
    .formas-comsssa .formas-titsa{
        width: auto;
    }
    /* .link-em{
        transform: scale(.9);
    } */
    
    footer#footer {
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        text-align: center;
        color: #fff;
        font-size: .18rem;
        font-family: "Arial";
        background: #14232a;
    }
    /* footer */
    .header-email {
        width: 1.4rem;
        height: 0.3rem;
        /* margin-top: 12px; */
        display: flex;
        cursor: pointer;
        /* margin-left: .3rem; */
    }
    header#header {
        width: 100%;
        height: .86rem;
        background: #000;
    }
    header#header > .header {
        width: 98%;
        height: .86rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    header#header > .header > .header-logo {
        margin-top: .26rem;
        margin-left: .1rem;
    }
    header#header > .header > .header-logo img {
        width: 1.4rem;
        height: .4rem;
    } */
    .header-nav {
        display: none;
        width: .5rem;
        height: .5rem;
        margin-top: .24rem;
    }
    .nav-pic {
        width: 0.4rem;
        height: .4rem;
        margin-left: 0rem;
        display: none;
    }
    .el-dropdown-link {
        width: auto;
        height: 100%;
        display: flex;
        color: #01bc92;
        line-height: 30px;
        /*margin-top: .12rem;*/
        font-size: .2rem;
        font-weight: bold;
        /* margin-right: 0.15rem; */
        align-items: center;
        margin: 0px 0.3rem;
    }
    .el-dropdown-link img:nth-child(1){
        margin-right: 0.1rem;
    }
    .header-log {
        width: 0.3rem;
        height: 0.3rem;
        border: 1px solid #01bc92;
        color: #01bc92;
        line-height: 0.3rem;
        /* margin-top: .2rem; */
        cursor: pointer;
        font-size: .2rem;
        text-align: center;
        /* margin-left: .3rem; */
    }
    .header-login {
        width: 1.4rem;
        height: 0.4rem;
        border: 1px solid #01bc92;
        color: #01bc92;
        line-height: 0.4rem;
        /* margin-top: .2rem; */
        cursor: pointer;
        font-size: .2rem;
        text-align: center;
        /* margin-left: .3rem; */
    }
    .header-login a{
        color: #01bc92;
        font-size: .2rem;
    }
    .nav-pic img {
        width: 36%;
    }
    .nav-rec,
    .gamecon {
        margin-left: 0  !important;
    }
    .nav-tit {
        width: 100%;
        height: 22px;
        line-height: 22px;
        text-align: center;
        font-family: arial;
        font-size: 9px;
        color: #01bc92;
        display: block;
    }
    .header-search {
        position: relative;
        width: 2.2rem;
        height: .5rem;
        margin-top: .2rem;
        margin-left: 5px;
    }
    .header-search input {
        width: 2.2rem;
        height: .5rem;
        border-radius: 5px;
        background: #021a1d;
        border: none;
        color: #7e7c7c;
        padding-left: 7px;
        font-size: .22rem;
    }
    .search-pic {
        display: block;
        position: absolute;
        width: .25rem;
        height: .25rem;
        top: .14rem;
        right: 0;
        background: url(../../image/home/search.png) no-repeat;
        background-size: 100%;
    }
    .search-list {
        top: .7rem;
        position: absolute;
        display: flex;
        flex-direction: column;
        color: #b8aeae;
        z-index: 100;
        background: #0f4149;
        border-radius: 3px;
        display: none;
    }
    .recharge-img,
    .game-img,
    .gamehand-img,
    .other-img{
        width: 70%;
        height: 70%;
        background-size: contain;
    }
    .header-login{
        /* margin-top: 12px; */
        cursor: pointer;
    }
    .header-log>a>img {
        width: .3rem;
        height: .3rem;
        /* margin-top: 2px; */
    }

    .email-pic{
        width: .3rem;
        height: .3rem;
        background: url(../image/headimg/modal6.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        /* margin-top: 0.06rem; */
    }
    .header-email:hover .email-pic{
        width: .3rem;
        height: .3rem;
        background: url(../image/headimg/hover6.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
    }
    .header-email p {
        width: .8rem;
        height: 0.3rem;
        line-height: 0.3rem;
        color: #01bc92;
        /* margin-right: 5px; */
        font-size: .2rem;
        /* margin-top: 0px; */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: right;
    }
    .section-formasar{
        width: 96%;
    }
    /* .section-formas{
        padding-left: 0;
        padding-right: 2%;
    } */
    .section-formaskw{
        margin-top: 0.8rem; 
    }
    .listbo-consa,
    .istbo-consa,
    .listdep-con1sa,
    .listcre-consa{
        justify-content: flex-end;
    }
    .information-listsa,
    .listbo-boletosa,
    .listcre-cresa,
    .formas-titar{
        text-align: right;
    }
    .section-formasar2 .formas-listdepar{
        margin-top: -0.5rem;
        margin-right: 0.2rem;
    }
    .section-formasar2 .formas-titsa{
        width: auto;
    }
}
    

@media screen and (max-width: 800px) and (min-width: 768px){
    .palancep img{
        width: 17px;
        height: 17px;
        display: inline-flex;
        margin-left: 10px;
    }
    .titsections{
        height: 20px;
        font-family: 'ProximaNova-Semibold';
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #4f7078;
        margin-top: 10px;
    }
    .gold {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .section-formas{
        padding-left: 0;
        padding-right: 2%;
    }
    .listcre-consa{
        justify-content: flex-end;
    }
    
    .section-formas{
        padding-left: 0;
        padding-right: 2%;
    }
    .istbo-consa,
    .listdep-con1sa,
    .listcre-consa{
        justify-content: flex-end;
    }
    .formas-titsa,
    .information-listsa,
    .listbo-boletosa,
    .listcre-cresa,
    .formas-titar{
        text-align: right;
    }
}

/* footer */



/* loadding */
@keyframes spinBasic {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinBasicReverse {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes rotateWithBoost {
    0% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(180deg);
    }
    90%,
    100% {
        transform: rotate(360deg);
    }
}



/*LOADER 13*/
@keyframes loader13dot1 {
    0%,
    45% {
        cx: 6;
        cy: 6;
    }
    55%,
    80% {
        cx: 2;
        cy: 2;
    }
    90%,
    100% {
        cx: 6;
        cy: 6;
    }
}
@keyframes loader13dot2 {
    0%,
    45% {
        cx: 6;
        cy: 24;
    }
    55%,
    80% {
        cx: 2;
        cy: 28;
    }
    90%,
    100% {
        cx: 6;
        cy: 24;
    }
}

@keyframes loader13dot3 {
    0%,
    45% {
        cx: 24;
        cy: 6;
    }
    55%,
    80% {
        cx: 28;
        cy: 2;
    }
    90%,
    100% {
        cx: 24;
        cy: 6;
    }
}

@keyframes loader13dot4 {
    0%,
    45% {
        cx: 24;
        cy: 24;
    }
    55%,
    80% {
        cx: 28;
        cy: 28;
    }
    90%,
    100% {
        cx: 24;
        cy: 24;
    }
}

 .loader13 svg {
    overflow: visible;
    animation: 1.5s rotateWithBoost linear infinite;
}

.loader13 svg circle:first-of-type {
    animation: 1.5s loader13dot1 linear infinite;
}
.loader13 svg circle:nth-of-type(2) {
    animation: 1.5s loader13dot2 linear infinite;
}
.loader13 svg circle:nth-of-type(3) {
    animation: 1.5s loader13dot3 linear infinite;
}
.loader13 svg circle:last-of-type {
    animation: 1.5s loader13dot4 linear infinite;
}

/*Product title uppercase START*/
.sectionId-name, .sectionDiamant-name, .sectionNav-name, .neckId-name, .PcDiamant-name{
    text-transform: uppercase;
}
/*Product title uppercase END*/

/* Product loading using loader13 start*/
.product-loadingContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
/* Product loading using loader13 end*/

/* Fix Arabic footer Style End */
.section-all.commonARfooter{
    direction: rtl;
}

.commonARfooter > .section-formas.formas-comsssa.section-formasar.section-formasar2 > .formas-com > .formas-listdep.formas-listdepar > .listdep-con.listdep-con1.listdep-con1sa {
    justify-content: unset;
}
.commonARfooter > .section-formasar .formas-com{
    height: auto;
}
.commonARfooter > .section-formas.section-formasar > .formas-com.formas-comru.formas-comrubr > .formas-listcre > .listcre-con.listcre-consa{
    justify-content: unset;
}

@media only screen and (min-width: 750px){
    .section-all.commonARfooter
    {
        padding: 0px 1%;
        width: 98%;
    }
    
}
@media only screen and (max-width: 767px){
    .commonARfooter> .section-formas.section-formasar > .formas-com.formas-comru.formas-comrubr > .formas-listcre{
        margin-right: unset;
    }

    .commonARfooter > .section-formas.section-formasar > .formas-com.formas-comru.formas-comrubr > .formas-listcre > .listcre-con.listcre-consa > .formas-pic{
        margin-right: unset;
		margin-left: 8px;
    }

    .commonARfooter > .section-formas.formas-comsssa.section-formasar.section-formasar2 > .formas-com {
        height: unset;
    }

    .commonARfooter > .section-formas.formas-comsssa.section-formasar.section-formasar2 > .formas-com > .formas-listdep.formas-listdepar {
        margin-top: unset;
		margin-right: unset;
    }

    .commonARfooter > .section-formas.formas-comsssa.section-formasar.section-formasar2 > .formas-com > .formas-listdep.formas-listdepar > .listdep-con.listdep-con1.listdep-con1sa > .formas-pic {
        margin-left: 8px;
        margin-right: unset;
        width: unset !important;
    }

	.commonARfooter > .section-formas.formas-comsssa.section-formasar.section-formasar2 > .formas-com > .formas-tit.formas-comsssa.formas-titsa {
		width: 100%
	}

    .commonARfooter > .section-information.section-formasar.section-formaskw{
        margin-top: 0.2rem;
    }
}
/* Fix Arabic footer Style End */
/* Fix download buttons cursor */
.sectionHide-pic .sectionHide-picS,
.sectionHide-pic .sectionHide-picF {
    cursor: pointer;
}
/* Fix download buttons cursor */

/* Adding logout button to myaccount */
.smile-account-logout-area {
    width: auto;
    margin: 0px;
}
/* @media screen and (max-width: 415px){
    .smile-account-logout-area {
        margin: 20px 0px 30px 15px;
    }
} */
.smile-account-logout-area > .logout-btn {
    background-color: #026e74;
    border: 1px solid #11323b;
    color: #fff;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 16px;
    min-width: 60px;
    text-align: center;
    display: inline-block;
}