123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- @media screen and (min-width:768px) {
- textarea::placeholder {color: #9aa5b5;}
- .crumbs {font-size: 16px;color: #22272e}
- .add-logistics{height: 600px;background-color: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);padding:80px 160px;color: #627386;box-sizing: border-box;}
- .add-pay-form{width: 100%;height: 100%;box-sizing: border-box;}
- .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 90px;display: block;background-size: 100px;}
- .upload-file{position: relative;float: left;margin: 10px 10px 10px 0px;cursor: pointer;width: 100px;height: 100px;border-radius: 2px;box-sizing: border-box;border: 1px dashed #B8BFCA;}
- .input-file{width: 100px;height: 100px;opacity: 0;cursor: pointer;position: absolute;top: 0}
- .release-input{overflow: hidden;float: left;width: 90%}
- .release-from{overflow: hidden;}
- .release-from-labe{width: 100%;height: 40px;line-height: 40px;float: left;}
- .release-from-labe span{color: #f94b4b;}
- .upload-file img{width: 100%;height: 100%;}
- .icon.del:before {width: 20px;height: 20px;background-position: -116px -138px;position: absolute;top: -3px;right: -3px;}
- .form-upload-tips .icon-wen:before {width: 20px;height: 20px;background-position: -84px -144px;cursor: pointer; margin-top: 10px;}
- .wen-tips {width: 220px;height: 30px;background-color: #1890f9;color: #fff;position: absolute;left: inherit;font-size: 12px;text-align: left;line-height: 30px;top: 33px;display: none;box-sizing: border-box;padding: 0 10px;}
- .form-upload-tips{float: left;position: relative;}
- .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;}
- .form-upload-tips:hover .wen-tips {display: block;}
- .el-textarea{width: 580px !important;}
- .release-from-btn{width: 100%;height: 40px;text-align: right; margin-top: 40px;box-sizing: border-box;padding: 0 60px;}
- }
- /*移动*/
- @media screen and (max-width:768px) {
- body{background: #FFFFFF !important;}
- #globalHead{ display: none; }
- .centerNav{ display: none; }
- .crumbs {font-size:3.4vw;color: #22272e}
- .add-logistics{height: auto;background-color: #ffffff;margin-top: 2.7vw;padding: 20px;color: #627386;}
- .mIcon.add{background: url(/img/account/add.png) no-repeat;height: 21vw;display: block; background-size: 23vw;}
- .upload-file{position: relative;float: left;margin: 0 2.7vw 2.7vw 0;width: 23vw;height: 23vw;border-radius: .53vw;box-sizing: border-box;border: 1px dashed #B8BFCA;}
- .input-file{width: 23vw;height:23vw;opacity: 0;cursor: pointer;position: absolute;top: 0;}
- .release-input{overflow: hidden;float: left;width: 100%;margin-top: 2.7vw}
- .release-from{overflow: hidden;}
- .release-from-labe{width: 100%;height: 10vw;line-height:10vw;float: left;}
- .release-from-labe span{color: #f94b4b;}
- .upload-file img{width: 100%;height: 100%;}
- .mIcon.del:before {width: 5.3vw;height: 5.3vw;background-position: -90vw -7.5vw;position: absolute;top: -.8vw;right: -.8vw}
- .form-upload-tips .icon-wen:before {width: 5.3vw;height: 5.3vw;background-position: -76.4vw 0vw;cursor: pointer;}
- .wen-tips {width: 48vw;height:9vw;background-color: #1890f9;color: #fff;position: absolute;left: inherit;font-size: 2.6vw;text-align: left;line-height: 9vw;top:8.8vw;display: none;box-sizing: border-box;padding: 0 2vw;}
- .form-upload-tips{float: left;position: relative;}
- .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: -3.5vw;left:1.3vw;}
- .form-upload-tips:hover .wen-tips {display: block;}
- .release-from-btn{width: 100%;height: 40px;text-align: right; margin-top: 40px;box-sizing: border-box;}
- footer{display: none;}
- }
|