input{outline: hidden;}
button{border: none;}

.m-left{float: left;width: 24.6%;border: 1px solid #ddd;background: url(../image/leftxma-bg.png) no-repeat;}
.m-left h1{width: 100%;height: 428px; background:  url(../image/leftxma.png) no-repeat center;}


.m-right{float: right;width: 73.7%;height: 428px;border: 1px solid #ddd;background: url(../image/feeBg.png) no-repeat;padding: 0 20px;}
.m-right h2{color: #188eee; font-size: 24px; margin: 80px 0 50px 0; text-align: center;}
.m-right form{margin: 20px 20%;}
.m-right .tex{width: 100%;background: #fff;border: 1px solid #ccc;border-radius: 5px;height: 36px;line-height: 34px;}
.m-right .tex span{display: inline-block;width: 12%;border-right: 1px solid #ccc;text-align:center;font-weight: normal;}
.m-right .tex i{font-size: 18px;color: #999;top: 3px;}
.m-right .tex input{width: 88%; padding: 0 10px;  height: 33px; font-weight: normal;}
.m-right .yzm {display:flex;margin-top:15px;}
.m-right .yzm input{flex:1;}
.m-right .but{text-align: center;margin-top: 50px;width: 100%;}
.m-right .but button{width: 25%;height: 38px;line-height: 38px;border-radius: 5px;}
.m-right .but i{top: 2px;margin-right: 5px;}
.m-right .sub{color: #fff; background-color: #5cb85c; border-color: #4cae4c;margin-right: 10px;}
.m-right .res{color: #fff; background-color: #337ab7; border-color: #2e6da4;margin-left: 10px;}

@media (max-width: 414px){
    .is-main{padding: 0 15px;}
    .m-left{display: none;}
    .m-right{width: 100%;}
    .m-right form{margin: 20px 0;}
}









