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;
}