﻿
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
.container{width: 100%;min-height:900px;box-sizing: border-box;padding: 20px 236px;background-color: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);border-radius: 8px;overflow: hidden;}
.container .title{width: 100%;height: 54px;line-height: 54px;text-align: left;font-size: 24px;color: #22272e;float: left;}
.container .formLine p span.mm{color: #22272e;}
.subLine{margin-top: 20px;float: left; width: 100%;}
.subLine .btn-upgrade {cursor: pointer;display: block;width: 232px;height: 50px;line-height: 50px;background: linear-gradient(90deg, #FF9300 0%, #FF5B00 100%);border-radius: 25px;text-align: center;font-size: 18px;color: #FFF;margin: auto;}
.subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
.subLine .btn-upgrade.disabled{background-color: #999999;}
.formLine{width: 100%;float: left;margin-bottom: 10px;}
.formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px;}
.formLine .formLine-file{width: 128px;height: 90px;position: relative;}
.formLine .form-upload-tips{width: 20px;height: 90px;float: left;position: relative;}
.formLine .form-upload-tips .icon{width: 20px;height: 20px;float: left;background: url("../image/icon.png") no-repeat;display: block;margin-top: 40px;}
.formLine .form-upload-tips .icon-wen{background-position: -84px -144px;cursor: pointer;}
.formLine .form-upload-tips .wen-tips{width: 182px;height: 46px;line-height: 46px;text-align: center;color: #FFF;font-size: 14px; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -24px;left: -2px;border-radius: 3px;display: none;}
.formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
.formLine .form-upload-tips:hover .wen-tips{display: block;}
.formLine .file{width: 128px;height: 90px;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
.formLine .formLine-file .icon{width: 128px;height: 90px;display: block;}
.formLine .formLine-file .file-biss{background: url("../image/icon-business.png") no-repeat;}
.formLine .formLine-file .file-door{background: url("../image/icon-door.svg") no-repeat;}
.formLine .formLine-file .file-zizhi{background: url("../image/icon-zizhi.svg") no-repeat;}
.formLine .form-upload-image{width: 128px;height: 90px;position: relative;}
.formLine .form-upload-image .upload-img{width: 128px;height: 90px;display: block;}
.formLine .form-upload-image .icon{width: 20px;height: 20px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
.formLine .form-upload-image .icon:before{width: 20px;height: 20px;background-position: -114px -140px;}
.formLine .business{height:auto;position:relative;overflow: hidden}
.formLine .business input[type="text"] {width: 324px;display: block;float: left;margin-right: 15px;}
.formLine .business a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #FF5B00;background-color: #ffe6dc;border-radius: 17px;border: solid 1px #FF5B00;text-align: center;}
.formLine p{color: #627386}
input::placeholder,textarea::placeholder{color: #9aa5b5}
  .formLine .errTips.show{display: block}
  .formLine .errTips{display: none}
  .formLine .address.info textarea{margin-top: 0}
}


/**
* 移动端
*/
@media screen and (max-width:768px){
  #informationPage{ padding-top: 27vw; }
  body{width:100%;height:100%;background:#FFF url(../image/register.png) no-repeat center bottom;background-size:100% auto;background-attachment: fixed;}
  footer{display:none}
  .container{padding:3.2vw;font-size:3.4vw;color:#627386;}
  .registerClub{padding: 20px 0;}
  .registerShop{padding: 20px 0;}
  .selectAccount{width:100%;height:90vh;text-align:center;}
  .selectAccount .title{height:6vw;font-size:4.2vw;font-weight:bold;line-height:6vw;color:#22272e;padding-top:36vw}
  .selectAccount .cont{margin-top:10vw;}
  .selectAccount .cont span{display:inline-block;width:24.8vw;margin:0 6.7vw;line-height:4.6vw;color:#3b77ff;font-size:3.4vw;cursor:pointer}
  .selectAccount .cont img{display:inline-block;width:24.8vw;height:24.8vw;background-color:#c2d8fa;border-radius:12.4vw}
  .signAccount .title-tips{margin-bottom: 3.2vm;width: 100%;height:9.6vw;background-image: linear-gradient(270deg,rgba(255,255,255,0.1) 0%,rgba(255,86,11,0.1) 51%,rgba(255,255,255,0.1) 100%);}
  .signAccount .title-tips p{width: 100%;height:9.6vw;font-family: Microsoft YaHei;font-size:3.1vw;font-weight: normal;font-stretch: normal;line-height: 9.6vw;letter-spacing:0;color: #FF5B00;text-align: center;}
  .signAccount{width:100%;min-height:90vh;font-size:3.4vw;color:#627386;}
  .signAccount .advisory>.duv{float: right;line-height: 5.6vw;padding-right: 4vw;}
  .signAccount .advisory>.duv span{display: inline-block;float: left;}
  .signAccount .advisory>.duv>.mIcon{height:5.6vw;line-height:5.6vw;font-size:1.6vw;color:#1890f9;display: block;}
  .signAccount .advisory>.duv>.mIcon:before{width:5.6vw;height:5.6vw;background-position:-84.2vw -0vw;}
  .signAccount .title{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;padding:5.2vw 0}
  .registerShop .tit{color:#22272e;font-size:3.7vw;font-weight:normal;margin:3vw 0}
  .signAccount form{width:93.4vw;margin:0 auto;}
  .supplierConfirm .cont{width:100%;min-height:90vw;box-sizing:border-box;padding:3.3vw;color:#333;font-size:3.4vw;}
  .supplierConfirm .cont h3{height:6vw;line-height:6vw;font-weight:bold;font-size:4.2vw;color:#22272e;text-align:center;}
  .supplierConfirm .cont p:first-of-type{color:#E36125;margin-top:3vw}
  .supplierConfirm .cont p:nth-of-type(2){color:#666;margin:5vw 0 3vw 0}
  .supplierConfirm .cont li{line-height:5vw;margin-bottom:2vw}
  .supplierConfirm .btnLine{margin-top:5vw;line-height:5vw;text-align:center;font-weight:bold;position:relative;}
  .supplierConfirm .btnLine p{color:#000;}
  .supplierConfirm .btnLine input{margin-right:1vw;}
  .supplierConfirm .btnLine button{display:block;font-size:3.4vw;margin:5vw auto;width:93.4vw;height:11.2vw;line-height:11.2vw;background:#FF5B00;color:#fff;}
  .formLine { width: 100%;position: relative;font-size: 3.4vw;float: left;}
  .formLine .business{height:auto;position:relative}
  .formLine .business input[type="text"] {width:66vw;display: block;float: left;margin-right: 3vw;}
  .formLine .business a {display: block;float: left; width:21.4vw;height: 10.5vw;line-height: 10.5vw;font-size:3.4vw;color: #FF5B00;background-color: #ffe6dc;border-radius: 5.5vw;border: solid 1px #FF5B00;text-align: center;}

  .advisory .mask{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
  .advisory .mask.active{display: block;}
  .advisoryInfo.active{display: block;}
  .advisoryInfo .icon-close{position:absolute;top:0;right: 0; padding: 1vw;width: 6.4vw;height: 6.4vw;text-align: center;}
  .advisoryInfo .icon-close:before {content: '\2715';font-size: 4.5vw;font-weight: bold;}
  .advisoryInfo{z-index: 999;box-sizing:border-box;width:74.7vw;background:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.16);padding:6.2vw;border-radius:1vw;display: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
  .advisoryInfo form{width:100%}
  .advisoryInfo .formLine p{line-height:8vw}
  .advisoryInfo .info{margin-bottom:3vw;color:#1890f9;font-size:3.1vw}
  .advisoryInfo .btn{display:block;width:46vw;height:9.8vw;line-height:9.8vw;margin:3vw auto 0;font-size:3.4vw;background-color:#ffe6dc;border-radius:2px;border:solid 1px #FF5B00;color:#FF5B00;text-align:center}
  .formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 4vw;}
  .formLine .formLine-file{width: 36vw;height: 25.3vw;position: relative;}
  .formLine .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
  .formLine .form-upload-image .upload-img{width: 36vw;height: 25.3vw;display: block;}
  .formLine .form-upload-image .mIcon{width: 4vw;height:4vw;;display: block;position: absolute;left: 0;top: 0;cursor: pointer;}
  .formLine .form-upload-image .mIcon:before{width: 4vw;height: 4vw;background-position: -91vw -8.5vw;}
  .formLine .form-upload-tips{width: 4.8vw;height: 25.3vw;float: left;position: relative;}
  .formLine .form-upload-tips .mIcon{width: 4.8vw;height: 4.8vw;float: left;display: block;margin-top: 10vw;}
  .formLine .form-upload-tips .mIcon:before{width: 4.8vw;height: 4.8vw;background-position:-76.6vw -1.2vw;}
  .formLine .form-upload-tips .wen-tips{width: 36vw;height: 9.2vw;line-height: 9.2vw;text-align: center;color: #FFF;font-size: 2.4vw; background-color: #1890f9;box-shadow: 0px 3px 6px 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: 0;left: -1vw;border-radius: 3px;display: none;}
  .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 8px;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -15px;left: 5px;}
  .formLine .form-upload-tips:hover .wen-tips{display: block;}
  .formLine .file{width: 36vw;height: 25.3vw;opacity: 0;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;}
  .formLine .formLine-file .mIcon{width: 36vw;height: 25.3vw;display: block;}
  .formLine .formLine-file .file-biss{background: url("../image/icon-bisse.png") no-repeat;background-size: cover;}
  .formLine .formLine-file .file-door{background: url("../image/icon-door.png") no-repeat;background-size: cover;}
  .formLine .formLine-file .file-zizhi{background: url("../image/icon-zizhi.png") no-repeat;background-size: cover;}
  .subLine{margin-top:2vw;float: left;}
  .subLine .btn-upgrade {cursor: pointer;display: block;width: 93.4vw;height: 11.2vw;line-height: 50px;background-color: #FF5B00;border-radius: 5.5vw;text-align: center;font-size: 3.4vw;color: #FFF;float: left;margin-bottom: 2.8vw;}
  .subLine .btn-upgrade.none{border: 1px solid #FF5B00;background-color: #ffe6dc;box-shadow: 0px 3px 6px 0px rgba(249, 75, 75, 0.17);color: #FF5B00;}
  .subLine .btn-upgrade.disabled{background-color: #999999;}
  .container{padding:3.3vw}
  .title{color: #22272e;font-size: 3.7vw}
  .formLine p{color: #627386}
  input::placeholder,textarea::placeholder{color: #9aa5b5}
}
