@charset "utf-8";
/* CSS Document */
@import url('main.css');

/* 首页banner */
.banner{width:100%; clear:both; position:relative;}
.banner img{width:100%; display:block;}


.box_swipe{overflow:hidden;position:relative; width:100%;}
.box_swipe ul{-webkit-padding-start:0px;}
.box_swipe>ol{height:22px;position:absolute;z-index:10; text-align:center; width:100%; left:0; bottom:0.14rem;}
.box_swipe>ol>li{display:inline-block;margin:5px 1px;width:7px;height:7px;background-color:#fff;border-radius:8px;}
.box_swipe>ol>li.on{background-color:#64c00e;}


/* 首页menu */
.in_menu{clear:both; width:100%;}
.in_menu ul{clear:both; width:100%; margin:0.3rem 0 0 0;}
.in_menu ul li{width:25%; float:left; margin:0 0 0.2rem 0;}
.in_menu ul li span{width:1.16rem; height:1.16rem; display:block; margin:0 auto; border-radius:100%; background-color:#eee; text-align:center;}
.in_menu ul li span img{width:0.62rem; margin:0.27rem 0 0 0;}
.in_menu ul li h3{clear:both; width:100%; text-align:center; font-size:0.28rem; line-height:0.56rem; overflow:hidden; color:#333; margin:0.05rem 0 0 0;}
.in_news{width:100%; clear:both; padding:0.32rem 0; display:flex;}
.in_news .hot_news{margin:0 0.26rem 0 0.24rem; width:3.38rem; height:2.75rem; overflow:hidden; position:relative; float:left;}
.in_news .hot_news img{width:100%; display:block;}
.in_news .hot_news h3{padding:0 0.16rem; position:absolute; z-index:2; left:0; right:0; bottom:0; font-size:0.26rem; height:0.56rem; line-height:0.56rem; overflow:hidden; text-align:center; color:#fff; background-color:rgba(0,0,0,0.6);}
.in_news .hot_news b{display:block; position:absolute; z-index:2; top:0; left:0; background-color:#f13d2b; color:#fff; font-size:0.24rem; line-height:0.36rem; padding:0 0.1rem;
 transform-origin:left top; transform: scale(.84)  translateX(-0);}
.in_news ul{flex:1; display:block; margin:0 0.24rem 0 0;}
.in_news ul li{clear:both; width:100%; display:flex;}
.in_news ul li span{width:1.32rem; height:1.08rem; display:block; overflow:hidden; float:left;  margin:0 0.2rem 0 0;}
.in_news ul li span img{width:100%; display:block;}
.in_news ul li h3{flex:1; font-size:0.28rem; color:#333; line-height:0.52rem; height:1.04rem; overflow:hidden;}
.in_news ul li.news1{margin:0 0 0.23rem 0; height:1.31rem; border-bottom:1px dotted #ddd; box-sizing: border-box; -webkit-box-sizing:border-box;}

/* 首页list */
.in_list{clear:both; width:100%;}
.in_listct{clear:both; margin:0.08rem 0.24rem 0 0.24rem; float:left;}
.in_listct li{display:flex; height:1.71rem; padding:0 0 0.26rem 0; margin:0.26rem 0 0 0; border-bottom:1px solid #e9e9e9;}
.in_listct li.last{border-bottom:0;}
.in_listct li a{display:flex;}
.in_listct li span.fl{width:2.10rem; height:1.71rem; overflow:hidden; margin:0 0.26rem 0 0; position:relative;}
.in_listct li span.fl img{width:100%; display:block;}
.in_listct li span.fl b{width:0.72rem; height:0.72rem; display:block; position:absolute; top:50%; left:50%; margin:-0.35rem 0 0 -0.35rem; background:url(../images/play_01.png) no-repeat center center; background-size:100%;}
.in_listct li span.fr{flex:1;}
.in_listct li span.fr h3{font-size:0.32rem; line-height:0.58rem; height:1.16rem; color:#333; overflow:hidden; margin:-0.1rem 0 0 0;}
.in_listct li span.fr h4{font-size:0.24rem; line-height:0.32rem; height:0.32rem; margin:0.32rem 0 0 0; overflow:hidden; color:#999; background:url(../images/time_01.png) no-repeat left center; background-size:0.24rem; padding:0 0 0 0.32rem;}

/* 常见食物分类 */
.class_ct{clear:both; width:100%; max-width:7.5rem; display:flex; overflow:hidden; position:fixed; top:44px; bottom:0;}
.class_l{width:2.2rem; height:100%; float:left; margin:0 0 0 0; background-color:#f6f6f6; overflow-y:scroll;}
.class_l li{ height:1.1rem; width:100%; overflow:hidden; position:relative;}
.class_l li a{width:100%; height:100%; display:block; float:left;}
.class_l li i{width:4px; height:0.4rem; background-color:#64c00e; display:block; position:absolute; top:0.35rem; left:0; z-index:2; display:none;}
.class_l li h3{line-height:0.4rem; height:0.4rem; overflow:hidden; margin:0.35rem 0.26rem 0 0.26rem;}
.class_l li.on{font-size:0.26rem; color:#333; background-color:#fff;}
.class_l li.on h3{font-weight:bold;}
.class_l li.on i{display:block;}
.class_r{flex:1; margin:0 0.26rem 0 0.26rem; overflow-y:scroll;}
.class_r h3{font-size:0.26rem; line-height:1.16rem; color:#333; margin:0.14rem 0 0 0;}
.class_r ul{width:100%;}
.class_r ul li{width:32%; float:left; margin:0 2% 4% 0;}
.class_r ul li.last{margin:0 0 0 0;}
.class_r ul li span{width:1rem; height:1rem; display:block; margin:0 auto; overflow:hidden;}
.class_r ul li span img{width:100%; display:block;}
.class_r ul li h4{clear:both; width:100%; font-size:0.24rem; height:0.66rem; line-height:0.66rem; text-align:center; color:#666; overflow:hidden;}

/* 常见食物分类-详情 */
.class_detail{clear:both; display:flex; padding:0.32rem 0; margin:0 0.24rem;}
.class_detail span.fl{width:1rem; height:1rem; display:block; overflow:hidden; float:left;}
.class_detail span.fl img{width:100%; display:block;}
.class_detail span.fr{flex:1; margin:0 0 0 0.26rem;}
.class_detail span.fr p{ font-size:0.28rem; color:#333; line-height:0.5rem; height:0.5rem; overflow:hidden;}
.class_detail span.fr p font{color:#ff6600;}
.class_info{clear:both; margin:0.4rem 0.24rem 0 0.24rem; overflow:hidden;}
.class_info table{width:100%; margin:0.14rem 0 0.34rem 0;table-layout: fixed;}
.class_info table tr{line-height:0.74rem; height:0.74rem; overflow:hidden;}
.class_info table tr th{font-size:0.28rem; color:#333; border-bottom:1px solid #e9e9e9; }
.class_info table tr td{font-size:0.26rem; color:#666; border-bottom:1px dotted #e9e9e9; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

/* 菜单 */
.menu_list{width:100%; max-width:7.5rem; background-color:#fff; position:fixed; top:44px; bottom:0; z-index:999; overflow-y:scroll; display:block;}
.menu_list .list{clear:both; width:100%; margin:0.2rem 0 0 0; padding:0 0 0.1rem 0; float:left;}
.menu_list .list .list_t{clear:both; margin:0 0.24rem 0.16rem 0.24rem; float:left;}
.menu_list .list .list_t b{width:0.54rem; height:0.54rem; display:block; float:left; margin:0 0.1rem 0 0;}
.menu_list .list .list_t b img{width:100%; display:block;}
.menu_list .list .list_t h3{float:left; font-size:0.3rem; font-weight:bold; color:#333; line-height:0.54rem;}
.menu_list .list p{clear:both; font-size:0.26rem; margin:0 0.14rem 0 0.14rem;}
.menu_list .list p a{float:left; display:block; color:#333; line-height:0.6rem; height:0.6rem; overflow:hidden; border-radius:3px; padding:0 0.22rem; border:1px solid #ddd; box-sizing: border-box; -webkit-box-sizing:border-box; margin:0 0.1rem 0.2rem 0.1rem;}
.menu_list .list p a.on{background-color:#64c00e; border-color:#64c00e; color:#fff;}

/* 减肥常识-详情 */
.nous_intro{clear:both; margin:0 0.24rem;}
.nous_introt{clear:both; width:100%; margin:0.34rem 0 0 0;}
.nous_introt h1{font-size:0.40rem; color:#000; line-height:0.6rem;}
.nous_introt h5{font-size:0.28rem; color:#aaa; line-height:0.4rem; margin:0.18rem  0 0 0;}
.nous_introct{clear:both; width:100%; font-size:0.30rem; line-height:0.56rem; margin:0.26rem 0 0 0;}
.nous_introct b{display:block; width:100%; text-align:center;}
.nous_introct img{max-width:100%; display:block;margin: 0 auto;}


/* 减肥视频-详情 */
.vedio_detail{clear:both; width:100%;}
.vedio_play{clear:both; width:100%; height:4.2rem; position:relative;}
.vedio_play img{width:100%; display:block;}
.vedio_play b{width:1.2rem; height:1.2rem; display:block; overflow:hidden; position:absolute; top:50%; left:50%; margin:-0.6rem 0  0 -0.6rem; background:url(../images/play_02.png) no-repeat center center; background-size:100%;}
.vedio_intro{clear:both; margin:0 0.24rem;}
.vedio_intro h3{font-size:0.36rem; color:#000; line-height:0.56rem; margin:0.26rem 0 0 0;}
.vedio_intro p{font-size:0.26rem; color:#666; line-height:0.5rem; margin:0.16rem 0 0 0;}
.vedio_intro a.btn{width:0.5rem; height:0.5rem; margin:0.10rem auto 0.12rem auto; display:block; background:url(../images/arrow_02.png) no-repeat center center; background-size:0.36rem;}

/* 瘦身工具 */
.tools{clear:both; margin:0 0.24rem;}
.tools ul li{width:100%; clear:both; display:flex; border-bottom:1px solid #e9e9e9; padding:0.36rem 0;}
.tools ul li.last{border-bottom:0;}
.tools ul li a{display:flex;}
.tools ul li span.fl{width:0.9rem; height:0.9rem; display:block; overflow:hidden; background-color:#f5f5f5; border-radius:50%; text-align:center; margin:0 0.26rem 0 0;}
.tools ul li span.fl img{width:0.62rem; margin:0.14rem 0 0 0;}
.tools ul li span.fr{flex:1;}
.tools ul li span.fr h3{font-size:0.3rem; color:#000; line-height:0.4rem; height:0.4rem; overflow:hidden;}
.tools ul li span.fr p{font-size:0.24rem; color:#666; line-height:0.4rem; height:0.4rem; overflow:hidden; margin:0.1rem 0 0 0;}

/* 一分钟了解自己 */
.tools_know{clear:both; width:100%;}
.tools_know p{clear:both; margin:0 0.24rem; font-size:0.26rem; line-height:0.58rem; color:#333; margin:0.26rem 0.24rem;}
.tools_know .input_form{clear:both; margin:0.26rem 0.24rem;}
.tools_know .input_form h3{font-size:0.3rem; line-height:0.62rem; font-weight:bold; color:#333;}
.tools_know .input_form .input_ct{clear:both; width:100%; margin:0 0 0.16rem 0; float:left;}
.tools_know .input_form .input_ct span{clear:both; width:100%; display:flex; height:0.6rem; margin: 0.26rem 0 0.1rem 0; float:left;}
.tools_know .input_form .input_ct span.gender{margin:0.18rem 0 0 0; height:0.4rem;}
.tools_know .input_form .input_ct span.gender h4{line-height:0.4rem; height:0.4rem; overflow:hidden;}
.tools_know .input_form .input_ct span input.radio1{width:0.28rem; height:0.28rem; float:left; margin:0.06rem 0 0 0.2rem;}
.tools_know .input_form .input_ct span label{float:left; font-size:0.24rem; color:#333; line-height:0.46rem; height:0.46rem; overflow:hidden; margin:0 0 0 0.1rem;}
.tools_know .input_form .input_ct span h4{font-size:0.28rem; color:#333; line-height:0.6rem; height:0.6rem; overflow:hidden;}
.tools_know .input_form .input_ct span input.txt1{height:0.6rem; line-height:0.6rem; border:1px solid #e9e9e9; text-indent:0.2rem; margin:0 0.16rem 0 0.2rem;}
.tools_know .input_form .input_ct span h5{flex:1; font-size:0.24rem; color:#333; line-height:0.6rem; height:0.6rem; overflow:hidden;}
.tools_know .input_form .btn_01{margin:0.24rem 0 0 0; float:left;}

.tools_know .input_form .input_result{clear:both; width:100%; margin:0 0 0.16rem 0; float:left;}
.tools_know .input_form .input_result h4{font-size:0.28rem; line-height:0.46rem; color:#333; margin:0.18rem 0 0 0; clear:both; width:100%; float:left;}
.tools_know .input_form .input_result h4 font{color:#ff6600; margin:0 0 0 0.16rem;}
.tools_know .input_form .input_result table{width:100%; clear:both; border:1px solid #e9e9e9; font-size:0.24rem; color:#333; text-align:center; background-color:#f6fbf1; margin:0.18rem 0 0.14rem 0; float:left;}
.tools_know .input_form .input_result table tr th{height:0.6rem; line-height:0.6rem; background-color:#e3f0d6; font-weight:bold;}
.tools_know .input_form .input_result table tr td{height:0.6rem; line-height:0.6rem; border-bottom:1px solid #e9e9e9; width:25%;}

/* 减肥专题 */
.special_list1{clear:both; width:100%;}
.special_list1 li{clear:both; width:100%; background-color:#fff; margin:0.2rem 0 0 0; padding:0 0 0.16rem 0;}
.special_list1 li span{display:block; width:100%; height:5.2rem; display:block; overflow:hidden;}
.special_list1 li span img{width:100%;}
.special_list1 li h3{clear:both; margin:0.2rem 0.24rem 0 0.24rem; font-size:0.38rem; color:#333; line-height:0.68rem; height:0.68rem; overflow:hidden; font-weight:bold;}
.special_list1 li p{clear:both; margin:0 0.24rem 0 0.24rem; font-size:0.28rem; color:#333; line-height:0.54rem; height:0.54rem; color:#999; overflow:hidden;}

/* 减肥专题2 */
.special_detail{clear:both; width:100%; background-color:#fff;}
.special_detail span{clear:both; width:100%; display:block; height:5.2rem; overflow:hidden;}
.special_detail span img{width:100%;}
.special_intro{clear:both; margin:0.26rem 0.24rem 0.26rem 0.24rem;}
.special_intro h3{float:left; width:5.8rem; margin:0 0 0.1rem 0; font-size:0.38rem; color:#333; line-height:0.68rem; height:0.68rem; overflow:hidden; font-weight:bold;}
.special_intro a.intro{display:inline-block; float:right; margin:0 0 0.1rem 0.2rem; font-size:0.28rem; color:#bbb; line-height:0.68rem; height:0.68rem; overflow:hidden;}
.special_intro a.intro i{display:inline-block; width:0.24rem; height:0.24rem; background:url(../images/arrow_03.png) no-repeat right center; background-size:100%; margin:0 0 0 0.06rem;}
.special_intro a.intro i.pic_rotate{-moz-transform:scaleY(-1);
 -webkit-transform:scaleY(-1);
 -o-transform:scaleY(-1);
 transform:scaleY(-1);
 /*IE*/
 filter:FlipV;
 vertical-align:middle;
}

.special_intro p{clear:both; width:100%; font-size:0.28rem; color:#666; line-height:0.48rem;}