@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;-moz-osx-font-smoothing: auto;}
.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:last-of-type{margin-bottom: 0;}
.umFormBox .umInput.w100{width: calc(100% / 1 - 20px);}
.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: 42px;line-height: 42px; width: 100%; font-size: 14px; padding: 0 12px;border: 1px solid #EEEEEE;background: #FFFFFF; color: #282828;}
.umFormBox .umInput .umText{width: 100%; height: 172px; font-size: 14px; padding: 10px;line-height: 22px;resize: none;border: 1px solid #EEEEEE;background: #FFFFFF;color: #282828;}
.umFormBox .umForm{  height: 42px; border:1px solid #EEEEEE; background: #FFFFFF; font-size: 14px; padding:0px 10px;display: block; width: 100%;}
.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: 35px!important; right: 4px; top: 4px;}
.umFormBox .umFormBtn{ border: medium none; background: #00B68C; height:46px; line-height:46px;font-weight: 500; min-width: 120px;padding: 0 15px; color: #fff; font-size: 16px;display: block; cursor: pointer; text-align: center;display: inline-block;width: auto;}
.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{color: #282828;}
.umFormBox .umSelect .umItemIn:after{ content: ''; position: absolute; top: 18px; right: 12px; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #28282866;}
.umFormBox .umSelect .umFormCate{ padding-right: 30px; padding-left: 12px;}
.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:#9199a0;}
.umFormBox input::-moz-placeholder,.umFormBox textarea::-moz-placeholder{color:#9199a0;}
.umFormBox input:-moz-placeholder,.umFormBox textarea:-moz-placeholder{color:#9199a0;}
.umFormBox input:-ms-input-placeholder,.umFormBox textarea:-ms-input-placeholder{color:#9199a0;}
.umFormBox .umInput input,.umFormBox .umFormBtn,.umFormBox .umForm,
.umFormBox .umInput .umText{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.umFormBox.umRound .umInput input,.umFormBox.umRound .umForm,
.umFormBox.umRound .umInput .umText{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.umFormBox.umRound .umFormBtn{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.umFormBox.umRound .vcode .umItemIn .ccode{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

@media screen and (max-width:540px){
.umFormBox{ margin-right: 0;padding-right: 15px;}
.umFormBox .umInput,.umFormBox .umInput.w100{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:5px;}
}
@media screen and (max-width:480px){
.umFormBox{padding-left: 15px;}
.umFormBox #umForm{padding-right:0px;}
.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;}
}