html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display: inline;*zoom:1;}
body{font:normal 100% "Segoe UI",Tahoma,Arial,\5FAE\8F6F\96C5\9ED1; color:#666; font-size:12px;}
input,select,textarea,button{font-size:100%;padding:auto;margin:auto; font-family:Tahoma,Arial,\5FAE\8F6F\96C5\9ED1; outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; vertical-align:top;}
img,embed{max-width:100%;height:auto;}
ul,li{list-style:none;}
.left{float:left}
.right{float:right}
.clear{display:block;clear:both;font-size:0px;height:0px;line-height:0px;width:0px;margin:0px;padding:0px;overflow:hidden}
a{color:#666; text-decoration:none}
.f14{ font-size:14px;}
select::-ms-expand { display: none; }
.huang{ color:#ffba03;}
.lan{ color:#00b4ff;}
.position{ position:relative;}
.f10{ font-size:9px;}
.pr5{ padding-right: 4px; }
.pr10{ padding-right: 10px; }
.pr20{ padding-right: 20px; }
.pb5{ padding-bottom: 10px; }
@-webkit-keyframes tellscale {
    0% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari and Chrome */
    }
    15% {
        transform: scale(1.13, 1.1);
        -ms-transform: scale(1.13, 1.1); /* IE 9 */
        -webkit-transform: scale(1.13, 1.1); /* Safari and Chrome */
    }
    30% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari and Chrome */
    }
}
@keyframes tellscale {
    0% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari and Chrome */
    }
    15% {
        transform: scale(1.13, 1.1);
        -ms-transform: scale(1.13, 1.1); /* IE 9 */
        -webkit-transform: scale(1.13, 1.1); /* Safari and Chrome */
    }
    30% {
        transform: scale(1, 1);
        -ms-transform: scale(1, 1); /* IE 9 */
        -webkit-transform: scale(1, 1); /* Safari and Chrome */
    }
}
/* 解决点击input输入框、协议复选框、隐私协议出现阴影的bug */
.agreement i, .agreement span, .input-text, .box-center h6.IB a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wraper{width:320px; background:#fff;}
.bg{ position: relative; }
.sign{ width: 268px; position: absolute;  }
.agreement{margin-top:10px;  color: #fff; vertical-align: middle;}
    .box-center {
        min-height: 240px;
        bottom: 10px;
        right: 50%;
        text-align:center;
       
        -webkit-transform: translate(50%,0);
        transform: translate(50%,0);padding:6px 14px; background-repeat: no-repeat;
        background-size: 100% 100%;
         border-radius: 8px;
      }
      .bottom-50{
        bottom: 50px;
      }
      .bottom-30{
        bottom: 30px;
      }
     
      .box-center h6 {
        font-size: 15px;
        color: #fff;
        height: 34px;
        line-height: 34px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        margin: 0 15px 10px;
      }
      .box-center h6 em{
          font-style: normal;
      }
      .box-center h6 em:before{
        content:"";
        display:inline-block;
        width: 14px;
        height: 15px;
        background: url(../images/tit_icon.png) no-repeat;
        background-size: 100% auto;
        vertical-align: middle;
      }
      .bottom-30 h6 em:before{
        content:"";
        display:inline-block;
        width: 14px;
        height: 15px;
        background: url(../images/tit_icon_new.png) no-repeat;
        background-size: 100% auto;
        vertical-align: middle;
      }
        .box-center h6.IB a {
        display:block;
         color: #a73700;
         background-color: #ffd200;
        border-radius: 4px;
        animation: tellscale 3s ease infinite;
        -webkit-animation: tellscale 3s ease infinite;
      } 
      .box-center h6.IB a:before {
        vertical-align: middle;
        margin-right: 2px;
        content: '';
        display: inline-block;
        width: 11px;
        height: 14px;
        background: url(../images/icon-phone.png) no-repeat;
        background-size: 100% auto;
      }
      .box-center p{font-size: 14px; margin-bottom:10px; color:#fff;}
.sign ul{ width: 100%; }
.sign ul li{ height: 36px;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 4px;
    background: #fff;}
.input-text{ height: 36px; padding-left: 4px; 
    float: left; border: none; width: 192px;}
.sign ul li span{ float: left; width: 35px; height: 36px;}
.poho{ background: url(../images/ico-1.png)  no-repeat center center; background-size: 50% auto;}
.mm{ background: url(../images/ico-2.png) no-repeat center center; background-size: 40% auto;}
.qd{ background: url(../images/icon_codechannel.png) no-repeat center center; background-size: 50% auto;}
.yzm{ background: url(../images/wap@2x.png) no-repeat center center; background-size: 50% auto;}
.yzm_new{ background: url(../images/verify.png) no-repeat center center; background-size: 50% auto;}
.al1{ width: 100%; display: block; margin:0 auto  ;    background-color: #ffd200;
    color: #a73700; line-height: 38px; height: 38px;     font-size: 18px;
    text-align: center;
    border-radius: 4px;}
.al{ display: block; position: absolute; text-indent: -9999px; }
.al2{ width: 210px; height: 39px; top: 195px; left: 48px; }
.al3{ width: 210px; height: 39px; top: 239px; left: 47px; }
.al4{ width: 210px; height: 39px; top: 197px; left: 47px; }
.pro2{ background: #fef7ed; width: 298px; margin:10px auto; border: #d8d8c0 1px solid; padding: 5px 0;}
.pro2 li{ width: 216px; margin: 0 auto; border-bottom: #d8d8c0 1px solid; color: #333; font-size: 14px; line-height: 38px; padding: 4px 0;}
.pro2 li img{ width: 38px; padding-right: 20px;}
.pro2 li.no{ border-bottom: none; }

.step_kk{ /* width:298px; margin:0 auto 10px; background: #fff7f2; border: #dedede 1px solid;  */padding: 10px 0;}
.step_kk ul{}
.step_kk ul li.hui{ color: #ccc; }
.step_kk ul li{ width:260px; overflow:hidden; padding:0 10px 7px; /* height:25px; */ margin:0 auto;}
.step_kk ul li .left{ width:112px; line-height:25px; font-size:12px; /* position:relative; */ text-align:right; }
.step_kk ul li .right{ width:140px; line-height:25px; height: 25px;}
.step_kk ul li .right label{ float: left; }
.step_kk ul li .right input{ float: left; margin-top: 4px; margin-right: 3px;}
.step_kk ul li .buyi{ width:130px;}
.step_kk ul li .left p{ /* position:absolute; bottom:-14px; left:0;  */font-size:8px; text-align: right; width: 110px;line-height:1;}
.step_kk ul li .buri{ width:110px;}
.step_kk ul li .right .form-control{ border:#c9c9c9 1px solid; height:23px; padding-left:5px; width:95%; margin-top: 0;}
.nextStep{display:block; font-size:18px; font-weight:bold; width:260px; height:40px; line-height:40px; text-align:center; color:#fff; background:#f56006; margin:20px auto 0; border-radius:0.046875rem; box-shadow:0 0.078125rem 0 #dbdbdb; border-radius: 6px;}

.bottom{ border-top:#f56006 1px solid; /* height:100px; */ background:url(../images/bottom_bg.jpg) #f6f6f6 center bottom no-repeat; background-size:60% auto;padding:20px 10px 40px;}
.bottom h4{ color:#666; text-align:center; font-size:8px; padding-top:10px;}
.bottom h2{ color:#f27335; font-size:13px; text-align:center; font-weight:bold; padding:10px 0;}
.bottom p{ /* line-height:10px;*/ font-size:6px;  text-align:center;}
.pro{ position: absolute; top: 35px;}
.pro li{ float: left; width: 105px; margin:0 27px 16px; text-align: center;}
.pro li .tu{ border: #ef7e4c 1px solid; border-radius: 50%; width: 42px; height: 42px; background: #fff; text-align: center; margin:0 auto; }
.pro li .tu img{ width: 65%; padding-top: 8px; }
.pro li p{ font-size: 10px; padding-top: 3px;}
.success{ text-align: center; padding:96px 0; }
.success h3{ color: #ea5404; font-size: 1.5em; padding:5px 0; }
.success img{ width: 40%; }

.fl{ float: left; }
.step_kk .male,
.step_kk .female {
    position: relative;
    width: 63px;
    height: 23px;
    z-index: 1;
    line-height: 2.8rem;
    text-align: center; margin-right: 5px;
}
.step_kk .male label,
.step_kk .female label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 63px;
    height: 23px;
    z-index: 3;
    opacity: 0;
    margin: auto;
    display: inline-block;
    line-height: 23px;
    cursor: pointer;
}
.step_kk input {
    display: inline-block;
    vertical-align: middle;/*让默认的单�1�7�样式的圆圈和�1�7�男”�1�7�女”的文本没有高差，看起来在同丄1�7水平纄1�7*/
    height: 23px;
    line-height: 23px;
    margin: 0; /*清除浏览器默认的外边跄1�7*/
}
.step_kk .male span.btn,
.step_kk .female span.btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 20px;
    z-index: 2;
    margin: auto;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    border: #6f6f6f 1px solid; border-radius: 4px; margin-top: 1px; overflow: hidden; font-size: 10px;
}
.agreement span {
    display: inline-block;
    width: 16px;
    height:16px;
    background: url(../images/unselected.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-right:8px;
    border-radius: 100%;
  }
  
  .agreement.on span {
    background: url(../images/selected.png) no-repeat;
    background-size: 100%;
  }
  .agreement i{
      font-style: normal;
  }
.step_kk .male span.active,
.step_kk .female span.active {
    border: #ea5404 1px solid; background: url(../images/ico-10.png) right bottom no-repeat; background-size: 22% auto;
}
.step_kk ul li.hui .male span.btn,
.step_kk ul li.hui .female span.btn{ border: #ccc 1px solid;}
#popup{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    background-color:rgba(0,0,0,0.4);
    z-index:100;
}
.popup_in{
    position:fixed;
    left:50%;top:50%;
    width:250px;
    background:#fff;
    border-radius:6px;
    text-align:center;
    -webkit-transform:translate3D(-50%,-50%,0);
    transform:translate3D(-50%,-50%,0);
}
.popup_in p{
    line-height:25px;
    padding:25px 0 25px 0;
    font-size:18px;
}
.popup_in a{
    display:block;
    width:60%;
    line-height:45px;
    font-size:16px;
    margin:0 auto 15px auto;
    background:#ed7039;
    color:#fff;
    border-radius:6px;
}
.alert-layer {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1200;
  }
  /* line 182, ../sass/_index.scss */
  .alert-layer .out-box {
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    padding-top: 36px;
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .alert-layer .out-box .out-box-header {
    border-bottom: 1px solid #eee;
    margin-top: 10px;
  }
  .alert-layer .out-box .out-box-header .header-title {
    position: absolute;
    top: 10px;
    right: calc(50% - 72px);
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 auto;
  }
  /* line 193, ../sass/_index.scss */
  .alert-layer .out-box .out-box-header .btn-close {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../images/btn-close.png) no-repeat;
    background-size: 100%;
    top: 10px;
    left: 10px;
  }
  /* line 203, ../sass/_index.scss */
  .alert-layer .move-up {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  
  /* line 208, ../sass/_index.scss */
  .content-text {
    height: 100%;
    /* padding: 18px; */
    font-size: 14px;
    color: #333;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
  }
  .opacity {
    opacity: 0.5;
}
  /* line 213, ../sass/_index.scss */
  .content-text h1 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin-bottom: 18px;
  }
  /* line 219, ../sass/_index.scss */
  .content-text .overflow-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 400px;
    padding-bottom: 24px;
  }
.error{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    padding-top: 100px;
}
.error img{
    display: block;
    width: 200px;
    height: auto;
    margin: 0 auto 14px;
}
.error p{
    font-size: 14px;
    color:#7d7d7d;
    text-align: center; 
    margin: 20px 0;
}
.error .btn{
    display: block;
    width: 240px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #576AFF;
    border-radius: 100px;
    margin: 0 auto;
    font-size: 18px;
    color: #576AFF;
}
.overHidden {
    height: 100%;
    overflow: hidden;
}
.js-wraper-position {
    position: fixed;
    top:0;
    left:0;
}
.input-text-channel {
  display: none;
}
.input-font-transform {
  text-transform: lowercase;
}