caimei365-www/src/main/resources/static/css/supplier-center/setting/information.css

@media screen and (min-width:768px){
   .crumbs{color: #22272e;font-size: 16px;}
   .head-wrap{background: #fff;border-bottom: 1px solid #e2e7ef}
   .head-top{height: 60px;line-height: 60px;color: #9aa5b5;margin: auto;width: fit-content}
   .head-top div{display: inline-block;cursor: pointer}
   .head-top div:nth-child(2){margin: 0 57px;}
   .header-tabs .line{width: 20px; height: 20px;line-height: 20px;display: inline-block;background: #9aa5b5; border-radius: 50%; color: #fff;font-size: 10px;
    text-align: center;position: relative;top: 0px;right: 5px}
   .header-tabs.current{color: #e15616}
   .header-tabs .line.linestyle{color: #fff;background: #e15616}
   .container{background: #fff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07); padding-top: 19px}
   .container .forget-form{width: 500px; margin: 0 auto;padding: 20px 0}
   .formLine select[name="cityID"]{margin: 0 14px}
   .formLine p{color: #627386;padding-left: 12px}
   .formLine.rightTxt p{padding-left: 17px;}
   .formLine p em{margin: 0}
   input[type="text"]::placeholder,textarea::placeholder{color: #9aa5b5;}
   .formLine .diyBox.second{width: 111px}
   .formLine .business .diyBox {margin-right: 14px}
   .formLine .form-upload{width: 128px;height: auto;float: left;margin-right: 20px; margin-bottom: 10px}
   .formLine .form-upload.list{width: 100%;}
   .formLine .formLine-file{width: 128px;height: 90px;position: relative;float: left}
   .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("/img/base/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-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
   .formLine .formLine-file .file-biss{background: url("/img/account/icon-business.png") no-repeat;}
   .formLine .formLine-file .file-logo{background: url("/img/account/icon-logo.png") no-repeat;}
   .formLine .formLine-file .file-produce{background: url("/img/account/icon-produce.png") no-repeat;}
   .formLine .formLine-file .file-health{background: url("/img/account/icon-health.png") no-repeat;}
   .formLine .formLine-file .file-tax{background: url("/img/account/icon-tax.png") no-repeat;}
   .formLine .formLine-file .file-honor{background: url("/img/account/icon-honor.png") no-repeat;}
   .formLine .formLine-file .file-product{background: url("/img/account/icon-product.png") no-repeat;}
   .formLine .form-upload-image{width: 128px;height: 90px;position: relative; margin:0 20px 10px 0;float: left}
   .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}
   .formLine .addbusiness{overflow: hidden}
   .formLine .addbusiness input[type="text"] {width: 260px;display: block;float: left;margin-right: 15px;}
   .formLine .addbusiness a {display: block;float: left; width: 92px;height: 32px;line-height: 34px;font-size: 14px;color: #e15616;background-color: #ffe6dc;border-radius: 2px;border: solid 1px #e15616;text-align: center;}
   .supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
   .formLine.info textarea{margin: 0px}
   .header{ width: 100%;height: 60px; 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%);}
   .header .header-p{height: 34px; line-height: 18px; font-size: 12px;color: #e15616; text-align: center;margin: auto;width: 355px;padding-top: 12px}
   }


/*移动*/

@media screen and (max-width:768px){
   .head-top{height: 18.9vw;line-height: 25vw;color: #9aa5b5;margin: auto;}
   .head-top div{display: inline-block;cursor: pointer}
   .head-top div:nth-child(2){margin: 0px 4vw;}
   .header-tabs .line{width: 5.3vw; height: 5.3vw;line-height: 5.3vw;display: inline-block;background: #9aa5b5; border-radius: 50%; color: #fff;font-size: 2.9vw;
    text-align: center;position: relative;top: -6.7vw;right: -13.9vw}
   .header-tabs.current{color: #e15616}
   .header-tabs .line.linestyle{color: #fff;background: #e15616}
   .forget-form{background: #fff;padding: 3.3vw;}
   .formLine p{color: #627386;}
   .formLine .business{overflow: hidden}
   input[type="text"]::placeholder,textarea::placeholder{color: #9aa5b5;}
   .form-upload-image{width: 36vw;height: 25.3vw;position: relative;}
   .form-upload-image img{width: 100%;height: 100%}
   .formLine .form-upload-image .mIcon:before {width: 5.3vw;height: 5.3vw;background-position: -89vw -8.3vw;transition: none;}
   .formLine{overflow: hidden}
   .formLine select[name="cityID"]{margin: 0 1.3vw}
   .formLine .business .diyBox {margin-right: 3.4vw}
   .formLine .diyBox.second {width: 26.7vw}
   .formLine .form-upload{width: 36vw;height: auto;float: left;margin-right: 5.3vw;margin-bottom: 2.7vw}
   .formLine .form-upload.list{width: 100%;}
   .formLine .formLine-file{width: 36vw;height: 25.3vw;position: relative;float: left}
   .formLine .form-upload-tips{width: 5.3vw;height: 25.3vw;float: left;position: relative;}
   .formLine .form-upload-tips .icon{width: 5.3vw;height: 5.3vw;float: left;background: url("/img/base/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: 48.5vw;height: 12.3vw;line-height: 12.3vw;text-align: center;color: #FFF;font-size: 3.4vw; background-color: #1890f9;box-shadow: 0px .8vw 1.6vw 0px rgba(24, 144, 249, 0.17); position: absolute;bottom: -6.4vw;left: -.53vw;border-radius: .8vw;display: none;}
   .formLine .form-upload-tips .wen-tips:before{content: ''; width: 0px;height: 0px;border-width: 2vw;border-style: solid;border-color: transparent transparent #1890f9 transparent;position: absolute;top: -4vw;left: 1.3vw;}
   .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 .icon{width: 36vw;height:25.3vw;display: block;}
   .formLine .formLine-file .file-zizhi{background: url("/img/account/icon-zizhi.png") no-repeat;}
   .formLine .formLine-file .file-biss{background: url("/img/account/icon-business.png") no-repeat;}
   .formLine .formLine-file .file-logo{background: url("/img/account/icon-logo.png") no-repeat;}
   .formLine .formLine-file .file-produce{background: url("/img/account/icon-produce.png") no-repeat;}
   .formLine .formLine-file .file-health{background: url("/img/account/icon-health.png") no-repeat;}
   .formLine .formLine-file .file-tax{background: url("/img/account/icon-tax.png") no-repeat;}
   .formLine .formLine-file .file-honor{background: url("/img/account/icon-honor.png") no-repeat;}
   .formLine .formLine-file .file-product{background: url("/img/account/icon-product.png") no-repeat;}
   .formLine .list .form-upload-image{position: relative;float: left;margin: 0 2.7vw 2.7vw 0}
   .formLine .form-upload-image .upload-img{width: 36vw;height:25.3vw;display: block;}
   .formLine .form-upload-image .icon{width: 5.3vw;height: 5.3vw;display: block;position: absolute;right: 0;top: 0;cursor: pointer;}
   .formLine .business{height:auto;position:relative}
   .formLine .addbusiness{overflow: hidden}
   .formLine .addbusiness input[type="text"] {width: 69.4vw;display: block;float: left;margin-right: 1.3vw;}
   .formLine .addbusiness a {display: block;float: left;width: 21.4vw;height: 11vw;line-height: 11.2vw;font-size: 3.4vw;
    color: #e15616; background-color: #ffe6dc; border-radius: .53vw;border: solid .27vw #e15616;text-align: center}
   .supplierConfirm{width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 999;background: rgba(0,0,0,.3);}
   .formLine.info textarea{margin: 0px}
   .header{ width: 100%; 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%);}
   .header .header-p{height: 16vw; line-height: 7vw; font-size: 3.1vw;color: #e15616; text-align: center;margin: auto;padding: 0 2.7vw}

}