@charset "utf-8";
body{min-width: 1180px;margin: 0 auto;padding-top: 50px;background: #fff;}
.color_cd295a{color: #cd295a;}
.color_f73d51{color: #f73d51;}
.bold_num{font-weight: bold;font-size: 20px;}
.marginl-125{margin-left: 125px;}
.marginl-70{margin-left: 70px;}
.marginl-50{margin-left: 50px;}
.marginr-168{margin-right: 168px;}
.marginr-125{margin-right: 125px;}
.marginr-70{margin-right: 70px;}
.border-b{border-bottom: 1px solid #eaeaea;}
.title {font-size: 33px; font-weight: 700; margin-top: 70px; margin-bottom: 40px;}
.wrap { width: 1000px; }
/* banner */
/* .banner{position: relative;box-shadow: 0 0 10px 5px #c9e8fd;} */
.banner{width: 100%; height: 397px; position: relative; background: url(../image/banner_bg.png) no-repeat;background-size: 100% 100%; }
/* .banner>img{width: 100%;display: block;} */

/* btn */
.btn { text-align: center;position: relative;height: 60px;}
.btn div {position: absolute;top: -25px; width: 100%;margin-left: 9px;}
.btn p{position: relative; width: 203px;height: 43px;display: inline-block; background: url(../image/btn.png) no-repeat; background-size: 100% 100%; margin-right: 20px;font-size: 16px; padding-top: 15px; z-index: 1; }
.btn p span {position: absolute; display: none; top: 33px; left: 8px; width: 187px;height: 100px;background-color: #fff0d2;margin-top: 25px;color: #62626c;padding-top: 11px; line-height: 25px;border-radius: 0 0 8px 8px}



.xly { padding-bottom: 30px; }
.xly .title { padding-top: 60px; }

/* 7x24小时 */
.plan ul li { padding: 0 58px !important; margin-bottom: 30px; }
.zero {background: url(../image/top_0.png) no-repeat; }
.o {background: url(../image/top_1.png) no-repeat;}
.tw {background: url(../image/top_2.png) no-repeat;}
.th {background: url(../image/top_3.png) no-repeat;}
.f {background: url(../image/top_4.png) no-repeat;}
.baoming_box{ width: 865px; height: 280px;background-size: 100% 100%;padding-left:25px;position: relative; }
.baoming_box .top{ font-size: 22px; height: 60px;line-height: 60px; color: #fff }
.baoming_box .left { width: 348px;margin-top: 20px;text-align: left; border-right: 1px solid #ccc; padding: 10px 0;float: left; }
.baoming_box .left p { width: 308px; height: 62px; line-height: 62px;font-size: 17px; font-weight: 700;border: 1px solid #ccc; color: #000;padding: 0 20px;box-sizing: border-box;background: url(../image/ok_fff.png) no-repeat;background-position: 256px 21px;}
.baoming_box .left .actives {border: 3px solid #f9c85d;background: url(../image/ok_red.png) no-repeat;background-position: 256px 21px;}
.baoming_box .left p:first-child { margin-bottom: 20px;}
.baoming_box .right {width: 470px; float: left;margin-top: 20px;text-align: left;padding: 10px 0; padding-left: 29px; }
.baoming_box .right p { color: #000; font-size: 15px; font-weight: 700;padding-bottom: 22px;}
.baoming_box .right p span:first-child { color: #d70b28; font-size: 24px; font-weight: 700;}
.baoming_box .right .last { display: inline-block; background-color: #f9c85d; height: 20px; line-height: 20px; border-radius: 10px;padding: 0 10px;font-size: 13px; }
.baoming_box .right del { color: #999 }
.baoming_box a { width: 180px; height: 50px; display: inline-block; position: absolute;top: 185px;right: 85px;background-color: #d70b28;text-align: center;line-height: 50px;border-radius: 25px;font-size: 20px; color: #fff;}
.baoming_box > i { width: 180px; height: 50px; display: inline-block; position: absolute;top: 185px;right: 85px;background-color: #ccc;text-align: center;line-height: 50px;border-radius: 25px;font-size: 20px; color: #555;}
.baoming_box .a {box-shadow: 0 3px 15px #d70b28; }

.money { margin-left: 16px; }

/* 训练营 */
.xly {background-color: #f6f6f6;}
.xly .nameinfo p{font-size: 15px; padding-top: 10px;}
.xly .nameinfo:nth-child(2) { font-weight: 900; }

/* tab */
.tab { background-color: #f6f6f6; padding-bottom: 60px; }
.tab .title { padding-top: 60px; padding-bottom: 40px; }
.tab .top ul {width:1000px; margin: auto; }
.tab .top li { float: left;font-size: 24px;font-weight: 400; height: 62px; width: 25%; line-height: 62px; background:url(../image/tabtop_bg.png) no-repeat; background-size: 100% 100%;cursor: pointer}
.tab .top ul .actives { background: url(../image/tab.png) no-repeat;background-size: 100% 100%; font-weight: 700; }

.tab .bottom ul { padding-top: 12px; border: 4px solid #f8c95c; width: 992px; height: 956px;margin: auto;}
.tab .bottom li { text-align: left; background-position: 0 10px;}
.tab .bottom li>div { padding-left: 130px; }
.tab .bottom li>div p:first-child { padding-top: 20px; font-size: 20px; color: #000; font-weight: 700;padding-bottom: 20px;  }
.tab .bottom li>div .fl { font-size: 15px; line-height: 30px;color: #8c8c8c; width: 364px; }
.oneline span {font-size: 15px; line-height: 12px;color: #8c8c8c; display: inline-block;}
/* .tab .bottom li>div .r { margin-left: 30px; } */
.tab .bottom li .one p span { font-size: 15px; line-height: 27px;color: #8c8c8c; margin-right: 90px; }
.tab .bottom li .two p:nth-child(2) { font-size: 12px; color: #d0d0d0; }
.tab .bottom .on { background: url(../image/left_1.png) no-repeat; background-position: 5px 10px; }
.tab .bottom .tw { background: url(../image/left_2.png) no-repeat; background-position: 5px 10px; }
.tab .bottom .th { background: url(../image/left_3.png) no-repeat; background-position: 5px 10px; }
.tab .bottom .fo { background: url(../image/left_4.png) no-repeat; background-position: 5px 10px; }

.nowaction img { width: 100%; }

/* 吸底 */
.foot {width: 100%; background: url(../image/xidibg.png) no-repeat;background-size: 100% 100%; position: fixed; bottom: 0px;left: 0;color: #fff;text-align: left;z-index:999}
.foot .fir { width: 23px; height: 57px;background: url(../image/foot_3.png) no-repeat; color: #cd567d;padding-top: 8px;font-size: 15px;text-align: center;font-weight: 700;margin-top: 10px; }
.foot .img { margin-top: 15px; margin-left: 75px; }
.foot p { display: inline-block; }
.foot .one { padding-top: 12px; padding-bottom: 4px; font-size: 19px; }
.foot .two {font-size: 24px; padding-bottom: 16px;}
/* .foot .a {width: 180px; height: 50px;background-color: #d70b28;text-align: center;line-height: 50px; margin-top: -30px; position: absolute;right: 450px;top: 40px;border-radius: 25px;font-size: 18px;} */
.foot .a {cursor: pointer; width: 180px; height: 50px;background:url(../image/btn_bg.png) no-repeat;text-align: center;line-height: 50px; margin-top: -30px; position: absolute;right: 0px;top: 48px;border-radius: 25px;font-size: 18px;}
.foot .person { display: inline-block; position: absolute; height: 20px;top: -5px; right: 295px;}
.foot .person span { height: 50px;width: 30px; display: block; float: left; background-color: #fff; margin-right: 10px;border-radius: 3px;color: red;font-weight: 700; margin-top: 20px;line-height: 50px;text-align: center;font-size: 27px;}
.foot .shengyv { line-height: 80px; font-size:24px;margin-left:50px;margin-bottom:20px;}



/* 蒙版 */
.mark { width: 100%; height: 100%; 
    background-color:rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
    position:fixed;top:0;z-index:999;display:none;}
:root .color-block{filter:none;}


/* 弹框 */
.tan { width: 320px; height: 200px; background: url(../image/mark_bg.png) no-repeat; position: fixed; top: 0;bottom: 0;left: 0;right: 0;margin: auto; z-index: 1000;color: #fff;display: none;}
.tan .content { position: relative; }
.tan .content > img { position: absolute; top: 13px; right: 16px; }
.tan .one img { margin-top: 20px; margin-left: 25px; }
.tan .two { margin-left: 18px; }
.tan p { font-size: 12px; margin-bottom: 13px; padding-top: 74px}
.tan i { font-size: 24px; }