body{
    width:100%; height:100%; min-height:100%; min-width:100%; max-height:100%; max-width:100% !important; overflow:hidden !important;
    background: #1c0a66;
    /*background: -moz-linear-gradient(-45deg, #8d07c8 0, #260f77 50%, #030b3a 100%);
    background: -webkit-linear-gradient(-45deg, #8d07c8, #260f77 50%, #030b3a);
    background: -webkit-linear-gradient(315deg, #8d07c8, #260f77 50%, #030b3a);
    background: -moz-linear-gradient(315deg, #8d07c8 0, #260f77 50%, #030b3a 100%);
    background: -o-linear-gradient(315deg, #8d07c8 0, #260f77 50%, #030b3a 100%);
    background: linear-gradient(135deg, #8d07c8, #260f77 50%, #030b3a);*/
}
.mt20{ margin-top:20px;}
.center_warp{ width:800px; height:100%; margin:auto; padding-top:10%;}
.center_in{}
.center_in_left{ width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
.center_in_left_img{ position:relative;}
.center_in_left_img img{ position:absolute; top:155px; right:56px;}
.center_in_right{ width:50%; height:552px; float:right; background:#363636; padding:50px 0 30px 0;}
.center_in_right .btn-group .active .fa {display: block;}
.center_in_right .btn-group .fa {display: none;float: left;margin-right: 6px;width: 14px;}
.center_in_right .btn-group{ width:100%;}
.center_in_right .btn-group .btn-info{width:40%;}
.center_in_right .btn-group .btn-success{width:60%;}
.center_in_right .btn-group .btn-lg {font-size: 16px;line-height: 1.33;padding: 8px 15px;}
.right_conp{ font-size:12px; color:#b7bcc2; text-align:center; margin-top:50px}
.right_form .form-group{ margin-bottom:0px; height:50px;}
.right_form .form-group .formInput{ height:50px;}
.right_logo img{ display:block; margin:auto;}
.right_taggle{ width:100%; margin-top:50px;}
.pad_30{ padding:0 30px;}
.right_selet{ width:100%; margin-bottom:30px; margin-top:15px;}
.no_padding{ padding-left:0px; padding-right:0px;}
.icon_span{ position:absolute; top:15px; display:block; width:20px; height:20px;}
.formInput{ padding-left:28px; margin:0px; padding-bottom:0px; font-size:14px; line-height:50px;}
.btn-opctic{ width:50%; background:#363636; border:#067bff 1px solid; border-radius:0px; color:#b7bcc2;-webkit-box-shadow:none;box-shadow:none; }
.btn-opctic:hover, .btn-opctic:focus, .btn-opctic:active, .btn-opctic.active, .open>.dropdown-toggle.btn-opctic{ background:#067bff; color:#fff;-webkit-box-shadow:none;box-shadow:none;}
.right_code{ position:absolute; right:0px; top:10px;}
.bootstrap-select>.dropdown-toggle{ background:#363636; border:#4c4c4c 2px solid; color:#a3a3a3;}
.bootstrap-select.btn-group .dropdown-menu{ background:#a3a3a3; color:#a3a3a3;}
.dropdown-menu>li>a{color:#363636; border:none !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background:#a3a3a3; color:#363636; border:none !important;}
#submit{ padding:0px;}

/* 大于320像素 */
@media only screen and (min-width:320px){
    .center_warp{ width:100%; height:100%; margin:auto; padding-top:10%;}
    .center_in_left{ display:none; width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
    .center_in_right{ width:90%; margin:auto; height:425px; float:none; background:#363636; padding:15px 0 15px 0;}
    #materialForm {margin-top: 15px}
}
/* 大于768像素 */
@media (min-width:768px){
    .center_warp{ width:100%; height:100%; margin:auto; padding-top:10%;}
    .center_in_left{ display:block; width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
    .center_in_right{ width:50%; height:552px; float:right; background:#363636; padding:50px 0 30px 0;}
    #materialForm {margin-top: 80px}

}
/* 大于960像素 */
@media (min-width:992px){
    .center_warp{ width:800px; height:100%; margin:auto; padding-top:3%;}
    .center_in_left{ display:block; width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
    .center_in_right{ width:50%; height:552px; float:right; background:#363636; padding:50px 0 30px 0;}
    #materialForm {margin-top: 80px}
}
/* 大于960像素 */
@media (min-width:1200px){
    .center_warp{ width:800px; height:100%; margin:auto; padding-top:2%;}
    .center_in_left{ display:block; width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
    .center_in_right{ width:50%; height:552px; float:right; background:#363636; padding:50px 0 30px 0;}
    #materialForm {margin-top: 80px}
}
/* 大于1200像素 */
@media (min-width:1368px){
    .center_warp{ width:800px; height:100%; margin:auto; padding-top:10%;}
    .center_in_left{ display:block; width:50%; height:552px; float:left; background-color:rgba(7,123,255,0.5);}
    .center_in_right{ width:50%; height:552px; float:right; background:#363636; padding:50px 0 30px 0;}
    #materialForm {margin-top: 80px}
}
.pad_30 {
    padding: 0 30px;
}
.right_selet select{background-color:#FFF;}