@charset "utf-8";

.main{padding-top:38px;width:100%}

.bomb_mask{width:100%;height:100%;background-color:#000000;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:999;display: none;}
.bomb_mask_show{width:100%;height:100%;background-color:#000000;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:999;}

.bomb{width:1000px;background:#fff;position:absolute;top:50%;left:50%;margin-top:-100px;margin-left: -500px;}
.bomb_top{width:1000px;height:60px;line-height:60px;background:#FFD249}
.bomb_top h2{font-size:24px;color:#333;text-indent:49px}

.bomb_quiz{margin: 0 auto;padding:24px 0;width:915px}
.bomb_quiz p{float:left;margin:5px 38px 0 0;font-size:18px;color:#333333;position:relative}
.bomb_quiz p .tel_txt{display:inline-block;width:198px;height:28px;line-height:28px\9;border:1px solid #CCCCCC;text-indent:8px;behavior: url(../css/ie-css3.htc);border-radius: 5px 5px;color: #666}
.bomb_quiz p .code_txt{display:inline-block;width: 247px;height:28px;line-height:28px\9;border:1px solid #CCCCCC;text-indent:8px;behavior: url(../css/ie-css3.htc);border-radius: 5px 5px;color: #666}
.bomb_quiz p .code_btn{width: 120px;height: 32px;line-height: 32px;background:#9A7A61;font-size:14px;color:#fff;border-radius: 0 5px 5px 0;position:absolute;top:0;right: 0;cursor:pointer;}
.bomb_quiz .tj_btn{width:180px;height:40px;background:#C1382E;font-size:18px;color:#fff;cursor:pointer}
.bomb_close{width:18px;height:18px;position:absolute;top:22px;right:33px;cursor:pointer}
.bomb_back{width:18px;height:18px;position:absolute;top:22px;right:33px;cursor:pointer}

.state_top{padding-left:48px;width:952px} 
.state_top h2{background:url(/images/mjwq/tick_icon.png) no-repeat center left}
.bomb_state{padding:24px 48px}
.bomb_state p{line-height:30px;font-size:16px;color:#333}

.success{padding-left:49px;width:271px;height:60px;line-height:60px;background:#FFD249;margin-top: -108px;margin-left: -162px;}
.success h2{font-size:24px;color:#333;text-indent:49px;background:url(/images/mjwq/tick_icon.png) no-repeat center left}
/*.success .bomb_close{top: 5px;right: 25px}*/
.success .bomb_back{top: 5px;right: 25px}

/* 维权报道 */
.reports{padding: 24px 24px 22px;width:644px;background:#fff;}
.layout_top{width:100%;height:63px;background:url(/images/mjwq/splitline.png) no-repeat left bottom;position:relative}
.layout_top .more{font-size: 16px;color:#313131;text-decoration:none;font-family:"黑体";position:absolute;top: 12px;right:0}
.reports_con{padding-top:7px}
.reports_con li{line-height: 38px;font-size:20px;color:#333;text-indent:30px;letter-spacing:1px;background:url(/images/mjwq/spot.png) no-repeat 5px center;}
.reports_con li a{font-size:20px;color:#333;text-decoration:none}
.reports_con li a:hover{font-size:20px;color:#AF4E19;text-decoration:none}

/* 维权知识 */
.knowledge{padding: 24px 24px 24px;width:436px;background:#fff;}
.knowledge_con{padding-top:24px}
.knowledge_con dl{margin-bottom: 4px;height:78px;}

/* 征集名单 */
.namelist{margin-top:40px;padding: 24px 24px 30px;width:1152px;background:#fff;}
.namelist_con{padding-top:29px}
.namelist_item{margin-bottom:24px;width:325px;height:182px;padding: 25px 23px 0;background:#fff;border:1px solid #BEBEBE;border-bottom:none;position:relative;}
.shadow{width:325px;height:182px;box-shadow:0 0 15px #bbbbbb;-moz-box-shadow: 0 0 15px #bbbbbb;-webkit-box-shadow: 0 0 15px #bbbbbb;behavior: url(../css/ie-css3.htc)}
.namelist_cur{margin: 0 16px;}
.namelist_item a{color:#222;text-decoration:none} 
.namelist_item dl dt{font-size:25px;font-weight:bold}
.namelist_item dl dd{padding:15px 0 10px;font-size:16px;color:#212121;border-bottom:1px solid #BBBBBB}
.namelist_item dl dd i{float:right;color:#6E6E6E;font-style:normal}
.namelist_item p{padding-top:9px;line-height: 20px;font-size:14px;color:#666}
.namelist_item span{display:block;width: 371px;height:44px;line-height:44px;text-align:center;background:#997A5E;text-decoration:none;font-size:16px;color:#fff;position:absolute;left:0;bottom:0}
.namelist_item span.tz{background:#999999}
.namelist .showall{margin:22px auto 0;width:97px;height:19px;cursor: pointer;}

/* 常见问答 */
.answers{margin-top:40px;padding: 24px 0 30px;width:1200px;background:#fff;}
.answers_top{padding: 0 24px;background:none}
.answers_con{padding: 30px 24px 0;}
.answers_con .question_box textarea{width: 100%;height: 115px;padding: 15px 20px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 2px;background-color: #f8f8f8;font-size: 16px;resize: none;color:#666;font-family:Microsoft YaHei}
.answers_con .question_box a{float:right;margin-top:24px;width:140px;height:36px;line-height: 36px;background:#997A5E;color:#fff;font-weight:bold;font-size:18px;text-decoration:none;text-align:center}

/* 最新提问 */
.new_answers,.common_answers{margin-top:58px}
.new_answers h2,.common_answers h2{text-align:center}
.new_answers_con{padding-top:33px}
.new_answers_con dl{padding:8px 24px 8px;width:1152px;border-bottom:1px solid #CCCCCC}
.new_answers_con dl.last{border-bottom:none}
.new_answers_con dl dd{line-height:38px;color:#272727;font-size:17px}
.new_answers_con dl dd.hf{line-height:38px;color:#272727;font-size:14px;text-indent:90px}
.new_answers_con dl dd span{float:right;line-height:38px;color:#828282;font-size:14px}
.new_answers_con dl dd i{margin:0 5px;font-style:normal;color:#b04e18}

/* 常见问题 */
.common_answers_con{padding: 0 24px;}
.common_answers_con dl{padding: 8px 0 15px;width:1152px;border-bottom:1px solid #CCCCCC;}
.common_answers_con dl.last{border-bottom:none}
.common_answers_con dl dt{line-height:38px;color:#272727;font-size:18px;text-indent:33px;background:url(/images/mjwq/ask_icon.png) no-repeat left center}
.common_answers_con dl dd{line-height:28px;font-size:14px;color:#777676;text-indent:  32px;}

.common_answers_con .seemore,.new_answers_con .seemore{padding-top:20px;text-align:center}
.common_answers_con .seemore a,.new_answers_con .seemore a{font-size:18px;color:#AD613D;font-family:"黑体";text-decoration:none}

/* 快速维权 */
.rights{margin:40px 0;padding: 24px 24px 52px;width: 1152px;background:#fff;}
.rights_con{margin: 0 auto;padding-top:76px;width: 875px;}
.rights_left .circle{padding-top:33px;width:223px;height:190px;behavior: url(../css/ie-css3.htc);border-radius: 111px 111px;text-align:center;background:#EFEFEF}
.rights_left .circle strong{font-size:90px;color:#D7B6AF}
.rights_left .circle p{font-size:22px;color:#333333;font-weight:bold;margin-top: -10px;}
.rights_left .circle span{display:bold;font-size:16px;color:#616161}
.rights_left .two{margin-top:125px;padding-top:22px}

.rights_right{width:492px;}
.rights_right .enroll li{height: 72px;position:relative}
.rights_right .enroll li label{float:left;width:90px;line-height:38px;font-size:18px;color:#333;text-align:right}
.rights_right .enroll li input{float:right;width:378px;height:38px;line-height:38px;font-size:14px;color:#999;border:1px solid #CCC;text-indent:13px}
.rights_right .enroll li p{position:absolute;top: 48px;left: 126px;z-index:999;font-size: 12px;}

/* .rights_right .example{float:right;position:relative;}
.rights_right .example_box{margin-top: 38px;width:378px;height: 246px;border:1px solid #CCC;background: url(/images/mjwq/example_pic.png) no-repeat center 48px;position:relative;}
.rights_right .example .toview{display:block;font-size: 15px;color:#666666;text-decoration:underline;text-align:center;position:absolute;top: 200px;left: 147px;}
.rights_right .example .dzd{width:100%;line-height:44px;font-size:16px;color:#666;text-align:right}
.rights_right .example .dzd a{font-size:16px;color:#666;text-decoration:none}
.rights_right .example .file{position: absolute !important;clip: rect(1px,1px,1px,1px)}
.rights_right .tjbm{float:right;margin-top:5px;width:380px;height:48px;line-height:48px;font-size:23px;color:#fff;text-align:center;background:#997B61;cursor:pointer;}
.rights_right .tjbm_sub{float:right;margin-top:5px;width:380px;height:48px;line-height:48px;font-size:23px;color:#fff;text-align:center;background:#997B61;cursor:pointer;display: none;}

.preview{width:363px;height: 170px;position:absolute;top: 55px;left: 17px;z-index:999;overflow: hidden;}
.preview ol{float:left}
.preview ol li{float: left;width:75px;height:75px;box-shadow:0 0 3px #666;margin-right: 15px;margin-bottom: 15px;}
.preview ol li img{width:100%;height:100%}

.rights_right .example .file{position: absolute !important;clip: rect(1px,1px,1px,1px)} */


.rights_right .example{margin:0 auto;position:relative;float: right;}
.rights_right .example_box{margin-top: 38px;padding:1em;width: 352px;border:1px solid #CCC;position:relative;}
.rights_right .example .input_click{background: url(/images/mjwq/add_img.png) no-repeat scroll center 5px transparent;border: 1px dashed #e6e6e6;color: #ccc;font-size: 18px;padding-top: 80px;padding-bottom: 6px;position: relative;text-align: center;top: 0;}
.rights_right .example .input_click .xztp {
    background: none repeat scroll 0 0 #FED201;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    width: 88%;
    min-width: 120px;
    margin: 0 auto;
    overflow: hidden;
    transition: background .2s;
    -moz-transition: background .2s;
    -webkit-transition: background .2s;
    -o-transition: background .2s;
}
.rights_right .example .tjbm {
    float: right;
    margin-top: 5px;
    width: 380px;
    height: 48px;
    line-height: 48px;
    font-size: 23px;
    color: #fff;
    text-align: center;
    background: #997B61;
    cursor: pointer;
}
.rights_right .example .tjbm_sub {
    float: right;
    margin-top: 5px;
    width: 380px;
    height: 48px;
    line-height: 48px;
    font-size: 23px;
    color: #fff;
    text-align: center;
    background: #997B61;
    cursor: pointer;
    display: none;
}

.rights_right .gallery .img {
	width: 100px;
	height: 97px;
	/* margin: 14px 0px 14px 0; */
}

.rights_right .gallery .img-item {
	position: relative;
	margin: 14px 0 0 14px;
}
 
.rights_right .gallery .img-item .delete {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	line-height: 17px;
	text-align: center;
	border-radius: 50%;
	top: 4px;
	right: 3px;
	cursor: pointer;
}
.rights_right .example .dzd{width:100%;line-height:44px;font-size:16px;color:#666;text-align:right}
.rights_right .example .dzd a{font-size:16px;color:#666;text-decoration:none}
.rights_right .example .file{position: absolute !important;clip: rect(1px,1px,1px,1px)}

/**
 * Custom
 */

p.caption {
    color: #ccc;
    font-size: 16px;
}

.button {
    margin: 20px auto;
    display: inline-block;
    padding: 16px 40px;
    background: #70b3eb;
    text-decoration: none;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 0px -1px 1px rgba(26, 62, 103, 0.42);
    box-shadow: inset 0 0 0 1px #70b3eb, inset 0 1px 0 1px rgba(255,255,255,0.5);
    border-radius: 5px;
    -webkit-transition: 0.2s ease -webkit-transform;
    -moz-transition: 0.2s ease -moz-transform;
    transition: 0.2s ease transform;
}

.button:hover {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
}

.shares {
    position: relative;
}

.shares input {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
    height: 60px;
    font-size: 24px;
    padding: 0 12px;
    border: 0;
}

.shares input:focus {
    outline: 0;
}

.icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  background-image: url('../img/icon.png');
  background-color: #ffffff;
}

/**
 * Simplecomplete
 */

.autocompleter {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
}

.autocompleter,
.autocompleter-hint {
    position: absolute;
}

.autocompleter-list {
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item-selected {
    background: #cccccc;
}

.autocompleter-item {
    padding: 6px 12px;
    color: #444444;
    font-size: 20px;
    cursor: pointer;
}


.autocompleter-item:hover {
    /*background: #dbed8a;*/
    background: #fed20e;
}

.autocompleter-item strong {
    background: #f9de8f;
    text-shadow: 0 1px 0 #ffffff;
}

.autocompleter-item span {
    color: #bbbbbb;
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    font-size: 24px;
    display: none;
}

.autocompleter-hint span {
    color: transparent;
}

.autocompleter-hint-show {
    /*display: block;*/
    display: none;
}

.autocompleter-closed {
    display: none;
}