body {
    display: none;
}
.content{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item {
    position: relative;
    height:0.6rem;
    /*margin-left:0.4rem;*/
    /*margin-right:0.4rem;*/
    margin-bottom:0.05rem;
}
.item label {
    position: absolute;
    top:0.28rem;
    left:0;
    font-size:0.18rem;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:#333;
}
.item input {
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0.3rem;
    color: #333;
    border:none;
    outline: none;
    border-bottom: 1px solid #DDDDDD;
    z-index: 9;
    font-weight: 500;
    font-size: 0.18rem;
}
.item input:focus {
    border-bottom: 1px solid #4EEEEF;
}
.item input:focus + label {
    top:0.05rem!important;
    color: #666666;
    font-size: 0.12rem;
    font-weight: 400;
}
.emailTip {
    font-size:0.12rem;
    font-family:Noto Sans S Chinese;
    font-weight:400;
    color:#FF8600;
    /* visibility: hidden; */
    display: none;
}
.errorBox {
    display: block;
    position: absolute;
    right:0;
    top:0.05rem;
    font-size:0.12rem;
    font-family:Noto Sans S Chinese;
    font-weight:400;
    color:#FF8600;
    visibility: hidden;
}
.errorBox.testTrue {
    color: #333333;
    visibility: visible;
}
.errorBox span {
    /* vertical-align: middle; */
    font-size: 0.12rem;
}
.errorBox span:nth-child(1){
    display: inline-block;
    width:0.16rem;
    height:0.16rem;
    background: url("../images/wrong.png") center center no-repeat;
    background-size: 0.16rem 0.16rem;
    margin-right: 0.02rem;
    vertical-align: middle;
}
.errorBox.testTrue span:nth-child(1){
    background: url("../images/ok.png") center center no-repeat;
    background-size: 0.16rem 0.16rem;
}
.codeBox .errorBox {
    right:-0.06rem;
}
.codeBox {
    /*margin-left:0.4rem;*/
    /*margin-right:0.4rem;*/
}
.codeBox .item {
    float: left;
    width:57%;
    margin-left:0;
    margin-right:0;
}
.tipInfo {
    float: right;
    width:40%;
    height:0.5rem;
    text-align: center;
    margin-top: 0.1rem;
    font-size:0.14rem;
}
.tipInfo>span{
    font-size: 0.14rem;
}
.tipInfoOne {
    display: none;
    border:1px solid #DDDDDD;
    color: #333333;
    font-size:0.14rem;
    font-family:Noto Sans S Chinese;
    font-weight:400;
    line-height: 0.5rem;
    text-align: center;
}
.tipInfoTwo {
    border:1px solid #1EC7A5;
    font-size:0.14rem;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:#0CAD8D;
    line-height:0.5rem;
    /* cursor: pointer; */
}
.timeCount {
    color: #0CAD8D;
}


.agreeDescribe {
    position: relative;
    margin:0.2rem auto;
    /*margin-left:0.4rem;*/
    height:0.3rem;
}

.wrapperbox {
    position: absolute;
    left:0;
    top:0;
    margin-right: 0.05rem;
}
.wrapperbox > label {
    padding-left: 0.05rem;
    padding-right: 0.1rem;
}
.box {
    float: left;
    width: 0.2rem;
    height: 0.2rem;
    border:1px solid #DDDDDD;
    position: relative;
    margin-right:0.06rem;
    /*margin-top: 0.03rem;*/
}
.box input {
    opacity: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    z-index:100;/*使input按钮在span的上一层，不加点击区域会出现不灵敏*/
}
.box + label {
    display: inline-block;
    font-weight: normal;
    color:#777777;
}
.box span {
    display: block;
    width: 0.06rem;
    height: 0.1rem;
    position: absolute;
    top: 50%;
    left:50%;
    margin: -0.07rem 0  0 -0.03rem;
    z-index:1;
    color: #0BC96A;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-right-style: solid;
    transform-origin: center;
    transform:rotate(-45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
}
input[type="radio"] + span,
input[type="checkbox"] + span{
    opacity: 0;
}
input[type="radio"]:checked + span,
input[type="checkbox"]:checked + span{
    opacity: 1;
}
/*radio结束*/

.wrapperbox>span {
    float: left;
    font-size:0.12rem;
    font-family:Noto Sans S Chinese;
    font-weight:400;
    color:#999999;
    /*vertical-align: middle;*/
}
.wrapperbox>a{
    float: left;
    /*display: inline-block;*/
    font-size:0.12rem;
    font-family:Noto Sans S Chinese;
    font-weight:400;
    color: #333333;
    text-decoration: underline;
    /*vertical-align: middle;*/
}
.wrapperbox>a:focus,
.wrapperbox>a:hover{
    color: #333333;
}
.tabChange {
    margin-top: 0.28rem;
    /*position: relative;*/
    padding-left: 0.35rem;
    height:0.3rem;
    margin-bottom: 0.16rem;
    display: flex;
    flex-direction:row;
    justify-content : flex-start;
}
.tabChange li {
    position: relative;
    height:0.3rem;
    display: flex;
    flex-direction:row;
    justify-content : flex-start;
    margin-right: 0.2rem;
    cursor: pointer;
}
.tabChange li span:nth-child(1){
    font-size:0.16rem;
    font-family:Noto Sans S Chinese;
    font-weight:bold;
    color:rgba(51,51,51,0.6);
    z-index: 2;
}
.tabChange li span:nth-child(2){

 }
.tabChange li.active span:nth-child(1) {
        color:rgba(51,51,51,1);
}
.tabChange li.active span:nth-child(2) {
    position: absolute;
    height:0.1rem;
    width:100%;
    background:#FBD618;
    bottom:0.05rem;
}
.tabContent {
    display: none;
    padding-left: 0.35rem;
    padding-right: 0.35rem;
}

.rechargeArea {
    padding-top: 0.2rem;
}


/*.englishReg {*/
    /*position: relative;*/
    /*height:0.3rem;*/
    /*margin-left: 0.4rem;*/
    /*margin-top: 0.28rem;*/
    /*margin-bottom: 0.16rem;*/
/*}*/
/*.englishReg span:nth-child(1){*/
    /*position: absolute;*/
    /*font-size:0.2rem;*/
    /*font-family:Noto Sans S Chinese;*/
    /*font-weight:400;*/
    /*color:#555555;*/
    /*z-index: 2;*/
/*}*/
/*.englishReg span:nth-child(2){*/
    /*position: absolute;*/
    /*height:0.15rem;*/
    /*background:#E6FCFE;*/
    /*bottom:0;*/
/*}*/
/*pc端样式开始====================================================================================*/
.pcContainer {
    /*background:radial-gradient(circle,rgba(2,79,197,1),rgba(37,249,232,1));*/
    background: #034ec5;
    height:100%;
}
.pcContainer .conTop {
    width:12.27rem;
    height:9.7rem;
    margin:0 auto;
    background: url(../images/bg.jpg) 0 0 no-repeat;
    background-size: 12.27rem 9.7rem;
    /*margin-top: -2.2rem;*/
    position: relative;
}
.pcContainer .topInner {
    width:7.4rem;
    height:4.5rem;
    position: absolute;
    top:3.8rem;
    /* top:4rem; */
    left:50%;
    margin-left:-3.7rem;
}
.pcContainer .topInnerLeft {
    width:50%;
    float: left;
    height:100%;
    background: url(../images/left.png) 0 0 no-repeat;
    background-size: 3.86rem 4.7rem;
}
.pcContainer .topInnerRight {
    width:50%;
    height:100%;
    float: left;
    background: #fff;
    border-radius:0px 30px 30px 0px;
    /*padding-left:0.5rem;*/
    /*padding-right:0.55rem;*/
    position: relative;
}
.pcContainer .toggleIcon {
    cursor: pointer;
    position: absolute;
    top:0rem;
    right:0.35rem;
    width:0.31rem;
    height:0.31rem;
    background: url(../images/En_pc.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.pcContainer .toggleIcon.toggleEnglish {
    background: url(../images/ch_pc.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.pcContainer .topInnerRight h1 {
    font-size:0.24rem;
    font-family:Noto Sans S Chinese;
    font-weight:100;
    color:#8DDCE3;
    line-height:0.24rem;
    margin-top: 0.28rem;
    margin-left:0.4rem;
    margin-right:0.4rem;
}
.pcContainer .topInnerRight h3 {
    font-size:16px;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:#333333;
    line-height:0.24rem;
    margin-left:0.4rem;
    margin-right:0.4rem;
    margin-top: 0.08rem;
    height:0.24rem;
}

.pcContainer .registerBtn,
.pcContainer .rechargeBtn,
.pcContainer .accountBtn,
.pcContainer .changeBtn{
    display: block;
    /*margin-left: 0.4rem;*/
    /*width:2.6rem;*/
    width:100%;
    height:0.4rem;
    background:linear-gradient(90deg,rgba(91,218,250,1) 0%,rgba(12,217,177,1) 100%);
    box-shadow:0 0.1rem 0.2rem 0 rgba(154,251,255,0.4) inset, 0 0.04rem 0.1rem 0 rgba(255,222,39,0.4) inset;
    border-radius:0.2rem;
    font-size:0.16rem;
    font-family:Noto Sans S Chinese;
    font-weight:bold;
    color:#FFFFFF;
    margin-top: 0.3rem;
}
.pcContainer .rechargeBtn {
    margin-top: 0.65rem;
}
.pcContainer .showPwd{
    position: absolute;
    width: 0.22rem;
    height: 0.12rem;
    right: 0;
    bottom: 0.12rem;
    background: url("../images/hidepc.png") center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}
.pcContainer .hidePwd{
    position: absolute;
    width: 0.22rem;
    height: 0.12rem;
    right: 0;
    bottom: 0.12rem;
    background: url("../images/showpc.png") center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}
/*pc端样式结束===================================================================================*/


/*移动端样式开始===============================================================================*/
.mbContainer {
    height: 115%;
    background: url(../images/bg_h5.jpg) 0 0 no-repeat;
    background-size: 100% 100%;
}
.mbContainer .conTop {
    
}
.mbContainer .topInner {
    width:5.4rem;
    position: absolute;
    top:48%;
    margin-top: -1.2rem;
}
.mbContainer .topInnerLeft {
    display: none;
}
.mbContainer .topInnerRight {
    width:100%;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.mbContainer .topInnerRight h1 {
    display: none;
}
.mbContainer .topInnerRight h3 {
    font-size:0.28rem;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:#fff;
    margin-left: 0.4rem;
    margin-bottom: 0.1rem;
}
.mbContainer .tabChange li span:nth-child(1) {
    font-size:0.27rem;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:#fff;
}
.mbContainer .tabChange li.active span {
    color: #FDE01C;
}
.mbContainer .tabChange li span:nth-child(2) {
    display: none;
}
/*.mbContainer .englishReg {*/
    /*margin-top: 0;*/
    /*margin-bottom: 0.3rem;*/
/*}*/

/*.mbContainer .englishReg span {*/
    /*font-size:0.27rem;*/
    /*font-family:Noto Sans S Chinese;*/
    /*font-weight:500;*/
    /*color:#fff;*/
/*}*/
.mbContainer .toggleIcon {
    cursor: pointer;
    position: absolute;
    top:0;
    right:0.6rem;
    width:0.4rem;
    height:0.4rem;
    background: url(../images/En.png) 0 0 no-repeat;
    background-size: 0.4rem 0.4rem;
}
.mbContainer .toggleIcon.toggleEnglish {
    background: url(../images/ch.png) 0 0 no-repeat;
    background-size: 0.4rem 0.4rem;
}
.mbContainer .item {
    height:0.7rem;
}
.mbContainer .item label {
    color: #fff;
    font-size: 0.24rem;
}
.mbContainer .item input:focus {
    border-bottom: 1px solid #00FF6A;
}
.mbContainer .item input:focus + label {
    color: #fff;
    font-size: 0.18rem;
}
.mbContainer .item input {
    height:0.4rem;
    color: #fff;
    font-size: 0.24rem;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.mbContainer .tipInfo {
    width:40%;
    height:0.6rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
}
.mbContainer .tipInfo>span{
    font-size: 0.22rem;
}
.mbContainer .tipInfoTwo {
    background:rgba(255,255,255,0.2);
    color: #FEFEFE;
    border: none;
}
.mbContainer .tipInfoOne {
    background:rgba(255,255,255,0.2);
    border:none;
    color: #C6DAF3;
}
.mbContainer .timeCount {
    color: #FFFFFF;
}
.mbContainer .codeBox .item {
    width:57%;
}
.mbContainer .emailTip {
    font-size: 0.18rem;
    color: #fff;
}
.mbContainer .errorBox {
    color: #fff;
    top:0.04rem;
}
.mbContainer .errorBox span {
    font-size: 0.18rem;
}
.mbContainer .wrapperbox>span {
    color: #BFDDFF;
    font-size: 0.18rem;
    margin-top: -0.03rem;
}
.mbContainer .wrapperbox>a {
    color: #fff;
    font-size: 0.18rem;
    margin-top: -0.03rem;
}
.mbContainer .agreeDescribe {
    margin-top: 0.38rem;
    margin-bottom: 0.3rem;
}
.mbContainer .registerBtn,
.mbContainer .rechargeBtn,
.mbContainer .accountBtn,
.mbContainer .changeBtn{
    display: block;
    /*margin-left: 0.4rem;*/
    /*width:4rem;*/
    width:100%;
    height:0.6rem;
    background:linear-gradient(90deg,rgba(255,240,67,1) 0%,rgba(255,172,0,1) 100%);
    box-shadow:0 0.05rem 0.15rem 0 rgba(96,122,246,0.49) inset,0px -13px 40px 0px rgba(248,93,68,0.3) inset, 0px 15px 40px 0px rgba(254,229,63,0.4) inset ;
    border-radius:0.3rem;
    font-size:0.27rem;
    font-family:Noto Sans S Chinese;
    font-weight:500;
    color:rgba(166,57,14,1);
    text-shadow:0.01rem 0.02rem 0px rgba(193,96,58,1), -0.01rem -0.02rem 0px rgba(255,255,255,1);
    margin-top: 0.48rem;
}
.mbContainer .rechargeBtn,
.mbContainer .accountBtn {
    margin-top: 0.65rem;
}
.mbContainer .showPwd{
    position: absolute;
    width: 0.36rem;
    height: 0.2rem;
    right: 0;
    bottom: 0.15rem;
    background: url("../images/hide.png") center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}
.mbContainer .hidePwd{
    position: absolute;
    width: 0.36rem;
    height: 0.2rem;
    right: 0;
    bottom: 0.15rem;
    background: url("../images/show.png") center center no-repeat;
    background-size: 100% 100%;
    z-index: 10;
}
.mbContainer .conBottom {
    padding-bottom: 0.05rem;
}
/*移动端样式结束===============================================================================*/


.conBottom {
    /*bottom:0.2rem;*/
}
.copyright{
    font-size:0.14rem;
    font-family:Microsoft YaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:0.24rem;
    opacity:0.8;
    text-align: center;
}

.tipAllMess {
    display: none;
    position: absolute;
    left: 50%;
    top:50%;
    line-height: 24px;
    padding: 10px;
    border-radius: 5px;
    margin-top: -22px;
    z-index: 10;
    background: rgba(153,153,153,1);
    color: #fff;
    font-size: 0.14rem;
    margin-left:0.8rem;
}
.tipMbMess {
    font-size: 0.24rem;
    display: none;
    position: absolute;
    left: 50%;
    top:4rem;
    line-height: 24px;
    padding: 10px;
    border-radius: 5px;
    margin-top: -22px;
    z-index: 10;
    background: rgba(153,153,153,1);
    color: #fff;
}


.item label.mbtop {
    top:0.05rem;
    font-size: 0.18rem;
    color: #fff;
}
.item label.pctop {
    top:0.05rem;
    font-size: 0.12rem;
    color: #666;
}
.item input.mbBorder {
    border-bottom: 1px solid #00FF6A;
}
.item input.pcBorder {
    border-bottom: 1px solid #4EEEEF;
}

.pcContainer .downBox {
    display: block;
    position: absolute;
    top:8.43rem;
    /* width:3rem; */
    height:0.4rem;
    left:50%;
    transform: translateX(-50%);
    /* margin-left: -1.5rem; */
    display: flex;
    /* justify-content:space-around; */
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.pcContainer .downBox a:nth-child(2) {
    /* display: none; */
    font-size: 0.16rem;
}
.downBox a {
    text-decoration: none;
    font-size: 12px;
    font-family: Noto Sans S Chinese;
    font-weight: 400;
    color: rgba(191, 221, 255, 1);
}

.downBox a:focus {
    color: rgba(191, 221, 255, 1);
}
.downBox a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 0.18rem;
}
.pcContainer .mbDown {
    display: none;
}
.pcIcon {
    display: inline-block;
    width:0.25rem;
    height:0.23rem;
    background: url(../images/pc.png) 0 0 no-repeat;
    background-size: 100% 100%;
}
.phoneIcon {
    display: inline-block;
    width:0.23rem;
    height:0.27rem;
    background: url(../images/android.png) 0 0 no-repeat;
    background-size: 100% 100%;
    margin-left: 20px;
}
.iosPhone {
    width:0.28rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.mbContainer .downBox {
    display: none;
}
.mbContainer .mbDown {
    display: flex;
    /* justify-content: center;
    margin-top: 0.2rem; */
    flex-direction: column;
}
.downLink {
    display: flex;
    justify-content: center;
    margin-top: 0.2rem;
}
.group {
    margin-top: 0.1rem;
}
.mbDown a {
    flex: 1;
    text-decoration: none;
    font-size: 0.2rem;
    font-family: Noto Sans S Chinese;
    font-weight: 400;
    color: rgba(191, 221, 255, 1);
    text-align: center;
}

.mbDown a:focus {
    color: rgba(191, 221, 255, 1);
}
.mbDown .phoneIcon {
    margin-left: 0;
}
.mbDown a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    font-size: 0.22rem;
}
.mbDown a span:last-child {
    margin-right: 0;
}
.codeBoxDown {
    display: none;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 100;
    background: rgba(51,50,50,.3);
}
.codeBoxInner {
    width:300px;
    height:360px;
    position: absolute;
    left:50%;
    top:50%;
    margin-top: -180px;
    margin-left: -150px;
    background: #fff;
    text-align: center;
}
.codeBoxInner h3 {
    line-height: 24px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 18px;
    color: #303133;
    text-align: left;
    position: relative;
}
.codeBoxInner p {
    font-size: 14px;
    font-family: Noto Sans S Chinese;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    text-align: center;
}
.codeClose {
    position: absolute;
    right:20px;
    top:22px;
    width:18px;
    height:18px;
    background: url(../images/close.png) 0 0 no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.tipBox{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    background:  url("../images/downLoadBg.png") no-repeat center center;
    background-size: 100% 100%;
}

.forgetOther {
    font-size: initial;
    text-align: center;
    padding-top:0.1rem;
}
.forgetOther a {
    display: none;
    color: #058cff;
    font-size: 0.16rem;
    font-family: Noto Sans S Chinese;
    text-decoration: none;
}
.mbContainer .forgetOther a {
    color: #fff;
    font-size: 0.24rem;
}
.scroll-container {
  width: 100%;
  white-space: nowrap;
}
.mbContainer .scroll-container {
  overflow-x: auto;
  height: 0.65rem;
  padding: 0.15rem 0.15rem;
}