@charset "utf-8";
/*==========
Author: UmHtml
Author URI: http://www.umtheme.com/
Plugin ID: umForm
==========*/
.umTips{ margin-bottom: 20px;padding: 10px 0 0 0; color: #282828;}
.umbg .umTips{padding: 10px 20px 0 20px;}
.umFormBox{padding:0px;}
.umFormBox.umbg{background: #FFFFFF;padding: 15px 0 20px;}
.umFormBox #umForm{margin:0 -10px;}
.umFormBox .umInput{ position: relative;padding-left:0px;display:inline-block;width: calc(100% / 2 - 20px);
margin: 10px; 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 #F8F8F8;background: #F8F8F8;}
.umFormBox .umInput .umText{width: 100%; height: 172px; font-size: 14px; padding: 10px;line-height: 22px;resize: none;border-radius: 3px;border: 1px solid #F8F8F8;background: #F8F8F8;}
.umFormBox .umForm{  height: 38px; border:1px solid #F8F8F8; background: #F8F8F8; 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: #222222; height:44px; line-height:44px;font-weight: 500; width: 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 .umFormCate.umForm{background-image: url(dot.png); content:''; background-position: 98% 50%; background-repeat: no-repeat; background-size:18px;}
.umFormBox .umSelect .umFormCate{ padding-right: 30px; padding-left: 6px;}
.umFormBox .clear{ clear: both;}
.umFormBox .umInput.umTextBox{width: calc(100% - 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:900px){
.umFormBox .umSelect .umFormCate.umForm{background-position: 96% 50%;}
}

@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;}
.umFormBox .umSelect .umFormCate.umForm{background-position: 94% 50%;}
}
@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;}
.umFormBox .umSelect .umFormCate.umForm{background-position: 98% 50%;}
}
@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;}
}