@charset "utf-8";
.fl {
  float: left;
}
.fr {
  float: right;
}
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1490422713461');
  /* IE9*/
  src: url('../fonts/iconfont.eot?t=1490422713461#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff?t=1490422713461') format('woff'), /* chrome, firefox */ url('../fonts/iconfont.ttf?t=1490422713461') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1490422713461#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  display: inline-block;
  font-family: "iconfont" !important;
  font-size: 1.42222222rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}
.iconfont-spinner2:before {
  content: "\e6f9";
}
.iconfont-spinner1:before {
  content: "\e89b";
}
.iconfont-checkbox-unchecked:before {
  content: "\e720";
}
.iconfont-checkbox-checked-fill:before {
  content: "\e721";
}
.iconfont-checkbox-checked:before {
  content: "\e722";
}
.iconfont-cross:before {
  content: "\e723";
}
.iconfont-cancel-fill:before {
  content: "\e724";
}
.iconfont-cancel:before {
  content: "\e725";
}
.iconfont-info-fill:before {
  content: "\e72a";
}
.iconfont-info:before {
  content: "\e72b";
}
.iconfont-help-fill:before {
  content: "\e72c";
}
.iconfont-help:before {
  content: "\e72d";
}
.iconfont-checkmark:before {
  content: "\e72e";
}
.iconfont-circle:before {
  content: "\e72f";
}
.iconfont-checkmark-circle-fill:before {
  content: "\e730";
}
.iconfont-checkmark-circle:before {
  content: "\e731";
}
.iconfont-search:before {
  content: "\e752";
}
.iconfont-checkmark2:before {
  content: "\e613";
}
.iconfont-right1:before {
  content: "\e620";
}
.iconfont-top:before {
  content: "\e63c";
}
.iconfont-bottom:before {
  content: "\e63d";
}
.iconfont-left:before {
  content: "\e63e";
}
.iconfont-spinner:before {
  content: "\e644";
}
.iconfont-back:before {
  content: "\e601";
}
.iconfont-warning:before {
  content: "\e607";
}
.iconfont-failure:before {
  content: "\e609";
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
caption,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
html {
  font-size: 33.75px;
  color: #4d4d4d;
}
html * {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background: #f2f2f2;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-user-select: none;
}
header {
  color: #ffffff;
  background-color: #000000;
  font-size: 1rem;
  height: 2.60740741rem;
  top: 0;
  z-index: 4;
  position: relative;
  text-align: center;
  padding-top: 0.47407407rem;
}
header a:first-child {
  position: absolute;
  display: inline-block;
  width: 1rem;
  height: 1.0962963rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAApCAMAAAAcesn/AAAAk1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ROyVeAAAAMHRSTlMAAvnkKhIG77plJBsV6N/c1s7KxayinZGJgHJCD/b10bGneGtSSjw2Hw0K7Nm1l1k5jTw8AAAAxklEQVQ4y53T1xKCMBCF4VhQrKh0EBCk2fP+T6cjh5vNhnH8b79JZlJWcM1c0xBsI0fKvcGKK6XGPPnNVMWXXbkiAcS8UgkhtiIR5HCkcoZkBpUFZLem8hp3Yq2olJBJS6XqZUklTjrZTKnUaSdzRZo5pFF2g6S17jxJrJNxpZVS0G6gggLuFGelRX9aAdu2qoW9rfRmMRbA7hrD6yv5P1jG2BPGjYKn/aFiNGQuzL6olg+YI7WjN4NtBWMnfFXOHhB2nfWRN3VeOGq16Et3AAAAAElFTkSuQmCC") no-repeat 0 0;
  background-size: 100% 100%;
  top: 0.71111111rem;
  left: 0.2962963rem;
}
* {
  box-sizing: border-box;
}
input {
  font-size: 0.88888889rem;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.hide {
  display: none;
}
/**禁止选择**/
.us {
  -webkit-user-select: none;
}
/**显示手型**/
.cp {
  cursor: pointer;
}
/**橙色字体**/
.ot {
  color: #4d7bfe;
}
/**灰色字体颜色**/
.gt {
  color: #8e8e93;
}
/**白字体**/
.wt {
  color: #ffffff;
}
/**橙色背景**/
.ob {
  background-color: #4d7bfe;
}
.gb {
  background-color: #DCDCDC;
}
/**红字体**/
.rt {
  color: #ff0000;
}
/**黑体**/
.bt {
  color: #000;
}
/**蓝色字体**/
.blueFont {
  color: #4B86D2 !important;
}
#content {
  position: relative;
  margin: 0 auto;
  padding-bottom: 2.96296296rem;
}
.copyright {
  font-size: 0.71111111rem;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.88888889rem 0 0.88888889rem 0;
  background-color: #f2f2f2;
  text-align: center;
  color: #8e8e93 !important;
}
.keyboard-copyRight {
  font-size: 0.71111111rem;
  width: 100%;
  line-height: initial;
  padding: 70% 0 0.88888889rem 0;
  text-align: center;
  color: #8e8e93 !important;
}
/**两行两列布局**/
.table {
  display: table;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  margin-top: 1.18518519rem;
}
.table > div {
  display: table-cell;
  min-width: 33%;
  height: 2.60740741rem;
  vertical-align: middle;
  font-size: 0.82962963rem;
  position: relative;
}
.table > div input[type=text],
.table > div input[type=password],
.table > div input[type=tel] {
  height: 100%;
  border: 0;
  width: 100%;
  text-align: right;
}
.table > div:first-child {
  text-align: left;
  padding-left: 0.88888889rem;
  white-space: nowrap;
}
.table > div:last-child {
  text-align: right;
  padding-right: 0.88888889rem;
}
/**右键头**/
.right-arrow:after {
  content: "";
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAMAAAC+LeqSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA4VBMVEUAAADe3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t4AAADMzff0AAAASXRSTlMAOdf3iwLTnQHsm5gDoZSlkKiPqowFrIgGroWygrV/t3wIuHkKunW+csBmC8LlDsbkDcT+Ym3BcHG5B7OBr4SrqY7tk9GWNOuHoYxKXwAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAADASURBVCjPhdJHEsIwDAXQAKEHCL2X0HsLvXfw/S9E/HcSnsHLN2NL/pLmcnt0r8aOTwjhDzAMOihCTHWJIkzViECjTGNQk2kcmqDPGkloimo6A81SzeWhBaZFaIlpGVphWoXWqFp1aINqswVtM+1Au0x70D7VwVDiiOJ4InFKbDaXZi9+L9tLUmaFMmtFQ5t/rVvb30/uFHGogsvtYQdiR9jp39iMM0wndoFdSQimamlu0u5sFR+OPfnSvh7vD7cveR08DdZhhYIAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTUtMDQtMjlUMTA6MjY6MDArMDg6MDDcFjvrAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE1LTA0LTI5VDEwOjI2OjAwKzA4OjAwrUuDVwAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: contain;
  width: 0.47407407rem;
  height: 0.77037037rem;
  right: 0;
  margin-top: 0.94814815rem;
  margin-right: 0.88888889rem;
  margin-left: 0.88888889rem;
}
/**下键头**/
.down-arrow:after {
  content: "";
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQCAYAAAAI0W+oAAAAAXNSR0IArs4c6QAAAKhJREFUOBGt1IsNgCAMBFDqKgyq7gmzYI6IQW1p+ZAQEfCeqOjcXWKMB2o5nz2yeegMISTUFRiXR+hMKe31Cojo9N4PrU7K22qgtAGPrIxDSiahIU3oWZmWkaFZTEOQ/0CjmAX5Qb2YFWEhK9aDiJCGYfy7JXJYY1u83hEm10W663pOaWtfaBNCiAXTEOSokIZZEDMkYVYE13cVPMaVP98mDgy1OYkZvAC/RtLRyb9QbgAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: contain;
  width: 0.77037037rem;
  height: 0.47407407rem;
  right: 0;
  margin-top: 1.12592593rem;
  margin-right: 0.88888889rem;
  margin-left: 0.88888889rem;
}
/**上键头**/
.up-arrow:after {
  content: "";
  position: absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUBAMAAAAevyJ8AAAAHlBMVEUAAADLy87Ly87Ly87Ly87Ly87Ly87Ly87Ly87Ly87dNntgAAAACXRSTlMAoBBg8NAw4FDJHUH1AAAAb0lEQVQY02MgHgii8RlnCqAKSM6ciKZAEFWJ5EQgQlEQxKCKrMRyqgIDU+RkOJ8ZqIABqMQAWQEDRAlCAVQJQgFECVRBEVSpOkRJ55QEqACb5www6Qa3LgUkxwIi4EocgEYAFSCUgAxRQBJgwgwoAKIaGIIC4dcHAAAAAElFTkSuQmCC) no-repeat 0 0;
  background-size: contain;
  width: 0.77037037rem;
  height: 0.47407407rem;
  right: 0;
  margin-top: 1.12592593rem;
  margin-right: 0.88888889rem;
  margin-left: 0.88888889rem;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
  color: #cccbcf;
  font-size: 0.8rem;
}
/**复选框**/
a {
  /**设置眼睛**/
}
a.checkbox {
  width: 0.88888889rem;
  height: 0.88888889rem;
  display: block;
  float: left;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAADIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8z////Ix8z7+/zW1dny8vPu7u/i4eTV1NidWxUUAAAAC3RSTlMAlfGxWEgP5+TDwMLaG3IAAABcSURBVCjP7dNJEoAwCERRyKxABu9/WKMrq1LIBfK2f9sNU/SFF8VHeCSsXWghvWKaGQcpBgKESqorwNH03E5womdxwPSDd975k40xGVM0hmzcwDrRFH3mRX4veANMbCWVPaX1bQAAAABJRU5ErkJggg==") 0 0 no-repeat;
  background-size: contain;
  cursor: pointer;
}
a.checkbox-active {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAV1BMVEUAAADIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8z////Ix8zzbyH++vj2k1j+9e/1jE39/Pz0dy7W1dn94tL5sojy8vPu7u/i4eT8383959nV1Nj3nGb2lFo5WFimAAAACXRSTlMAlfHmwrFYSA/qu90WAAAAn0lEQVQoz4XTSxLCIBRE0Uf+QIxASGKM+1+naJXV+CjgTs+0m0Jj36qkth/p0yTcbmSS2Z2YAotDZjoE0eBktudA3ZbnraPG5Nk0pGQhleHlLPFytys4Va2Dg7mGrohTvc2MEwWbVCOeX54rOKjWniv40iHPFPywX4fGDIdGDIdGDIdylquF/jMcCob/FByP6eRqmsoUK0Mu36B2osoF30sSIoC/nIs9AAAAAElFTkSuQmCC");
}
a.icon-eye {
  width: 1.48148148rem;
  height: 1.48148148rem;
  display: block;
  position: absolute;
  top: 0.53333333rem;
  right: 0.53333333rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAM1BMVEUAAACvr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+vr69rnpr3AAAAEHRSTlMACCTGN+qc3dGsiYG3a1cWGRK61QAAAI5JREFUKM/dktsOwyAMQ5dCuPZy/v9rtyBUtZqUPa9+M7FNSHg9ALKnoKAh7fJVXBIXpOXubMC6xUPkiNsKNLlYixnuUeXkUQnRMnqG3MWOAhqnVqli1cBAGKSiwy+FOmSdiT5opZiumdyQmcjGLKx9omFewonZEiy/yn6435r/MH8s/lD9lbgL9b/D/+MNPegMPaD7GRUAAAAASUVORK5CYII=") no-repeat 0 0;
  background-size: contain;
  cursor: pointer;
}
a.icon-eye-acitve {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAANlBMVEUAAAD/hCD/hCD/hCD/hCD/hCD/hCD/hCD/hCD/hCD/hCD/hCD/////iCf/8OL/w5H/pVr/48z0VKpUAAAAC3RSTlMAJOoJ0YnJm5lXMhJZrYkAAACASURBVCjP3ZJLEoAgDEMF/DcteP/L+qMMyqJrfRsGMgmlpfsBYZlHT+THeQmN6CaqmNzTOdCLIVTWnhr6ErD6+4SjABL53vk1e1XdcLGpfvmDJkdIYk6CqPnn/aUqQTqXBCn1HdGkAJxXUpwhG+FGacbDjLYYTTVHYg+0/Q7fZwfLAxBl7tmMDwAAAABJRU5ErkJggg==);
}
/* i{
  &.checkbox{
    width: 30/@unit;
    height: 30/@unit;
    display: block;
    float: left;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAOVBMVEUAAADIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8z////Ix8z7+/zW1dny8vPu7u/i4eTV1NidWxUUAAAAC3RSTlMAlfGxWEgP5+TDwMLaG3IAAABcSURBVCjP7dNJEoAwCERRyKxABu9/WKMrq1LIBfK2f9sNU/SFF8VHeCSsXWghvWKaGQcpBgKESqorwNH03E5womdxwPSDd975k40xGVM0hmzcwDrRFH3mRX4veANMbCWVPaX1bQAAAABJRU5ErkJggg==") 0 0 no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  &.checkbox-active {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAV1BMVEUAAADIx8zIx8zIx8zIx8zIx8zIx8zIx8zIx8z////Ix8zzbyH++vj2k1j+9e/1jE39/Pz0dy7W1dn94tL5sojy8vPu7u/i4eT8383959nV1Nj3nGb2lFo5WFimAAAACXRSTlMAlfHmwrFYSA/qu90WAAAAn0lEQVQoz4XTSxLCIBRE0Uf+QIxASGKM+1+naJXV+CjgTs+0m0Jj36qkth/p0yTcbmSS2Z2YAotDZjoE0eBktudA3ZbnraPG5Nk0pGQhleHlLPFytys4Va2Dg7mGrohTvc2MEwWbVCOeX54rOKjWniv40iHPFPywX4fGDIdGDIdGDIdylquF/jMcCob/FByP6eRqmsoUK0Mu36B2osoF30sSIoC/nIs9AAAAAElFTkSuQmCC")
  }
} */
/**按钮**/
.btn {
  width: 92%;
  height: 2.60740741rem;
  line-height: 2.60740741rem;
  border-radius: 0.2962963rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-size: 1.00740741rem;
  cursor: pointer;
  -webkit-user-select: none;
}
.btn:active {
  background: #4d7bfe;
}
.grayBtn {
  /* background-color: @gray;
  &:active{
    background-color: @gray;
  } */
  background-color: #DCDCDC;
}
.grayBtn:active {
  background-color: #DCDCDC;
}
.border1px {
  position: relative;
}
.border1px:after {
  border: 1px solid #DCDCDC;
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
}
.borderleft1px {
  position: relative;
}
.borderleft1px:after {
  border-left: 1px solid #DCDCDC;
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  bottom: 0;
}
.borderright1px {
  position: relative;
}
.borderright1px:after {
  border-right: 1px solid #DCDCDC;
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
}
.borderbottom1px {
  position: relative;
}
.borderbottom1px:after {
  border-bottom: 1px solid #DCDCDC;
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: 0;
  bottom: 0;
}
.bordertop1px {
  position: relative;
}
.bordertop1px:after {
  border-top: 1px solid #DCDCDC;
  position: absolute;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1) {
  .border1px:after {
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    content: " ";
  }
  .borderleft1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    content: " ";
  }
  .borderright1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    content: " ";
  }
  .bordertop1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    content: " ";
  }
  .borderbottom1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    content: " ";
  }
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
  .border1px:after {
    width: 150%;
    height: 150%;
    -webkit-transform: scale(0.66666667);
    -ms-transform: scale(0.66666667);
    transform: scale(0.66666667);
    content: " ";
  }
  .borderleft1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.66666667);
    -ms-transform: scaleX(0.66666667);
    transform: scaleX(0.66666667);
    content: " ";
  }
  .borderright1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.66666667);
    -ms-transform: scaleX(0.66666667);
    transform: scaleX(0.66666667);
    content: " ";
  }
  .bordertop1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.66666667);
    -ms-transform: scaleY(0.66666667);
    transform: scaleY(0.66666667);
    content: " ";
  }
  .borderbottom1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.66666667);
    -ms-transform: scaleY(0.66666667);
    transform: scaleY(0.66666667);
    content: " ";
  }
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .border1px:after {
    width: 200%;
    height: 200%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    content: " ";
  }
  .borderleft1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    content: " ";
  }
  .borderright1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    content: " ";
  }
  .bordertop1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    content: " ";
  }
  .borderbottom1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    content: " ";
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  .border1px:after {
    width: 300%;
    height: 300%;
    -webkit-transform: scale(0.33333333);
    -ms-transform: scale(0.33333333);
    transform: scale(0.33333333);
    content: " ";
  }
  .borderleft1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.33333333);
    -ms-transform: scaleX(0.33333333);
    transform: scaleX(0.33333333);
    content: " ";
  }
  .borderright1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleX(0.33333333);
    -ms-transform: scaleX(0.33333333);
    transform: scaleX(0.33333333);
    content: " ";
  }
  .bordertop1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.33333333);
    -ms-transform: scaleY(0.33333333);
    transform: scaleY(0.33333333);
    content: " ";
  }
  .borderbottom1px:after {
    width: initial;
    height: initial;
    -webkit-transform: scaleY(0.33333333);
    -ms-transform: scaleY(0.33333333);
    transform: scaleY(0.33333333);
    content: " ";
  }
}
@media screen and (min-width: 460px) and (max-width: 540px) {
  html {
    font-size: 25px;
  }
}
@media screen and (min-width: 320px) and (max-width: 459px) {
  html {
    font-size: 20px;
  }
}
@media (max-width: 319px) {
  html {
    font-size: 15px;
  }
}
@media (min-width: 641px) {
  #content {
    width: 18.96296296rem;
  }
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.flex .flex-td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.flex .flex-td input {
  height: 90%;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.keyboard {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 1.71851852rem;
}
.keyboard .icon-safe-tip {
  width: 100%;
  height: 1.48148148rem;
  font-size: 0.71111111rem;
  color: #FC6C21;
  line-height: 1.48148148rem;
  background-color: #FFFFFF;
  text-align: center;
  background-image: url(../images/2iconsafe@2x.png);
  background-position: 35% 50%;
  background-repeat: no-repeat;
  background-size: 0.68148148rem 0.74074074rem;
}
.keyboard .tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.keyboard .tr .td {
  -webkit-user-select: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 33.33333333%;
  text-align: center;
  background: #fff;
  line-height: 1.5;
  font-family: "Helvetica Light", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
}
.keyboard .tr .td:active {
  background: #e6e6e6;
}
.keyboard .tr .keyboard-del {
  width: 1.77777778rem;
  height: 1.48148148rem;
  vertical-align: middle;
}
.keyboard .tr .not-number {
  background: #DCDCDC;
}
.keyboard .tr .not-number:active {
  background: #c6c6c6;
}
.keyboard .tr .credit-not-number {
  background: #f2f2f2;
}
.keyboard .tr .credit-not-number:active {
  background: #dadada;
}
.keyboard .tr .no-use:active {
  background: #DCDCDC;
}
.keyboard .tr .credit-no-use:active {
  background: #fff;
}
.show-pwd-input input {
  width: 100%;
  font-size: 2.37037037rem;
  text-align: center;
  color: #000;
  border: 0;
}
.show-pwd-promot {
  font-size: 0.94814815rem;
  text-align: center;
  color: #000;
  line-height: 2.96296296rem;
}
.fix-bottom-btn {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 2.96296296rem;
}
.error {
  color: #DD0F0F;
  font-weight: bold;
}
.loading {
  text-align: center;
  font-size: 12px;
  color: #DCDCDC;
  padding: 0.88888889rem;
  background-color: transparent;
}
.not-support {
  opacity: 0.3;
}
.not-support .no-support-txt {
  float: right;
  padding: 0.88888889rem;
  line-height: initial;
}
.icon-no-Support {
  display: inline-block;
  width: 1.03703704rem;
  height: 1.03703704rem;
  background: url(../images/icon-no-Support.png) 0 0 no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.footer-padding {
  padding-bottom: 3.55555556rem;
}
.footer {
  font-size: 0.71111111rem;
  text-align: center;
  line-height: 2.07407407rem;
}
.footer.footer-fixed {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #f2f2f2;
}
.jihuo-dialog {
  width: 17.77777778rem;
  min-height: 8.20740741rem;
  text-align: center;
  border-radius: 0.2962963rem;
  -webkit-user-select: none;
}
.jihuo-dialog .jihuo-dialog-msg {
  background-color: #fff;
  color: #fff;
  padding: 0.2962963rem 0.59259259rem 0.59259259rem 0.59259259rem;
  border-top-left-radius: 0.2962963rem;
  border-top-right-radius: 0.2962963rem;
  color: #504D4C;
}
.jihuo-dialog .jihuo-dialog-msg .jihuo-dialog-msg-title {
  font-size: 1.33333333rem;
  line-height: 1.77777778rem;
}
.jihuo-dialog .jihuo-dialog-msg .jihuo_dialog_msg-content {
  padding-top: 0.2962963rem;
  font-size: 1.00740741rem;
}
.jihuo-dialog .jihuo-dialog-btn {
  background: #fff;
  color: #4d7bfe;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 0.82962963rem;
  line-height: 2.28148148rem;
  border-bottom-left-radius: 0.2962963rem;
  border-bottom-right-radius: 0.2962963rem;
}
.jihuo-dialog .jihuo-dialog-btn div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.jihuo-dialog .jihuo-dialog-btn div:first-child {
  border-bottom-left-radius: 0.2962963rem;
}
.jihuo-dialog .jihuo-dialog-btn div:last-child {
  border-bottom-right-radius: 0.2962963rem;
}
.jihuo-dialog .jihuo-dialog-btn.jihuo-dialog-btn-only-ok div:last-child {
  display: none;
}
.jihuo-dialog .jihuo-dialog-btn.jihuo-dialog-btn-only-ok div:first-child {
  border-radius: 0.2962963rem;
}
.no-support-tip {
  color: #f00;
  font-size: 0.77037037rem;
  padding: 0 0.88888889rem;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.flex .flex-td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
/**
 * 密码展示框的样式
 */
.set-pwd-container .pwd-val,
.show-input-pwd-page .pwd-val,
.show-input-pwd-pages .pwd-val {
  margin: 0 auto;
  width: 95%;
}
.set-pwd-container .pwd-val .pwd-input,
.show-input-pwd-page .pwd-val .pwd-input,
.show-input-pwd-pages .pwd-val .pwd-input {
  height: 2.99259259rem;
  line-height: 2.84444444rem;
  background-color: #fff;
  text-align: center;
  font-size: 0;
  float: left;
}
.set-pwd-container .pwd-val .pwd-input .active,
.show-input-pwd-page .pwd-val .pwd-input .active,
.show-input-pwd-pages .pwd-val .pwd-input .active {
  width: 0.74074074rem;
  height: 0.74074074rem;
  display: inline-block;
  background-color: #000;
  vertical-align: middle;
  border-radius: 0.37037037rem;
}
.set-pwd-container .pwd-val .pwd-input:last-child:after,
.show-input-pwd-page .pwd-val .pwd-input:last-child:after,
.show-input-pwd-pages .pwd-val .pwd-input:last-child:after {
  border-color: transparent;
}
.show-input-pwd-page,
.show-input-pwd-pages {
  position: fixed;
  width: 100%;
  bottom: -2000px;
  background-color: #f2f2f2;
  transition: bottom 0.3s ease;
}
.show-input-pwd-page .pwd-title,
.show-input-pwd-pages .pwd-title {
  font-size: 1.00740741rem;
  border-bottom: 2px solid #DCDCDC;
  text-align: center;
  line-height: 2.66666667rem;
}
.show-input-pwd-page .pwd-title .cancel,
.show-input-pwd-pages .pwd-title .cancel,
.show-input-pwd-page .pwd-title .ok,
.show-input-pwd-pages .pwd-title .ok {
  font-size: 0.82962963rem;
}
.show-input-pwd-page .pwd-title .cancel,
.show-input-pwd-pages .pwd-title .cancel {
  float: left;
  margin-left: 0.88888889rem;
}
.show-input-pwd-page .pwd-title .ok,
.show-input-pwd-pages .pwd-title .ok {
  float: right;
  margin-right: 0.88888889rem;
}
.show-input-pwd-page .pwd-input-error,
.show-input-pwd-pages .pwd-input-error {
  text-align: center;
  font-size: 0.77037037rem;
  line-height: 1.48148148rem;
  min-height: 1.48148148rem;
  color: #DD0F0F;
}
.show-input-pwd-page .keyboard,
.show-input-pwd-pages .keyboard {
  position: relative !important;
}
.show-input-pwd-page .clearfix,
.show-input-pwd-pages .clearfix {
  text-align: center;
}
.show-input-pwd-page .forget-pwd,
.show-input-pwd-pages .forget-pwd {
  font-size: 0.77037037rem;
  text-align: right;
  padding-right: 0.88888889rem;
  line-height: 2.51851852rem;
  margin-bottom: 0.44444444rem;
}
.show-input-pwd-page.show-input-pwd-page-show,
.show-input-pwd-pages.show-input-pwd-page-show {
  bottom: 0 !important;
}
.input-div {
  padding-right: 2.96296296rem !important;
  position: relative;
}
.input-div i.clear {
  width: 1.24444444rem;
  height: 1.24444444rem;
  display: inline-block;
  position: absolute;
  background: url(../images/icon-del.png) 0 0 no-repeat;
  background-size: cover;
  right: 0.88888889rem;
  top: 0.68148148rem;
}
.lines .line-container {
  position: relative;
}
.lines .line-container::before {
  content: "";
  border: 0.2962963rem solid #fff;
  width: 0.44444444rem;
  height: 0.44444444rem;
  background-color: #4d7bfe;
  display: block;
  position: absolute;
  border-radius: 0.51851852rem;
  left: -1.7037037rem;
  z-index: 10;
  top: 20%;
}
.lines .line {
  display: inline-block;
  position: absolute;
  height: 100%;
  left: -1.18518519rem;
  top: 50%;
}
.lines .line:after {
  border-color: #4d7bfe;
}
.lines .line-container:last-child .line {
  display: none;
}
.toast {
  position: fixed;
  left: 50%;
  top: 50%;
  min-width: 50%;
  max-width: 80%;
  border-radius: 0.23703704rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-align: center;
  z-index: 99999;
  padding: 1.18518519rem 0.88888889rem;
  overflow: hidden;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.toast .toast-inner > span {
  display: block;
  font-size: 1.06666667rem;
  text-align: center;
  word-wrap: break-word;
  word-break: normal;
}
.toast.indicator {
  min-width: auto;
  max-width: auto;
  width: 8.88888889rem !important;
  height: 8.88888889rem !important;
  border-radius: 0.59259259rem;
}
.toast.indicator .toast-inner {
  display: -ms-flexbox;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.toast.indicator .toast-inner .flex-td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.toast.indicator .toast-inner .flex-td input {
  height: 90%;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}
.toast.indicator .toast-inner .flex-td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.toast.indicator .toast-inner .icon-wrap {
  padding-bottom: 0.59259259rem;
}
.toast.indicator .toast-inner .icon-wrap i {
  background-color: transparent;
  font-size: 2.96296296rem;
}
.toast.indicator .toast-inner .icon-wrap i.iconfont-spinner {
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.toast.indicator .toast-inner > span {
  max-height: 2.96296296rem;
  overflow: hidden;
}
._toast_mask {
  background-color: transparent !important;
}
.we-cell {
  content: " ";
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.02962963rem;
  border-top: 0.02962963rem solid #DCDCDC;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 0.88888889rem;
}
.result-page {
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF !important;
  border-top: solid 1px #FFFFFF;
}
.result-page .result-image {
  width: 7.7037037rem;
  height: 7.7037037rem;
  margin: 20vh auto 1.77777778rem;
}
.result-page .result-image img {
  width: 100%;
  height: 100%;
}
.result-page .result-result {
  font-size: 0.88888889rem;
  color: #282828;
  margin-bottom: 0.59259259rem;
}
.result-page .result-descript {
  font-size: 0.77037037rem;
  color: #8C8C8C;
  padding: 0 2.37037037rem;
}
.result-margin-bottom {
  margin-bottom: 2.60740741rem;
}
html,
body {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.goToCommonProblem {
  position: fixed;
  bottom: 3.55555556rem;
  text-align: center;
  font-size: 0.77037037rem;
  color: #4B86D2;
  width: 100%;
  background: url("../images/commonProblem/icn-help.png") no-repeat;
  background-size: 0.77037037rem 0.77037037rem;
  background-position: 40% 50%;
}

.status-btn {
  margin-top: 15px;
}