@charset "utf-8";
/* CSS Document */
/* 投诉建议背景*/
.nav-right>li.regi.bg6{background:#2e303f;height:63px;border-bottom:1px solid #3c49a6}
.hd.bd{border-bottom:1px solid #3c49a6}
.vps-nav-bg{background:#4251b6 url(../images/20160821img7.png) no-repeat top center;height:224px;position:relative;top:-64px}
.prelative{position:relative;top:-172px}
/*投诉建议*/
.sugg-container{padding-left:20px}
.sugg-tit{font-size:30px;line-height:38px;margin-top:10px;color:#fff;font-weight:100}
.sugg-tit i{width:3px;height:38px;display:inline-block;background:#fff;margin-right:15px;vertical-align:middle}
.sugg-container{overflow:hidden;}
.sugg-table td{line-height:42px;font-size:14px;color:#666;height:42px;padding-bottom:25px}
.sugg-table input{width:270px;border:#bbbaba 1px solid;padding-left:20px;line-height:42px;height:42px;border-radius:4px;outline:none;float:left;margin-right:20px}
.sugg-table input:focus{border:1px solid #4251b6;background:#ecf6fc}
.checkbox{width:500px;overflow:hidden;margin-left:20px}
.checkbox *{float:left}
.rg-radio{cursor:pointer}
.rg-radio-icon{background:url(../images/20160818img1.png) no-repeat 0 -13px;width:13px;height:13px;overflow:hidden;margin-right:5px;margin-top:16px}
.checked .rg-radio-icon{background-position:0 0}
.rg-radio input{display:none}
.citylistbox{width:290px;border:#bbbaba 1px solid;padding-left:20px;border-radius:4px;outline:none;float:left;margin-right:20px;padding-top:8px;padding-bottom:8px}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #aaa9a9; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #aaa9a9; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #aaa9a9; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #aaa9a9; 
} 
.rightnote{float:left;margin-left:10px;margin-top:5px;line-height:34px;font-size:12px;color:#4251b6}
.erronote{float:left;margin-left:10px;margin-top:5px;line-height:34px;font-size:12px;color:#ff0000}
.textarea{width:575px;height:90px;border:1px solid #bbbaba;border-radius:4px;resize:none;outline:none;padding:15px 26px 0 15px;float:left}
.surebtn{width:120px;height:36px;background:#0097ea;text-align:center;line-height:36px;color:#fff;display:block;font-size:16px;margin-left:192px}
.surebtn:hover{background:#1f87c2;color:#fff}
.col-left{float:left}
.col-img{border:solid 1px #bbbaba;width:135px;height:102px;position:relative;border-radius:3px;display:block;margin-right:10px;float:left}
.col-left .close-img{background:url(../images/20151114img2.gif) no-repeat;width:24px;height:24px;display:inline-block;position:absolute;right:-2px;top:-2px}
.col-img:hover{border:solid 1px #4251b6}
.col-right{float:left;font-size:14px;color:#b6b5b5;margin-left:20px;line-height:26px}
.upload-box{background:url(../images/20170419img1.png) no-repeat;width:97px;height:39px;display:block;position:relative;cursor:pointer !important}
.upload-box:hover{background:url(../images/20170419img2.png) no-repeat;width:97px;height:39px;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s}
.sugg-table input.uplod-txt{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;overflow:hidden;width:97px;height:39px;cursor:pointer !important;outline:none;display:block;position:absolute;left:0;top:0;font-size:28px}
.tijiaobtn{width:143px;height:42px;background:#ff8800;border-radius:4px;line-height:42px;color:#fff;font-size:16px;text-align:center;display:block;margin-left:100px;margin-top:15px}
.tijiaobtn:hover{color:#fff;background:#e9820c;-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s}

.apply-form{margin-bottom:30px;margin-top:30px}
.group-n1{margin-bottom:20px}
.label{width:160px; text-align:right; display:inline-block}
.group-n1 .label-width{font-size:14px;width:160px;text-align:right;margin-right:10px;line-height:32px;display:inline-block}
input[type="text"]{outline:none;color:#333}
input.input-width280{padding:0 10px;width:280px;height:32px;line-height:32px;border:1px solid #d1d2d3;border-radius:3px;background-color:#fff;color:#333}
.group-n1 input:focus{border:1px solid #0097ea}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
::-moz-placeholder{ /* Mozilla Firefox 19+ */color:#999}
.text-des{margin:4px 0 10px 174px;color:#999}
.help-inline{display:inline-block;padding-left:5px;line-height:32px}
.form-select{width:160px;padding-left:5px;height:35px;line-height:33px;font-size:12px;color:#171d25;border-radius:3px;vertical-align:middle;border:1px solid #d1d2d3;background-color:#fff;font-family: "Simsun"}
:-webkit-any(.form-select) {
    -webkit-appearance:none;
    background-position:right 49%;
    background-repeat:no-repeat;
	background-image:url(../images/20160912.png)}
select{outline:none}
.group-n1 select:focus{border:1px solid #0097ea}
/*上传*/
.upload-btn{float:left;height:90px;width:120px;position:relative;background:url(../images/placehold-img.png) no-repeat;cursor:pointer}
.upload-btn:hover{background:url(../images/placehold-img-hover.png) no-repeat}
.uplod-txt{opacity:0;filter:alpha(opacity=0);overflow:hidden;font-size:70px;width:120px;height:90px;margin-top:-5px;}
input[type="file"]::-webkit-file-upload-button{cursor:pointer}
.preview-container{margin-right:10px}
.protocol{height:210px;width:366px;overflow:auto;border:1px solid #b3b3b3;padding:10px 14px;line-height:2;margin:0 0 10px 170px;border-radius:3px}
.margin-top52{margin-top:52px}
.input-reminder a{color:#0097ea;text-decoration:underline;margin-left:10px}
.ui-check{-webkit-appearance:none;vertical-align:middle;width:16px;height:16px;background-repeat:no-repeat;background-image:url(../images/20160912img2.png);background-position:0 0px;cursor:pointer;outline:none}
.ui-check:checked{background-position:-16px 0}
.ui-check:focus{border:none !important}
.gd-tanchu td{line-height:20px;font-size:14px;color:#666;height:34px;padding-bottom:0}
.gd-tanchu input{line-height:34px;height:34px;border-radius:4px;outline:none;float:none}



@media screen and (max-width: 768px){
.sugg-container{padding-left:0}
.citylistbox{ width:150px;    margin-right:5px;padding-left: 5px;float:none;}
.textarea{width:46%; height:100px;padding: 5px;float:none;}
.sugg-table input{ width:232px;  margin-right: 0px;float:none;}
.col-right{ width:100px; margin-left:10px;}
.tijiaobtn{ margin-top:0;}





}