@charset "utf-8";
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 "Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{vertical-align:middle;max-width:100%;border:0;-ms-interpolation-mode:bicubic}
input{-webkit-appearance:none}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{background:transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}

/*  */

body{background:url(../images/body.png) repeat-y center 5px;background-size:7.5rem 0.5rem;max-width:7.5rem;margin:0 auto;color:#333}
.hdimg{width:100%}
.hdimg img{display:block;width:100%;height:3.74rem}
.wrap{background:url(../images/wrap.png) no-repeat left top;background-size:100% 0.14rem;padding-top:0.5rem;margin-top:-0.1rem;position:relative;}

.hditem{background:url(../images/hditem.png) no-repeat;background-size:100% 100%;width:7.46rem;height:2.86rem;overflow:hidden;margin:0 auto;box-sizing:border-box;padding-right:0.14rem}
.hditem .intro{width:5.78rem;height:1.14rem;overflow:hidden;font-size:0.28rem;line-height:0.38rem;margin:0.4rem auto 0}
.shareit{width:5.82rem;height:0.68rem;overflow:hidden;margin:0.14rem auto 0}
.shareit p{float:left;width:4.7rem;height:0.52rem;line-height:0.54rem;overflow:hidden;background:#F2F2F2;color:#999;font-size:0.28rem;text-align:center;overflow:hidden;border-radius:6px;margin-top:0.08rem}
.shareit .btn{background:url(../images/sharebtn.png) no-repeat;background-size:100% 100%;float:right;width:1.06rem;height:0.68rem;overflow:hidden;line-height:99}

.area{width:7.1rem;overflow:hidden;margin:0.3rem auto 0}
.area-c{background:url(../images/area-c.png) repeat-y;background-size:100% 0.2rem;overflow:hidden;padding:0.2rem 0}
.area-b{background:url(../images/area-b.png) no-repeat;background-size:100% 100%;height:0.4rem;overflow:hidden}
.area-t{background:url(../images/area-t.png) no-repeat left bottom;background-size:100% 100%;overflow:hidden}

.area-t span{height:0.81rem;line-height:0.84rem;text-align:center;font-size:0.36rem;font-weight:700}
.tab1{background:url(../images/tab1.png) no-repeat;background-size:100% 100%;height:0.9rem;}
.tab1 span{display:block}
.tab2 span{background:url(../images/tab2.png) no-repeat;background-size:100% 100%;float:left;width:3.5rem;color:#2C782D}
.tab2 .on{background:url(../images/tab2on.png) no-repeat;background-size:100% 100%;color:#333}
.tab2 span:last-child{float:right;}
.tab3 span{background:url(../images/tab3.png) no-repeat;background-size:100% 100%;float:left;width:2.28rem;color:#2C782D;margin-right:0.12rem}
.tab3 .on{background:url(../images/tab3on.png) no-repeat;background-size:100% 100%;color:#333}
.tab3 span:last-child{float:right;margin-right:0}

.copyit{width:6.72rem;height:0.84rem;overflow:hidden;margin:0 auto}
.copyit .txt{float:left;width:5.1rem;height:0.76rem;overflow:hidden;text-align:center;line-height:0.34rem;padding:0.24rem;box-sizing:border-box;font-size:0.30rem;font-weight:700;color:#333;background:#F2F2F2;border:none;outline:none;border-radius:4px;margin-top:0.03rem}
.copyit .btn{background:url(../images/copybtn.png) no-repeat;background-size:100% 100%;float:right;width:1.5rem;height:0.84rem;text-align:center;line-height:0.82rem;font-size:0.32rem;font-weight:700;color:#d5522e}


.itmn{width:6.8rem;margin:0 auto}
.itmn li{background:url(../images/itmn.png) no-repeat;background-size:100% 100%;float:left;width:1.6rem;height:0.84rem;overflow:hidden;text-align:center;line-height:0.8rem;font-size:0.32rem;font-weight:700;margin:0.22rem 0.05rem 0}
.itmn .on{background:url(../images/itmnon.png) no-repeat;background-size:100% 100%;color:#2C782D;}

.subitwp{height:1rem;overflow:hidden;border-bottom:2px solid #3D3938;overflow:hidden}
.srcmenu{width:96%;overflow:hidden;position:relative;height:1rem;line-height:1rem;margin:0 auto}
.srcmenu:after {content: " ";display: block;width: 0.2rem;height: 100%;position: absolute;right: 0;top: 0;background-image: -wekbit-radial-gradient(ellipse at left,rgba(255,255,255,1) 0,rgba(255,255,255,0.5));background-image: radial-gradient(ellipse at right,rgba(255,255,255,1) 0,rgba(255,255,255,0.5));}
.srcmenu ul{white-space:nowrap;position:absolute;}
.srcmenu li{display:inline-block;height:1rem;overflow:hidden;vertical-align:top;position:relative}
.srcmenu li a{display:inline-block;height:1rem;font-size:0.32rem;overflow:hidden;padding:0 0.1rem}
.srcmenu .on a{color:#FF7800}
.srcmenu .on:after{content:'';width:0;height:0;overflow:hidden;border-left:6px solid transparent;border-right:6px solid transparent;    border-bottom:6px solid #3D3938;position:absolute;left:50%;bottom:0;margin-left:-6px}


.nlist{width:6.96rem;margin:0.1rem auto 0}
.nlist li{float:left;width:2.2rem;height:0.9rem;overflow:hidden;text-align:center;background:#EAEAEA;font-size:0.26rem;color:#3D3938;border-radius:4px;margin:0.2rem 0.06rem 0;box-sizing:border-box;}
.nlist .on{background:#D9FFD6;color:#2E7829}
.nlist .spec{line-height:0.38rem;padding:0.1rem 0.1rem 0.08rem;overflow:hidden;word-break:break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.nlist li p{width:100%;height:0.9rem;overflow:hidden;display:table;}
.nlist li span{vertical-align:middle;padding:0 0.1rem;display:table-cell;vertical-align:middle;word-wrap:break-word;word-break:break-all;text-align:center;}


.showmore{background:url(../images/showmore.png) no-repeat;background-size:100% 100%;display:block;width:3.5rem;height:0.8rem;text-align:center;line-height:0.78rem;font-size:0.32rem;font-weight:700;color:#D6512E;margin:0.3rem auto 0}

.colorshow{background:#000;width:6.68rem;height:0.52rem;overflow:hidden;text-align:center;line-height:0.54rem;font-size:0.26rem;margin:0.2rem auto 0}
.line{height:2px;background:#3D3938;overflow:hidden;margin-top:0.2rem}
.clist{width:6.8rem;margin:0.1rem auto 0}
.clist li{float:left;width:1.6rem;height:1.24rem;overflow:hidden;text-align:center;line-height:2.4;font-size:0.24rem;color:#676767;margin:0.15rem 0.05rem 0}
.clist li span{display:block;height:0.76rem;overflow:hidden;border:1px solid #B9B7B6}

.reco{width:7.4rem;margin:0.25rem auto 0}
.reco a{float:left;width:3.5rem;height:1.78rem;overflow:hidden;border:2px solid #3D3938;box-sizing:border-box;margin:0 0.1rem}
.reco a img{display:block;width:100%;height:100%}