ccb.style

30257 ワード

/* CSS Document */
@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}
textarea:-moz-placeholder {
   word-warp:break-word;word-break:nomal;
}
ul, ol {
	list-style:none;
	margin:0px;
	padding:0px;
}
body {
	font-size:100%;
	font-family:"    ","  ",Tahoma;
	background:url(../images/body_bg.jpg);
	letter-spacing:1px;
}
/*           */
a{
	outline:none;
	text-decoration:none;
	-webkit-tap-highlight-color:rgba(255,0,0,0);
	blr:expression(this.onFocus=this.blur());
}
a:focus{outline:0;}

a:link,a:visited {
	text-decoration:none;
}
a img {
	border:none;
}
img {
	width:100%;
}
/*      */
.clear {
	clear:both;
}
.line {
	margin:5px 0 10px;
	border-top:1px solid #cccbcb;
}

/*    */
#container, .fabiao {
	width:95%;
	margin:10px auto;
}
/*     */
.banner {
	width:100%;
}
/*      */
.banner_title {
	position:relative;
	border-bottom:1px solid #dadada;
	padding-bottom:6px;
	margin-bottom:15px;
}
.banner_title p {
	float:left;
	color:#767676;
	font-size:0.875em;
	margin-top:4px;
}
.banner_title p span {
	color:#0089e9;
	font-size:1.285em;
}
.banner_title p span a:link, .banner_title p span a:visited {
	color:#0089e9;
}
/*      */
.banner_title p.pro_comment {
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:1em;
	padding:0 0 0 25px;
	margin-bottom:5px;
	background:url(../images/pro_icon1.png) no-repeat left bottom;
}

/*    */
.pro_content {
	float:left;
	width:48%;
	padding-bottom:2px;
	margin:0 4% 4% 0;
	border-bottom:1px solid #dadada;
}
.pro_content.right {
	margin-right:0px;
}
.pro_content a:hover,  .pro_content a:active {
	-webkit-filter:brightness(.8);
    -moz-filter: brightness(.8);
    -ms-filter: brightness(.8);
    -o-filter: brightness(.8);
    filter: brightness(.8);
}
.pro_content p span {
	font-size:0.875em;
	line-height:25px;
}
.pro_content p span a:link,.pro_content p span a:visited{
	color:#0089e9;
}
.pro_content p span.pro_comment1 {
	float:right;
	color:#767676;
	padding:0 0 0 20px;
	background:url(../images/pro_icon1.png) no-repeat left center;
	background-size:17px 16px;
}

/*    */
.page {
	text-align:center;
	margin:5px 0 12px;
}
.page a:link,.page a:visited {
	color:#0089e9;
	font-size:0.75em;
	margin:0 5px;
}


/*      */
.footer {
	text-align:center;
	font-size:0.875em;
	color:#767676;
	margin-bottom:15px;
}

/*      */
.pro_intro {
	color:#767676;
}
.pro_intro h4 {
	font-weight:normal;
}
.pro_intro p {
	font-size:0.875em;
	line-height:22px;
	margin-bottom:15px;
}
/*      */
.pro_suggest a {
	display:block;
	float:left;
	width:49%;
	height:39px;
	line-height:39px;
	margin:0 2% 20px 0;
	text-align:center;
	background:url(../images/bg_icon1.jpg) repeat-x;
}
.pro_suggest a.right {
	margin-right:0px;
}
.pro_suggest a:link,.pro_suggest a:visited {
	color:#fff;
}
.pro_suggest a:hover,.pro_suggest a:active {
	color:#8fd0fc;
	background:url(../images/bg_icon2.jpg) repeat-x;
}
/*      */
.suggest_but span {
	display:inline-block;
	float:left;
	width:60%;
	text-align:left;
}
.suggest_but span.icon {
	width:35%;
	height:39px;
	margin-right:5%;
	background:url(../images/sug_icon3.png) no-repeat right 8px;
}
.suggest_but:hover span.icon {
	background:url(../images/sug_icon3.png) no-repeat right -40px;
}

/*      /    */
.starlevel,.phone {
	width:100%;
	height:40px;
	line-height:40px;
	background:#fff;
	padding-left:8px;
	border:1px solid #cccbcb;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:10px;
}
.starlevel span {
	font-size:1em;
	color:#0089e9;
}
/*    /    /    /    /    /    /       */
.suggest_text,.wenben, .fabiao_text, .sur_con,.huodong,
.cj_jiangpin, .con_dianhua,.wang_web,.addr_con,
.tucao_agreement,.tucao_agreement-tip,.huifu_textarea {
	padding:5px;
	font-family:"    ";
	font-size:1em;
	color:#767676;
	border:1px solid #cccbcb;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background:#fff;
}
.tucao_agreement,.tucao_agreement-tip{z-index:40;display:none;}
.suggest_text .sug_textarea, .fabiao_text .fabiao_textarea {
	width:100%;
	height:120px;
	color:#767676;
	font-family:"    ";
	font-size:1em;
	letter-spacing:1px;
	border:none;
}
textarea.sug_textarea{word-warp:break-word;word-break:nomal;}
#sug_textarea {
	color:#999;
}
/*    */
.sug_number {
	float:right;
	color:#767676;
	margin:5px auto 10px;
}
/*    */ 
.phone {
	padding:0 8px;
	margin-bottom:10px;
}
.phone img {
	float:left;
	width:18px;
	margin:5px 6px 0 0;
}
.phone .phone_text {
	width:100%;
	height:100%;
	color:#0089e9;
	font-family:"    ";
	font-size:1em;
	letter-spacing:1px;
	border:none;
	padding-left:26px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff url(../images/phone_icon1.png) no-repeat 0 6px;
	background-size:18px 27px;
}
.phone .phone_text:-moz-placeholder { color: #0089e9; }
.phone .phone_text::-webkit-input-placeholder { color:#0089e9; }
/*      */
.fasong, .tijiao {
	width:100px;
	margin:5px auto 10px;
}
.fasong input, .tijiao input {
	width:100px;
	height:40px;
	border:none;
	background:url(../images/fasong.png) no-repeat 0 0;
}
.fasong input:hover, .tijiao input:hover {
	background:url(../images/fasong.png) no-repeat -105px 0;
}

/*      */
.tucao_top {
	position:relative;
	margin-bottom:2px;
}
div.tucao_top1{
	position:relative;
	margin-bottom:10px;
}
.xiaoxi_button {
	position:absolute;
	right:2%;
	bottom:3px;
	width:92px;
	height:34px;
	background:url(../images/xiaoxi_button.png) no-repeat 0 0;
}
.xiaoxi_button:hover {
	background:url(../images/xiaoxi_button.png) no-repeat -98px 0;
}
/*      */
.guendong {
	height:40px;
	overflow:hidden;	
}
.guendong li{
	color:#F00;
	line-height:40px;
	padding-left:30px;
	background:#fff url(../images/xiaoxi_icon1.png) no-repeat 5px center;
}
.guendong li a:link,.guendong li a:visited  {
	color:#F00;
}
.zhongjiang{
	height:92px;
}
.zhongjiang li {
	height:30px;
	line-height:30px;
}
.zhongjiang li a{
	display:inline-black;
	height:30px;
}
/*      */
.tucao_type {
	margin-bottom:10px;
	width:100%;
}
/*    */
.tucao_type.theme {
	width:100%;
}
/*        */
.footer_line{
	border-bottom:1px solid #cccbcb;
	line-height:40px;
	}
.suggest-botmeu {
	padding-top:5px;
	margin-top:5px;
}
.suggest-botmeu img {
	width:24px;
}
.yuangong a:link, .yuangong a:visited {
	display:inline-block;
	width:100px;
	height:35px;
	line-height:35px;
	color:#0089e9;
}
.yuangong a:hover, .yuangong a:active {
	color:#0061a5;
}

/*       /      */
.forum_title, .contact_title {
	width:100%;
	height:42px;
	background:url(../images/forum_title_bg.png) repeat-x;
}
.forum_title p {
	float:left;
	line-height:42px;
	padding-left:2%;
	font-size:0.875em;
	color:#fff;
}
.forum_title.pub p {
	font-size:1.125em;
}
.forum_pl {
	float:right;
	display:block;
	width:126px;
	height:42px;
	background:url(../images/forum_icon1.png) no-repeat 0 0;
}
.forum_pl:hover, .forum_pl:active {
	background:url(../images/forum_icon1.png) no-repeat 0 -47px;
}
/*     */
.xuanxiang {
	width:100%;
	height:39px;
	margin-top:-10px;
	background:url(../images/xuangxiang_bg.png) repeat-x;
}
/*TAP   */
.tap_tap ul,.tap_k ul{
	list-style-type:none;
}
.tap_tap li{
	float:left;
	width:33.3333333333333333333%;
	font-size:16px;
	color:#0089e9;
	background:none;
	letter-spacing:1px;
	line-height:36px;
	text-align:center;
	cursor:pointer;
	margin-top:2px;
	box-sizing:border-box;
	border-top:1px solid #ffffff;
	border-right:1px solid rgba(255,255,255,0.8);
	-webkit-box-shadow:0 -1px 0px rgba(162,162,162,0.5) ,-1px 0px 0px rgba(162,162,162,0.8) ; 
	-moz-box-shadow:0 -1px 0px rgba(162,162,162,0.5) ,-1px 0px 0px rgba(162,162,162,0.8) ; 
	box-shadow:0 -1px 0px rgba(162,162,162,0.5) ,-1px 0px 0px rgba(162,162,162,0.8) ;
}
.tap_k ul li{
	float:left;
	margin-bottom:20px;
	line-height:21px;
}
.tap_k{
	display:none;
	margin:20px auto;
}
/*jquery        */
.tap_tap .tap_l1{
	background:url(../images/bg_icon1.jpg) repeat-x;
	color:#fff;
	border-top:1px #00caff solid;
	-webkit-box-shadow:1px 0 0 #f6f6f6,-1px 0 0 #f6f6f6;
	-moz-box-shadow:1px 0 0 #f6f6f6,-1px 0 0 #f6f6f6;
	box-shadow:1px 0 0 #f6f6f6,-1px 0 0 #f6f6f6;
}
/*jquery    div  */
.hidd{
	display:block;
}
/*       */
.forum_con {
	margin-bottom:10px;
}
.con_icon {
	float:left;
	width:28%;
	padding-left:22px;
	line-height:24px;
	color:#0089e9;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/icon1.png) no-repeat;
}
.bbs_pic {
	float:left;
	width:65px;
}
.con_content {
	float:right;
	width:75%;
	padding:8px 15px;
	color:#767676;
	font-size:0.875em;
	line-height:22px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#fff;
	border:1px solid #cccbcb;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.con_content h3 {
	margin-bottom:5px;
	padding-bottom:8px;
	border-bottom:1px solid #dadada;
}
.con_content h3 a:link,.con_content h3 a:visited {
	color:#0082dd;
	font-weight:normal;
}
.con_content h3 a span {
	font-size:0.875em;
	letter-spacing:0;
	margin-left:8px;
	color:#8b8b8b;
}
.con_content ul li a:link,.con_content ul li a:visited {
	color:#888888;
}
.pl_icon {
	display:block;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:2px;
	margin-top:8px;
	text-align:right;
	border-top:1px solid #cccbcb;
}
.pl_icon span {
	padding-left:20px;
	background:url(../images/pl_icon1.png) no-repeat left 2px;
}
/*      */
.forum_more {
	text-align:center;
	color:#767676;
	font-size:0.87em;
	margin:15px 0 0;
	padding-bottom:10px;
}
.forum_more img {
	width:18px;
}
.forum_more span a:link,.forum_more span a:visited {
	color:#0089e9;
}
.forum_more span a:hover,.forum_more span a:active {
	color:#0061a5;
}

/*      */
#bbs_container {
	width:95%;
	margin:-2px auto 10px;
	border:1px solid #d2d1d1;
	padding:15px 10px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
#bbs_container h3 {
	color:#0082dd;
	font-weight:normal;
	margin-bottom:10px;
}
#bbs_container p {
	color:#888888;
	font-size:0.875em;
	margin-bottom:20px;
}


/*        */
.fabiao h4 {
	color:#0089e9;
	font-weight:normal;
	margin-bottom:5px;
}
.fabiao_number {
	color:#767676;
	margin:5px auto 10px;
} 
.fabiao_fs {
	margin:5px 0 10px 0;
	float:right;
}

/*      */
.survey_title {
	width:100%;
	height:35px;
	border-top:5px solid #575858;
	background:#0089e9;
	-moz-box-shadow: 0 1px 2px #666;
	-webkit-box-shadow: 0 1px 2px #666;
	box-shadow: 0 1px 2px #666;
	margin-bottom:15px;
}
/*    */
.sur_content {
	float:left;
	width:48%;
	margin:0 4% 4% 0;
}
.sur_content.right {
	margin-right:0;
}
.sur_content .sur_title {
	width:95%;
	line-height:30px;
	padding-left:5%;
	background:#0089e9;
 }
.sur_content a:link, .sur_content a:visited {
	color:#fff;
}
/*      */
.sur_content a:hover, .sur_content a:active {
	-webkit-filter:brightness(.8);
    -moz-filter: brightness(.8);
    -ms-filter: brightness(.8);
    -o-filter: brightness(.8);
    filter: brightness(.8);
}
 /*       */
.sur_con {
	margin:-10px 0 10px;
	padding:5px 10px;
}
.sur_con h4 {
	color:#0089e9;
	text-align:center;
	margin:4px 0;
}
.sur_con p.con {
	font-size:0.875em;
	margin-bottom:20px;
}
.sur_issue {
	font-size:0.875em;
	margin-bottom:10px;
}
.sur_result{
	float:left;
	width:50%;
}
.sur_issue p {
	color:#0089e9;
	margin-bottom:4px;
}
.tijiao input {
	color:#fff;
	font-family:"    ";
	font-size:1.125em;
	letter-spacing:1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:url(../images/bg_icon1.jpg) repeat-x;
}
.tijiao input:hover {
	color:#80c3f3;
	background:url(../images/bg_icon2.jpg) repeat-x;
}
/*      */
.baoguiyijian {
	width:100%;
	height:80px;
	resize:none;
	padding:2px 4px;
	border:1px solid #cccbcb;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/*            */
.sur_ok {
	position:absolute;
	left:10%;
	top:20%;
	width:80%;
}
.sur_ok h3 {
	color:#ff0054;
	font-weight:normal;
	margin-bottom:20px;
}
.sur_ok h4 {
	color:#0089e9;
	text-align:center;
	letter-spacing:2px;
	margin-bottom:10px;
}
.sur_ok p {
	color:#767676;
}
.choujiang_but:link,.choujiang_but:visited {
	display:block;
	width:115px;
	height:40px;
	margin:20px auto;
	background:url(../images/sur_ok_but.png) no-repeat;
}
.choujiang_but:hover {
	background:url(../images/sur_ok_but.png) no-repeat -120px 0;
 }
 
 /*        /      */
 .hdcj_title, .tongdao_top {
	height:20px;
	border-top:4px solid #575858;
	background:#0089e9;
 }
 .hdcj_pic {
	position:relative;
 }
.hdcj_pic .jiangpin {
	position:absolute;
	right:2%;
	bottom:20%;
	font-size:0.875em;
}
.hdcj_pic .jiangpin h4 {
	font-weight:normal;
	font-size:1.142em;
}
.hdcj_pic .jiangpin span {
	color:#fd4f52;
}
.hdcj_pic .copy {
	position:absolute;
	right:2%;
	bottom:5%;
	font-size:0.75em;
	color:#0089e9;
}
.hdcj_con {
	color:#fd4f52;
	text-align:center;
}
.hdcj_con p {
	line-height:25px;
	margin-top:20px;
}
.hdcj_con h1 {
	font-weight:normal;
	margin:10px 0;
}
 
 /*      */
 .huodong h3,.cj_jiangpin h3 {
	color:#0089e9;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:4px;
	border-bottom:1px solid #cccbcb;
 }
  .huodong h4 {
	color:#0089e9;
	font-weight:normal;
 }
 .huodong img {
	margin-bottom:5px;
 }
 .huodong p {
	color:#515151;
	line-height:25px;
	margin-bottom:20px;
 }
 .cj_jiangpin {
	margin-bottom:10px;
 }
.cj_jiangpin p {
	color:#515151;
	line-height:25px;
}
.cj_jiang span {
	float:right;
	color:#fd4f52;
}

/*      */
.telephonenumber{width:100%;
	color:#6d7071;
	padding:5px;
	font-family:"    ";
	border:1px solid #cccbcb;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:15px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.suggest-textarea{
	width:100%;
	height:140px;
	color:#6d7071;
	background:#fff;
	padding:4px 0px 0 5px;
	font-family:"    ";
	border:1px #cccbcb solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
/*     */
.check_ok {
	text-align:left;
	margin:-5px 0 15px;
}
.check_ok input {
	width:16px;
	height:16px;
	margin:0 5px 0 0;
}

.telephonenumber:-moz-placeholder,.suggest-textarea:-moz-placeholder { color: #6d7071; }
.telephonenumber::-webkit-input-placeholder,.suggest-textarea::-webkit-input-placeholder { color:#6d7071; }

/*      */
.contact_title p {
	color:#fff;
	line-height:42px;
	padding-left:3%;
}
.con_rexian, .guanwang, .addr {
	margin-bottom:10px;
}
.con_rexian h5, .guanwang h5, .addr h5 {
	font-weight:normal;
	color:#0089e9;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #cccbcb;
}
.con_rexian .con_dianhua p {
	float:left;
	margin:5px 8px;
	line-height:24px;
}
.con_rexian .con_dianhua p img {
	width:47px;
}
.con_rexian .con_dianhua p a:link,.con_rexian .con_dianhua p a:visited {
	color:#6d7071;
}
.wang_web a:link,.wang_web a:visited {
	color:#0089e9;
	font-size:1.125em;
	padding-left:8px;
	letter-spacing:2px;
	text-decoration:underline;
}
.addr_con p {
	line-height:30px;
	margin: 0 0 10px 8px;
}
 
 /*       */
.gonggao_list{
	margin-bottom:10px;
	padding-bottom:10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#froum-content{
padding:0 10px;
 
}
.gonggao_list h4 {
	color:#fff;
	font-weight:normal;
	line-height:35px;
	padding-left:5px;
	background:url(../images/bg_icon1.jpg) repeat-x;
}
.gonggao_list ul li {
	height:25px;
	line-height:25px;
	margin:5px 8px;
	font-size:0.875em;
	overflow:hidden;
}
.gonggao_list ul li a:link, .gonggao_list ul li a:visited {
	color:#fd4f52;
}
.gonggao_list p {
	/* text-align:center; */
	margin:15px 0 5px 0;
}
.gonggao_list p a:link,.gonggao_list p a:visited {
	color:#0089e9;
}
.gonggao_list p a:hover,.gonggao_list p a:active {
	text-decoration:underline;
}
.gonggao_list p a.current:link,.gonggao_list p a.current:visited {
	color:#555;
}
.gonggao_list p a.current:hover,.gonggao_list p a.current:active {
	text-decoration:none;
}
/*      */
.gonggao_con {
	margin-bottom:25px;
}
.gonggao_con h4 {
	color:#0089e9;
	font-weight:normal;
	margin:5px 0px;
}
.gonggao_con p {
	color:#767676;
	font-size:0.875em;
	margin:5px 0;
}
p.gonggao_time {
	font-size:0.75em;
	padding-bottom:5px;
	border-bottom:1px solid #cccbcb;
}
 
 /*       */
.tucao_agreement ,.tucao_agreement-tip{
	width:95%;
	position:absolute;
	left:2.5%;
	top:2%;
	margin-bottom:10px;
}
.tucao_agreement-tip{top:30%;}
.tucao_agreement.jianyi {
	top:25%;
}
.agreement_con {
	width:95%;
	margin:5px auto;
}
.agreement_con h3 {
	font-weight:normal;
	text-align:center;
	color:#333;
	margin:10px 0 20px;
}
.agreement_con p {
	color:#767676;
	line-height:25px;
}
.jianyi .agreement_con p {
	margin-bottom:20px;
}
p.agreement_title {
	color:#333;
	font-size:1.125em;
	margin-bottom:5px;
}
.agree_button {
	width:164px;
	text-align:center;
	margin:20px auto 15px;
}
.agree_button input{
	float:left;
	width:71px;
	height:32px;
	margin: 0 10px 15px 0;
	background:url(../images/tongyi_icon1.png) no-repeat 0 0;
	border:none;
}
.agree_yes:hover {
	background:url(../images/tongyi_icon1.png) no-repeat 0 -35px;
}
input.agree_no {
	width:72px;
	background:url(../images/tongyi_icon1.png) no-repeat -98px 0;
}
.agree_no:hover {
	background:url(../images/tongyi_icon1.png) no-repeat -98px -35px;
} 
 

/*     350px ,       */
@media screen and (min-width:350px) {
	/*      */
	.forum_title p {
		font-size:1em;
	}

}

/*     480px ,       */
@media screen and (min-width:480px) {
	/*      */
	.suggest_but span {
		width:55%;
	}
	.suggest_but span.icon {
		width:40%;
	}
	/*       */
	.con_icon {
		width:20%;
	}
	.con_content {
		width:80%;
	}
}

/*     */
.suggest-warp{
	width:100%;
	height:100%;
	position:fixed;
	z-index:10;
    top:0px;
	left:0px;
	display:none;
	background:#000;
	filter:alpha(opacity:50);
	opacity:.5;
	}
.suggest-alert{
	position:fixed;
	top:45%;
	left:0;
	width:95%;
	text-align:center;
	margin-left:2.5%;
	height:40px;
	z-index:30;
	display:none;
	border-radius:4px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box; 
}
.suggest-alert span{
	font-size:1.2em;
	line-height:40px;
	color:#007cd3;
	display:inline-block;
	padding:0 15px;
    background:#FFF;
	height:40px;
	-moz-border-radius:4px;
	-webkit-boreder-radius:4px;
	border-radius:4px;
 }

/*      */
.oldsuggest{
	display:none;
	padding-top:15px;
	text-align:left;
}

input.tucao-tip{color:#333;}


/*          */
.agree_button input.sur_button{float:none;margin:0;}

span.word-limit{
float:right;
margin:10px 0;
color:#767676;
}
/*      */
div.froum-block{
border-top:3px solid #fff;
border-bottom:2px solid #f2f1f1;
width:100%;
height:150px;
background:url(../images/block-slider.png) ;
}
div.froum-block:hover{
background:url(../images/block-slideractive.png);
}
span.froum-imgwid ,span.froum-pointer{
display:inline-block;
}
span.froum-imgwid{
width:52px;
margin-right:15px;
}
span.froum-pointer{
width:25px;
}
div.froum-block ul li{
float:left;
} 
li.froum-contain{
width:70%;
padding-top:10px;
color:#b2b1b1;
}
span.active-num{
color:#ff3333;
}
li.froum-contain h3{
font-size:120%;
font-weight:normal;
color:#42a4e9;
}
li.froum-contain h3 a{color:#42a4e9;}
a.froum-impmes:link,a.froum-impmes:visited {color:#B2B1B1;}
li.froum-contain p{
text-indent:30px;
padding:0px;
margin:0px;
}
li.froum-img{
width:20%;
text-align:right;
padding-top:10px ;
}
li.froum-dir{
width:10%;
padding-top:40px;}

a.froum-impmes.red:link,a.froum-impmes.red:visited{
	color:red;
}
a.froum-impmes.green:link,a.froum-impmes.green:visited{
	color:green;
}




/* ****************    **************** */
h2,h3,h4 {
	font-weight:normal;
}
/*      /      /      /      /      */
.banmian,.goutong,.banmianyijian {
	width:95%;
	margin:15px auto 20px;
}
.banmian ul li,.goutong ul li,.opinion,.banmianyijian ul li {
	position:relative;
	background:#ffffff;
	border:1px solid #dad9d9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:10px;
	margin-bottom:8px;
}
/*    */
.banmian_pic,.goutong_pic,.opinion_number {
	float:left;
	width:20%;
	margin-right:4%;
}
.banmian_con,.goutong_con {
	float:left;
	width:76%;
}
/*    */
.banmian_con h4,.goutong_con h4 {
	color:#0089e9;
}
/*    */
.banmian_con .time,.goutong_con .time {
	font-size:0.75em;
	letter-spacing:0;
	color:#727272;
	margin:0 0 2px 0;
}
/*   /    */
.ding,.retie {
	position:absolute;
	right:-1px;
	top:-1px;
	width:60px;
	height:40px;
	background:url(../images/ding_pic1.png) no-repeat;
	background-size:60px 40px;
}
.retie {
	background:url(../images/retie_pic1.png) no-repeat;
	background-size:60px 40px;
}
/*    */
.ban_content p {
	color:#929292;
	font-size:14px;
}
.content {
	margin-bottom:25px;
}
.banmian_bottom {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	height:30px;
	background:#d8d8d8 url(../images/banmian_top.png) no-repeat center center;
	display:none;
}

/*         */
.goutong_con .time {
	color:#018dee;
	font-size:0.875em;
	margin-bottom:6px;
}
.goutong_con .time span {
	color:#727272;
	font-size:0.875em;
}
/*      */
.huifu {
	position:absolute;
	right:8px;
	top:5px;
	width:28px;
	height:28px;
	background:url(../images/huifu.png) no-repeat;	
}
/*      */
.gou_content p {
	font-size:14px;
	color:#727272;
}
.chakan_huifu {
	margin-top:8px;
	text-align:center;
}
.chakan_huifu p {
	font-size:0.75em;
}
.chakan_huifu .line {
	margin:4px 0;
}
.jiantou {
	width:100%;
	height:15px;
	background:url(../images/jiantou.png) no-repeat center bottom;
}
.jiantou.bottom {
	background:url(../images/jiantou.png) no-repeat center top;
}
.hidden {
	display:none;
}
ul.huifu_ul li {
	position:relative;
	background:none;
	border:none;
	border-radius:none;
	padding:0px;
	text-align:left;
	margin-bottom:5px;
}
.left_title {
	float:left;
	width:22%;
	color:#018dee;
	font-size:0.875em;
	margin-right:2%;
}
.right_content {
	float:left;
	width:76%;
	font-size:0.875em;
	color:#727272;
}

/*     */
#tanchukuan {
	position:fixed;
	display:none;
	left:0;
	top:0;
	z-index:9999;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}
.huifukuan {
	position:fixed;
	top:24%;
	width:90%;
	margin:0 5%;
	padding:25px 10px 20px;
	background:#fff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow:0px 1px 8px #000000;
}
.huifukuan h2 {
	color:#0089e9;
	text-align:center;
	margin: 0 0 20px 0;
}
.huifu_textarea {
	width:100%;
	height:100px;
	margin-bottom:10px;
}
/*    */
.close {
	position:absolute;
	right:-12px;
	top:-12px;
	width:35px;
	height:35px;
	background:url(../images/close.png) no-repeat;
}

/*      */
.opinion {
	margin-bottom:8px;
}
.left_opinion {
	float:left;
	width:76%;
	color:#0089e9;
	font-size:0.875em;
}
.right_opinion {
	float:left;
	width:20%;
	text-align:center;
	margin:1% 0 1% 3%;
	padding-left:8px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-left:1px solid #b8b8b8;
}
.right_opinion a {
	display:inline-block;
	width:52px;
	height:52px;
	background:url(../images/opinion.png) no-repeat center center;
}
.opinion_number {
	text-align:right;
	color:#0089e9;
	font-size:1.125em;
}
.opinion_time {
	font-size:0.75em;
	color:#727272;
	margin-bottom:5px;
}