﻿@charset "utf-8";
/* CSS Document */

/*装修攻略 列表页*/
html, body { font-family: "微软雅黑",Helvetica,sans-serif; font-size:62.5%; }
body{ background-color:#f0f0f0; }
.contain,.top,.dh,.zxsj-content,.nav-1{ width:100%; min-width:320px; max-width:640px; margin:0 auto;}
.left { float:left; } .right { float:right; }
.contain { /*padding:0 0 60px; */position:relative; background-color:#eeeeee; font-size:1.2rem; height:auto }
.top{ position:relative; background:#ffffff; padding:25px 0px;}
.fh{ width:12px;  position:absolute; top:15px; left:15px;}
/*.new-city{ padding:3px 30px 4px 15px; font-size:1.6rem; border:1px solid #fa4c06 ; color:#fa4c06; background:url(../images/x_03.png) right center no-repeat; position:absolute; top:15px; right:30px; border-radius:5px;}
.new-city a{ color:#fa4c06;}*/
.new-city { 
	/*width:55px; */height:18px; border:1px solid #ea5404; border-radius:2px; background:url(../images/x_03.png) no-repeat 95% 6px; background-size:11px; position:absolute; top:15px; right:3.125%;padding-right:20px; padding-left: 5px;line-height:18px; text-align:center; }
.new-city a {	color:#ea5404;font-size: 14px;}	
.dh{ position:relative; height:auto }
.nav{ background:#ffffff; padding:13px 0px;width:100%; min-width:320px; max-width:640px; margin:8px auto 0; float:left; position:absolute; top:0px; left:0px; z-index:2 ; overflow:hidden; border-bottom:1px solid #e6e5e3;}
.gonglue-h1{ font-size:2rem; color:#333333; width:50.34375%; height:auto; margin-top:4px;margin-left:8px;}
.gonglue-sp1{ font-size:1.4rem; background:#fa4c07; width:30%; padding:8px 0px; text-align:center; display:block; margin-right:8px; color:#ffffff}
.cj{width: 100%;height: 265px;background:url(../images/con_bg.jpg) top center no-repeat #ffffff;display:none; position:absolute; left:0px; top:57px; z-index:1}
.cjLeft{width:35%;height: 255px;float: left; background:#ffffff;}
.cjLeft ul{margin:0px;padding: 0px; border-right:#e6e5e3 solid 1px; height: 238px; padding-top:17px;}
.cjLeft ul li{width:100%;height:40px;line-height:40px;text-align: center;color: #333333;font-family: Microsoft YaHei;font-size:1.6rem;border-bottom:#e6e5e3 solid 1px;}
.cjLeft ul li.cur{margin-right:0px !important;width:100% !important; border-right:#ffffff solid 1px !important; }
.cjLeft ul li.cjLeftLi{/*line-height: 20px;padding-top: 18px;*/}
.cjLeft ul li:hover{cursor: pointer;}
.cjRight{width: 65%;height: 238px;float: right; margin-top:17px;}
.cjRight ul{margin: 0px;padding: 0px;}
.cjRight ul img{float: left;width: 658px;height: 255px;}
.cjRight ul li.show{display: block;}
.cjRight ul li{display: none;}
.cjRInfo{width: 100%;height: 238px;float: right;background:#ffffff;}
.cjRInfoTop{width: 299px;height: auto;height: 80px;padding-top:30px;line-height: 24px;text-align: center;color: #fff;font-family: Microsoft YaHei;font-weight: bold;font-size: 18px;}
.cjRInfoBt{width:97%;height:238px;overflow:hidden;padding-left:3%;}
.cjRInfoBt p{padding-right: 10px;padding-top: 0px;line-height: 24px;font-size: 14px;font-family: Microsoft YaHei;margin: 0px;}
.li-span{ width:9%; margin-left:8px;}
.gonglue-li1{ border-top:#e6e5e3 solid 1px;}
/*.gonglue-li1{ border-top:#e6e5e3 solid 1px; background:url(../images/gonglue-02.png) no-repeat 8px center; }
.gonglue-li2{ background:url(../images/gonglue-03.png) no-repeat 8px center; }
.gonglue-li3{ background:url(../images/gonglue-04.png) no-repeat 8px center; }
.gonglue-li4{ background:url(../images/gonglue-05.png) no-repeat 8px center; }
.gonglue-li5{ background:url(../images/gonglue-06.png) no-repeat 8px center; }*/
.cjRInfoBt span{ width:50%; text-align:center; float:left; font-size:1.4rem; line-height:42px;}
.content{width:96%; min-width:320px; max-width:640px; margin:0 auto; height:auto; margin-top:64px;padding:2%; margin-bottom:60px; }
.doc{ width:100%; background:#ffffff; display:inline ; margin-bottom:8px; display:inline}
.doc-sp1{ width:31.25%}
.doc-sp1 img{ width:100%}
.doc-wz{ width:66%; padding-top:5px;}
.doc-wz h3{ font-size:1.6rem;overflow:hidden; height:20px;}
.doc-wz h3,.doc-wz p{ width:98%;padding-top:4px;font-size:1.4rem; line-height:20px;}
.doc-wz p{  overflow:hidden; color:#666666;padding-top:2px !important; height:40px; overflow:hidden}
.doc-wz h3 a{ color:#000000}
.gonglue-jiazai { margin-bottom:20px; width:100%; font-size:16px;height:35px; text-align:center; line-height:35px;display:block ; float:left;}
.gonglue-jiazai a{ color:#666666; width:96%; }
.gonglue-r { width:10% ;  position:fixed; bottom:7%; right:3%}
.gonglue-r a { display:inline-block; width:57.14286%; margin:10px 0 0 9px; } 
.gonglue-r a img{ width:100%; } 
/*装修攻略 详情页*/
.gonglue-zxsj{ position:absolute; font-size:2rem; left:30%; top:15px;}
.zxsj-content{ padding:2%; background:#ffffff; width:96%; margin-top:8px;}
.zxsj-h2,.fx{ width:100%; font-size:1.4rem; font-weight:normal}
.zxsj-h2 a{font-size:1.4rem;}
.zxsj-h1{ width:100%; font-size:1.6rem; margin:0 auto; margin-bottom:20px;  /*height:20px;*/ line-height:22px; overflow:hidden}
.zxsj-yd{ width:100%; padding-bottom:5px; border-bottom:#cccccc solid 1px; margin:0 auto; line-height:28px; height:28px; margin-top:8px;}
.zxsj-yd span{ font-size:1.4rem; padding:0px 1px;}
.zxsj-p{ width:100%; line-height:24px; font-size:1.4rem;padding:0px 0px 10px 0px;}
.zxsj-l{ width:70% !important; overflow:hidden; height:18px;}
.zxsj-r{ width:30% !important; overflow:hidden;  height:18px;}
.zxsj-p-img{ width:100%; padding:10px 0px;}
.zxsj-content p {width:100%; /*padding:10px 0px !important;*/ margin:0px !important; line-height:24px !important; font-size:14px !important; text-indent:0px !important;}
.zxsj-content p span{ font-size:14px !important;}
.zxsj-content img{width:100%!important; height:auto!important; }
.zxsj-content p img{width:100%!important; height:auto!important; }
.nav-1{ background:#ffffff; padding:13px 0px; margin-top:8px;}
.zxsj-ul{ width:96%; float:left; margin-left:2%; margin-top:8px; margin-bottom:8px;}
.zxsj-ul li{ width:100%; margin:0 auto; float:left; padding:1% 2%; background:#ffffff; margin-bottom:2px; line-height:30px; /*height:30px;*/} 
.zxsj-ul-span{ width:2%}
.zxsj-ul li a{ font-size:1.4rem}
.zxsj-ul-span1{ width:93%; overflow:hidden; height:30px;}
.fx-dm{ width:70%; }
.fx-span{ line-height:30px;}
.fx{ height:30px;}
.zxsj-l-span{ width:30%}
.zxsj-contentt{ width:100%;}