course_f257e6f.css 5.83 KB
.course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0}
.course-section .course-section .glyphicon-chevron-left{left:-50px!important}
.course-section .course-section .glyphicon-chevron-right{right:-50px!important}
.course-section .carousel-control{background:none!important}
.course-section .carousel-indicators{bottom:-48px}
.course-section .carousel-indicators li{border-color:transparent;background:#cecece}
.course-section .carousel-indicators .active{background:#225590;border-color:#225590}
.course-section .glyphicon-chevron-right{background:url(/static/html/home/img/icon_right_normal_507b3c2.png) no-repeat;width:56px!important;height:56px!important;display:block;right:-70px!important}
.course-section .glyphicon-chevron-right:before{content:' '}
.course-section .glyphicon-chevron-right:hover{background:url(/static/html/home/img/icon_right_hover_281c0ce.png) no-repeat}
.course-section .carousel-control{width:0}
.course-section .glyphicon-chevron-left{background:url(/static/html/home/img/icon_left_normal_8531b31.png) no-repeat;width:56px!important;height:56px!important;display:block;left:-70px!important}
.course-section .glyphicon-chevron-left:before{content:' '}
.course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat}
.course-section .t-cn{padding-top:70px;color:#4a494a}
.course-section h2{text-align:center}
.course-section .carousel-outer{max-width:1210px}
.course-section .caro-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:1210px}
.course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"}
.course-section .caro-item li span{display:block;padding:0 20px}
.course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px}
.course-section .caro-item li .sp-cn:before{background:url(/static/html/home/img/icon_arraw_white_943b5f6.png);width:24px;height:24px;display:inline-block;content:' ';margin-right:6px;vertical-align:top}
.course-section .caro-item li .sp-en{font-size:18px;opacity:.8}
.course-section .caro-item .balance{width:250px;height:460px;background:url(/static/html/home/img/bg_Balance_e869a1f.png) no-repeat;background-size:cover}
.course-section .caro-item .energy{width:280px;height:460px;background:url(/static/html/home/img/bg_Total_Energy_0d4e7ea.png) no-repeat;background-size:cover}
.course-section .caro-item .HiiT{width:280px;height:460px;background:url(/static/html/home/img/bg_Total_HiiT_7969cda.png) no-repeat;background-size:cover}
.course-section .caro-item .total-body{width:280px;height:460px;background:url(/static/html/home/img/bg_Total_Body_c85fe6b.png) no-repeat;background-size:cover}
.course-section .caro-item .total-pilates{width:280px;height:460px;background:url(/static/html/home/img/bg_Gravity_Pilates_0099fac.png) no-repeat;background-size:cover}
.course-section .caro-item .gravity{width:280px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}
.course-section .caro-item .gravity{width:280px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}
.course-section .caro-item .rehab{width:250px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover}
.course-section .caro-item .personal{width:280px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover}
.course-section .caro-item .pilates{width:250px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover}
.course-section .caro-item .reservation{width:133px;height:40px;box-sizing:border-box;border:2px solid #fff;line-height:36px;display:block;font-size:20px;color:#fff;border-radius:20px;text-align:center;margin:95px auto 0;text-decoration:none}
.course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623}
.banner-section{padding-top:70px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px}
.banner-section p{width:622px;height:92px;box-sizing:border-box;font:36px/92px "LiHei Pro";margin:0 auto;color:#fff;text-align:center}
.banner-section a{display:block;border:1px solid #fff;width:160px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none}
.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}
@media screen and (max-width:1300px) and (min-width:1063px){.course-section .glyphicon-chevron-left{left:20px!important}
.course-section .glyphicon-chevron-right{right:20px!important}}
@media only screen and (max-width:767px){.course-section{height:auto;background:url(/static/html/home/img/bg_course_b616c02.png) repeat-y 50% 0}
.course-section .carousel-control{display:none}
.course-section .carousel-indicators{display:none}
.course-section .t-cn{padding-top:70px;color:#4a494a}
.course-section .carousel-outer{max-width:none;min-width:0}
.course-section .caro-item{display:block;max-width:none;min-width:0}
.course-section .caro-item li{margin:20px auto;width:280px!important}
.banner-section{padding-top:90px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px}
.banner-section p{width:auto;height:60px;box-sizing:border-box;margin:0 20px;font:18px/60px "LiHei Pro";color:#fff;text-align:center}
.banner-section a{display:block;border:1px solid #fff;width:160px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none}
.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}}
@media only screen and (min-width:768px) and (max-width:1142px){.course-section{width:100%;overflow:hidden}}