.nav{ width:100%; height:50px; line-height:50px; text-align:center; background-color:#170F09; font-size:16px; color:#fff; float:left; padding:21px 0 10px}

.infoBox{ width:100%; overflow:hidden; position:relative; background-color:#fff; padding:5px 0 30px; border-bottom:1px solid #DFDFDF}
.infoBox .tit{ width:100%; float:left; line-height:28px; font-size:22px; font-weight:bold; padding:20px 0}
.infoBox .info{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; padding-bottom:25px}
.infoBox .headBox{ width:30px; height:30px; float:left; overflow:hidden}
.infoBox .headBox img{ width:30px; height:30px; border-radius:50%; opacity:1; transition:opacity .5s linear; -webkit-transition:opacity .5s linear}
.infoBox .name{ float:left; font-size:14px}
.infoBox .time{ float:left; color:#888; font-size:12px; padding-left:8px}
.infoBox .line{ border-bottom:1px solid #f5f5f5}
.infoBox .con{ padding:10px 0 0 0; line-height:24px; font-size:16px}
.infoBox .con img{ max-width:100%; height:auto; padding:10px 0 15px}
.infoBox .con_img img{ padding:0}
.infoBox .pt_80{ padding-top:80px}

.pb_0{ padding-bottom:0; border-bottom:none}

.zanBox{ width:100%; height:18px; float:left; line-height:18px; overflow:hidden; font-size:16px; color:#323232; padding:11px 0; background-color:#fff; position:relative; margin-bottom:8px; border-bottom:1px solid #DFDFDF}
.zanBox .zanIcon{ width:24px; height:18px; float:left; overflow:hidden; background-position:0 -310px; animation:zan 1s linear infinite; -webkit-animation:zan 1s linear infinite}
.zanBox .zanIcon_hover{ background-position:0 0}

.comBox{ width:100%; overflow:hidden; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; background-color:#fff; margin-bottom:8px}
.comBox .tit{ width:100%; line-height:44px; float:left; font-size:16px; font-weight:bold; border-bottom:1px solid #E5E5E5}
.comBox .peo{ font-size:14px; color:#888; padding-left:2px; font-weight:normal}
.comBox li{ width:100%; float:left; position:relative; overflow:hidden; border-bottom:1px solid #E5E5E5}
.comBox .info{ padding:14px 0 6px 35px; overflow:hidden}
.comBox .headBox{ width:25px; height:25px; float:left; overflow:hidden; position:absolute; top:14px}
.comBox .headBox img{ width:25px; height:25px; border-radius:50%}
.comBox .name{ width:100%; float:left; color:#576B95; line-height:18px; font-size:16px;}
.comBox .con{ width:100%; float:left; color:#323232; padding-top:5px; font-size:16px; line-height:18px}
.comBox li:last-child{ border-bottom:none}
.comBox .tip{ width:100%; float:left; line-height:40px; color:#333; text-align:center; font-size:14px; border-top:1px solid #E5E5E5}
.comBox .tip .co_bl{ color:#42CECD}

.imgBox{ width:100%; float:left; overflow:hidden; text-align:center; background-color:#000; position:relative}
.imgBox img{ max-width:100%; opacity:1; transition:opacity .5s linear; -webkit-transition:opacity .5s linear}
.imgBox .tit{ color:#fff; font-size:28px; line-height:70px; font-weight:bold; position:absolute; bottom:-18px; left:10px; z-index:10; text-shadow:1px 2px 2px rgba(0,0,0,0.6)}
.imgBox .tit .num{ font-size:68px}
.imgBox .logo{ width:80px; height:22px; float:left; position:absolute; bottom:-2px; right:10px; z-index:10; background-position:0 -16px; background-size:80px 280px}
.imgBox .weight{ height:22px; line-height:24px; text-align:left; color:#fff; font-size:18px; padding-left:25px; float:left; position:absolute; bottom:5px; right:10px; z-index:10; background-position:0 -200px}
.imgBox .weight .fs_11{ font-size:11px}
.imgBox .fat{ height:22px; line-height:24px; text-align:left; color:#fff; font-size:18px; padding-left:25px; float:left; position:absolute; bottom:5px; right:10px; z-index:10; background-position:0 -250px}
.imgBox .bmi{ height:22px; line-height:24px; text-align:left; color:#fff; font-size:18px; padding-left:36px; float:left; position:absolute; bottom:1px; right:10px; z-index:10; background-position:0 -146px}
.imgBox .mask{ width:100%; height:75px; float:left; position:absolute; bottom:0; left:0; z-index:2; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.5))}

.moreCard{ width:100%; overflow:hidden; border-top:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; background-color:#fff}
.moreCard .title{ width:100%; line-height:20px; float:left; font-size:14px; padding:10px 0}
.moreCard ul{ width:100%; float:left}
.moreCard li{ width:48%; float:left; padding:0 1% 8px}
.moreCard li .imgBox{ height:130px}
.moreCard li .imgBox .tit{ width:200%; transform:scale(0.4); transform-origin:left bottom; -webkit-transform:scale(0.4); -webkit-transform-origin:left bottom; left:5px; bottom:-6px; text-align:left}
.moreCard li .imgBox .logo, .moreCard li .imgBox .weight, .moreCard li .imgBox .fat, .moreCard li .imgBox .bmi{ transform:scale(0.4); transform-origin:right bottom; -webkit-transform:scale(0.4); -webkit-transform-origin:right bottom; right:5px; bottom:1px}
.moreCard li .imgBox .weight{ bottom:3px}
.moreCard li .imgBox .fat{ bottom:4px}
.moreCard li .imgBox .bmi{ bottom:2px}

.maxImg_pop{ width:100%; height:100%; display:none; float:left; position:fixed; overflow:auto; background-color:#000; top:0; left:0; z-index:9999}
.maxImg_pop .img_box{ width:100%; height:100%; float:left; position:fixed; top:0; left:0}
.maxImg_pop img{ max-width:100%; position:fixed}

.intoGroup_pop{ width:100%; height:100%; float:left; position:fixed; overflow:auto; background-color:rgba(0,0,0,0.7); top:0; left:0; z-index:9999}
.intoGroup_pop .box{ width:315px; height:362px; float:left; position:absolute; top:50%; left:50%; margin:-181px 0 0 -153px; background:url(../images/intoGroupPop.png?t=2018) no-repeat; background-size:315px 1050px}
.intoGroup_pop .box_2{ height:447px; margin:-223px 0 0 -153px; background-position:0 -400px}
.intoGroup_pop .box_2 .t_2{ text-align:center}
.intoGroup_pop .closeBtn{ width:40px; height:40px; float:left; position:absolute; top:30px; right:0}
.intoGroup_pop .t_1{ width:100%; float:left; font-size:18px; color:#323232; line-height:24px; font-weight:bold; position:absolute; text-align:center; top:120px}
.intoGroup_pop .t_2{ width:275px; float:left; font-size:14px; color:#666; line-height:22px; position:absolute; top:159px; padding:0 20px}
.intoGroup_pop .btn{ width:285px; height:44px; line-height:44px; float:left; background-color:#00CF97; color:#fff; font-size:16px; text-align:center; border-radius:3px; position:absolute; top:221px; left:15px}
.intoGroup_pop .t_3{ width:100%; float:left; color:#666; text-align:center; line-height:26px; position:absolute; top:298px}
.intoGroup_pop .t_3 a{ color:#009cff; text-decoration:underline}
.intoGroup_pop .t_4{ width:calc(100% - 40px); float:left; color:#666; line-height:24px; position:absolute; top:382px; padding:0 20px}
.intoGroup_pop .t_4 .icon{ width:9px; height:12px; display:inline-table; overflow:hidden; background:url(../images/intoGroupPop.png) no-repeat 0 -1020px; background-size:315px 1050px; margin:0 2px}
.intoGroup_pop .img{ width:91px; height:91px; float:left; position:absolute; top:232px; left:112px}

.jump_pop{ width:100%; height:100%; float:left; position:fixed; background-color:rgba(0,0,0,0.7); top:0; left:0; z-index:9999}
.jump_pop .box{ width:315px; height:90px; float:left; position:absolute; top:50%; left:50%; margin:-45px 0 0 -153px; background-color:#fff; border-radius:8px}
.jump_pop .closeBtn{ width:15px; height:15px; float:left; position:absolute; top:15px; right:13px; background:url(../images/intoGroupPop.png) no-repeat 0 -980px; background-size:315px 1050px}
.jump_pop .t_1{ width:200px; float:left; height:16px; position:absolute; top:37px; font-size:14px; color:#666; line-height:16px; margin-left:75px}
.jump_pop .t_1 .loading{ width:16px; height:16px; float:left; margin-right:13px; background:url(../images/intoGroupPop.png) no-repeat 0 -880px; background-size:315px 1050px; animation:loading .8s linear infinite; -webkit-animation:loading .8s linear infinite}
.jump_pop .t_2{ width:100%; float:left; height:16px; position:absolute; top:37px; font-size:14px; text-align:center; color:#666; line-height:16px; background:url(../images/intoGroupPop.png) no-repeat 58px -930px; background-size:315px 1050px}
.jump_pop .t_2 a{ color:#009cff; text-decoration:underline}

.xcx_box{ width:100%; float:left; height:1020px; overflow:hidden}
.xcx_box .box{ width:800px; float:left; height:1020px; overflow:hidden; background:url(../images/wx_xcx.jpg) no-repeat; transform-origin:top left}
.xcx_box .t_1{ width:100%; float:left; height:180px; overflow:hidden; font-size:128px; line-height:180px; color:#0d234c; text-align:center; padding-top:680px}
.xcx_box .t_1 .fs_34{ font-size:34px; font-weight:bold}
.xcx_box .t_2{ width: 100%; float: left; line-height: 64px; font-size: 34px; color: #0d234c; text-align: center; padding-top:6px}
.xcx_box .t_2 .t{ height: 64px; font-weight:bold; overflow: hidden; display: inline-table; padding: 0 18px; position: relative; top:-8px}
.xcx_box .t_2 .num{ width: 42px; height: 64px; overflow: hidden; display:inline-table; margin:0 2px; font-size: 56px; color:#fff; border-radius:4px; background:linear-gradient(#394E6E 0%, #8592A6 50%, #9DA8B8 50.1%, #8794A8 100%)}


@keyframes loading{ 0%{ transform:rotate(0deg)} 100%{ transform:rotate(360deg)}}
@-webkit-keyframes loading{ 0%{ -webkit-transform:rotate(0deg)} 100%{ -webkit-transform:rotate(360deg)}}

@media only screen and (min-width : 359px){
	.moreCard li .imgBox{ height:145px}
}

@media only screen and (min-width : 400px){
	.moreCard li .imgBox{ height:170px}
}