@charset "utf-8";
/*
* Site:青春解码仪
* Author:曹林莉
* Date:2016/07/18
*/
.container{background-color:#fff;}
.layout{padding:0 0.1rem;}
.item{ padding:0 0.1rem;}
.itemTie{text-align:center;padding: 0.2rem 0.1rem;font-size:0.2rem;font-weight:bold;color:#000;}
/*.pub_h2{text-align: center;padding-bottom: 10px;font-size: 20px;color: #000}
.pub_h2 span{font-size: 14px;color: #ff4000;display: block;font-weight: normal;}
.over_h{width: 100%;overflow: hidden;}*/

/*f1Box*/
.f1Box{ padding:0.15rem 0; border-bottom: 1px dashed #d3d3d3; text-align: center;}
.f1Con{font-size: 0.16rem;color: #323232;line-height: 0.24rem;}
.f1Box a{color: #ff5a00;font-size: 16px;}

/*f2Box*/
.f2Box{ padding-bottom: 0.2rem;}
.f2Box a{display:block;width: 59.66%;height: 0.3rem;line-height: 0.3rem;text-align: center;color:#fff;border-radius: 0.1rem;background-color: #ff5a00;margin:0.2rem auto 0;font-size: 16px;}

/*f3Box*/
.f3Box{ background-color: #f6f6f6; overflow: hidden;}
.f3Box dl{position:relative;padding-left:1.4rem;height: 2.2rem;overflow:hidden;}
.f3Box dt{position:absolute; width:1.4rem; height: 2rem; left: 0;}
.f3Box dd{position: relative;padding-top: 0.1rem;font-size: 16px;}
.f3Box dd h2{ font-size: 0.16rem; color: #474747;}
.f3Box dd span{ display:block; color: #ff5a00;}
.f3Box p{ line-height: 0.2rem; padding:0.1rem 0;}
.f3Box .zixun{ width: 1.5rem;}
.f3Box a{ display: inline-block; width:0.71rem; height:0.3rem; line-height: 0.3rem; color: #fff; text-align: center; border-radius: 0.1rem;}
.f3Box a:nth-of-type(1){ float: left; background-color: #ff5a00;}
.f3Box a:nth-of-type(2){ float: right; background-color: #a87600;}
.f3Con{}
.f3Con p{position: relative;margin: 0 0 0.3rem 0.3rem;padding: 0.1rem 0.1rem 0.1rem 0.5rem;line-height: 0.22rem;font-size: 0.15rem;color: #2c2c2c;height: 0.7rem;}
.f3Con p:nth-of-type(1){ background-color: #ded8c9;}
.f3Con p:nth-of-type(2){background-color: #e8d8be;/* padding: 0.2rem 0.8rem 0.2rem 0; *//* padding: 0.2rem 0.5rem 0.2rem 0.1rem; */margin: 0 0.2rem 0.3rem 0;padding: 0.1rem 0.5rem 0.1rem 0.1rem;}
.f3Con p:nth-of-type(3){background-color: #dde3c2;}
.f3Con p i{display: inline-block;position:absolute;width:0.71rem;height: 0.56rem;text-align: center;font-size: 0.15rem;color: #fff;background: url(/images/zt/young-yuan.png) no-repeat;top: 50%;background-size: 2.25rem 0.73rem;padding-top: 0.15rem;margin-top: -0.35rem;}
.f3Con p:nth-of-type(1) i{ background-position:0 0; left: -0.35rem;}
.f3Con p:nth-of-type(2) i{/* background-position: -0.76rem 0; */right: -0.35rem;}
.f3Con p:nth-of-type(3) i{ background-position:-1.52rem 0; left: -0.35rem;}

/*f4Box*/
.f4Box a{ display: block; font-size: 0.16rem; color: #ff5a00; text-align: center; width: 73.4%; height: 0.33rem; line-height: 0.33rem; border-radius: 0.1rem; border:1px dashed #ff5a00; margin:0.1rem auto;}

/*f5Box*/
.f5Box p{font-size: 0.16rem;color: #3d3d3d;line-height: 0.24rem;}
.f5Box a{display: block;border-radius: 0.1rem;text-align: center;width: 40%;height:0.3rem;line-height: 0.3rem;color: #fff;background-color: #ff4e00;margin:0.2rem auto;font-size: 16px;}

/*f6Box*/
.f6Box{background-color: #f6f6f6; overflow: hidden;}
.f6Con dl{ padding:0.15rem 0; border-bottom: 1px dashed #c1c0c1;} 
.f6Con dt{font-size: 0.16rem;color: #333;height: 0.25rem;line-height: 0.25rem;position: relative;margin-left: 0.3rem;}
.f6Con dl i{ display: block; width: 0.2rem; height: 0.2rem; position:absolute; left: -0.3rem; top: 0.03rem; background: url(/images/zt/weightLose-bg.png) no-repeat; background-size: 0.7rem 1.2rem;}
.f6Con dd{display: none;font-size: 0.16rem;color: #848484;line-height: 0.24rem;margin-left: 0.3rem;position: relative;}
.f6Con dt i{ background-position: -0.39rem -0.03rem;}
.f6Con dd i{ background-position:-0.39rem -0.35rem;;}
.f6Con dd.on{ display: block;}
.f6Box a{font-size: 0.16rem;color: #ff4e00;text-align:center;padding: 0.15rem 0;display:block;}

/*f7Box*/
.f7Box{ padding:0.2rem 0 0;}
.f7Con{ overflow: hidden;}
.f7Con a{float:left;width:50%;height: 0.3rem;line-height: 0.3rem;display:block;background-color: #ac8f23;color:#fff;font-size: 0.16rem;text-align:center;overflow: hidden;}
.f7Con a:nth-of-type(1),.f7Con a:nth-of-type(4){ background-color: #b68d2b;}
.f7Con a:nth-of-type(2),.f7Con a:nth-of-type(3){ background-color: #a87600;}
.f7Con a:nth-of-type(3){ width: 59%;}
.f7Con a:nth-of-type(4){ width: 41%;}
.f7Con a:nth-of-type(1),.f7Con a:nth-of-type(2){ margin-bottom: 0.1rem;}






































.hotKey ul{height:80px;}
.hotKey li{float:left;width:32%;height:40px;margin-right:2%;white-space:nowrap;overflow:hidden;}
.hotKey li span{display:block;height:30px;color:#333;font-size:12px;line-height:30px;white-space:nowrap;}
.hotKey li a{height:28px;display:block;box-shadow:1px 1px 1px rgba(0, 0, 0, .1);background-color:#d39b20;border:1px solid #d2d2d2;border-radius:4px;color:#fff;font-size: 16px;line-height:28px;text-align:center;}
.hotKey li:nth-child(2) a{background-color:#d39b20;}
.hotKey li:nth-child(3) a{background-color:#ee6c16;}
.hotKey li:nth-child(4) a{background-color:#ee6c16;}
.hotKey li:nth-child(5) a{background-color:#f0940f;}
.hotKey li:nth-child(6) a{background-color:#d39b20;}
.hotKey li:nth-child(3n){margin-right:0;}

.f4BoxList{padding-bottom:0.20rem;overflow:hidden;}
.f4BoxList li{line-height:0.35rem;border-bottom:#c9c9c9 dashed 0.01rem;position:relative;padding-left:0.1rem;}
.f4BoxList .link_a{font-size: 0.16rem;color:#676767;display: block;margin-right: 0.3rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.f4BoxList li i{position: absolute;;width:0.03rem;height:0.03rem;border-radius:50%;background-color:#959595;left: 0.02rem;top:50%;margin-top: -0.01rem}
.f4BoxList .tel{width:0.20rem;height:0.19rem;background: url('/images/zt/shaping-phone-img.png') no-repeat;background-size: 100% 100%;position:absolute;right:0.06rem;top:50%;margin-top:-0.09rem;}

.phoneBox{height: 0.45rem;background-color: #8a5d00;}
.phoneBox span{height: 0.3rem;margin-top: 0.07rem;width:1.42rem;background: url('/images/zt/shaping-phoneNum-img.png') no-repeat;background-size: 100% 100%}
.phoneBox a{padding: 0 0.04rem;height: 0.3rem;line-height: 0.3rem;font-size: 0.12rem;color:#7b5c18 ;line-height: 0.3rem;text-align: center;margin-top: 0.07rem;background-color: #fff;border-radius: 0.04rem}




footer{padding:0!important;}


@media screen and (min-width:360px){
	.f3Con p,.f3Con p:nth-of-type(2){
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
	.f3Con p i{top: 50%;margin-top: -0.35rem;}
	.f1Con{font-size:18px;line-height:26px;}
	.f1Box a,.f5Box a,.f6Con dt,.f6Box a,.f7Con a,.hotKey li a,.f4BoxList .link_a{font-size:18px;}
	.itemTie{font-size:22px;}
	.f3Box p,.f5Box p{font-size:18px;line-height:24px;}
	.f3Con p,.f6Con dd{font-size:17px;}
	.f4Box a{font-size:16px;}
	.hotKey li span{font-size:14px;}
}