.asterisk { color: #c00; padding: 0 5px; }

/* ==================================

   Btn

   ================================== */

.ui-btn { padding: 0; display: inline-block; vertical-align: bottom; cursor: pointer; *overflow: visible;

border: 0 none; text-align: center; line-height: 40px; padding: 0 40px; margin-right: 15px; -webkit-border-radius: 6px;

-moz-border-radius: 6px;

border-radius: 6px; font-size: 14px; font-family: microsoft yahei; }

.ui-btn .fa { padding-right: 5px; }

.ui-btn1 { background-color: #037dc0; color: #fff;  }

.ui-btn1:hover { background: #3698cd; color: #fff; }

.ui-btn2 { background-color: #eee; color: #333;  }

.ui-btn2:hover { background: #ddd; color: #333; }

/* ==================================

   Form

   ================================== */

.field .err-input { border: 1px solid #a94440; }

.ui-label { }

.ui-input { vertical-align: middle; }

.ui-input:focus { outline: 0 none; border-color: rgba(82,168,236,.8); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6) }

.ui-textarea { height: auto; width: 280px; }

.field:before, .field:after { content: ""; display: table; }

.field:after { clear: both; }

.field { *zoom: 1

}

.field .tips { border: 1px solid #FF8080; ; overflow: hidden; background: #FFF2F2; padding: 4px; font-size: 12px; line-height: 16px; color: #404040; display: inline-block; *zoom:1;

vertical-align: middle; }

.field .tips .fa { padding-right: 5px; color: #c00; }

/* Form 1 */

.form-box .field { margin-bottom: 10px; line-height: 30px; padding-left: 200px; }

.form-box .ui-label { float: left; text-align: right; width: 190px; margin-left: -200px; }

.form-box .ui-input, .form-box .ui-textarea { border: 1px solid #ddd; color: #404b5a; padding: 4px 10px; line-height: 20px; height: 20px; width: 240px; }

.form-box .ui-textarea { height: 80px; width: 280px; }

.form-box .field .ui-label-except { margin-left: 0; }

/* Iconfont */

.form-box2 .field { position: relative; margin-bottom: 18px; }

.form-box2 .ui-label { position: absolute; left: 1px; top: 1px; border-right: 1px solid #e4e4e4; cursor: default; text-align: center; }

.form-box2 .ui-label:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-left-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; top: 50%; margin-top: -5px; right: -4px; }

.form-box2 .ui-label:before { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-left-style: solid; border-width: 5px 0 5px 5px; border-left-color: #e4e4e4; top: 50%; margin-top: -5px; right: -5px; }

.form-box2 .ui-label .fa { width: 32px; height: 28px; line-height: 28px; text-align: center; margin: 0; z-index: 2; font-size: 15px; color: #586371; }

.form-box2 .ui-input { float: left; padding: 4px 5px 4px 43px; width: 170px; line-height: 20px; height: 20px; border: 1px solid #e4e4e4; color: #586371; background: #fff; }

.form-box2 .ph-label { position: absolute; color: #586371; font-size: 12px; line-height: 19px; left: 65px; top: 10px; opacity: 1; transition: all .2s ease-out; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-out; display: none; }

.form-box2 .ph-hide .ph-label { opacity: 0; visibility: hidden }

.form-box2 .ph-focus .ph-label { color: #ccc }