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;}

.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;}

   .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: 0 auto;}

.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-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; }