.email .li{display: flex;justify-content: flex-start;}
.email .row{margin: 0 20px 20px 0;}
.email .row .title{font-size: 14px;font-weight: bold;position: relative;padding-left: 20px;box-sizing: border-box;height: 26px;line-height: 1;}
.email .row .title.active{color: red;}
.email .row .title::before{ content: ''; border-radius: 50%; width: 6px; height: 6px; background: #333; display: block;position: absolute; left:0; top:0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.email .row input,.email .row select{cursor: pointer; width: 320px; height: 40px;font-size: 14px;color: #999;padding-left: 20px;box-sizing: border-box; background: #fafafa;border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;}
.email .row select{appearance: none;-webkit-appearance: none;background:#fafafa url('../../images/select.png') no-repeat right 20px center;}
.email .row input:focus{border: 1px solid #3fba98;box-sizing: border-box;}
.email .row select:focus{border: 1px solid #3fba98;box-sizing: border-box;}
.email .row #textarea:focus{border: 1px solid #3fba98;box-sizing: border-box;}
.email select::-ms-expand{display: none;}
.email .widthChan{flex: 1;}
.email .widthChan input{width: 100px;}
.email .widthChan span{margin: 0 14px;color: #666666;font-size: 14px;}
.email .flex_1{flex: 1;}
.email #textarea{padding: 20px 20px;box-sizing: border-box;cursor: pointer; font-size: 14px;color: #999; height: 120px;width: 100%; background: #fafafa; border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; }
.email .sumbit{padding-top: 30px;}
.email .sumbitForm{ width: 200px; transition:0.3s ; opacity: 0.9;
     background: linear-gradient(to right,#29d2a3,#29d2a3); border-radius:8px ; height: 46px; margin:0 auto 14px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; font-weight: bold; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; cursor: pointer; -webkit-transition:0.3s ; -moz-transition:0.3s ; -ms-transition:0.3s ; -o-transition:0.3s ;
}
.email .sumbitForm:hover{opacity: 1;box-shadow: 0px 2px 5px rgba(102,102,102,0.24);}
.email .agree{display: flex;justify-content: center;align-items: center;}
.email .agree .input{ width: 18px; height: 18px;border: 1px solid #aaaaaa;box-sizing: border-box;cursor: pointer; border-radius:3px ; -webkit-border-radius:3px ; -moz-border-radius:3px ; -ms-border-radius:3px ; -o-border-radius:3px ; }
.email .input.active{background: url('../../images/answer_03.jpg') no-repeat left top;}
.email .answer{font-size: 14px;color: #aaa;line-height: 1;margin-left: 15px;}