@font-face {
  font-family: 'iconfont';  /* project id 550338 */
  src: url('//at.alicdn.com/t/font_550338_bsqgej77q8.eot');
  src: url('//at.alicdn.com/t/font_550338_bsqgej77q8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_550338_bsqgej77q8.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_550338_bsqgej77q8.woff') format('woff'),
  url('//at.alicdn.com/t/font_550338_bsqgej77q8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_550338_bsqgej77q8.svg#iconfont') format('svg');
}
/*课堂观察公共样式*/                    
html { width: 100%; height: 100%; background: #f0f0f0; }
body { min-width: 300px; max-width: 768px; margin: 0 auto !important; height: 100%; }
.btn-s1 { display: inline-block; padding: 5px 10px; border-radius: 20px; border: 2px solid #ccc; font-size: 14px; position: relative; }
.org-line { color: #ffae02; border-color: #ffae02; }
.org-line:active { background: #ffae02; color: #fff; top: 1px; }
.blue-line { color: #00adef; border-color: #00adef; }
.blue-line:active { background: #00adef; color: #fff; top: 1px; }
.btn-blue { background: #00adef; border-color: #00adef; color: #fff; line-height: 16px; }
.btn-green { background: #5fcb25; border-color: #5fcb25; color: #fff; line-height: 16px; }
.vi-gray { color: #cc984c; }
.vi-blue { color: #00adef; }
.vi-green { color: #5fcb25 !important; }
.vi-org { color: #ff9600; }
.vi-red { color: red; }
.verm { vertical-align: middle; position: relative; top: -1px; }
sub { bottom: 0 !important; }
ul li, dl dt, dl dd { display: block; }
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
/*外围框架*/
.wrap-box { width: 100%; -webkit-overflow-scrolling: touch; height: 100%; position: relative; overflow: auto; box-sizing: border-box; padding: 51px 0 60px 0; }
.header { position: fixed; left: 0; top: 0; background: #08b0f0; }
/*头部*/
.classroom-bar { background: url(../images/bg/header-bg.png) repeat-x 0 bottom #00adef; z-index: 2; }
.classroom-bar:after { content: ""; display: block; position: absolute; left: 0; bottom: -6px; width: 100%; height: 6px; background: url(../images/bg/header-bg.png) repeat-x 0 bottom; background-size: 24px 6px; }
.serach { background: #ffefcc; position: relative; padding: 14px 0 6px 0; z-index: 1; }
.serach:after { content: ""; display: block; position: absolute; left: 0; bottom: -6px; width: 100%; height: 6px; background: url(../images/bg/search-bg.png) repeat-x 0 bottom; background-size: 24px 7px; }
.serach-info { width: 72%; margin: 0 auto; height: 34px; border-radius: 25px; border: 2px solid #ffb39b; background: #fffbf4; box-sizing: border-box; padding-right: 42px; overflow: hidden; position: relative; }
.serach-info .txt { width: 100%; height: 30px; border: 0; background: none; border-radius: 25px; box-sizing: border-box; padding: 0 15px; font-size: 14px; line-height: 31px; color: #ff9702; }
.serach-info .btn { position: absolute; right: 0; top: 1px; width: 42px; height: 30px; border: 0; background: none; text-align: center; line-height: 30px; font-size: 24px; color: #ffa902; }
/*浮动菜单*/
.foot-menu { width: 100%; max-width: 768px; height: 64px; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); position: fixed; left: 0; bottom: 0; z-index: 100; box-sizing: border-box; padding: 0 0; }
.foot-menu a { display: block; width: 25%; height: 58px; float: left; font-size: 14px; margin: 0; padding: 3px 0 0 0; text-align: center; color: #999999; position: relative; }
.foot-menu a i { display: block; height: 30px; font-size: 32px; line-height: 30px; color: #f07067; }
.foot-menu a .icon { display: block; width: 36px; height: 36px; color: #f07067; margin: 0 auto; }
.foot-menu a.active:before { display: block; content: ''; width: 100%; height: 3px; background: #e5584e; position: absolute; left: 0; top: 0; }
.foot-menu a.lanqiu { color: #e5584e; }
.foot-menu a.lanqiu:before { background: #e5584e; }
.foot-menu a.koushao { color: #f28e00; }
.foot-menu a.koushao:before { background: #f28e00; }
.foot-menu a.heiban { color: #837159; }
.foot-menu a.heiban:before { background: #837159; }
.foot-menu a.lanqiuchang { color: #a2b847; }
.foot-menu a.lanqiuchang:before { background: #a2b847; }


.foot-menu div { display: block; width: 25%; height: 58px; float: left; font-size: 14px; margin: 0; padding: 3px 0 0 0; text-align: center; color: #999999; position: relative; }
.foot-menu div i { display: block; height: 30px; font-size: 32px; line-height: 30px; color: #f07067; }
.foot-menu div .icon { display: block; width: 36px; height: 36px; color: #f07067; margin: 0 auto; }
.foot-menu div.active:before { display: block; content: ''; width: 100%; height: 3px; background: #e5584e; position: absolute; left: 0; top: 0; }
.foot-menu div.lanqiu { color: #e5584e; }
.foot-menu div.lanqiu:before { background: #e5584e; }
.foot-menu div.koushao { color: #f28e00; }
.foot-menu div.koushao:before { background: #f28e00; }
.foot-menu div.heiban { color: #837159; }
.foot-menu div.heiban:before { background: #837159; }
.foot-menu div.lanqiuchang { color: #a2b847; }
.foot-menu div.lanqiuchang:before { background: #a2b847; }

.foot-menu .foot-hid-menu { width: 96%; background: #fff; color: #000; position: absolute; bottom: 64px; left: 2%; border-radius: 5px; box-sizing: border-box; border: 1px #ccc solid; padding: 5px 0 8px 0; display: none;}
.foot-menu .foot-hid-menu a{ width: 100%; height: 22px; line-height: 22px; float: none; color: #333;}
.foot-menu .foot-hid-menu:before{display: block; content: ''; border: 6px solid; width: 0; border-color: #ccc transparent transparent transparent; position: absolute; left: 50%; margin-left: -6px; bottom: -12px; z-index: 1;}
.foot-menu .foot-hid-menu:after{display: block; content: ''; border: 6px solid; width: 0; border-color: #fff transparent transparent transparent; position: absolute; left: 50%; margin-left: -6px; bottom: -11px; z-index: 2;}

.foot-menu-c3 a{ width: 33.33333%;}
.foot-menu-c3 div{width: 33.33333%;}
@media screen and (min-width:640px) {
.foot-menu { margin-left: -320px; left: 50%; }
}
/*侧滑菜单*/
.hid-nav { width: 200px; height: 100%; background: url(../images/bg/hid-n-bg.jpg) no-repeat #3a4149; position: fixed; right: -200px; top: 0; z-index: 100; box-shadow: 0px 2px 5px 0px rgba(44, 44, 44, 0.54); }
.hid-nav .close { position: absolute; z-index: 10; right: 10px; top: 7px; color: #c5c5c5; }
.nav-head-box { position: relative; height: 52px; padding: 35px 0 25px 70px; color: #fff; z-index: 2; }
.nav-head-box:before { display: block; content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.1; }
.nav-head-box .uc-head { width: 26%; height: auto; border-radius: 100%; display: inline-block; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.54); position: absolute; top: 29px; left: 10px; }
.nav-head-box .uc-name { margin: 0; }
.nav-head-box .id-mail { color: #c5c5c5; }
.popu-nav { margin-top: 10px; }
.popu-nav li { font-size: 14px; margin: 0px 0 0 0; ; }
.popu-nav li a { display: block; padding: 5px 0 5px 15px; position: relative; color: #fff; }
.popu-nav li a:active { color: #39a1e8; }
.popu-nav li i { margin-right: 7px; color: #39a1e8; }
.popu-nav li ul { position: relative; padding: 5px 0 7px 0; }
.popu-nav li ul:after { content: ""; background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.2; z-index: 0; }
.popu-nav li ul li { font-size: 13px; padding-left: 10px; position: relative; z-index: 1; }
.popu-nav li ul li a { padding: 0px 0 0px 20px; }
/*场馆介绍*/
.homebg { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 20%, rgb(67,196,246) 31%, rgb(0,173,239) 60%); background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 20%, rgb(67,196,246) 41%, rgb(0,173,239) 60%); background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 20%, rgb(67,196,246) 41%, rgb(0,173,239) 60%); }
.homebg .header { }
.homebg .classroom-bar:after { background: none; }
.home-slide { text-align: center; }
.home-slide img { width: 41%; }
/*场馆头部名称*/
.home-name { position: relative; overflow: hidden; }
.home-name:after { content: ""; background: #000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.4; z-index: -0; border-radius: 8px 8px 0 0; }
.hnbox { position: relative; z-index: 1; padding: 20px 0 20px 90px; color: #fff; }
.hnbox .home-head { position: absolute; left: 15px; top: 50%; margin-top: -30px; display: block; width: 60px; height: 60px; }
.hnbox h1, .hnbox h2 { margin: 0; font-weight: normal; }
.hnbox h1 { font-size: 18px; margin-bottom: 5px; }
.hnbox h2 { font-size: 14px; }
/*场馆头部名称*/
.home-info { margin: -86px 15px 0 15px; }
.home-art { background: #fff; padding: 12px; color: #666; font-size: 13px; padding-bottom: 20px; }
.home-art img{ max-width: 100%;}
.home-video { border-radius: 5px; border: 1px solid #ccc; overflow: hidden; margin: 10px 0 6px 0; }
.home-video video { display: block; }
/*教师介绍*/
.teacher-box { background: #fff; margin: 50px 15px 0 15px; padding-top: 54px; border-radius: 5px; position: relative; }
.ter-head { width: 100px; height: 100px; border-radius: 100px; overflow: hidden; border: 2px #fff solid; position: absolute; left: 50%; top: -50px; margin-left: -52px; }
.ter-head img { display: block; width: 100%; height: 100%; border-radius: 100%; }
/*教师图文介绍*/
.ter-info { padding: 15px; color: #666; }
.ter-name h1 { font-weight: normal; font-size: 18px; padding: 10px 0 0 0; }
.pubart { font-size: 13px; line-height: 23px; padding: 10px 0 10px 0; }
.pubart img { width: 100%; border-radius: 5px; margin-top: 15px; display: block; }
.pubart-img img{ width: auto; margin: 0 auto; max-width: 100%;}

/*课程列表*/
.course-list { }
.clist li { background: #fff; margin-top: 10px; padding: 10px 15px 10px 0; min-height: 80px; position: relative; }
.clist li .clhead { display: block; width: 80px; height: 80px; border-radius: 5px; position: absolute; top: 50%; margin-top: -40px; left: 15px; }
.clist li a { padding-left: 110px; }
.clist li h1 { font-size: 16px; color: #424242; font-weight: normal; margin-bottom: 5px; }
.clist li p { font-size: 12px; color: #999; line-height: 16px; }
.rylist li { min-height: 45px; padding: 30px 15px 30px 0; }
.rylist li .clhead { border-radius: 100%; }
.rylist li .ry-item{padding-left: 110px;}
.vmore { display: block; text-align: center; color: #999; font-size: 14px; padding: 10px 10px 20px 10px; }
.course-detail { background: #fff; margin: 0 15px 0 15px; border-radius: 5px; position: relative; }
/*课程详情*/
.cd-head { position: relative; }
.cd-head .cdh-slide { width: 100%; border-radius: 5px 5px 0 0; display: block; }
.cdh-info { background: #000; position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; padding: 10px 15px 10px 15px; box-sizing: border-box; }
.cdh-info h1 { font-size: 16px; color: #fff; font-weight: normal; margin-bottom: 8px; }
.cdhi-uhead { color: #ff9600; position: relative; min-height: 40px; padding-left: 60px; }
.cdhi-uhead img { width: 40px; height: 40px; border-radius: 40px; border: 1px #ff9600 solid; position: absolute; left: 0; top: 50%; margin-top: -20px; }
/*注册*/
.reg-box { margin: 0px 15px; background: #fff; border-radius: 5px; min-height: 100%; }
.reg-ul { padding: 20px 8px 10px 0; }
.reg-ul li { padding: 0 10px 0 85px; min-height: 36px; line-height: 36px; position: relative; margin-bottom: 12px; }
.reg-ul li .txt { border: 0; width: 100%; height: 36px; line-height: 36px; padding: 0 10px; font-size: 15px; background: #f5f5f5; border: 1px #e2dbdb solid; border-radius: 3px; box-sizing: border-box; }
.reg-ul li .textarea { border: 0; display: block; width: 100%; height: 80px; padding: 10px; line-height: 22px; font-size: 15px; background: #f5f5f5; border: 1px #e2dbdb solid; border-radius: 3px; box-sizing: border-box; }
.reg-ul li .tit { color: #686868; font-size: 14px; display: block; height: 22px; width: 80px; position: absolute; left: 15px; top: 50%; margin-top: -11px; line-height: 22px; text-align: left; }
.reg-ul li .form-sele { overflow: hidden; display: block; position: relative; padding-left: 5%; font-size: 14px; }
.reg-ul li .form-sele .arrow { width: 20px; height: 20px; font-size: 20px; line-height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; }
.reg-ul li .sex .item { display: inline-block; height: 30px; line-height: 30px; padding: 0px 18px; margin-right: 10px; background: #cccbcb; color: #fff; font-size: 15px; border-radius: 30px; }
.reg-ul li .sex .active { background: #ff9600; }
.reg-sub .btn { width: 70%; height: 36px; background: #ff9600; border-radius: 36px; font-size: 16px; color: #fff; border: none; }
.ru_100p { padding: 20px 0 0 0; }
.ru_100p li { padding: 0px 15px; }
.ru_100p li .textarea { height: 120px; }
/*视频列表*/
.video-list { overflow: hidden; }
.video-list li { float: left; width: 49%; line-height: 20px; padding-bottom: 10px; }
.video-list li:nth-child(2n) { float: right; }
.video-list li .thum-img img { display: block; width: 100%; }
.video-list .name { font-size: 15px; padding: 5px 10px 0 10px; }
.video-list p { padding: 0px 10px; color: #999; }
/*筛选切换*/
.tab-box { text-align: center; padding: 10px 0; }
.tab-box a { display: inline-block; padding: 0px 20px; height: 34px; line-height: 34px; color: #666; background: #dddddd; border-radius: 36px; font-size: 15px; margin: 0px 5px; }
.tab-box a.active { background: #ff9600; color: #fff; }
@media screen and (max-width:320px) {
.tab-box a{ padding:0px 15px; }
}
/*视频播放*/
.v-play { margin-top: -10px; }
.v-info { background: #fff; margin-top: 8px; padding: 12px 15px; }
.v-info .name { font-size: 16px; padding-bottom: 5px; }
.v-info .v-intr { color: #999; font-size: 13px; }
/*评价文本框*/
.com-textarea { background: #fff; position: relative; padding: 10px 15px 6px 105px; }
.com-textarea img { display: block; width: 80px; height: 80px; position: absolute; left: 15px; top: 10px; }
.com-textarea .textarea { width: 100%; height: 100px; border: 0; }
.com-star { line-height: 25px; font-size: 14px; background: #fff; padding: 10px 15px; overflow: hidden; margin-top: 15px; }
.score { height: 25px; }
/*会员中心*/
.uc-head-box { width: 100%; min-height: 100px; padding: 30px 0 20px 0; margin-top: -10px; background: url(../images/bg/uh-bg.jpg) no-repeat; background-size: cover; text-align: center; }
.uc-head-box .uc-head { width: 26%; height: auto; border-radius: 100%; display: inline-block; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.54); }
.uc-head-box .uc-name { font-size: 15px; color: #fff; margin: 10px 0 0 0; }
.uc-menu-sty1 { background: #fff; padding: 10px 0; font-size: 16px; }
.uc-menu-sty1 a { width: 50%; text-align: center; display: inline-block; height: 32px; line-height: 32px; position: relative; }
.uc-menu-sty1 a:active { color: #39a1e8; }
.uc-menu-sty1 a i { margin-right: 5px; }
.uc-menu-sty1 a:first-of-type:before { display: block; content: ""; width: 1px; height: 32px; background: #ccc; position: absolute; top: 0; right: 0; }
.uc-nav li { background: #fff; font-size: 16px; margin: 10px 0 0 0; }
.uc-nav li a { display: block; padding: 10px 0 10px 12px; position: relative; }
.uc-nav li a:active { color: #39a1e8; }
.uc-nav li em { vertical-align: middle; margin-right: 10px; font-size: 18px; position: relative; top: -1px; }
.uc-nav li i.arrow-r { position: absolute; right: 10px; top: 50%; margin-top: -11px; }
/*积分*/
.integral { background: #00adef; padding-top: 10px; color: #fff; }
/*积分tab*/
.jf-tab { background: #fff; text-align: center; overflow: hidden; padding: 8px 0; }
.jf-tab a { display: block; float: left; width: 50%; line-height: 30px; font-size: 16px; box-sizing: border-box; }
.jf-tab a i { font-size: 18px; margin-right: 8px; color: #fda43a; }
.jf-tab a:first-child { border-right: 1px #d0d0d0 solid; }
/*积分列表*/
.int-record { background: #fff; padding: 10px 15px; font-size: 14px; }
.int-record li { border-bottom: 1px #e9e9e9 solid; padding: 8px 3px; }
.int-record li time { color: #999; }
.int-record li:last-child { border: 00px; }
/*战力排行榜*/
.ranking-top { text-align: center; }
.ranking-top img { display: block; margin: 0px auto; width: 70%; }
.ranking-list { background: #fff; padding: 10px 0; }
.ranking-list li { overflow: hidden; line-height: 46px; border-bottom: 1px #eae8e8 solid; margin: 0px 15px; font-size: 14px; padding: 6px 0 6px 50px; position: relative; }
.ranking-list .user-head { width: 46px; height: 46px; float: left; }
.ranking-list .user-head img { width: 46px; height: 46px; border-radius: 50px; display: block; }
.ranking-list .name { float: left; padding-left: 15px; }
.ranking-list .num { float: right; }
.ranking-list li em { display: block; height: 40px; width: 31px; position: absolute; left: 5px; top: 50%; margin-top: -20px; text-align: center; font-size: 16px; font-weight: bold; color: #c5c5c5; }
.ranking-list li em img { display: block; width: 31px; }
.ranking-list li:last-of-type { border: 0; }
/*积分商城*/

.jf-num { background: #fff; padding: 20px 15px 15px 15px; margin-top: -10px; font-size: 20px; }
.jf-shop { padding: 0px 15px; }
.jf-shop li { float: left; background: #fff; width: 48%; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.07); padding-bottom: 15px; margin-bottom: 15px; }
.jf-shop li:nth-child(2n) { float: right; }
.jf-shop li .img { display: block; margin-bottom: 10px; width: 100%; }
.jf-shop li div { padding: 0px 10px; font-size: 14px; }
.jf-shop li .btn { display: inline-block; background: #ffb017; color: #fff; border-radius: 15px; padding: 0px 10px; }
.jf-shop li .name { padding-bottom: 5px; }
/*通知公告*/
.notice { }
.notice dt { padding: 10px 15px; font-size: 14px; }
.notice dd { background: #fff; margin-bottom: 10px; padding: 10px 15px; font-size: 14px; }
.notice dd .n-tit { height: 32px; line-height: 32px; }
.notice dd .n-tit time { color: #999; }
.notice dd .n-info { color: #666; }
.notice dd .n-sub { padding: 10px 0 5px 0; }
.notice dd .n-sub a { padding: 0px 10px; height: 36px; background: #ff9600; border-radius: 36px; font-size: 16px; color: #fff; border: none; display: block; text-align: center; line-height: 36px; margin: 0px auto; }
/*缴费记录*/
.n-form { font-size: 14px; }
.n-form dt { padding: 10px 15px 0 15px; }
.n-form dd { margin-top: 10px; background: #fff; padding: 10px 15px; }
.n-form dd.n-price { font-size: 18px; color: #ff9600; }
.n-form dd.n-price sub { font-size: 13px; color: #999; padding-right: 10px; }
.mtg-10 { margin-top: -10px; padding-top: 10px; }
/*操作提示*/
.operating { text-align: center; padding: 120px 0 0 0; }
.operating i { color: #8d8d8d; font-size: 48px; line-height: 48px; margin-bottom: 10px; }
.operating i.ok { color: #8ec220; }
.operating i.no { color: red; }
.operating .faq .btn { display: inline-block; padding: 5px 20px; font-size: 14px; color: #fff; background: #ff9600; margin: 0px 6px; border-radius: 20px; }
/*账户设置*/
.uc-set { padding: 10px 10px 5px 10px; background: #fff; font-size: 15px; color: #686868; }
.uc-set li { display: block; overflow: hidden; border-bottom: 1px solid #e7e7e7; height: 38px; padding: 2px 0 3px 85px; position: relative; }
.uc-set li span.tit { display: block; position: absolute; width: 76px; height: 38px; left: 0; top: 2px; line-height: 38px; text-align: right; }
.uc-set li .text { border: 0; height: 38px; line-height: 38px; display: block; width: 100%; }
.uc-set li .yzm { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #39a1e8; position: absolute; right: 0; top: 0; }
.uc-set .uc-set-head { height: 50px; padding: 10px 0 10px 85px; line-height: 50px }
.uc-set .uc-set-head .uh-cg-img { width: 50px; height: 50px; }
.uc-set .uc-set-head .uh-cg-img img { width: 50px; height: 50px; border-radius: 100%; }
.uc-set .uc-set-head span.tit { height: 70px; line-height: 70px; top: 0; }
.uc-set li:last-of-type { border: 0; }
.uc-set-btn { border: 0; margin: 10px auto; display: block; width: 90%; }

/*师资介绍*/
.ter-info-new{padding-left: 0; padding-right: 0;}
.ter-hlist{}
.ter-hlist li{text-align: center; padding: 20px 10px; line-height: 20px; font-size: 13px;}
.ter-hlist li:nth-child(2n){background: #f7f7f7;}
.ter-hlist li img{ width: 100px; height: 100px; border-radius: 100%; display: block; margin: 0px auto; border: 2px #8fdefc solid;}
.ter-hlist li h1 { font-weight: normal; font-size: 18px; padding: 10px 0 5px 0; color: #ff6600; }
/*2018年5月24日10点41分*/
/*商品筛选*/
.prolist{}
.prolist li{padding-right: 56px;}
.prolist li .clhead {  border-radius: 3px; }
.prolist li .btn{display: inline-block; padding: 0px 10px; height: 28px; line-height: 28px; background: #ff7800; color: #fff; border-radius: 20px; position: absolute; right: 10px; top: 50%; margin-top: -14px;}

/*商品详情*/
.pro-mod1 { background: #fff; border-top: 1px solid #f0f0f0; overflow: hidden; padding: 10px; }
.pro-mod1 .pro-name { font-size: 14px; line-height: 18px; }
.pro-mod1 .pro-name .tags { font-size: 13px; display: inline-block; width: 38px; height: 20px; text-align: center; line-height: 20px; background: #18ea44; border-radius: 50%; color: #fff; font-weight: normal; margin-right: 5px; }
.pro-mod1 .pro-name-fb { font-size: 12px; color: #ff8800; margin: 0; }
.pro-mod1 .pro-price { overflow: hidden; padding-top: 10px; }

/*规格参数*/
.specification { background: #fff; margin-top: 10px; padding: 10px; }
.spec-tit { line-height: 26px; height: 26px; position: relative; padding: 0 0 6px 20px; font-size: 14px; color: #666; margin: 0 0 3px 0; border-bottom: 1px solid #e5e5e5; }
.spec-tit:before { display: block; content: ""; width: 8px; height: 18px; background: #3c91e9; border-radius: 5px; position: absolute; left: 0; top: 3px; }
.spec-table { border-bottom: 1px solid #e5e5e5; width: 100%; margin-bottom: 6px; }
.spec-table td, .spec-table th { border-bottom: 1px solid #e5e5e5; padding: 6px 0; }
.spec-table th { text-align: left; padding-left: 15px; color: #666; width: 80px; font-weight: normal; }
.spec-art-box { line-height: 23px; color: #666; padding: 5px 8px; }
/*详情底部浮动*/
.shop-menu { width: 100%; height: 60px; background: #fff; position: fixed; left: 0; bottom: 0; border-top: 1px solid #e4e4e4; z-index: 99; text-align: center; box-sizing: border-box;}
.sm-iconbox { padding-top: 10px; }
.sm-iconbox a { display: block; float: left; margin: 0 5px; position: relative; font-size: 14px; }
.sm-iconbox a i { display: block; font-size: 24px; }
.sm-iconbox a em { display: inline-block; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 100%; background: #ff6600; color: #fff; position: absolute; right: 0; top: -8px; }
.sm-btnbox { padding-top: 11px; }
.sm-btnbox .pub-btn { font-size: 14px; padding: 0 5px; height: 36px; line-height: 36px; margin-left: 5px; }
.shop-menu .dtime { font-size: 13px; line-height: 18px; text-align: left; padding: 12px 0 0 4px; }
.shop-menu .like .item2 { display: none; }
.shop-menu .liked .item2 { display: block; color: #ff6600; }
.shop-menu .liked .item1 { display: none; }

.pro-slide{margin-top: 5px;}
.pro-detail-info { background: #fff; margin-top: 10px; padding:5px 10px 10px 10px; }
.pro-detail-info img { max-width: 100%; display: block; }

.shop-menu .pub-btn{width: 100%; height: 60px; background: #ff6600; text-align: center; line-height: 60px; font-size: 16px; color: #fff; border: 0;}

/*提交订单*/
.sele-address { background: url(../images/bg/sele-address-bg.png) 0 bottom repeat-x #fff; background-size: auto 4px; position: relative; padding: 13px 30px 15px 40px; line-height: 28px; }
.sele-address i { position: absolute; left: 10px; top: 50%; margin-top: -12px; font-size: 24px; width: 24px; height: 24px; line-height: 24px; }
.sele-address .arrow { position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 20px; width: 20px; height: 20px; line-height: 20px; color: #c4c4c4; }
.sele-address p { line-height: 18px; }
/*选择支付方式等*/
.mode-style { background: #fff; }
.mode-style li { overflow: hidden; position: relative; padding: 10px 12px 10px 12px; font-size: 14px; text-align: right; line-height: 23px; border-bottom: 1px solid #e5e5e5; }
.mode-style li .tit { height: 23px; line-height: 23px; position: absolute; top: 10px; left: 12px; }
.mode-style li .arrow { position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 20px; width: 20px; height: 20px; line-height: 24px; color: #c4c4c4; }
.mode-style li a { padding-right: 30px; }
.mode-style li .txt-area { width: 100%; height: 30px; border: 0; padding: 0; line-height: 30px; }
.mode-style li:last-of-type { border: 0; }
.mode-det-style li a { padding-right: 0; }
/*订单最后边框*/
.cart-list dd.clt-bnd { padding: 0; }
/*统计计算金额*/
.amount-money { background: #fff; }
.amount-money li { overflow: hidden; padding: 10px 12px 10px 12px; font-size: 14px; }
.amount-money li .tit { color: #999; }
.combined-style2 { line-height: 60px; text-align: left; font-size: 16px; padding: 0 5px; }
.order-pop { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; background: #fff; z-index: 100; box-sizing: border-box; padding: 50px 0; }
.order-pop .abe-header { position: absolute; left: 0; top: 0; }
.order-pop-ch1 { z-index: 101; }
.order-pop-ch2 { z-index: 102; }
.address-pop3 { padding-bottom: 0; }
/*弹窗选地址*/
address-edit { height: 100%; overflow: auto; }
.ad-list-page{ height: auto; background: #fff;}
.sele-ad-list li { position: relative; padding: 13px 30px 19px 15px; line-height: 28px; border-bottom: 1px solid #e5e5e5; }
.sele-ad-list li i { position: absolute; left: 10px; top: 50%; margin-top: -12px; font-size: 20px; width: 24px; height: 24px; line-height: 24px; display: none; }
.sele-ad-list li .edit { position: absolute; right: 10px; top: 50%; margin-top: -25px; font-size: 20px; width: 20px; height: 50px; line-height: 25px; color: #c4c4c4; }
.sele-ad-list li p { line-height: 18px; }
.sele-ad-list li.active { padding-left: 40px; }
.sele-ad-list li.active i { display: block; }
.opfoot-btn { width: 100%; height: 48px; background: #ff7800; line-height: 48px; font-size: 16px; border: 0; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; border-radius: 0; }
.address-edit {background: #fff;}
.address-edit li { padding: 0 10px 0 80px; min-height: 47px; line-height: 47px; position: relative; border-bottom: 1px solid #e7e7e7; }
.address-edit li input[type="text"] { border: 0; width: 95%; height: 45px; line-height: 45px; padding-left: 5%; font-size: 15px; }
.address-edit li textarea { border: 0; width: 95%; height:80px; padding-top: 13px; line-height: 22px; padding-left: 5%; font-size: 15px; }

.address-edit li .tit { color: #686868; font-size: 14px; display: block; height: 22px; width: 80px; position: absolute; left: 15px; top: 13px; line-height: 22px; text-align: left; }
.address-edit li.check-add { padding: 10px 10px 10px 50px; color: #686868; line-height: 20px; }
.address-edit li .check { position: absolute; left: 15px; top: 50%; margin-top: -10px; }
.address-edit li .active { background: #ff7800; border-color: #ff7800; }
.address-edit li .active i { display: block; color: #fff; }
.address-edit li .form-sele { overflow: hidden; display: block; position: relative; padding-left: 5%; font-size: 14px; }
.address-edit li .form-sele .arrow { width: 20px; height: 20px; font-size: 20px; line-height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; }
.add-new-box { height: 100%; background: #fff; box-sizing: border-box; padding-top: 40px; position: relative; }
.add-new-box ul { height: 100%; overflow: auto; }
.add-new-box ul li { padding: 7px 10px; border-bottom: 1px solid #e1e1e1; font-size: 14px; }
.add-new-info { padding: 8px 10px; box-sizing: border-box; font-size: 15px; border-bottom: 1px solid #e1e1e1; position: absolute; left: 0; top: 0; width: 100%; background: #fff; }
/*发票支付方式等弹窗*/
.pay-list-box { height: 100%; overflow: auto; background: #f0f0f0; }
.pay-list { background: #fff; padding: 0 12px; margin-bottom: 10px; }
.pay-list .bd1 { border-bottom: 1px solid #dadada; }
.pay-list dt { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; }
.pay-list dt i { margin-right: 10px; }
.pay-list dd { padding-bottom: 10px; }
.pay-list .sty-sele a { display: inline-block; padding: 3px 10px; border: 1px solid #5f646e; color: #5f646e; border-radius: 3px; margin-right: 10px; }
.pay-list .sty-sele a.active { border: 1px solid #ff6600; color: #ff6600; }
.pay-list .sty-sele label { display: inline-block; padding: 3px 10px; border: 1px solid #5f646e; color: #5f646e; border-radius: 3px; margin-right: 10px; }
.pay-list .sty-sele label.active { border: 1px solid #ff6600; color: #ff6600; }
.pay-list .intxt { border: 0; width: 80%; }
/*处方信息*/
.prescription { background: #fff; padding: 10px 12px; }
.cart-list .prescription { padding: 10px 0; }
.up-chufang { width: 60px; height: 60px; border: 1px solid #ccc; display: block; position: relative; text-align: center; margin-left: 6px; }
.up-chufang i { font-size: 30px; line-height: 60px; color: #d7d7d7; }
.up-chufang input { width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; z-index: 3; }
.up-chufang img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
/*订单详情*/
/*商品购物车*/
.none-mes { text-align: center; padding: 120px 0 0 0; }
.none-mes i { color: #8d8d8d; }
.cart-list { background: #fff; margin-top: 10px; padding: 0 12px; }
.cart-list dt { min-height: 32px; line-height: 32px; position: relative; padding: 6px 0 6px 30px; margin-top: 5px; font-size: 14px; }
.cart-list dt a { font-size: 12px; }
.cart-list .check { display: block; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #b5b5b5; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -11px; }
.cart-list .check input { width: 20px; height: 20px; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.cart-list .check i { width: 18px; height: 18px; line-height: 18px; font-size: 18px; display: none; position: relative; z-index: 0; }
.cart-list .active { background: #ff7800; border-color: #ff7800; }
.cart-list .active i { display: block; color: #fff; }
.cart-list dd { position: relative; padding: 10px 0 10px 30px; border-top: 1px solid #e5e5e5; }
.cart-list dd.bdn { border: 0; padding-top: 0; }
.cart-list dd a.del { width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; right: 0; top: -5px; color: #999; }
.cart-list dd .img { width: 70px; height: 70px; border: 1px solid #dadada; position: absolute; left: 0; top: 0; }
.cart-list dd .img img { width: 100%; height: 100%; }
.cart-list dd .item { position: relative; padding-left: 83px; padding-right: 30px; min-height: 72px; }
.cart-list dd .item .pro-name { font-weight: normal; font-size: 13px; }
.cart-list dd .item .pro-name .tags { font-size: 10px; display: inline-block; width: 32px; height: 18px; text-align: center; line-height: 18px; background: #18ea44; border-radius: 50%; color: #fff; font-weight: normal; margin-right: 5px; }
.cart-list dd .item .pro-name .tags-red { background: #ea3f18; }
.cart-list dd .item .pro-name .tags-zp { background: #ea3f18; border-radius: 5px; color: #fff; padding: 1px 5px; margin-right: 5px; }
.cart-list dd .item .cart-spec { color: #999; font-size: 13px; padding: 2px 0; }
.cart-list dd .item .price { font-size: 18px; color: #fca844; margin-left: -3px; position: relative; }
.cart-list dd .item .price em { color: #999; font-size: 14px; height: 16px; line-height: 16px; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -8px; }
.cart-list dd .item .num { width: 30px; height: 24px; line-height: 24px; padding: 0 24px; border: 1px solid #8d8d8d; border-radius: 3px; position: absolute; right: 10px; bottom: 5px; }
.cart-list dd .item .num .txt { border: 0; border-left: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; height: 24px; line-height: 24px; width: 28px; font-size: 14px; text-align: center; }
.cart-list dd .item .num button { width: 24px; height: 24px; padding: 0; border: 0; background: none; position: absolute; top: 0; font-size: 16px; text-align: center; line-height: 24px; }
.cart-list dd .item .num .jia { right: 0; }
.cart-list dd .item .num .jian { left: 0; color: #999; }



/*我的订单列表---沿用购物车列表样式添加属性*/
/*订单tab*/
.order-box { padding-bottom: 10px; }
.od-tab { background: #fff; text-align: center; font-size: 14px; }
.od-tab a { display: inline-block; padding: 0 10px; line-height: 32px; border-bottom: 2px solid #fff; }
.od-tab a.active { color: #fca844; border-color: #fca844; }
.order-list dt, .order-list dd { padding-left: 0; }
.order-list dt.tot-up { border-top: 1px solid #dadada; margin-top: 0; padding-top: 0; padding-bottom: 15px; line-height: 36px; }
.order-list dt.tot-up .pub-btn { padding: 0 12px; height: 30px; line-height: 30px; font-size: 13px; margin-left: 10px; }
.order-list dd .item .pro-name { margin-bottom: 15px; }
.order-list dd .item { padding-right: 0; }
.order-list dd .item-style2 { overflow: hidden; position: relative; }
.order-list dd .item-style2 a { float: left; display: block; width: 20%; margin-right: 10px; }
.order-list dd .item-style2 a .img { position: inherit; width: 100%; height: 100%; box-sizing: border-box; display: block; }
.order-list dd .item-style2 em { color: #999; font-size: 14px; height: 16px; line-height: 16px; display: inline-block; position: absolute; right: 0; bottom: 3px; }
.record-list .del { top: inherit!important; bottom: 5px; }

/*统计计算金额*/
.amount-money { background: #fff; }
.amount-money li { overflow: hidden; padding: 10px 12px 10px 12px; font-size: 14px; }
.amount-money li .tit { color: #999; }
.combined-style2 { line-height: 60px; text-align: left; font-size: 16px; padding: 0 5px; }
.order-pop { width: 100%; height: 100%; position: fixed; left: -100%; top: 0; background: #fff; z-index: 100; box-sizing: border-box; padding: 50px 0; }
.order-pop .abe-header { position: absolute; left: 0; top: 0; }
.order-pop-ch1 { z-index: 101; }
.order-pop-ch2 { z-index: 102; }
.address-pop3 { padding-bottom: 0; }

/*购物车提交*/
.combined { position: relative; height: 60px; padding-left: 40px; text-align: left; box-sizing: border-box; padding-top: 7px; }
.combined .check { display: block; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #b5b5b5; text-align: center; position: absolute; left: 5px; top: 50%; margin-top: -11px; }
.combined .check input { width: 20px; height: 20px; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.combined .check i { width: 18px; height: 18px; line-height: 18px; font-size: 18px; display: none; position: relative; z-index: 0; }
.combined .active { background: #ff7800; border-color: #ff7800; }
.combined .active i { display: block; color: #fff; }
.combined-btn { height: 60px; line-height: 60px; font-size: 20px; color: #fff; text-align: center; padding: 0 25px; background: #ff7800; border: 0; position: absolute; right: 0; top: 0; border-radius: 0; }


/*发票支付方式等弹窗*/
.pay-list-box { height: 100%; overflow: auto; background: #f0f0f0; }
.pay-list { background: #fff; padding: 0 12px; margin-bottom: 10px; }
.pay-list .bd1 { border-bottom: 1px solid #dadada; }
.pay-list dt { height: 40px; line-height: 40px; font-size: 14px; overflow: hidden; }
.pay-list dt i { margin-right: 10px; }
.pay-list dd { padding-bottom: 10px; }
.pay-list .sty-sele a { display: inline-block; padding: 3px 10px; border: 1px solid #5f646e; color: #5f646e; border-radius: 3px; margin-right: 10px; }
.pay-list .sty-sele a.active { border: 1px solid #ff6600; color: #ff6600; }
.pay-list .sty-sele label { display: inline-block; padding: 3px 10px; border: 1px solid #5f646e; color: #5f646e; border-radius: 3px; margin-right: 10px; }
.pay-list .sty-sele label.active { border: 1px solid #ff6600; color: #ff6600; }
.pay-list .intxt { border: 0; width: 80%; }


.abe-header { position: relative; width: 100%; height: 49px; line-height: 49px; background: #fff; border-bottom: 1px solid #ccc; z-index: 101; }
.abe-header-title { margin: 0; font-size: 18px; font-weight: 400; text-align: center; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; }
.abe-header-title a { color: #fff; }
.return { position: absolute; display: block; width: 68px; height: 20px; left: 10px; top: 50%; margin-top: -10px; line-height: 20px; }

/*我的订单列表---沿用购物车列表样式添加属性*/
/*订单tab*/
.order-box { padding-bottom: 10px; }
.od-tab { background: #fff; text-align: center; font-size: 14px; }
.od-tab a { display: inline-block; padding: 0 10px; line-height: 32px; border-bottom: 2px solid #fff; }
.od-tab a.active { color: #fca844; border-color: #fca844; }
.order-list dt, .order-list dd { padding-left: 0; }
.order-list dt.tot-up { border-top: 1px solid #dadada; margin-top: 0; padding-top: 0; padding-bottom: 15px; line-height: 36px; }
.order-list dt.tot-up .pub-btn { padding: 0 12px; height: 30px; line-height: 30px; font-size: 13px; margin-left: 10px; }
.pub-btn { display: inline-block; padding: 5px 10px; border: 1px solid #ff6600; background: #ff6600; color: #fff; border-radius: 3px; }
.pb-bd2 { background: none; border-color: #5f646e; color: #5f646e!important; }

.order-list dd .item .pro-name { margin-bottom: 15px; }
.order-list dd .item { padding-right: 0; }
.order-list dd .item-style2 { overflow: hidden; position: relative; }
.order-list dd .item-style2 a { float: left; display: block; width: 20%; margin-right: 10px; }
.order-list dd .item-style2 a .img { position: inherit; width: 100%; height: 100%; box-sizing: border-box; display: block; }
.order-list dd .item-style2 em { color: #999; font-size: 14px; height: 16px; line-height: 16px; display: inline-block; position: absolute; right: 0; bottom: 3px; }
.record-list .del { top: inherit!important; bottom: 5px; }

.exit-sub { padding: 0 12px; }
.sub-btn { width: 100%; height: 42px; line-height: 42px; background: #fca844; border-radius: 5px; border: 0; font-size: 16px; color: #fff; }
.check { display: inline-block; width: 18px; height: 18px; border-radius: 100%; border: 1px solid #b5b5b5; text-align: center; vertical-align: middle; }
.check input { width: 20px; height: 20px; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; }
.check i { width: 18px; height: 18px; line-height: 18px; font-size: 18px; display: none; position: relative; z-index: 0; }
.mn-checked { background: #ff7800; border-color: #ff7800!important; }
.mn-checked i { display: block!important; color: #fff!important; }

/*订单详情*/
.brief { background: #fff; padding: 10px 12px; font-size: 14px; line-height: 26px; }
.ord-cou-step { padding: 35px 0; text-align: center; position: relative; }
.ord-cou-step:after { display: block; content: ""; width: 230px; height: 6px; background: #dddddd; position: absolute; left: 50%; margin-left: -115px; top: 50%; margin-top: -3px; }
.ord-cou-step .arrow { width: 32px; height: 32px; position: relative; margin: 0 22px; display: inline-block; z-index: 2; }
.ord-cou-step .arrow i { display: block; width: 26px; height: 26px; text-align: center; color: #fff; line-height: 26px; border: 3px solid #dddddd; font-size: 14px; border-radius: 50%; background: #c0c0c0; position: relative; z-index: 2; }
.ord-cou-step .arrow span { display: inline-block; width: 70px; height: 20px; text-align: center; color: #999; font-size: 13px; position: absolute; top: -28px; left: 50%; margin-left: -35px; }
.ord-cou-step .arrow time { display: inline-block; width: 70px; height: 26px; text-align: center; color: #999; line-height: 14px; font-size: 10px; position: absolute; bottom: -32px; left: 50%; margin-left: -35px; }
.ord-cou-step .arrow:after { display: block; content: ""; width: 47px; height: 6px; background: #dddddd; position: absolute; left: -47px; top: 50%; margin-top: -3px; z-index: -1; }
.ord-cou-step .arrow:first-child:after { display: none; }
.ord-cou-step .current i { background: #fda53c; }
.ord-cou-step .current span { color: #fda53c; }
.ord-cou-step .current:after { background: #fda53c; }



.prolist li .num { width: 30px; height: 24px; line-height: 24px; padding: 0 24px; border: 1px solid #8d8d8d; border-radius: 3px; position: relative; margin-top: 8px;}
.prolist li .num .txt { border: 0; border-left: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; height: 24px; line-height: 24px; width: 28px; font-size: 14px; text-align: center; padding: 0; }
.prolist li .num button { width: 24px; height: 24px; padding: 0; border: 0; background: none; position: absolute; top: 0; font-size: 16px; text-align: center; line-height: 24px; }
.prolist li .num .jia { right: 0; }
.prolist li .num .jian { left: 0; color: #999; }

.results-table{ width: 100%; background: #fff; font-size: 13px;}
.results-table th{border-bottom: 1px solid #ccc; padding: 8px 0 5px 0; }
.results-table td{padding: 5px 0; }
.results-table tr:last-child td{border: 0; padding-bottom: 8px;}
.results-table tr:nth-child(2n) td{background: #d9f2ff ;}


.prolist li .btn-gray{background: #999; color: #fff;}




/* 20210428add */
.tmbg{
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  opacity: .5;
  z-index: 998;
  display: none;
}
.tab-menu{
  width: 72%;
  height: 100%;
  background: #fff;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 999;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
  padding: 40px 0 60px 0;
}
.tab-mtit{
  width: 100%;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  font-size: 14px;
  top: 6px;
}
.tab-menu .close{
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  right: 8px;
  top: 10px;
  z-index: 2;
}
.tab-menu .tit{
  font-size: 12px;
  padding-left: 17px;
  /* font-weight: normal; */
  padding-bottom: 8px;
}
.tmitem{
  padding: 0 15px;
  overflow: hidden;
}
.tmitem li{
  float: left;
  /* width: 30%; */
  padding-right: 10px;
  margin-bottom: 10px;
}
.tmitem li:nth-of-type(3n){
  /* padding-right: 0; */
}
.tmitem li a{
  display: inline-block;
  min-width: 50px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #e1e1e1;
  background: #eeeded;
  padding: 0px 8px;
  border-radius: 16px;
}
.tmitem li a.current{
  border: 1px solid #ff8e1f;
  color: #ff8e1f;
  font-weight: bold;
  background: #ffeedd;
}

.tmsub{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  padding: 20px 0;
}

.tmsub a{
  display: inline-block;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border: 1px solid #e1e1e1;
  background: #eeeded;
  padding: 0px 20px;
  border-radius: 16px;
  margin-right: 10px;
}

.tmcontent{
  width: 100%;
  height: 100%;
  overflow: auto;
}
.tmsub a.ok{
  background: #ff8e1f;
  border-color: #ff8e1f;
  color: #fff;
}