.clearfix:after,.clearfix:before {
    display: table;
    content: "";
    width: 0;
    height: 0; 
  }
  .clearfix:after { clear: both; }
  .clearfix { *zoom: 1; }
  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #cdcdcd;
    font-weight: normal; 
}
  ::-webkit-input-placeholder {
    color: #cdcdcd;
    font-weight: normal; 
}
  input:-ms-input-placeholder {
    color: #cdcdcd;
    font-weight: normal; 
}
input, button, select, textarea {
    outline: none; }
  @font-face {font-family: 'iconfont';
    src: url('./font/iconfont.eot?t=151667441574'); /* IE9*/
    src: url('./font/iconfont.eot?t=151667441574#iefix') format('embedded-opentype'), 
    url('./font/iconfont.woff?t=151667441574') format('woff'), 
    url('./font/iconfont.ttf?t=151667441574') format('truetype'),
    url('./font/iconfont.svg?t=151667441574#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family: 'iconfont';color: #bbb; font-style: normal;}
  ul,dl,p,div,input,h4,h5{
      margin: 0;
      padding: 0;
  }
  li,dd,dt{
    list-style-type:none;
  }
  body{
      background-color: #f2f3f5;
  }
  .max_width_1200{
    width: 1200px;
    margin: 0 auto;
  }
  .common_header{
    padding: 15px 0 106px 0;
  }
  .common_header > a{
      float: left;
      text-decoration-line: none;
      position: relative;
      cursor: default;
  }
  .common_header ul{
      float: right;
      height: 58px;
  }
  .common_header li a{
      color: #333;
  }
  .common_header li a.on,.common_header li a:hover{
      color: #f6a057;
  }
  .common_header li{
      line-height: 20px;
      font-size: 20px;
      height: 22px;
      float: left;
      padding: 0 10px;
      border-right: 1px solid #333; 
      margin-top: 20px;
  }
  .common_header li:last-child{
      border: none;
  }
  .switch_shop{
      background-color: #FF6666;
      font: 14px;
      color: #fff;
      display: inline-block;
      padding: 0 10px;
      height: 24px; 
      line-height: 24px;
      border-radius: 12px;
      position: absolute;
      right: -71px;
      bottom: 29px;
      cursor: pointer;
  }
  .switch_shop i{
      color: #fff;
      font-size: 18px;
      margin-left: 4px;
      vertical-align: -2px;
  }
  .switch_list{
      border: 1px solid #787878;
      color: #787878;
      font-size: 18px;
      width: 200px;
      position: absolute;
      bottom: -100px;
      right: -72px;
      display: none;
  }
  .switch_list i{
    color: #787878;
    font-size: 24px;
    vertical-align: -2px;
    margin-left: 12px;
  }
  .switch_list dd{
      height: 40px;
      line-height: 40px;
      margin: 0;
      font-weight: bold;
      cursor: pointer;
      padding-left: 40px;
  }
  .switch_list dd:not(:first-child){
      border-top: 1px solid #787878;
  }
  .login_box,.web_info{
      width: 952px;
      margin: 0 auto;
  }
  .login_left{
      float: left;
      width: 384px;
  }
  .login_left .bottom{
      background-color: #fff;
      margin-top: 16px;
      height: 164px;
      border-radius: 10px;
      text-align: right;
  }
  .login_left h4{
      margin: 0;
      font-size: 20px;
      line-height: 20px;
      color: #333;
      padding: 32px 42px 46px;
  }
  .login_left a{
      font-size: 18px;
      color: #e11a00;
      margin-right: 42px;
      font-weight: bold;
      height: 24px;
      line-height: 24px;
      border-bottom: 1px solid #e11a00;
  }
  .login_left a:hover{
    color: #e11a00;
    text-decoration:none;
  }
  .login_right{
      float: right;
      width: 552px;
      height: 572px;
      background-color: #fff;
      border-radius: 10px;
  }
  .login_right form{
      padding: 60px 54px 0;
  }
  .login_right .login_type{
      text-align: center;
      font-size: 20px;
      height: 43px;
      border-bottom: 1px solid #e1e1e1;
      line-height: 43px;
      color: #333;
  }
  .login_type span{
      display: inline-block;
      width: 120px;
      height: 22px;
      line-height: 22px;
      cursor: pointer;
  }
  .login_type span:first-child{
      border-right: 1px solid #e1e1e1;
  }
  .login_right .on{
      color: #ed6d00;
  }
 .login_type_box{
     font-size: 18px;
 }
 .login_type_box p{
     position: relative;
     border: 1px solid #cdcdcd;
     border-radius: 4px;
     height: 58px;
     padding: 0 0 0 12px;
     margin-top: 34px;
     overflow: hidden;
 }
 .login_type_box .eye_change{
     position: absolute;
     right: 12px;
     top: 12px;
     cursor: pointer;
 }
 .login_type_box .eye_change i{
     font-size: 26px;
     color: #333;
 }
 .login_type_box .eye_change .open_eye{
     display: none;
 }
 .login_type_box span.on .open_eye{
     display: block;
 }
 .login_type_box span.on .close_eye{
    display: none;
 }
 .login_type_box input{
     color: #333;
     border: none;
     height: 56px;
     line-height: 56px;
     width: 80%;
 }
 .login_type_box .verify input{
     width: 270px;
 }
 .login_type_box .verify img{
     width: 154px;
     height: 56px;
     vertical-align: top;
 }
 .login_type_box button{
     display: block;
     margin: 34px 0 10px 0;
     line-height: 60px;
     text-align: center;
     font-size: 22px;
     height: 60px;
     color: #fff;
     border-radius: 4px;
     width: 100%;
     background-color: #f98923;
     border: none;
 }
 .login_type_box a{
     color: #333;
     font-size: 14px;
 }
 .login_type_box a:hover{
     color: #e11a00;
 }
 .login_type_box .ewm_box{
     position: relative;
     width: 228px;
     height: 228px;
     padding: 10px;
     margin: 30px auto 0;
     border: 1px solid #eaeaea;
 }
 .login_type_box .ewm_box img{
     width: 100%;
     height: 100%;
 }
 .login_type_box .ewm_box span{
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.5);
     color: #fff;
     cursor: pointer;
 }
 .login_type_box .ewm_box i{
     color: #fff;
     font-size: 40px;
     display: block;
     width: 100%;
     text-align: center;
     padding-top: 70px;
 }
 .login_type_box .ewm_box strong{
     font-size: 16px;
     font-weight: normal;
     display: block;
     width: 100%;
     text-align: center;
 }
 .login_type_box h4{
     font-size: 20px;
     color: #333;
     height: 60px;
     line-height: 60px;
     text-align: center;
 }
 .login_type_box h5{
    font-size: 16px;
    color: #999;
    height: 66px;
    line-height: 66px;
    text-align: center;
}
 .login_type_box h5 span{
     color: #f7821e;
     cursor: pointer;
 }

 .cover_box{
    display: none;
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 1;
     background-color: rgba(0,0,0,0.5);
     left: 0;
     top: 0;
 }
 .cover_content{
    width: 206px;
    height: 290px;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
 }
.cover_content div{
    padding-top: 92px;
    position: relative;
}
.cover_content div img{
    position: absolute;
    top: 0;
    left: 53px;
}
.cover_content p{
    border: 6px solid #ee7423;
    border-radius: 10px;
    background-color: #fff;
    padding: 18px 12px;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}
.cover_content p span{
    display: block;
    width: 100%;
    color: #ee7423;
    font-size: 16px;
    padding-bottom: 4px;
}
.cover_content .close_btn{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    cursor: pointer;
}
.cover_content .close_btn i{
    color: #fff;
}
  .web_info{
      color: #808080;
      font-size: 20px;
      padding: 74px 0 136px;
  }
  .web_info i{
    color: #808080;
    font-size: 20px;
  }
  .web_info span{
      display: inline-block;
  }
  .web_info .span_right{
      margin-left: 180px;
  }
  .common_footer{
    text-align: center;
    font-size: 12px;
    color: #808080;
    padding-bottom: 56px;
  }
  .common_footer p{
      margin: 0;
  }
.login_cover_box{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1;
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
}
.login_cover_content{
    width: 500px;
    height: 300px;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    background-color: #fff;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}
.login_cover_content div{
    position: relative;
}
.login_cover_content h5{
    font-size: 22px;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
}
.login_cover_content p{
    font-size: 18px;
    color: #000;
    padding: 20px 30px;
}
.login_cover_content .button_1{
    font-size: 16px;
    color: #fff;
    display: block;
    height: 40px;
    width: 200px;
    margin: 0 auto;
    background-color: #00b7ee;
    border: 0;
}
.login_cover_content .button_2{
    font-size: 16px;
    color: #666;
    display: block;
    height: 40px;
    width: 200px;
    margin: 20px auto;
    text-align: center;
    
}