*{margin:0;padding:0;border:none;}
body,html{height:100%;-webkit-tap-highlight-color:transparent;}
a,button,input,optgroup,select,textarea{outline:0;vertical-align:middle;resize:none;}
input:-webkit-autofill{box-shadow:0 0 0 750pt #fff inset!important;}
dd,dl,dt,li,ol,ul{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
img{width:100%;height:auto;}
a{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.cf:after,.cl{clear:both;}
.cf:after{display:block;content:"";}
/***************************************************************************************************************************/
.item{display:flex;width:100%;height:100%;}
.item-fl{box-sizing:border-box;padding:20px;width:250px;background:#2f4050;flex:0 0 auto;}
.item-fr{background:#f2f2f2;flex:1;}
.item-fl h6{padding-bottom:20px;text-align:center;}
.item-fl dt,.item-fl h6{color:#fff;font-size:1pc;}
.item-fl dt{line-height:40px;}
.item-fl input{padding:0 10px;height:40px;}
.item-fl input,.item-fl textarea{box-sizing:border-box;width:100%;border:1px solid #409eff;border-radius:5px;color:#333;font-size:1pc;}
.item-fl textarea{padding:6px 10px;height:78pt;max-width:100%;max-height:78pt;min-width:100%;min-height:78pt;line-height:30px;}
.btn1{margin:20px 0 0!important;width:100%;}
.btn2{margin:0!important;}
.btn2:nth-of-type(2){margin-left:10px!important;}
.btn:hover{background:#2f89e6;}
.btn.no{background:#666;cursor:no-drop;}
.item-fr .info{display:flex;height:100%;background:url(../images/bg_body.jpg) no-repeat fixed bottom/100% auto;flex-direction:column;flex:1;}
.info{box-sizing:border-box;padding:20px;}
.info .title{display:flex;padding:0 20px;background:#fdfdfd;justify-content:space-between;align-items:center;flex:0 0 auto;}
.info .title h4{color:#333;font-weight:400;font-size:1pc;line-height:44px;}
.info .send{display:flex;border:1px solid #ccc;background:#fff;flex:1;flex-direction:column;}
.info textarea{box-sizing:border-box;padding:20px;width:100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#eee;font-size:1pc;line-height:1.5;flex:1;}
.info .operate{padding:10px 20px;flex:0 0 auto;}
.info .msg{display:flex;margin-top:20px;justify-content:space-between;flex:2;}
.info .msg>div{display:flex;border:1px solid #ccc;background:#fff;flex:1;flex-direction:column;}
.info .msg>div:nth-of-type(1){margin-right:20px;}
.info .msg .box{overflow-y:auto;padding:1pc 20px;border:none;border-top:1px solid #ccc;background:#f5f5f5;line-height:1.5;flex:1;}
.info .msg .box::-webkit-scrollbar{width:6px;}
.info .msg .box::-webkit-scrollbar-thumb{border-radius:6px;background:#bbb;}
.el-form-item{margin:0;}
.el-form-item__content{width:130px;}