body, img,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; }
/*h1, h2, h3, h4, h5, h6 { font-size: 14px; }*/
a { color: #333333; text-decoration: none; outline: none; }
a:hover { color: #ff7200; }
ol, ul, li { list-style: none; }
/*img { vertical-align: top; }*/
fieldset, img { border: 0; }
input { margin: 0; padding: 0; border: 0; }
body, button, input, select, textarea { font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5b8b\4f53", Arial, Helvetica, sans-serif; }

/*去除苹果手机默认样式*/
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}

.box{  width: 866px; margin: 20px auto; box-shadow: 0 0 8px rgba(119, 119, 119, .5); overflow: hidden; background-color: #ffffff;}
.box .title{width: 100%; background-color: #188ece;color: #ffffff;font-size: 20px;text-align: center;line-height: 50px;}
.box .content{width: 100%;}
.box .content .msgForm{width: 100%;}
.box .content .msgForm .formBody{width:60%; height:100%;}
.box .content .msgForm .formBody .subBox{padding: 11px;}
.box .content .msgForm .formBody .subLi{padding: 8px;}
/*.subLi3{margin-top: 5px;}*/
.box .content .msgForm .formBody .block{display: block;}
.box .content .msgForm .formBody .input{padding: 5px 0; width: 238px; height: 28px;  border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
.box .content .msgForm .formBody .inputTextarea{width: 420px; height: 140px; padding: 5px; border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
.box .content .msgForm .formBody .nessary{color: #DF4636;}
.box .content .msgForm .formBody .block_hr{display:block; padding: 2px; font-size: 12px; color: #777777; border-top: 1px dashed #777777;}
.box .content .msgForm .formBody .text{display: inline-block; margin: 0 5px 5px 0;}
.box .content .msgForm .formSubmit{width: 100%; line-height: 30px; clear: both; display: inline-block;text-align: center;}
.box .content .msgForm .formSubmit .submit{width: 50%; height: 35px; background-color: #188ece;  color: #ffffff; font-size: 14px; border-radius: 2px; cursor:pointer;border: none}
.error {color: red;}
.checkedN { border: 1px solid #1ece6d; }
.bgColor{background-color: #FEF6DE;}
.box .content .msgForm .formBody .input .errorC { border: 1px solid #D9534F; }
/*提示框的样式*/
.box_mt{display: none;position: absolute;z-index: 999;background-color: #666666;width: 100%;height: 100%;}
.box1_mt{width: 40%;position: fixed;left: 30%; top: 25%;border: 1px solid #000000;text-align: center;padding: 5px;
    border: 1px solid #777777;box-shadow: 0 0 5px rgba(119, 119, 119, .5);border-radius: 2px;background-color: #ffffff;}
#uploadBtn{
    background-color: #25A9FF;
    color: #ffffff;
}
#upimg{
    position: relative;
    top:-50px;
    clear: both;
}
.imghere{
    height: 60px;
}
#imgList{
    width: 100%;
    position: relative;
    top:-30px;
}
.idecode{
    margin-top:-7px;
}
.imgbox{
    display: inline-block;
    width: 30%;
    margin-right: 3px;
}
.text-error{
    font-size: 12px;
}
.maintaince {
    font-size: 14px;
    height: 50px;
    width: 50px;
    border:1px solid #25A9FF;
    border-radius:25px;  
    background:#25A9FF;
    text-align: center;
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);   
    display: table;
    position: fixed;
    z-index: 99;
    /* bottom: 20px; */
    right: 20px;
    top:60px;
}
.maintaince div{
    display:table-cell ;
    vertical-align: middle;
}
.maintaince a{
    color: #fff;
 
}
.tosuggest2{
    font-size: 14px;
    color: #188ece;
}
.maintaince2{
    position: relative;
    top:20px;
    left:25px;
    text-decoration: underline;
    
}
.imgtip{
    float: left;
    position: relative;
    font-size: 12px;
    color:#b94a48;
    top: -32px; 
    left: 80px;
}
label{
    font-size: 14px!important;
}
.back-to-index{
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    vertical-align:middle;
}
#back:active{
    border: none;
}
.back-to-index .back{
    border:none;
    width: 50%; 
    height: 35px;
    background-color: #188ece;  
    font-size: 14px; 
    border-radius: 2px; 
    cursor:pointer;
    margin-bottom: 9px;
    margin: 0 auto;
}
.back-to-index .back a {
    display: inline-block;
    color: #ffffff; 
    line-height: 35px;
    width: 100%;
}
.weixinQR{
    width: 50%;
    display: inline-block;
    border: none;
    text-align: center;
    vertical-align: middle;
}
.homepageQR{
    width: 50%;
    display: inline-block;
    border: none;
    text-align: center;
    vertical-align: middle;
}
.QRimg{
    width: 50%;
    margin: 0 auto;
}
.QRinfo{
    display: inline-block;
    width: 80%;

}
@media (max-width: 990px){
    .box{width: 90%;}
    .box .content .msgForm .formBody .input{padding: 5px 0; width: 40%; height: 28px;  border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
    .box .content .msgForm .formBody .inputTextarea{width: 60%; height: 100px; padding: 5px; border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
}

@media (max-width: 767px){
    body{margin: 0 !important; padding: 0 !important;}
    .box{  width: 100%; margin: 0; box-shadow: none; overflow: hidden; background-color: #ffffff;}
    .box .title{width: 100%; background-color: #188ece;color: #ffffff;font-size: 15px;text-align: center;line-height: 40px;}
    .box .content .msgForm .formBody{width:100%; height:100%;}
    .box .content .msgForm .formBody .input{padding: 5px 0; width: 50%; height: 28px;  border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
    .box .content .msgForm .formBody .inputTextarea{width: 90%; height: 80px; padding: 5px; border: 1px solid #dddddd; text-indent: 0.5em; border-radius: 2px; outline: none;}
    .box .content .msgForm .formBody .subBox{padding: 8px 0;}
    .box .content .msgForm .formBody .subLi{padding: 1px 0;}
    .box .content .msgForm .formBody .subLi3{margin-top: 5px;}
    .box .content .msgForm .formBody .text{display: inline-block; margin: 0 3px 3px 0;}
    .box .content .msgForm .formSubmit .submit{width: 49%; height: 35px; background-color: #25A9FF;  color: #ffffff; font-size: 14px; border-radius: 2px; cursor:pointer;}
    .back-to-index{
        border: 0;
        margin: 0;
        padding: 0;
        display: inline-block;
        width: 50%;
        text-align: center;
        box-sizing: border-box;
    }
    .back-to-index .back{width: 50%; height: 35px; background-color: #188ece;  color: #ffffff; font-size: 14px; border-radius: 2px; cursor:pointer;margin-bottom: 9px}
}