.content{ background:#343333; width:100%; min-width:1200px; height:100%;}
.line{  min-width:1200px;width:100%;  background:#2b8aff; height:150px; position:relative; top:40%;}
.container{ position:absolute; top:-80%; min-left:35%;left:35%; }
.left{ height:150px; width:50%; width:49%\9; color:#fff; font-size:30px;text-align:center; line-height:150px; float:left;}
.middle{ width:420px; height:400px; background:#fff; margin:auto; border:2px #2b8aff solid; float:left; }
.main{ width:350px; height:auto; margin:5%;}
.title{ height:28px; border-left:3px #2b8aff solid; line-height:28px; margin:5% 4%; padding-left:10px; font-size:18px; color:#343333;}
.box .text{ float:left; width:90px; height:60px; background:#343333; color:#fff; text-align:center; line-height:60px;}
.box input{ float:left; width:260px;width:250px\9;  height:60px; line-height:60px; border:none; background:#dfdfdf; padding-left:10px; }
.box{ clear:both; width:360px; height:60px;margin:auto; margin-top:20px;}
.box .txt{ width:120px;}
.box .code{ width:120px;height:60px; float:left; background:#dfdfdf;margin-left:20px; margin-left:10px\9;}
.box .submit{ width:100%; background:#2b8aff; color:#fff; font-size:18px; cursor:pointer;}

.right{  height:150px; width:25%;  color:#fff; text-align:left; padding-left:25%; line-height:150px; float:left;}
.right a{ color:#343333; text-decoration:underline;}
.right .zc{ color:#fff;}

.field-validation-error{ color:red; width:350px; text-align:right;}

@media all and (max-width:768px) and (min-width:320px){
.content{ background:#343333;min-width:100%;min-height:100%;max-width:100%; max-height:100%; position:relative}
.line{min-width:100%;  background:#2b8aff; height:20%; position:relative; top:0;}
.container{width:93%; min-height:100%; position:absolute; top:75%; left:3%; }
.left{ height:80px; width:100%; width:49%\9; color:#fff; font-size:30px;text-align:center; line-height:80px; position:absolute; left:0; }
.middle{ width:100%; height:100%; background:#fff; margin:auto; border:2px #2b8aff solid; clear:both; }
.main{ width:100%; height:auto; margin:5%;}
.title{ height:28px; border-left:3px #2b8aff solid; line-height:28px; margin:5% 4%; padding-left:10px; font-size:18px; color:#343333;}

.box .text{ float:left; width:80px; height:60px; background:#343333; color:#fff; text-align:center; line-height:60px;}
.box input{ float:left; width:180px;width:250px\9;  height:60px; line-height:60px; border:none; background:#dfdfdf; padding-left:10px; }
.box .submit{ width:100%; height:60px; line-height:60px; float:left; background:#2b8aff; color:#fff; font-size:18px; cursor:pointer; margin-bottom:10%}
.box{ clear:both; width:270px; height:60px;margin:auto; margin-top:10%;}
.box .txt{ width:100px;}
.box .code{ width:76px;height:60px; float:left; background:#dfdfdf;margin-left:4px; margin-left:10px\9;}
.code img{ width:100%; height:100%;}

.right{ display:none;  height:40px; width:40%;  color:#fff; text-align:left;line-height:40px;clear:both; position:fixed; top:80%; left:30%; z-index:999;}
.right a{ color:#2b8aff; text-decoration:underline;}
.right .zc{ color:#343333;}

.field-validation-error{ color:red; width:100%; text-align:right;}
}