@charset "utf-8";
/*==========
Author: UmHtml
Author URI: http://www.umtheme.com/
Plugin ID: umForm
==========*/
.umTips{ margin-bottom: 20px;padding: 10px 0 0 0;}
.umbg .umTips{padding: 10px 20px 0 20px;}
.umFormBox{padding: 15px 0 20px;}
.umFormBox.umbg{background: #FFFFFF;}
.umFormBox #umForm{margin-right: -20px;}
.umFormBox .umInput{ position: relative;padding-left: 120px;display:inline-block;width: calc(100% / 2 - 20px);
margin: 10px 0px 10px 0; line-height: normal;}
.umFormBox .umInput label{width: 120px;text-align: right;margin-left: -120px;float: left;height: 38px;line-height: 38px; padding-right: 10px;}
.umFormBox .umInput label span{ color: #FB3203;}
.umFormBox .umInput label span.tit{opacity: .5; color: #333; padding-left: 4px;}
.umFormBox .umInput input{height: 38px;line-height: 38px; width: 100%; font-size: 14px; padding: 0 10px;border-radius: 3px;border: 1px solid #FFFFFF;background: #FFFFFF;}
.umFormBox .umInput .umText{width: 100%; height: 172px; font-size: 14px; padding: 10px;line-height: 22px;resize: none;border-radius: 3px;border: 1px solid #FFFFFF;background: #FFFFFF;}
.umFormBox .umForm{  height: 38px; border:1px solid #FFFFFF; background: #FFFFFF; font-size: 14px; padding:0px 10px;display: block; width: 100%;border-radius: 3px;}
.umFormBox .umItem{ position: relative; z-index: 1; margin:15px 0; display: block;}
.umFormBox .umItemIn{ width: 100%;display: inline-block; padding-right: 0; position: relative;}
.umFormBox .vcode .umItemIn .ccode{position: absolute; height: 34px!important; right: 2px; top: 2px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.umFormBox .umFormBtn { border: medium none; background: #FFFFFF; height:44px; line-height:48px; width: 120px; margin-left: 120px; padding: 0 10px; color: #fff; font-size: 16px;border-radius: 3px;display: block; cursor: pointer; text-align: center;}
.umFormBox .umSelect .umFormCate.umForm{outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.umFormBox .umSelect .umFormCate.umForm option{ line-height: 38px;}
.umFormBox .umSelect .umItemIn em.umDot{ width: 18px; height: 18px; display: block; background-image: url(dot.png); background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; top:11px; right:9px;}
.umFormBox .umSelect .umFormCate{ padding-right: 30px; padding-left: 6px;}
.umFormBox .clear{ clear: both;}
.umFormBox .umInput.umTextBox{width: calc(100% - 20px);padding-right: 20px;}
.umFormBox .umMsg{ padding: 20px 24px; position: fixed; z-index: 9999; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(0,0,0,1); color: #fff; border-radius: 5px; display: none; text-align: center;}
.umFormBox .umMsg .success{ color: #5AF03B;}

.umFormBox input::-webkit-input-placeholder, .umFormBox textarea::-webkit-input-placeholder{color:#a6a6a6;}
.umFormBox input::-moz-placeholder,.umFormBox textarea::-moz-placeholder{color:#a6a6a6;}
.umFormBox input:-moz-placeholder,.umFormBox textarea:-moz-placeholder{color:#a6a6a6;}
.umFormBox input:-ms-input-placeholder,.umFormBox textarea:-ms-input-placeholder{color:#a6a6a6;}

@media screen and (max-width:640px){
.umFormBox .umInput{padding-left: 100px;}
.umFormBox .umInput label{width: 100px;margin-left: -100px;}
.umFormBox .umFormBtn{ margin-left: 100px;padding-left: 10px;}
}
@media screen and (max-width:540px){
.umFormBox{ margin-right: 0;padding-right: 15px;}
.umFormBox .umInput{padding-left: 100px;width: 100%;padding-right: 0px;}
.umFormBox .umInput.umTextBox{ width: 100%;padding-right:0px;}
.umFormBox .umInput.umFormBtn{ width: auto;margin-right: 0; padding-left:10px;}
.umFormBox #umForm{padding-right: 20px;}
}
@media screen and (max-width:480px){
.umFormBox{padding-left: 15px;}
.umTips{padding: 10px 0px 0 0px;}
.umFormBox .umInput{padding-left: 0px;margin: 5px 0px 5px 0;}
.umFormBox .umInput label{ width: 100%;text-align: left;margin-left: 0px;padding-right: 0;}
.umFormBox .umInput.umFormBtn{padding-left: 10px; margin: 15px 0;}
}