body{ background-color: #f5f7fa;}
::-webkit-scrollbar{width:8px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:#e6e6e6;min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

#app{ display: none;}
.ui-e-header{ width: 100%; height: 280px; background-color: #F5F7FA; position: relative; z-index: 1; background-size: cover !important;margin-top: 120px;}
.ui-form-main{ width: 940px; height: auto; background-color: rgba(255,255,255,1); margin: -260px auto 0 auto; z-index: 6; position: relative; box-shadow: 0px 1px 4px #efefef; border-radius: 3px;}
.ui-form-main-bar{ height: 10px; width: 100%; background-color: #eee;  overflow: hidden; box-sizing: border-box; border-top-left-radius: 4px; border-top-left-radius: 4px; opacity: .4; display: none;}
.ui-block,.ui-form-main header{ width: 100%; height: auto; padding: 30px 30px 45px 30px; box-sizing: border-box; overflow: hidden;}
.ui-block{ margin: 20px auto 0 auto;}
.ui-form-main header{ border-bottom: solid 1px #efefef;}
.ui-form-header{ width: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.ui-form-main header h1{ font-size: 34px; margin: 15px 0 10px auto; font-weight: normal;}
.ui-form-main header p{ font-size: 14px; line-height: 28px; color: #666;}
footer{ height: 50px; text-align: center; font-size: 13px; color: #999; line-height: 50px;}
.el-form-item__label{ font-weight:bold; color: #757575;}
.ui-e-tips{ color: #9e9e9e; font-size: 12px; line-height: 22px;}
.el-upload__tip{color: #9e9e9e; font-size: 12px; line-height: 20px; margin-top: 5px;}
.el-rate{ position: relative; top: 10px;}
.ui-form-qrcode{ width: 35px; height: 35px; background-color: rgba(255,255,255,.8); position: absolute; right:-45px; top: 0; border-radius: 3px; text-align: center; line-height: 35px; cursor: pointer;}
.ui-form-qrcode:hover{ background-color: #fff;}
.ui-e-input-code{ width: 80% !important;}

@media screen and (max-width:767px){
   .ui-form-main header h1{ font-size: 24px; margin-top: 5px;}
   .ui-form-main{ width: 94%; margin: -180px auto 0 auto;border-radius: 6px;}
   .ui-block{ padding: 15px 15px 20px 15px; margin-top: 0;}
   .el-form-item__label{ padding-bottom: 0px !important;}
   .ui-block, .ui-form-main header{ padding: 15px;}
   .ui-form-qrcode{ display: none;}
   .ui-e-input-code{ width: 65% !important;}
   .ui-e-header{ height: 200px;margin-top: 64px;}
   .ui-e-card{ width: 100% !important; right: 0 !important; bottom: 0 !important; height: 40vh !important; overflow: hidden; display: none; transform:none !important; top:unset !important; }
   .ui-e-card-switch{ height: 38px;line-height: 38px; position: fixed; left: 0; top: 0; width: 100%; text-align: right; display: block !important;  background-color: rgba(255,255,255,.8); text-align: right; padding-right: 20px; box-sizing: border-box; z-index: 9999; border-bottom: solid .5px #eee;}
   .ui-e-card-switch img{ height: 15px; position: relative; top: 3px;}
   .el-form-item__label{ line-height: 2.4;}
   .ui-e-card-mask{ width: 100%; height: 100%; position: fixed; z-index: 9998; background-color: rgba(0,0,0,.5); left: 0; top: 0;}
   .ui-e-footer{ position: absolute; bottom: 10px; width: 100%; text-align: center;}
   .ui-e-card-ul{ margin-top: 10px; max-height: 30vh !important; overflow: auto;}
   .ui-e-close{ display: block !important;}
}
.ui-form-qrcodepic{ width: 150px; height: 180px; background: #fff; border-radius: 3px; box-shadow: 0px 1px 4px #dcdcdc; position: absolute; right: -95px; top: 40px; display: none;}
.ui-form-qrcodepic img{ display: block; margin: 10px auto 0px auto; width: 130px; height: 130px;}
.ui-form-qrcodepic p{ text-align: center; font-size: 12px; line-height: 24px; color: #666;}
.u-e-loading{ width: 80%; margin: 0 auto 40px auto;}
.el-input__inner,.el-textarea__inner{border-radius: 2px;}
.el-input__inner,.el-textarea__inner,.el-input-group__append, .el-input-group__prepend,.el-button--default{ border-color: #efefef;}
.ui-v-code{ float: right; cursor: pointer;}
.ui-v-code img{ width: 100px;}
.ui-e-column{ margin: 0px auto 8px auto;}
.uiitem{ height: auto; overflow: hidden; width: 100%;}
.el-radio-group{ width: 100%; overflow: hidden;}
.el-radio, .el-radio__input{ white-space:normal !important; line-height: 20px;}


.ui-e-card{ width: 220px; height: auto; background-color: #fff;  border-radius: 3px; position: fixed; top: 20px; transform: translateX(-230px); z-index: 9999; padding: 15px; box-sizing: border-box;}
.ui-e-card h2{ font-size: 14px; font-weight: normal; margin: 0 auto 10px auto;}

.ui-e-card-ul{ margin-top: 10px; width: 100%; height: auto; max-height: 400px; overflow-y: auto; text-align: center; display: flex; flex-wrap: wrap;}

.ui-e-card-ul li{ width: 33px; height: 33px; line-height: 33px; font-size: 13px; margin: 0 5px 5px 0; align-items: center; display: flex; justify-content: center; cursor: pointer; border-radius: 3px; color: #333; font-weight: bold; background-color: #fafafa; text-align: center;}

.ui-e-card .ui-e-close{ width: 26px; height: 26px;line-height: 26px;  border-radius: 50%; position: absolute; right: 10px; top: 10px; text-align: center; border: solid 1px #ddd; cursor: pointer;}
.ui-e-clear{ clear: both; height: 10px;}

.ui-e-footer{ text-align: center; font-size: 12px; margin-top: 10px;}
.ui-e-wd{ width: 13px; height: 13px; display: inline-block; background-color: #dcdcdc; margin: 4px 5px 0 5px; position: relative; top: 2px;}
.ui-e-ok{ width: 13px; height: 13px; display: inline-block; background-color: #67c23a; margin: 4px 5px 0 5px; position: relative; top: 2px;}
.e-ok{background-color: #67c23a !important; color: #fff !important; }
.ui-e-card-switch,.ui-e-card-mask,.ui-e-close{ display: none;}

.ui-e-tips{ width: 100%; height: auto; box-sizing: border-box; padding: 5px 0px; margin: 5px auto;}
.ui-e-tips h2{  font-size: 16px; line-height: 2; color: #333;}
.ui-e-tips p{ line-height: 28px; font-size: 13px; color: #999; }