html,
body {
  width: 100%;
  padding: 0;
  margin: 0;
}
body,
html {
  font-size: 12px;
  font-weight: normal;
  height: 100%;
  font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
body {
  margin: 0 auto;
  position: relative;
  line-height: 20px;
}
body {
  /* .content{background:#fff;}
*/

  /* .header .iconfont{font-size:30px !important;color:white;width:30px;position:relative;height:30px;float:right;margin:7px 7px 7px 0;padding:0;}
*/

  /* .header .iconfont::before{position:absolute;top:0;left:50%;height:30px;overflow:hidden;line-height:30px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
*/

  /* reset ui star */

  /* .regBox .button--success{line-height:40px;}
*/

  /* reset ui end */

  /* .regBox .button{width:100%;height:40px;font-size:16px;color:#FFF;background:#56a543;margin:0px;padding:0px;border-style:none;font-family:"微软雅黑","黑体",Arial;cursor:pointer;border-radius:4px;}
.regBox .button:hover{background:#5EB348;}
*/

  /* .regBox .logo{display:none;}
*/

  /* pc */

  color: #1b1b1b;
  background: #ebebeb;
}
body .regBox {
  margin: 0px;
  padding: 0px;
  font-family: "微软雅黑", "黑体", Arial;
  font-size: 12px;
  background-color: whitesmoke;
}
body .p10 {
  padding: 20px;
}
body .header,
body .content {
  max-width: 640px;
  margin: 0 auto;
}
body .header {
  color: white;
  line-height: 44px;
  position: relative;
  background: #387f1a;
  width: 100%;
  text-align: center;
  font-size: 16px;
  min-height: 44px;
  z-index: 9;
}
body .header .back {
  float: left;
  font-size: 25px !important;
  margin: 0;
  color: white !important;
}
body .header .tit {
  overflow: hidden;
  width: calc(100% - 88px);
  font-size: 14px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body .header .tit a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .header .select .icon {
  float: left;
  font-size: 18px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 2px;
  padding: 0;
}
body .editUserIcon {
  text-align: center;
  width: auto !important;
  margin-left: -175px;
}
body .editUserIcon .icon {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: whitesmoke;
  margin: 0 auto;
  margin-bottom: 20px;
  float: none;
}
body .editUserIcon .icon img {
  width: 100%;
  height: 100%;
}
body .editUserIcon .preview {
  background: whitesmoke;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
}
body .editUserIcon .preview .button--success {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -30px;
}
body .editUserIcon .upload-box {
  position: relative;
  text-align: center;
}
body .editUserIcon .upload-btn {
  position: relative;
  width: 120px;
  margin: auto;
}
body .editUserIcon .upload-btn input[type=file] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  font-size: 0;
}
body .moneyManagement {
  background: white;
}
body .moneyManagement .tab.tabMenu {
  border-bottom: solid 1px #ebebeb;
}
body .moneyManagement h4 {
  line-height: 26px;
  padding: 0 5px;
}
body .moneyManagement .itemRow {
  padding: 10px;
}
body .regBox {
  position: relative;
  margin: 0;
  border-radius: 4px;
  padding: 10px;
  overflow: hidden;
  background: white;
  max-width: 640px;
  margin: 0 auto;
}
body .regBox .explain table tr td {
  padding: 10px 5px;
  line-height: normal;
  vertical-align: middle;
}
body .regBox .explain table tr:last-child td {
  border: none;
}
body .regBox .explain .info {
  padding: 0;
}
body .regBox .explain .val {
  text-align: left;
}
body label.ts_select {
  line-height: 30px;
  width: 100%;
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
body label.ts_select input[type=checkbox],
body label.ts_select input[type=radio] {
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
}
body#football .regBox .userMenu .menu {
  background: none !important;
}
body .regBox.static {
  position: static !important;
  left: 0;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 100% !important;
  max-width: 100%;
}
body .regBox .cardBox {
  flex: 0 0 100px !important;
  padding: 0 10px;
}
body .regBox .msg {
  text-align: center;
  color: #8c8c8c;
  margin: 10px 5px;
  display: block;
}
body .regBox .info {
  padding: 10px;
}
body .regBox .f18 {
  font-size: 18px;
  color: #333333;
}
body .regBox .title {
  background: whitesmoke;
  line-height: 40px;
  padding: 0 0 0 10px;
  margin: -10px -10px 0 -10px;
  font-size: 15px;
  border-radius: 4px 4px 0 0;
}
body .regBox .title .switch {
  vertical-align: sub;
  margin-left: 5px;
}
body .regBox .title > span {
  float: left;
  margin-right: 10px;
}
body .regBox .title .userBox {
  width: auto;
  float: left;
  margin: 5px 5px 5px 0;
}
body .regBox .title .close_b {
  float: right;
  width: 20px;
  margin: 10px;
  height: 20px;
}
body .regBox input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important;
}
body .regBox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body .regBox .logo {
  text-align: center;
  margin-bottom: 15px;
}
body .regBox .logo img {
  max-height: 40px;
}
body .regBox .backBtn {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(/images/reg/reg_03.png) no-repeat left top;
  height: 27px;
  width: 130px;
}
body .regBox .txtBox {
  border: 1px solid whitesmoke;
  margin-bottom: 15px;
  margin-top: 5px;
  position: relative;
  border-radius: 4px;
  background-color: white;
}
body .regBox .txtBox .subInput {
  border-top: solid 1px #cccccc;
}
body .regBox .txtBox .subInput .col-6:first-child {
  border-right: solid 1px #cccccc;
}
body .regBox .txtBox > * {
  flex: 1;
}
body .regBox .txtBox.on {
  background: #f2f2f2;
}
body .regBox .txtBox .sendBtn {
  border-radius: 4px !important;
  line-height: 29px !important;
  width: 100px;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  margin: 3px;
  padding: 0;
  border: solid 1px #4caf50 !important;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  background: #4caf50 !important;
  color: white !important;
  height: 32px !important;
}
body .regBox .txtBox .sendBtn.off {
  background: #cccccc !important;
  border: #cccccc !important;
}
body .regBox .txtBox select {
  width: 100%;
  line-height: 35px;
  display: block;
  border: none;
  background: transparent;
  height: 35px;
}
body .regBox textarea {
  color: #595959;
  background: none;
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-family: "微软雅黑", "黑体", Arial;
  padding: 10px;
  border: none;
  width: 100%;
  max-width: 100%;
}
body .txtBox input {
  border-radius: 4px;
  line-height: 38px;
  width: 100%;
  border-style: none;
  height: 38px;
  background: transparent;
  color: #595959;
  font-weight: bold;
  font-size: 14px;
  padding-left: 40px;
}
body .txtBox input.normal {
  padding: 5px;
}
body .txtBox .panel,
body .txtBox .note-editor.note-frame .note-editing-area .note-editable,
body .modal-content {
  background: white;
}
body .note-editor.note-frame .note-editing-area .note-editable {
  color: #595959;
}
body .panel-default > .panel-heading {
  background: whitesmoke;
  color: #1b1b1b;
  border-color: #ebebeb;
}
body .note-btn-group button {
  background: white;
  color: #595959;
  box-shadow: none;
}
body .btn-default,
body .modal-header,
body .modal-footer {
  border-color: #ebebeb;
}
body .modal-header {
  background: whitesmoke;
  padding: 5px 15px;
}
body .modal-header .close {
  color: #8c8c8c;
  font-weight: normal;
  text-shadow: none;
  margin: 3px 0;
  opacity: 1;
}
body .btn-primary {
  border: none;
}
body .regBox .loginBox {
  float: left;
  width: 100%;
  border-top: 1px solid whitesmoke;
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
  padding: 15px 0;
  color: #595959;
}
body .regBox .err {
  border-color: red !important;
  background-color: #f7ece4 !important;
}
body .regBox .err * {
  color: red !important;
}
body .regBox .err input {
  background-color: #f7ece4 !important;
}
body .regBox .row {
  line-height: 30px;
  margin-bottom: 10px;
}
body #WithdrawAmount {
  padding-left: 10px;
}
body .regBox .i38 {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -19px;
  z-index: 9;
}
body .regBox .email {
  background: url(/images/reg/email.png) no-repeat 10px center;
}
body .regBox .id {
  background: url(/images/reg/id.png) no-repeat 10px center;
}
body .regBox .pwd {
  background: url(/images/reg/pwd.png) no-repeat 10px center;
}
body .regBox .bNumber {
  font-size: 23px;
  line-height: 38px;
  text-align: center;
  color: #cccccc;
  /* background:url(/images/reg/bNumber.png) no-repeat 10px center;*/

}
body .regBox .rePwd {
  background: url(/images/reg/rePwd.png) no-repeat 10px center;
}
body .regBox .tel {
  background: url(/images/reg/tel.png) no-repeat 10px center;
}
body .regBox .code {
  font-weight: normal;
  font-size: 12px;
  background: url(/images/reg/phone.png) no-repeat 10px center;
}
body .regBox .getCode {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  cursor: pointer;
  width: 40%;
}
body .regBox .getCode img {
  max-height: 100%;
  height: 38px;
  border: solid 2px white;
}
body .regBox .msgBox {
  color: #595959;
  text-align: left;
  font-size: 12px;
  padding: 10px;
  line-height: 20px;
}
body .msgBox a {
  text-decoration: none;
  font-weight: normal;
}
body .regBox .msgBox a:hover {
  color: #a92919;
  font-weight: normal;
}
body .regBox .red {
  color: red;
}
body .msg,
body h2 {
  text-align: left;
  line-height: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}
body .regBox .tit {
  font-size: 15px;
  color: #595959;
  font-weight: 500;
  line-height: 30px;
}
body .regBox a {
  color: #006dca !important;
  font-weight: bold;
  white-space: nowrap;
}
body .regBox a:hover {
  color: #a92919;
  font-weight: bold;
}
body .regBox .otherChannel {
  line-height: 30px;
  color: #8c8c8c;
  text-align: center;
  font-size: 14px;
}
body .regBox .otherLink > div {
  color: #1b1b1b;
  text-align: center;
}
body .regBox .otherLink > div a {
  text-decoration: none;
  font-size: 14px;
}
body #login_modal .regBox {
  top: 0;
  -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
  width: 90%;
  min-height: 500px;
  background: whitesmoke;
  left: 0;
  margin: 5% 0 0 5%;
  padding: 10px;
  padding-bottom: 65px;
  border-radius: 4px;
  z-index: 100000;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
body #login_modal .login_model_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0px;
  z-index: 99999;
}
body #login_modal .regBox .iconfont.icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 22px;
}
body .login-body .back {
  background: url(/images/back.png) no-repeat center center;
  width: 15px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -10px;
  display: block;
  background-size: auto 20px;
}
body .login-body .header .back {
  background: url(/images/back_w.png) no-repeat center center;
  background-size: auto 20px;
}
body .login-body .header .content {
  background: #387f1a;
  padding: 0;
  position: relative;
  overflow: hidden;
}
body .login-body .header .logo {
  margin: 0 auto;
  height: 44px;
  display: block;
  background: url(/images/reg/logo_w.png) no-repeat center;
  background-size: 80% auto;
  width: 150px;
}
@media screen and (min-width: 640px) {
  body .login-body .header {
    display: none;
  }
  body .regBox .logo {
    display: block;
  }
  body .regBox .title {
    background: whitesmoke;
    line-height: 40px;
    font-size: 15px;
  }
  body #login_modal .regBox {
    width: 420px;
    margin: 100px 0 0 0;
    left: 50%;
    padding: 25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body .loginBG {
    background: #595959 url("/images/reg/bg.png") no-repeat center 100px;
    background-size: 50% auto;
    height: 100%;
  }
  body .regBox .loginBox {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
body.dark {
  /* .content{background:#fff;}
*/

  /* .header .iconfont{font-size:30px !important;color:white;width:30px;position:relative;height:30px;float:right;margin:7px 7px 7px 0;padding:0;}
*/

  /* .header .iconfont::before{position:absolute;top:0;left:50%;height:30px;overflow:hidden;line-height:30px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
*/

  /* reset ui star */

  /* .regBox .button--success{line-height:40px;}
*/

  /* reset ui end */

  /* .regBox .button{width:100%;height:40px;font-size:16px;color:#FFF;background:#56a543;margin:0px;padding:0px;border-style:none;font-family:"微软雅黑","黑体",Arial;cursor:pointer;border-radius:4px;}
.regBox .button:hover{background:#5EB348;}
*/

  /* .regBox .logo{display:none;}
*/

  /* pc */

  color: #d9d9d9;
  background: #262626;
}
body.dark .regBox {
  margin: 0px;
  padding: 0px;
  font-family: "微软雅黑", "黑体", Arial;
  font-size: 12px;
  background-color: #232323;
}
body.dark .p10 {
  padding: 20px;
}
body.dark .header,
body.dark .content {
  max-width: 640px;
  margin: 0 auto;
}
body.dark .header {
  color: white;
  line-height: 44px;
  position: relative;
  background: #295d13;
  width: 100%;
  text-align: center;
  font-size: 16px;
  min-height: 44px;
  z-index: 9;
}
body.dark .header .back {
  float: left;
  font-size: 25px !important;
  margin: 0;
  color: white !important;
}
body.dark .header .tit {
  overflow: hidden;
  width: calc(100% - 88px);
  font-size: 14px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
body.dark .header .tit a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dark .header .select .icon {
  float: left;
  font-size: 18px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin: 2px;
  padding: 0;
}
body.dark .editUserIcon {
  text-align: center;
  width: auto !important;
  margin-left: -175px;
}
body.dark .editUserIcon .icon {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  background: #232323;
  margin: 0 auto;
  margin-bottom: 20px;
  float: none;
}
body.dark .editUserIcon .icon img {
  width: 100%;
  height: 100%;
}
body.dark .editUserIcon .preview {
  background: #232323;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
}
body.dark .editUserIcon .preview .button--success {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -30px;
}
body.dark .editUserIcon .upload-box {
  position: relative;
  text-align: center;
}
body.dark .editUserIcon .upload-btn {
  position: relative;
  width: 120px;
  margin: auto;
}
body.dark .editUserIcon .upload-btn input[type=file] {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  font-size: 0;
}
body.dark .moneyManagement {
  background: #1b1b1b;
}
body.dark .moneyManagement .tab.tabMenu {
  border-bottom: solid 1px #262626;
}
body.dark .moneyManagement h4 {
  line-height: 26px;
  padding: 0 5px;
}
body.dark .moneyManagement .itemRow {
  padding: 10px;
}
body.dark .regBox {
  position: relative;
  margin: 0;
  border-radius: 4px;
  padding: 10px;
  overflow: hidden;
  background: #1b1b1b;
  max-width: 640px;
  margin: 0 auto;
}
body.dark .regBox .explain table tr td {
  padding: 10px 5px;
  line-height: normal;
  vertical-align: middle;
}
body.dark .regBox .explain table tr:last-child td {
  border: none;
}
body.dark .regBox .explain .info {
  padding: 0;
}
body.dark .regBox .explain .val {
  text-align: left;
}
body.dark label.ts_select {
  line-height: 30px;
  width: 100%;
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
body.dark label.ts_select input[type=checkbox],
body.dark label.ts_select input[type=radio] {
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
}
body.dark#football .regBox .userMenu .menu {
  background: none !important;
}
body.dark .regBox.static {
  position: static !important;
  left: 0;
  top: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 100% !important;
  max-width: 100%;
}
body.dark .regBox .cardBox {
  flex: 0 0 100px !important;
  padding: 0 10px;
}
body.dark .regBox .msg {
  text-align: center;
  color: #595959;
  margin: 10px 5px;
  display: block;
}
body.dark .regBox .info {
  padding: 10px;
}
body.dark .regBox .f18 {
  font-size: 18px;
  color: #333333;
}
body.dark .regBox .title {
  background: #232323;
  line-height: 40px;
  padding: 0 0 0 10px;
  margin: -10px -10px 0 -10px;
  font-size: 15px;
  border-radius: 4px 4px 0 0;
}
body.dark .regBox .title .switch {
  vertical-align: sub;
  margin-left: 5px;
}
body.dark .regBox .title > span {
  float: left;
  margin-right: 10px;
}
body.dark .regBox .title .userBox {
  width: auto;
  float: left;
  margin: 5px 5px 5px 0;
}
body.dark .regBox .title .close_b {
  float: right;
  width: 20px;
  margin: 10px;
  height: 20px;
}
body.dark .regBox input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #f2f2f2 inset !important;
}
body.dark .regBox * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.dark .regBox .logo {
  text-align: center;
  margin-bottom: 15px;
}
body.dark .regBox .logo img {
  max-height: 40px;
}
body.dark .regBox .backBtn {
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(/images/reg/reg_03.png) no-repeat left top;
  height: 27px;
  width: 130px;
}
body.dark .regBox .txtBox {
  border: 1px solid #262626;
  margin-bottom: 15px;
  margin-top: 5px;
  position: relative;
  border-radius: 4px;
  background-color: #1b1b1b;
}
body.dark .regBox .txtBox .subInput {
  border-top: solid 1px #cccccc;
}
body.dark .regBox .txtBox .subInput .col-6:first-child {
  border-right: solid 1px #cccccc;
}
body.dark .regBox .txtBox > * {
  flex: 1;
}
body.dark .regBox .txtBox.on {
  background: #f2f2f2;
}
body.dark .regBox .txtBox .sendBtn {
  border-radius: 4px !important;
  line-height: 29px !important;
  width: 100px;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100px;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
  margin: 3px;
  padding: 0;
  border: solid 1px #4caf50 !important;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  background: #4caf50 !important;
  color: white !important;
  height: 32px !important;
}
body.dark .regBox .txtBox .sendBtn.off {
  background: #cccccc !important;
  border: #cccccc !important;
}
body.dark .regBox .txtBox select {
  width: 100%;
  line-height: 35px;
  display: block;
  border: none;
  background: transparent;
  height: 35px;
}
body.dark .regBox textarea {
  color: #8c8c8c;
  background: none;
  display: block;
  border-radius: 4px;
  font-size: 14px;
  font-family: "微软雅黑", "黑体", Arial;
  padding: 10px;
  border: none;
  width: 100%;
  max-width: 100%;
}
body.dark .txtBox input {
  border-radius: 4px;
  line-height: 38px;
  width: 100%;
  border-style: none;
  height: 38px;
  background: transparent;
  color: #8c8c8c;
  font-weight: bold;
  font-size: 14px;
  padding-left: 40px;
}
body.dark .txtBox input.normal {
  padding: 5px;
}
body.dark .txtBox .panel,
body.dark .txtBox .note-editor.note-frame .note-editing-area .note-editable,
body.dark .modal-content {
  background: #1b1b1b;
}
body.dark .note-editor.note-frame .note-editing-area .note-editable {
  color: #8c8c8c;
}
body.dark .panel-default > .panel-heading {
  background: #232323;
  color: white;
  border-color: #262626;
}
body.dark .note-btn-group button {
  background: #1b1b1b;
  color: #8c8c8c;
  box-shadow: none;
}
body.dark .btn-default,
body.dark .modal-header,
body.dark .modal-footer {
  border-color: #262626;
}
body.dark .modal-header {
  background: #232323;
  padding: 5px 15px;
}
body.dark .modal-header .close {
  color: #8c8c8c;
  font-weight: normal;
  text-shadow: none;
  margin: 3px 0;
  opacity: 1;
}
body.dark .btn-primary {
  border: none;
}
body.dark .regBox .loginBox {
  float: left;
  width: 100%;
  border-top: 1px solid #262626;
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
  padding: 15px 0;
  color: #8c8c8c;
}
body.dark .regBox .err {
  border-color: red !important;
  background-color: #f7ece4 !important;
}
body.dark .regBox .err * {
  color: red !important;
}
body.dark .regBox .err input {
  background-color: #f7ece4 !important;
}
body.dark .regBox .row {
  line-height: 30px;
  margin-bottom: 10px;
}
body.dark #WithdrawAmount {
  padding-left: 10px;
}
body.dark .regBox .i38 {
  width: 38px;
  height: 38px;
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -19px;
  z-index: 9;
}
body.dark .regBox .email {
  background: url(/images/reg/email.png) no-repeat 10px center;
}
body.dark .regBox .id {
  background: url(/images/reg/id.png) no-repeat 10px center;
}
body.dark .regBox .pwd {
  background: url(/images/reg/pwd.png) no-repeat 10px center;
}
body.dark .regBox .bNumber {
  font-size: 23px;
  line-height: 38px;
  text-align: center;
  color: #cccccc;
  /* background:url(/images/reg/bNumber.png) no-repeat 10px center;*/

}
body.dark .regBox .rePwd {
  background: url(/images/reg/rePwd.png) no-repeat 10px center;
}
body.dark .regBox .tel {
  background: url(/images/reg/tel.png) no-repeat 10px center;
}
body.dark .regBox .code {
  font-weight: normal;
  font-size: 12px;
  background: url(/images/reg/phone.png) no-repeat 10px center;
}
body.dark .regBox .getCode {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 38px;
  float: right;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  cursor: pointer;
  width: 40%;
}
body.dark .regBox .getCode img {
  max-height: 100%;
  height: 38px;
  border: solid 2px white;
}
body.dark .regBox .msgBox {
  color: #8c8c8c;
  text-align: left;
  font-size: 12px;
  padding: 10px;
  line-height: 20px;
}
body.dark .msgBox a {
  text-decoration: none;
  font-weight: normal;
}
body.dark .regBox .msgBox a:hover {
  color: #a92919;
  font-weight: normal;
}
body.dark .regBox .red {
  color: red;
}
body.dark .msg,
body.dark h2 {
  text-align: left;
  line-height: normal;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
}
body.dark .regBox .tit {
  font-size: 15px;
  color: #8c8c8c;
  font-weight: 500;
  line-height: 30px;
}
body.dark .regBox a {
  color: #006dca !important;
  font-weight: bold;
  white-space: nowrap;
}
body.dark .regBox a:hover {
  color: #a92919;
  font-weight: bold;
}
body.dark .regBox .otherChannel {
  line-height: 30px;
  color: #595959;
  text-align: center;
  font-size: 14px;
}
body.dark .regBox .otherLink > div {
  color: white;
  text-align: center;
}
body.dark .regBox .otherLink > div a {
  text-decoration: none;
  font-size: 14px;
}
body.dark #login_modal .regBox {
  top: 0;
  -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2);
  width: 90%;
  min-height: 500px;
  background: #232323;
  left: 0;
  margin: 5% 0 0 5%;
  padding: 10px;
  padding-bottom: 65px;
  border-radius: 4px;
  z-index: 100000;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
body.dark #login_modal .login_model_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0px;
  z-index: 99999;
}
body.dark #login_modal .regBox .iconfont.icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 22px;
}
body.dark .login-body .back {
  background: url(/images/back.png) no-repeat center center;
  width: 15px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 50%;
  margin-top: -10px;
  display: block;
  background-size: auto 20px;
}
body.dark .login-body .header .back {
  background: url(/images/back_w.png) no-repeat center center;
  background-size: auto 20px;
}
body.dark .login-body .header .content {
  background: #295d13;
  padding: 0;
  position: relative;
  overflow: hidden;
}
body.dark .login-body .header .logo {
  margin: 0 auto;
  height: 44px;
  display: block;
  background: url(/images/reg/logo_w.png) no-repeat center;
  background-size: 80% auto;
  width: 150px;
}
@media screen and (min-width: 640px) {
  body.dark .login-body .header {
    display: none;
  }
  body.dark .regBox .logo {
    display: block;
  }
  body.dark .regBox .title {
    background: #232323;
    line-height: 40px;
    font-size: 15px;
  }
  body.dark #login_modal .regBox {
    width: 420px;
    margin: 100px 0 0 0;
    left: 50%;
    padding: 25px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  body.dark .loginBG {
    background: #8c8c8c url("/images/reg/bg.png") no-repeat center 100px;
    background-size: 50% auto;
    height: 100%;
  }
  body.dark .regBox .loginBox {
    bottom: 0;
    left: 0;
    width: 100%;
  }
}