

/*   font-size: 25px; */    
/* 对于设计图来说，我们是用这个作为相对单位 */



/*首页index*/
body{min-width: 320px;}


/*nav*/
.mb60 { margin-bottom:60px;}
.mb50 { margin-bottom:50px;}

.nav{width:100%; background: #404042; position:fixed; left:0; bottom:0px; z-index: 999; min-width: 320px;/* padding-top:5px;*/ box-sizing: border-box; border-top: 1px solid #d1d1d1; padding:3px 0;}
.nav ul li a {width:25%; float:left; text-align: center; color:#acacac; font-size: 12px;}
.nav ul li a.select { color:#fff; font-size: 12px; border-bottom:#ff4f3c 1px solid; background:#262628;}
.nav ul li a.shouye:before{content:'\e621';font-family: 'ziti'; display:block; font-size: 24px;}
.nav ul li a.guanyu:before{content:'\e605';font-family: 'ziti'; display: block; font-size: 24px;}
.nav ul li a.gwc:before{content:'\e629';font-family: 'ziti'; display: block; font-size: 24px;}
.nav ul li a.wode:before{content:'\e60c';font-family: 'ziti'; display: block; font-size: 24px;}



/*轮播图*/
.focus{ width:auto; height:auto;  margin:0 auto; position:relative; overflow:hidden;}
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:15px; text-align:center;}
.focus .hd ul{ display:inline-block; height:8px; padding:8px 5px; }
.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:10px; border-radius:5px; background:#808080; margin:0 5px;  vertical-align:top; overflow:hidden; color:rgba(0,0,0,0);}
.focus .hd ul .on{ background:#ae9788;}

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:auto;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }


/*内容区*/
.wap { width:100%; margin:0 auto; position:relative;}

/*首页*/
.sy-top { height:46px; border-bottom:#dfdfdf 1px solid; position:relative; background:#fff;}
.sy-top .sy-logo { left:0px; top:-23px; z-index:10; width:30%; position: relative; text-align:center;}
.sy-top .sy-logo .logo-img { width:48px; height:48px; border-radius:50%; overflow:hidden; margin:0 auto;}
.sy-top .sy-logo p { font-size:12px; color:#555555; font-family: '微软雅黑 Light'; line-height:22px;}


.sy-top .top-nav { right:0px; bottom:0px; position:absolute; margin:5px 0; width:70%; height:37px; box-sizing:border-box; font-family: '微软雅黑 Light';}
.sy-top .top-nav li a { width:33%; float:left; text-align:center; color:#555555; font-size:12px; border-right:#dfdfdf 1px solid;}
.sy-top .top-nav li a.xzmd:before{content:'\e62c';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}
.sy-top .top-nav li a.scbd:before{content:'\e62d';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}
.sy-top .top-nav li a.sys:before{content:'\e62f';font-family: 'ziti'; display: block; font-size: 22px; color:#333; font-size:20px;}


.sy-money { padding:10px 0px 10px; position:relative;}
.sy-money li { width:33.3%; float:left; text-align:center; line-height:60px; position:relative; padding:0 5px; box-sizing:border-box;}
.sy-money li .money-bj { width:100%; height:60px; border-radius:3px; font-family: '微软雅黑 Light';}
.sy-money li .bai-bg { background:#fff; width:100%; height:5px; position: relative; top:15px;}
.sy-money li .red { background:#feeaeb; border:#f59fbb 1px solid;}
.sy-money li .red p { color:#ec595f; font-size:14px;}
.sy-money li .red p span { font-size:16px;}
.sy-money li .green { background:#e4fddc; border:#a6dd92 1px solid;}
.sy-money li .green p { color:#7acd85; font-size:14px;}
.sy-money li .green p span { font-size:16px;}
.sy-money li .cheng { background:#feeae1; border:#faa392 1px solid;}
.sy-money li .cheng p { color:#ffae92; font-size:14px;}
.sy-money li .cheng p span { font-size:16px;}

.content {font-family: '微软雅黑 Light';}
.content .cont-title { height:34px; line-height:34px; position:relative; padding:0 5px; box-sizing:border-box;}
.content .cont-title h2 { font-size:16px; color:#333; font-weight:normal;}
.content .cont-title i { font-size:18px; color:#919296; position:absolute; right:10px; bottom:0px;}
.cont-bg { display:block; overflow:hidden; position:relative; color:#5b6064; margin-bottom:-1px; border:1px solid #dfdfdf; background:#fff;}

.zmjl li { width:25%; float:left; text-align:center; border-right:#dfdfdf 1px solid; position:relative;  padding:15px 0; box-sizing:border-box;}
.zmjl li .jl-img { width:40px; height:40px; border-radius:50%; overflow:hidden; margin:0 auto;}
.zmjl li .jl-img img { width:100%; height:100%;}
.zmjl li p { font-size:14px; color:#5b6064; line-height:22px;}

.jsyj { padding:10px 0;}
.jsyj li { width:33.3%; float:left; text-align:center; position:relative; padding:0 5px; box-sizing:border-box;}
.jsyj li img { width:100%; height:100%;}
.jsyj li p { font-size:12px; color:#5b6064; line-height:22px;}
.jsyj li span { font-size:14px; color:#ff4a3a;}




/*选择门店*/
.search { height:32px; line-height:32px; background:#fff; border: 1px solid #dfdfdf; border-radius: 5px; box-sizing: border-box; margin:10px 10px; position:relative;}
.search input { padding-left:5px; box-sizing:border-box; background:none; width:90%; line-height:32px; color:#a9a9a9; font-family: '微软雅黑 Light'; font-size: 14px;}
.search:before{content:'\e60e';font-family: 'ziti'; color:#bcbcbb; font-size:22px; right:5px; position:absolute; cursor:pointer;}

.mt10 { margin-top:10px;}
.pd10 { padding:0 10px; box-sizing:border-box;}
.mengd { padding:10px 0; box-sizing:border-box; position:relative; font-family: '微软雅黑 Light'; border-bottom:1px solid #dfdfdf;}
.mengd .mengd-img { width:60px; height:60px; border-radius:50%; overflow:hidden;}
.mengd .mengd-text { padding-left:70px; top:10px; position:absolute;}
.mengd .mengd-text p { font-size:14px; color:#9e9e9e; line-height:18px;}
.mengd .mengd-text h2 { font-size:18px; color:#565b5f; font-weight:bold;}
.mengd-bot a { color:#9e9e9e; font-size:16px; font-family: '微软雅黑 Light';}
.mengd-bot .md_left { float:left; width:50%; height:32px; line-height:32px; border-right:1px solid #dfdfdf; margin-right:-1px; position:relative;text-align:center;}
.mengd-bot .md_right { float:left; width:50%; height:32px; line-height:32px; position:relative; text-align:center;}
.mengd-bot .md_left i { color: #ff4a3a; font-size: 20px; margin-right: 10px;}
.mengd-bot .md_right i { color: #ff4a3a; font-size: 21px; margin-right: 10px;}




/*教练列表*/
.jl-list { padding:10px 0; box-sizing:border-box; position:relative; font-family: '微软雅黑 Light';}
.jl-list .jl-img { width:60px; height:60px; border-radius:50%; overflow:hidden;}
.jl-list .jl-text { padding-left:70px; top:10px; margin-right:15px; position:absolute;}
.jl-list .jl-text p { font-size:14px; color:#9e9e9e; line-height:18px;}
.jl-list .jl-text h2 { font-size:18px; color:#565b5f; font-weight:bold;}
.jl-list span { position:absolute; right:0px; top:15px; cursor:pointer;}




/*教练详情*/
.jlxq-title { padding:15px 0; box-sizing:border-box; text-align:center; font-family: '微软雅黑 Light';}
.jlxq-title img { width:112px; height:112px; border-radius:50%; overflow:hidden; margin:0 auto; -webkit-box-shadow:0px 0px 15px rgba(51, 51, 51, 0.7); -moz-box-shadow:0px 0px 15px rgba(51, 51, 51, 0.7); box-shadow:0px 0px 15px rgba(51, 51, 51, 0.7);}
.jlxq-title h2 { font-size:18px; padding-top:10px; color:#565b5f; font-weight:bold;}
.jlxq-title p { font-size:14px; color:#565b5f; line-height:22px;}
.jlxq-title p i { color: #f4c600; font-size: 24px;}
.jlxq-text { padding:0 10px; box-sizing:border-box;}
.jlxq-text .text-title { height:30px; line-height:30px; border-bottom:#ff796d 1px solid; width:150px;}
.jlxq-text .text-title span { font-family: '微软雅黑 Light'; border-bottom:#ff2b18 2px solid; padding-bottom:3px; color:#ff2b18; font-size:16px;}
.jlxq-text p { font-family: '微软雅黑 Light'; font-size:14px; color:#565b5f; line-height:22px; padding-top:5px;}






/*代金券未使用*/
.d-nav {background-color:#fff;height:36px;display:-webkit-box;display:box; font-family: '微软雅黑 Light';}
.d-nav-item{display:block;cursor:pointer;-webkit-box-align:stretch;box-sizing:border-box;-webkit-box-flex:1;box-flex:1;text-align:center;position:relative;}
.d-nav-txt{display:inline-block;line-height:34px;white-space:nowrap;overflow:hidden;color:#666;}
.d-nav-item-on .d-nav-txt{color:#ff4a3a;border-bottom:2px solid #ff4a3a; width:50%;}

.d-wsy { margin:10px 10px 0 10px; position:relative; font-family: '微软雅黑 Light'; background:#fff; height:90px;-webkit-box-shadow:0px 1px 2px rgba(51, 51, 51, 0.3); -moz-box-shadow:0px 1px 2px rgba(51, 51, 51, 0.3); box-shadow:0px 1px 2px rgba(51, 51, 51, 0.3);}
.d-wsy .hui { background:url(../images/hui.jpg) repeat-y; width:85px; height:90px;}
.d-wsy .lan { background:url(../images/lan.jpg) repeat-y; width:85px; height:90px;}
.d-wsy .hong { background:url(../images/hong.jpg) repeat-y; width:85px; height:90px;}
.d-wsy .d-left { left:0px; text-align: center; padding:10px 10px; box-sizing:border-box;}
.d-wsy .d-left .djq { font-size:14px; color:#ededed; line-height:18px;}
.d-wsy .d-left .sy { font-size:12px; color:#f9f9f9; line-height:18px;} 
.d-wsy .d-left .d-je { font-size:16px; color:#fff; border-bottom:#e5e5e5 1px solid; line-height:30px;}
.d-wsy .d-left .d-je span { font-size:18px;}
.d-wsy .d-right { left:95px; bottom:0px; right:0px; top:0px; position:absolute;}
.d-wsy .d-right h2 { font-size:14px; color:#000; line-height:48px; position:absolute; z-index:20; top:0px;}
.d-wsy .d-right p { font-size:12px; color:#828282; line-height:18px; position:absolute; z-index:20; bottom:5px;}
.d-wsy .d-right .wsy { background:url(../images/wsy.png) no-repeat bottom right; width:92px; height:77px; right:0px; bottom:0px; position:absolute; background-size: cover;}
.d-wsy .d-right .ysy { background:url(../images/ysy.png) no-repeat bottom right; width:92px; height:77px; right:0px; bottom:0px; position:absolute; background-size: cover;}
.d-wsy .d-right .ygq { background:url(../images/ygq.png) no-repeat bottom right; width:92px; height:77px; right:0px; bottom:0px; position:absolute; background-size: cover;}




/*充值*/
.sele { font-family: '微软雅黑 Light';}
.sele p { height:34px; line-height:34px; border-bottom:#dfdfdf 1px solid; font-size:14px; color:#717171; position:relative; margin:0 10px;}
.sele p span { margin-left:25%; width:75%; bottom:0px; right:0px; position: absolute;}
.sele p span select { width:100%; border:none; height:33px; line-height:33px; font-size:14px; color:#969696; font-family: '微软雅黑 Light';}
.lijicz { margin:30px 10px 0 10px; height:36px; line-height:36px; background:#ff4a3a; text-align:center; border-radius:3px;}
.lijicz a { font-size:16px; color:#fff;font-family: '微软雅黑 Light';}

.cz-je { text-align:center;font-family: '微软雅黑 Light'; margin-top:130px;}
.qq-xx { height:32px; line-height:32px; position:relative; margin:0 10px;}
.qq-xx .qx { position:absolute; left:0px; cursor:pointer; font-size:16px; color:#717171;}
.qq-xx .qd { position:absolute; right:0px; cursor:pointer; font-size:16px; color:#717171;}
.cz-je p { line-height:32px;}
.cz-je .samll { font-size:12px; color:#969696;}
.cz-je .big { font-size:14px; color:#717171;}
.cz-je h2 { font-size:18px; color:#ff4a3a; font-weight:normal; margin-bottom:-1px; border:1px solid #dfdfdf; line-height:32px;}



/*评价*/
.pj-bg { background:#fff;}
.pj { padding:10px 0; box-sizing:border-box; position:relative; font-family: '微软雅黑 Light';}
.pj .pj-img { width:60px; height:60px; border-radius:3px; overflow:hidden;}
.pj .pj-text { padding-left:70px; top:10px; position:absolute;}
.pj .pj-text p { font-size:16px; color:#ff4a3a; line-height:26px;}
.pj .pj-text h2 { font-size:18px; color:#565b5f; font-weight: normal;}

.pf { height:42px; line-height:42px; position:relative; font-family: '微软雅黑 Light'; color:#000; font-size:14px;}
.pf img { display:inline-block; background-size:100% 100%; width:20px; height:20px; margin-right:5px; vertical-align:middle;} 

.pl { position:relative; font-family: '微软雅黑 Light'; color:#000; min-height:85px; font-size:14px; padding:10px 0; box-sizing:border-box;}
.pl p { top:10px; position:absolute;}
.pl .p-right { left:70px; top:10px; color:#969696; font-size:14px;  line-height:22px; position:absolute;}

.pf2 { line-height:32px; position:relative; font-family: '微软雅黑 Light'; color:#000; font-size:14px; padding:10px 0; box-sizing:border-box;}
.pf2 img { display:inline-block; background-size:100% 100%; width:15px; height:15px; margin-right:5px; vertical-align:middle;} 










