*{ margin: 0; padding: 0}
ul,li{ list-style: none}
html{font-size: calc( 10000vw / 750 )}
img{ max-width: 100%; vertical-align: top}
body{ background: #000; font-size:initial; font-family: "微软雅黑"}
a{ text-decoration: none}
@media only screen and ( min-width:750px ){
    html{font-size:100px}
}
input,button,textarea{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance:none; border: none; outline: none}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.m750 .slogan{ height: 1.9rem; display: flex; align-items: center; justify-content: center}
.m750 .slogan img{ width: 3.4rem;}
.m750 .user-option{ display: flex; align-items: center; justify-content: space-between; margin: 0 0.28rem; padding-bottom: 0.24rem; font-size: 0.28rem; color: #fff;  border-bottom: 2px solid #f2f2f2}
.m750 .user-option .tab{ flex: 1; }
.m750 .user-option .tab span{ margin: 0 0.24rem; position: relative;}
.m750 .spe-path .tab .on{ color: #cb1a32;}
.m750 .spe-path { border-bottom: none}
.m750 .spe-path .tab .on:after{ content: ''; position: absolute; left: 50%; bottom: -0.2rem; margin-left: -0.75rem; width: 1.5rem; height: 0.04rem; background: #fff;}
.m750 .user-option .tab :first-child{ margin-left: 0}
.m750 .user-option a{ color: #fff;}
.m750 .user-data{ padding: 0 0.24rem}
.m750 .user-data input{ background: no-repeat; width: 100%;font-size: 0.28rem; color: #fff;}
.m750 .user-data input::-webkit-input-placeholder{ color: #bbb;}
.m750 .user-data .type-flex{ display: flex; align-items: stretch; justify-content: space-between; height: 1.06rem; border-bottom: 1px solid #fff;}
.m750 .user-data .type-flex label{ flex:1; display: flex; justify-content: center}
.m750 .user-data .type-flex .spe{ display: flex; align-items: center; white-space: nowrap;font-size: 0.24rem; color: #cb1a32;}
.m750 .user-data .code-btn{ display: flex;align-self: center; align-items: center;justify-content: center; width: 2.5rem; height: 0.54rem; background: #cb1a32;font-size: 0.24rem; color: #fff;}
.m750 .no{ background: #ccc}
.m750 .user-data .code-btn.no{ background: #ccc}
.m750 .btn-group{ display: flex; align-items: stretch; justify-content: space-between;margin-top: 1rem; margin-left: 0.2rem; width: 7.1rem; height: 0.8rem; font-size: 0.28rem; color: #fff; }
.m750 .btn-group .btn{ display: flex; align-items: center; justify-content: center;background: #cb1a32; width: 3.2rem;}
.m750 .btn-group :only-child{ width: 100%;}
.m750 .forgot-password{ display: flex; align-items: center; justify-content: flex-end;margin-right: 0.2rem; height: 1rem;font-size: 0.28rem; color: #fff;}
.m750 .forgot-password a{ color: #fff;}
.m750 .forgot-password + .btn-group{margin-top: 0;}
.m750 .user-center{padding-right: 0.28rem;}
.m750 .cover{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.m750 .cover .content{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.m750 .cover .content .prompt{ display: flex; align-items: center; justify-content: center; width: 4.9rem; min-height: 1rem; background: #333; border-radius: 10px;font-size: 0.28rem; color: #fff; box-sizing: border-box; padding: 0.34rem;}
.m750 .type-tab{ display: flex; align-items: center; justify-content: center;padding-top: 0.43rem; padding-bottom: 0.22rem; font-size: 0.28rem; line-height: 1; }
.m750 .type-tab .tab-content{ display: flex; align-items: flex-start; justify-content: center; }
.m750 .type-tab p{ position: relative; margin: 0 0.3rem; color: #fff; opacity: 0.5; cursor: pointer;}
.m750 .type-tab p.active{opacity: 1; font-weight: 500;}
.m750 .type-tab p.active::after{ content: ''; position: absolute; bottom: -0.26rem; left: 50%; margin-left: -0.15rem; width: 0.3rem; height: 0.04rem; background: #fff;}
.m750 .schedule-list{ padding: 0.3rem;}
.m750 .schedule-list li{padding-bottom: 0.3rem;}
.m750 .schedule-list li:last-child{padding-bottom: 0;}
.language{padding-left: 0.05rem;}
.m750{ width: 100%; max-width: 750px; margin: 0 auto;}
.m960{ width: 100%; max-width: 960px; margin: 0 auto;}


.m960 .user-option{ height: 0.87rem; line-height: 0.87rem; font-size: 0.16rem; color: #fff; text-align: right; border-bottom: 1px solid #f2f2f2 }
.m960 .user-option .tab{ float: left;  color:#fff; }
.m960 .user-option .tab span{ margin: 0 0.12rem;cursor: pointer; position: relative}
.m960 .spe-path .tab .on{color: #cb1a32;}
.m960 .spe-path{ border-bottom: none}
.m960 .spe-path .tab .on::after{ content: ''; position: absolute; left: 10%; bottom: -0.1rem; width: 80%; height: 2px; background: #fff}
.m960 .user-option a{ color: #fff;}
.m960 .user-data{ width: 6.2rem; margin: 0 auto;font-size: 0.14rem; color: #fff;padding-right: 0.2rem; box-sizing: border-box}
.m960 .user-data .type-flex{ display: flex; align-items: center;margin-bottom: 0.2rem;}
.m960 .user-data .type-flex label{ display: flex; flex: 1; align-items: center;}
.m960 .user-data .type-flex label input{ flex: 1; padding-left: 20px; box-sizing: border-box; }
.m960 .user-data .type-flex .spe{ display: flex; align-items: center; white-space: nowrap; padding-left: 20px; font-size: 0.14rem; color: #cb1a32; cursor: pointer;}
.m960 .user-data span.name{ min-width: 2rem; overflow: hidden; text-align: center; opacity: 0.8;}
.m960 .user-data input{ border: 1px solid #f2f2f2; border-radius: 5px; height: 40px;font-size: 0.14rem; color: #9f9f9f; background: none;}
.m960 .user-data .code-btn{display: flex;align-self: center; align-items: center;justify-content: center;margin-left: 0.2rem; width: 1.7rem; height: 0.4rem; background: #cb1a32;font-size: 0.14rem; color: #fff; border-radius: 5px;cursor: pointer;}
.m960 .no{ background: #ccc !important}

.m960 .btn-group{ display: flex; align-items: stretch; justify-content:center;margin-top: 1.4rem;   height: 0.5rem; font-size: 0.15rem; color: #fff; }
.m960 .btn-group .btn{ display: flex; align-items: center; justify-content: center;background: #cb1a32; width: 2.15rem;border-radius: 5px; margin-left: 0.5rem;cursor: pointer;}
.m960 .btn-group :first-child{ margin-left: 0;}
.m960 .btn-group :only-child{ width: 100%; max-width:500px; margin-left: 0;}
.m960 .forgot-password{ display: flex; align-items: center; justify-content: flex-end; font-size: 0.14rem; color: #fff; width: 6.2rem; margin: 0 auto; box-sizing: border-box}
.m960 .forgot-password a{ color: #fff;}
.m960 .forgot-password + .btn-group{margin-top: 0.8rem;}
.m960 .cover{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: none}
.m960 .cover .content{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.m960 .cover .content .prompt{ display: flex; align-items: center; justify-content: center; width: 4.9rem; min-height: 1rem; background: rgba(0,0,0,.5); border-radius: 10px;font-size: 0.14rem; color: #fff; box-sizing: border-box; padding: 0.34rem;}

.m960 .type-tab{ display: flex; align-items: center; justify-content: center;padding-top: 0.36rem; padding-bottom: 0.54rem; font-size: 0.22rem; line-height: 1; }
.m960 .type-tab .tab-content{ display: flex; align-items: flex-start; justify-content: center; }
.m960 .type-tab p{ position: relative; margin: 0 0.38rem; color: #fff; opacity: 0.5; cursor: pointer;}
.m960 .type-tab p.active{opacity: 1; font-weight: 500;}
.m960 .type-tab p.active::after{ content: ''; position: absolute; bottom: -0.2rem; left: 50%; margin-left: -0.15rem; width: 0.3rem; height: 3px; background: #fff;}

.m960 .schedule-list{ width: 6.2rem; margin: 0 auto;}
.m960 .schedule-list li{padding-bottom: 0.3rem;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  background: none !important;
}