@charset "utf-8";
/* CSS Document */
html,
body { background-color: #ecf0f1; font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif; font-size: 14px }
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
p,
td,
textarea,
th,
ul { margin: 0; padding: 0 }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100% }
em,
i { font-style: normal; font-weight: 400 }
button,
input,
select,
textarea { font-family: PingFangSC-Light, 'STHeiti Light', 'helvetica neue', 'hiragino sans gb', tahoma, 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif }
button,
input,
select { box-sizing: border-box }
button { border: none }
button,
input[type=submit],
input[type=button],
select { cursor: pointer }
table { border-collapse: collapse; border-spacing: 0 }
li { list-style: none }
a { text-decoration: none }
a img,
fieldset,
iframe,
img { border-width: 0; border-style: none }
.clearfix:after,
.clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.visually-hidden { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px!important; overflow: hidden }
.textoverflow { display: inline-block; white-space: nowrap; word-wrap: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; max-width: 100% }
.qc-btn { display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; padding: 0 20px; line-height: 26px; overflow: visible; cursor: pointer; text-align: center; background-color: rgba(255,10,0,1); height: 55px; transition: background-color .15s }
.qc-btn:hover { background-color: #2176da; border-color: #2176da }
.qc-btn:active { background-color: #0070cc; border-color: #0070cc }
.qc-btn:focus { background-color: #0070cc; border-color: #0070cc; outline: 0 }
/*公共*/
.clear { clear: both }
.colorO { color: #f19400 !important }
.bcolorO { background-color: #f19400 !important }
.bcolorG { background-color: #52b133 !important }
.bcolorG1 { background-color: #9cb527 !important }
.bcolorR { background-color: #bf0273 !important }
.bcolorR1 { background-color: #F00 !important }
.bcolorB { background-color: #009dfb !important }
.bcolorB1 { background-color: #3d91bd !important }
.bcolorB2 { background-color: #64a3be !important }
.bcolorW { background-color: #FFFFFF !important }
.bcolorGray { background-color: #bababa !important }
.colorGray { color: #666666 !important }
.colorGray2 { color: #afafaf !important }
.colorG { color: #99ce00 !important }
.colorW { color: #FFF !important }
.colorR { color: #F00 !important }
.font_12 { font: normal 12px tahoma, arial, SimSun, sans-serif; }
.font_14 { font-size: 14px !important }
.font_18 { font-size: 18px !important }
.font_20 { font-size: 20px !important }
.font_16 { font-size: 16px !important }
.w1200 { max-width: 1200px; min-width: 1000px; margin: 0 auto; overflow: hidden }
.ico-make { display: inline-block; border-radius: 10px; padding: 3px 5px; text-align: center; background-color: #009dfb; line-height: 12px !important; font-size: 12px !important; color: #FFF }
.ico-make-yy { display: inline-block; border-radius: 20px; padding: 0px 5px !important; text-align: center; background-color: #99ce00 !important; color: #FFF; font-size: 18px }
.index-tit { margin-top: 30px; margin-bottom: 30px; position: relative }
.index-tit .f-tit,
.index-tit .sgnam { position: absolute; right: 0px; top: 10px }
.index-tit .f-tit em { display: inline-block; width: 74px; height: 21px; background-image: url(../../img/default/global-components.png); background-position: -129px -154px }
.index-tit .sgnam { font-size: 20px; }
.index-tit .sgnam em { display: inline-block; width: 30px; height: 30px; border-radius: 10px; background-color: #f19400; color: #fff; margin: 0 3px; text-align: center }
.index-tit h2 { color: #f19400; font-size: 28px; font-weight: normal; height: 32px }
.index-tit h2 em { display: inline-block; height: 38px; width: 41px; background-image: url(../../img/default/global-components.png); vertical-align: middle }
.index-tit h2 em.jl-ico-pos { background-position: -281px -8px; }
.index-tit h2 em.hy-ico-pos { background-position: -277px -57px; margin-right: 10px; }
.index-tit h2 em.dt-ico-pos { background-position: -277px -176px; margin-right: 10px; }
.index-tit h2 em.gs-ico-pos { background-position: -277px -118px; margin-right: 10px; }
.index-tit h2 em.jy-ico-pos { background-position: -334px -224px; margin-right: 10px; }
.index-tit h2 em.new-ico-pos { background-position: -329px -177px; margin-right: 10px; }
.margin-b10 { margin-bottom: 10px !important }
.margin-b20 { margin-bottom: 20px !important }
.margin-b30 { margin-bottom: 30px !important }
.margin-b50 { margin-bottom: 50px !important }
.margin-t20 { margin-top: 20px !important }
.border-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important }
.padding-0 { padding: 0 !important }
.btn-go{ padding: 10px 40px; background-color: #3d91bd; display: inline-block; color: #FFF; font-size: 16px; font-weight: bold; border-radius: 5px}
.lr-tit { text-align: center; font-size: 13px; padding: 12px 0px; background-color: #f19400; color: #fff; }
a.graybtn { background-color: #a6a6a6; display: block; font-size: 14px; height: 30px; line-height: 30px; margin-top: 10px; width: 65px; color: #FFF; text-align: center; border-radius: 2px; }
a.graybtn:hover { background-color: #b4b4b4 }
.chazhao { display: inline-block; width: 58px; height: 30px; background-image: url(../../img/default/chazhao-btn.jpg); vertical-align: middle; margin-bottom: 4px }
.add-btn { display: inline-block; width: 73px; height: 26px; background-image: url(../../img/default/i_act_24_2.png); background-position: -0px -121px; background-color: transparent; margin-bottom: 0; vertical-align: middle; float: right }
.select-box { width: 300px; height: 32px }
.upload { padding: 0 !important; width: 140px }
.home-nav-tit { padding: 3px 20px; background-color: #3d91bd; display: inline-block; margin: 0px auto; color: #FFF; font-size: 16px; font-weight: bold; width: 152px; color: #bbddef }
/*导航*/
.qc-navigation { position: relative; z-index: 100; height: 42px; width: 100%; min-width: 1000px }
.qc-navigation:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: transparent; -webkit-transition: height .2s, background-color .2s; transition: height .2s, background-color .2s }
.qc-navigation-hover:before { height: 100%; background-color: #111; background-color: rgba(240,240,240,.9); -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1) }
.qc-navigation .navigation-inner { position: relative; max-width: 1200px; min-width: 1000px; margin: 0 auto; font-size: 0; height: 42px }
.qc-navigation .logo { display: inline-block; vertical-align: middle; margin-right: 2.91% }
.qc-navigation .logo .logo-img { display: inline-block; vertical-align: middle; width: 94px; height: 25px }
.qcloud-logo-lit { display: block }
.qcloud-logo-dark { display: none }
.qc-navigation .categories { display: inline-block; vertical-align: middle; }
.qc-navigation .categories .menu { font-size: 0 }
.qc-navigation .categories .menu>li { font-size: 16px; color: #fff; display: inline-block; vertical-align: middle; position: relative }
.qc-navigation .categories .menu h2 { font-weight: 400; margin: 0 }
.qc-navigation .categories .menu h2 a em { display: inline-block; background: rgba(255,255,255,0) url(../../img/default/nav-icon-10-g.png) scroll; background-size: cover; width: 18px; height: 18px; vertical-align: middle; }
.qc-navigation .categories .menu>.presentation h2 a,
.user-id { display: inline-block; padding: 0 15px; color: #fff; line-height: 42px; font-size: 16px; -webkit-transition: background-color .4s; transition: background-color .4s; outline: 0 }
.qc-navigation .categories .menu li.presentation-selected,
.qc-navigation .categories .menu li.presentation-selected:hover { background-color: #f2f2f2 }
.qc-navigation .categories .menu li.presentation-selected h2 a,
.qc-navigation .categories .menu li.presentation-selected:hover h2 a,
.qc-navigation .categories .presentation-selected .nav-down-style li a { color: #333 }
.nav-down-style { position: absolute; background-color: #111; background-color: rgba(237,237,237,1); right: 0; min-width: 100%; box-sizing: border-box; text-align: left }
.nav-down-style li { display: block; float: none }
.nav-down-style li a { color: #999; font-size: 14px; white-space: nowrap; line-height: 30px }
.nav-down-style li a:hover { color: #008bff }
.qc-navigation .nav-down-style-1 .nav-down-list { white-space: nowrap; font-size: 0; margin: 15px 0 }
.qc-navigation .nav-down-style-1 .nav-down-menu { display: inline-block; vertical-align: top; padding-bottom: 10px }
.qc-navigation .nav-down-style-1 .nav-down-menu:first-child { border-right: 1px solid #2E3032 }
.qc-navigation .nav-down-style-1 .nav-down-menu a { display: block; line-height: 40px; padding-left: 30px; padding-right: 25px; color: #666; white-space: nowrap }
.qc-navigation .nav-down-style-1 .nav-down-menu a:hover { background-color: #206b88; color: #fff }
.qc-navigation .nav-down-style-2 .nav-down-list { white-space: nowrap; margin: 15px 0 25px; font-size: 0 }
.qc-navigation .nav-down-style-2 .nav-down-menu { display: table-cell; vertical-align: top; border-right: 1px solid #dcdcdc; padding-left: 10px; padding-right: 10px }
.qc-navigation .nav-down-style-2 .nav-down-menu:nth-last-child(1) { border: none }
.qc-navigation .nav-down-style-2 .nav-down-menu ul { display: inline-block; vertical-align: top }
.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title { color: #888; font-size: 14px; padding-left: 20px; padding-right: 20px; height: 40px; line-height: 40px }
.qc-navigation .nav-down-style-2 .nav-down-menu li a { padding-left: 20px; padding-right: 20px; line-height: 40px; display: block; min-width: 4em; color: #403f3f }
.qc-navigation .nav-down-style-2 .nav-down-menu li a:hover { color: #fff; background-color: #2f80a4 }
.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title img { display: inline-block; vertical-align: middle; margin-right: 10px }
.qc-navigation .nav-down-style-2 .nav-down-menu.last { border-left: none; margin-right: 0 }
.qc-navigation .nav-down-style-3 { width: 238px }
.qc-navigation .nav-down-style-3 .nav-down-flyout { width: 235px; display: table-cell; padding-top: 20px; padding-bottom: 20px; border-left: 1px solid #dcdcdc; }
.qc-navigation .nav-down-style-3 .nav-down-flyout li { position: relative }
.qc-navigation .nav-down-style-3 .nav-down-flyout .title { color: #403f3f; font-size: 14px; display: block; padding: 0 20px 0 30px; line-height: 40px }
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title,
.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover { background-color: #2f80a4; color: #fff }
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon,
.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon { display: none }
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon-h,
.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-h { display: inline-block }
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon { display: inline-block; width: 16px; height: 16px; margin-right: 15px; vertical-align: middle }
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-h { display: none; width: 16px; height: 16px; margin-right: 15px; vertical-align: middle }
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-tran-right { background-image: url(sprite/global-1455698218.png); width: 6px; height: 10px; display: inline-block; position: absolute; top: 15px; right: 20px; background-size: 94px 54px; background-position: -77px -18px; }
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .icon-tran-right,
.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-tran-right { background-image: url(sprite/global-1455698218.png); background-size: 94px 54px; background-position: -70px -18px; }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct { margin-left: 235px; width: 460px; padding-top: 13px; padding-bottom: 13px; display: table-cell }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-item { padding: 17px 0 17px 44px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title { font-size: 14px; color: #333 }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title h4 { font-weight: 400; font-size: 14px; color: #403f3f }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title .activity { color: #ffb800; margin-left: 15px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title .des-text { color: #888; line-height: 25px; font-size: 12px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title:hover h4 { color: #008bff }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd { padding-top: 5px; margin-top: 5px; border-top: 1px solid #dcdcdc }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link { margin-right: 40px; font-size: 12px; color: #999 }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link:hover { color: #008bff }
.qc-navigation .operation { font-size: 0; text-align: right; position: absolute; top: 0; right: 0; height: 100% }
.qc-navigation .operation:before { display: inline-block; content: ""; width: 0; height: 100%; vertical-align: middle; font-size: 0 }
.qc-navigation .login { display: inline-block; vertical-align: middle; white-space: nowrap; font-size: 0; margin-top: -10px }
.qc-navigation .login .text { display: inline-block; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; vertical-align: middle; color: #403f3f; font-size: 14px; border-radius: 2px; margin:6px 0}
.qc-navigation .login .text:hover { background-color: #2d7da0; color: #fff }
.qc-navigation .login .stick { display: inline-block; vertical-align: middle; margin-left: 5px; margin-right: 5px; font-size: 0; height: 14px; border-left: 1px solid #fff; opacity: .4; filter: alpha(opacity=40) }
.qc-navigation .login .login-op { display: inline-block; vertical-align: middle; font-size: 0; margin-right: 25px }
.state-log-in { font-size: 14px; position: relative; float:left}
.state-log-in .user-id { vertical-align: top; position: relative; padding-left: 10px; padding-right: 10px }
.state-log-in .user-name { display: inline-block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 6em; vertical-align: top; padding-right: 12px; font-size: 14px }
.state-log-in .user-id .triangle-down { width: 0; height: 0; font-size: 0; line-height: 0; border-width: 4px; border-style: solid dashed dashed; border-color: #000 transparent transparent; position: absolute; top: 21px; right: 8px }
.state-log-out{ float:left; font-size: 14px; position: relative}
.qc-navigation .state-log-in .nav-down-style-1 .nav-down-menu:first-child { border-right: none }
.icon-cart { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; background-image: url(sprite/global-1455698218.png); margin-right: 8px; background-size: 94px 54px; background-position: 0px -38px; }
.qc-navigation-dark .qcloud-logo-lit { display: none }
.qc-navigation-dark .qcloud-logo-dark { display: block }
.qc-navigation-dark .categories .menu>.presentation h2 a,
.qc-navigation-dark .login .text,
.qc-navigation-dark .state-log-in .user-id { color: #333 }
.qc-navigation-dark .icon-cart { background-image: url(sprite/global-1455698218.png); background-size: 94px 54px; background-position: -17px -38px; }
.qc-navigation-dark .search { border-color: #333; border-color: rgba(51,51,51,.2) }
.qc-navigation-dark .login .stick { border-color: #333 }
.qc-navigation-dark .search .bt-search .icon-search { background-image: url(sprite/global-1455698218.png); background-size: 94px 54px; background-position: -34px -38px; }
.qc-navigation-dark .operation .link-mc { color: #333; border-color: #333; border-color: rgba(51,51,51,.2) }
.qc-navigation-dark .operation .link-mc:hover { border-color: #2176da }
.qc-navigation-dark .state-log-in .user-id .triangle-down { border-color: #888 transparent transparent }
.qc-navigation-hover .qcloud-logo-lit { display: block }
.qc-navigation-hover .qcloud-logo-dark { display: none }
.qc-navigation-hover .categories .menu>.presentation h2 a,
.qc-navigation-hover .state-log-in .user-id { color: #403f3f }
.qc-navigation-hover .icon-cart { background-image: url(sprite/global-1455698218.png); background-size: 94px 54px; background-position: -17px -38px; }
.qc-navigation-hover .login .stick { border-color: #fff }
.qc-navigation-hover .search .bt-search .icon-search { background-image: url(sprite/global-1455698218.png); opacity: .6; filter: alpha(opacity=60); background-size: 94px 54px; background-position: -50px -38px; }
.qc-navigation-hover .search:hover .bt-search .icon-search { opacity: 1; filter: alpha(opacity=100) }
.qc-navigation-hover .operation .link-mc { color: #fff }
.qc-navigation-hover .search { border-color: #bababa; border-color: rgba(186,186,186,.2) }
.qc-navigation-hover .search:hover { border-color: #bababa; border-color: rgba(186,186,186,.4) }
.qc-navigation .categories .menu>.presentation.cur h2 a,
.state-log-in:hover .user-id,
.user-id:hover { background-color: #111; background-color: rgba(220,220,220,.3) }
.tool-box { background-color: rgba(255,10,0,1) !important; height: 37px; padding: 15px 20px 0 20px !important; color: #fff !important; background-image: url(../../img/default/nav-icon-13-w.png); background-repeat: no-repeat; background-position: 30px 0px; }
.qc-navigation-hover.qc-navigation-dark .categories .menu>.presentation h2 a,
.qc-navigation-hover.qc-navigation-dark .login .text,
.qc-navigation-hover.qc-navigation-dark .state-log-in .user-id { color: #fff }
.qc-navigation-hover.qc-navigation-dark .operation .link-mc { border-color: #fff; border-color: rgba(255,255,255,.2) }
.qc-navigation-hover.qc-navigation-dark .operation .link-mc:hover { border-color: #2176da }
.qc-navigation-hover.qc-navigation-dark .state-log-in .user-id .triangle-down { border-color: #fff transparent transparent }
.qc-navigation-mini .logo-text { color: #fff; line-height: 35px; float: left; font-weight: 400; margin-left: 10px }
.qc-navigation-mini .logo-text img { vertical-align: middle; width: 69px; height: 21px; display: inline-block }
.qc-navigation-mini .login .text,
.qc-navigation-mini .operation .link-mc,
.qc-navigation-mini .state-log-in .user-name { font-size: 12px }
.qc-navigation.qc-navigation-mini,
.qc-navigation.qc-navigation-mini .navigation-inner { height: 35px }
.qc-navigation.qc-navigation-mini .categories .menu>.presentation h2 a,
.qc-navigation.qc-navigation-mini .user-id { line-height: 35px }
.qc-navigation.qc-navigation-mini .state-log-in .user-id .triangle-down { top: 15px }
 @media screen and (max-width:1150px) {
.qc-navigation .logo { margin-right: 1% }
.qc-navigation .categories .menu>.presentation h2 a,
.user-id { font-size: 14px; padding: 0 10px }
.operation .link-mc,
.qc-navigation .login .text { font-size: 12px }
.qc-navigation .search { margin-right: 10px }
.qc-navigation .login .text { padding-left: 5px; padding-right: 5px }
.qc-navigation .login .login-op { margin-right: 15px }
}
body.ie8 .qc-navigation .logo { margin-right: 1% }
.user-id,
body.ie8 .qc-navigation .categories .menu>.presentation h2 a { font-size: 14px; padding: 0 10px }
.qc-btn body.ie8 .operation .link-mc,
body.ie8 .qc-navigation .login .text { font-size: 12px }
body.ie8 .qc-navigation .search { margin-right: 10px }
body.ie8 .qc-navigation .login .text { padding-left: 5px; padding-right: 5px }
body.ie8 .qc-navigation .login .login-op { margin-right: 15px }
body.ie8 .qc-navigation-hover:before { background-color: #111 }
body.ie8 .qc-navigation-hover .state-log-in .user-id { width: 6em }
#MAXIM { content: "feu201603010151819" }
.nav { width: 100%; height: 88px; background-image: url(../../img/default/nav-bg.png); background-repeat: repeat-x }
.nav h1 { padding-top: 100px; }
.nav h1 a { position: absolute; top: 0; left: 0 }
.nav>div { height: 88px; position: relative }
.nav-btn { display: inline-block; position: absolute; top: 0px; left: 260px }
.nav-btn a { display: inline-block; font-size: 16px; padding: 0 20px; color: #282828; text-align: center; line-height: 88px; }
.nav-btn a:hover { color: #f19400 }
.search { position: absolute; top: 25px; right: 0px }
.search-btn { background-color: #f0f0f0; border: 1px solid #CCC; width: 60px; height: 35px; margin-left: 10px; display: inline-block }
.search-btn:hover { background-color: #f19400; color: #fff }
.text-input { padding: 8px 20px 8px 8px; border-radius: 10px; border: 1px solid #b4b4b4; font-size: 14px; color: #a6a6a6; background-image: url(../../img/default/nav-icon-14-g.png); background-position: right 8px; background-repeat: no-repeat }
.state-log-in:hover .nav-down-style { display: block !important }
/*登陆、注册、完善资料*/
.register-box .sign_tit { width: 240px; height: 40px; background-image: url(../../img/default/global-components.png); display: block; margin: 20px auto 0px auto; background-position: 0px -180px }
.register-box input[type="text"],
.register-box input[type="password"],
.edit input[type="text"] { font-size: 14px; color: #333; border: 1px solid #CECECF; border-radius: 2px; background-color: #eef3f8; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1); -webkit-appearance: none; width: 240px; padding: 7px 9px; line-height: 24px; margin-top: 20px; }
.register-box input[type="text"]:focus,
.register-box input[type="password"]:focus { outline: none; border-color: #92AFED; box-shadow: 0 0 5px #92AFEC, inset 1px 1px 2px rgba(0, 0, 0, 0.1); }
.register-box input[type="button"],
.edit input[type="button"] { height: 42px; background-color: #3db0dd; margin: 0; width: 240px; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; border: 0; letter-spacing: 6px; text-align: center }
.register-box input[type="button"]:hover { background-color: #81c913 }
.register-box input[type="checkbox"] { margin-right: 5px }
.forgetPassword { width: 240px; margin: 15px auto; text-align: left; color: #666666; }
.forgetPassword label { margin-right: 10px }
.forgetPassword a { color: #666666; margin-left: 30px }
.qu-pass { padding: 10px }
.qu-pass p { color: #a0a0a0; font-size: 12px }
.qu-pass a { display: inline-block; width: 34px; height: 34px; background-image: url(../../img/default/global-components.png); margin: 18px 12px }
.qu-pass a:nth-child(2) { background-position: -226px 5px }
.qu-pass a:nth-child(3) { background-position: -226px -75px }
.qu-pass a:nth-child(4) { background-position: -224px -37px }
.uers { padding: 0; margin-left: 110px; margin-top: -30px; margin-bottom: 20px }
.uers a { margin: 5px 5px }
.login-box h2 { font-size: 18px; font-weight: normal; height: 60px; line-height: 60px; border-bottom: 1px solid #e7e6e6 }
.login-box h2 span { border-bottom: 2px solid #f19400; display: inline-block; padding: 0 50px; text-align: center; background-color: #FFF; }
.login-box strong { font-weight: normal; line-height: 60px; padding: 0 50px; font-size: 16px; color: #8f8f8f; display: block }
.login-box .register-box { float: left; width: calc(100%/2 - 85px); padding: 0 50px 50px 50px }
.login-box .register-box input[type="text"],
.login-box .register-box input[type="password"] { width: 80%; margin-top: 30px }
.login-box .register-box input[type="radio"] { margin-top: 30px }
.login-box .register-box .forgetPassword { width: 100%; margin: 40px 30px }
.login-box .register-box a { color: #F00 }
.login-box .register-box .form_box dl dd i { color: #F00 }
.login-box .register-box .form_box dl dd i input { margin-left: 10px }
.login-box .qlogin { margin-left: 100px }
.w_25 { border-left: 1px solid #eee; color: #999; height: 157px; margin-top: 30px; position: relative; width: 25px; }
.w_25 span { background-color: #fff; height: 25px; line-height: 25px; margin: 70px 0 0 -12px; position: absolute; text-align: center; width: 25px; }
.fl,
.fr { display: inline; float: left; }
a.sina_login,
a.qq_login,
a.wx_login { background: rgba(0, 0, 0, 0) url("../../img/default/login.png") no-repeat scroll 0 0; color: #fff; display: block; font-size: 14px; height: 40px; line-height: 40px; margin-top: 15px; text-indent: 55px; width: 190px; }
a.sina_login:hover { background-position: -200px 0 }
a.qq_login { background: rgba(0, 0, 0, 0) url("../../img/default/login.png") no-repeat scroll 0 -55px; }
a.qq_login:hover { background-position: -200px -55px }
a.wx_login { background-position: 0 -110px }
a.wx_login:hover { background-position: -200px -110px }
.register-box .jlpage-search,
.edit .jlpage-search { margin-top: 30px !important; }
.register-box .jlpage-search i { color: #F00 }
.register-box .jlpage-search label.city { margin-left: 14px }
.register-box .form_box label.lblSelect { font-size: 14px }
.register-box .form_box label.lblSelect::after { background-color: rgba(255, 255, 255, 0); border-radius: 0 6px 6px 0; bottom: 0; color: #565656; content: "▼"; line-height: 39px; pointer-events: none; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; width: 20pt; }
.register-box .form_box select.selectCategory,
.edit .form_box select.selectCategory { background-color: #eef3f8; border: 1px solid #cececf; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; color: #333; font-size: 14px; line-height: 24px; padding: 7px 0px; height: 40px; width: 140px }
.login-box .register-box label { color: #000 !important; font-size: 16px; margin: 0 10px 0 20px }
.login-box .register-box label input { margin-right: 5px }
.edit input[type="text"] { width: 60%; margin-top: 30px }
.edit .jlpage-search { position: relative; margin-bottom: 30px !important; margin-top: 0 !important }
.edit .jlpage-search label { margin-left: 5px }
.edit .jlpage-search label.lblSelect::after { line-height: 38px }
.edit i { color: #F00 }
.edit .jlpage-search .time input { width: 140px; margin: 0 }
.edit .jlpage-search .time a { vertical-align: middle; color: #999 }
.edit .jlpage-search .time a img { vertical-align: middle }
/*首页-搜索*/
.index-search { width: 100%; height: 39px; background-color: #f2f2f8; padding: 25px 0 }
.index-search > div { display: inline-block; color: #408ed6; font-size: 20px; line-height: 30px; margin-left: 20px; width: 455px }
.index-search > div > em { display: inline-block; width: 30px; height: 30px; background-image: url(../../img/default/global-components.png); background-position: -219px -129px; vertical-align: middle; margin-right: 10px }
.index-search .hot-city { font-size: 14px; font-weight: bold; margin-right: 20px; margin: 0; margin-right: 30px; color: #666 }
.index-search .hot-city a { margin: 0 5px; color: #ff4800 }
select.selectCategory { width : 130px; height : 32px; line-height : 32px; padding-right : 20pt; text-indent : 4pt; text-align : left; vertical-align : middle; border : 1px solid #acacac; -moz-border-radius : 6px; -webkit-border-radius : 6px; border-radius : 6px; -webkit-appearance : none; -moz-appearance : none; appearance : none; font-family : Arial, Calibri, Tahoma, Verdana; font-size : 14px; color : #a6a6a6; cursor : pointer; outline : none; }
select.selectCategory option { padding : 4px 10px 4px 10px; font-size : 11pt; font-weight : normal; }
select.selectCategory option[selected] { font-weight: bold }
select.selectCategory option:nth-child(even) { background-color: #f5f5f5; }
select.selectCategory:focus { box-shadow: inset 0 0 5px #000099; }
label.lblSelect { position: relative; display: inline-block; font-size: 20px; color: #595959; margin-right: 3% }
label.lblSelect::after { content : "\25bc"; position : absolute; top : 0; right : 0; bottom : 0; width : 20pt; line-height : 32px; vertical-align : middle; text-align : center; background-color: rgba(255,255,255,0); color : #565656; -moz-border-radius : 0 6px 6px 0; -webkit-border-radius : 0 6px 6px 0; border-radius : 0 6px 6px 0; pointer-events : none; }
/*foot*/
.foot { background-color: #f3f3f3; text-align: center; /*height: 327px*/ }
.foot a { color: #707070; margin: 0 8px }
.foot a:hover { color: #101010 }
.department { border-bottom: 1px solid #e3e3e3; line-height: 69px; margin: 0 auto 15px; max-width: 1200px; height: 69px !important; }
.foot-logo { width: 181px; height: 45px; display: inline-block; background-image: url(../../img/default/global-components.png); background-position: -164px -343px; vertical-align: middle; margin-right: 45px !important }
.f-link { height: auto !important }
.f-link p { margin-bottom: 10px }
.f-link p span { margin: 0 8px }
.f-link a img { margin: 20px auto }
.foot .foot-t-l > div,
.foot .foot-t-l { height: auto !important }
.foot .foot-t-l { text-align: center; margin: 0 auto; max-width: 900px; min-width: 600px }
.foot .foot-t-l > div { float: left }
.foot .foot-t-l > div:nth-child(1) { line-height: 24px }
.foot .foot-t-l > div:nth-child(2) { width: 810px; text-align: left; margin-left: 20px }
.foot .foot-t-l > div:nth-child(2) a { margin: 0 5px !important; line-height: 24px }
/*回到顶部*/
.izl-rmenu { position: fixed; right: 10px; margin-left: 532px; bottom: 30px; padding-bottom: 73px; background: url(../../img/default/r_b.png) 0px bottom no-repeat; z-index: 999; }
.izl-rmenu .btn-l { width: 72px; height: 73px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../../img/default/r_qq.png) 0px 0px no-repeat; background-color: #6da9de; }
.izl-rmenu .btn-qq:hover { background-color: #488bc7; }
.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited { background: url(../../img/default/r_qq.png) 0px 0px no-repeat; background-color: #6da9de; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../../img/default/r_wx.png) 0px 0px no-repeat; background-color: #78c340; }
.izl-rmenu .btn-wx:hover { background-color: #58a81c; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -160px; top: 0px; display: none; width: 160px; height: 160px; }
.izl-rmenu .btn-phone { background: url(../../img/default/r_phone.png) 0px 0px no-repeat; background-color: #fbb01f; }
.izl-rmenu .btn-phone:hover { background-color: #ff811b; }
.izl-rmenu .btn-phone .phone { background-color: #ff811b; position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../../img/default/r_top.png) 0px 0px no-repeat; background-color: #666666; display: none; }
.izl-rmenu .btn-top:hover { background-color: #444; }
/*首页&收藏*/
.top-l { font-size: 12px; line-height: 42px }
.top-l a { color: #a0a0a0; margin-right: 10px; display: inline-block; height: 42px }
.top-l a em { display: inline-block; width: 16px; height: 16px; background: scroll; vertical-align: middle; margin-right: 3px; background-size: cover }
.top-l a em.home-ico { background-image: url(../../img/default/nav-icon-12-g.png) }
.top-l a em.fav-ico { background-image: url(../../img/default/nav-icon-11-g.png) }
/*公共右边栏*/
.shequ .rows .sideBox { width: 290px; }
.shequ .rows .sideBox .rows .backdrop { border-bottom: 1px solid #ebeff0; }
.shequ .rows .sideBox .rows .contentBox { padding: 15px 20px 20px; }
.shequ .rows .sideBox .rows h4.tit { padding: 20px 20px 0px; display: block; font-size: 14px; line-height: 1em; zoom: 1; overflow: hidden; position: relative; color: #34495e; }
.shequ .rows .sideBox .rows h4.tit a,
.shequ .rows .sideBox .rows h4.tit .line_txt { color: #7f8c8d; font-weight: normal; display: block; float: left; }
.shequ .rows .sideBox .rows h4.tit .line_txt { font-size: 12px; padding: 0px 6px; }
.shequ .rows .sideBox .rows h4.tit a.on { color: #34495e; }
.shequ .rows .sideBox .rows h4.tit a.btn_more { height: 24px; line-height: 24px; font-size: 12px; font-weight: normal; position: absolute; right: 20px; top: 11px; color: #5aabe2; }
.shequ .rows .sideBox .rows h4.tit a.btn_more:hover { text-decoration: underline; color: #3498db; }
.shequ .rows .sideBox .rows a.btn_more { right: 20px; top: 16px; }
.shequ .rows .sideBox .rows h6.tit { height: 24px; line-height: 24px; font-size: 14px; font-family: Microsoft YaHei; padding: 6px 0px; color: #95a5a6; }
.shequ .sideBox #tab_guanzhu span { font-size: 12px; padding: 0px 6px; color: #7f8c8d; font-weight: normal; display: block; float: left; }
/* sideBox & list_txt */
.shequ .sideBox .list_txt { margin-top: -5px; margin-bottom: -5px; }
.shequ .sideBox .list_txt a span { color: #f19400; margin-right: 5px }
.shequ .sideBox .list_txt a strong { color: #9cb527; margin-right: 5px }
.shequ .sideBox .list_txt li { height: 30px; font-size: 14px; line-height: 24px; display: block; position: relative; zoom: 1; overflow: hidden; }
.shequ .sideBox .list_txt li .figure { padding-right: 6px; float: left; display: inline; font-weight: bold; color: #e74c3c; font-size: 14px; font-family: "Courier New", Courier, monospace; font-style: italic; }
.shequ .sideBox .list_txt li .txt { width: 251px; font-size: 14px; float: left; display: inline; }
.shequ .sideBox .list_txt li .msg { height: 24px; line-height: 24px; display: block; position: absolute; right: 0px; top: 0px; color: #7f8c8d; }
/* ----- sideBox & list_avatar ----- */
.sideBox .list_avatar { margin-top: -8px; margin-left: -5px; }
.sideBox .list_avatar li { float: left; display: inline; text-align: center; margin: 8px 10px 0px 5px; overflow: hidden; }
.sideBox .list_avatar li .avatar_img { width: 70px; height: 70px; margin: 0px auto 0px; display: block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.sideBox .list_avatar li .avatar_img:hover { }
.sideBox .list_avatar li h6,
.sideBox .list_avatar li p { line-height: 20px; font-size: 12px; margin-top: 6px; }
.sideBox .list_avatar li a { display: block; color: #2a7aaf; overflow: hidden; margin-bottom: 10px }
.sideBox .list_avatar li a h6 { font-weight: normal !important; font-size: 14px; white-space: nowrap; width: 70px; text-overflow: ellipsis; }
.sideBox .list_avatar li a:hover { color: #3d3d3d; }
/* ----- sideBox & list_avatar ----- */
.sideBox .list_game { margin-top: -8px; margin-left: -5px; }
.sideBox .list_game li { width: 36px; float: left; display: inline; text-align: center; margin: 8px 0px 0px 5px; overflow: hidden; }
.sideBox .list_game li .img01 { width: 36px; height: 36px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #fff; image-rendering: optimizeQuality; }
.sideBox .list_game li h6,
.sideBox .list_game li p { line-height: 20px; font-size: 12px; }
.sideBox .list_game li a { width: 36px; height: 36px; display: block; color: #5aabe2; }
.sideBox .list_game li a:hover { color: #3498db; }
.sideBox .list_game li a:hover { color: #3498db; text-decoration: underline; }
.sideBox .list_game li.last a { width: 36px; height: 36px; font-size: 12px; line-height: 36px; display: block; background: #5dade2; color: #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.sideBox .list_game li.last a:hover { background: #7bbce8; text-decoration: none; }
/* ----- sideBox & list_touxiang ----- */
.sideBox .list_touxiang { margin-top: -10px; }
.sideBox .list_touxiang li { height: 36px; padding: 10px 0px; zoom: 1; overflow: hidden; position: relative; border-bottom: 1px dashed #dadfe0; }
.sideBox .list_touxiang li .imgBox { float: left; display: inline; padding-right: 10px; }
.sideBox .list_touxiang li .imgBox a { width: 36px; height: 36px; display: block; }
.sideBox .list_touxiang li .imgBox .avatar_img { width: 36px; height: 36px; display: block; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.sideBox .list_touxiang li .txtBox h5 { font-weight: normal; font-size: 14px; line-height: 1.2em; margin-bottom: 8px; }
.sideBox .list_touxiang li .txtBox h5 a { width: 110px; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.sideBox .list_touxiang li .txtBox p { width: 120px; font-size: 12px; line-height: 1em; color: #7f8c8d; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.sideBox .list_touxiang li a.btn_guanzhu,
.sideBox .list_touxiang li a.btn_guanzhu_on { height: 30px; line-height: 30px; display: block; padding: 0px 9px; position: absolute; right: 0px; top: 13px; background: #3498db; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; }
.sideBox .list_touxiang li a.btn_guanzhu:hover,
.sideBox .list_touxiang li a.btn_guanzhu_on:hover { background: #5aabe2; color: #fff; }
.sideBox .list_touxiang li a.btn_guanzhu_on { background: #bdc3c7; }
.sideBox .list_touxiang li a.btn_guanzhu_on:hover { background: #cbcfd3; }
.sideBox .list_touxiang li a.btn_tidao { width: 16px; height: 30px; line-height: 30px; display: block; padding: 0px 9px; position: absolute; right: 0px; top: 13px; }
.sideBox .list_touxiang li a.btn_tidao .i_act_16 { background-position: 0px -260px; right: 0px; top: 6px; }
.sideBox .list_touxiang li span.btn_guanzhu { height: 30px; line-height: 30px; display: block; padding: 0px 10px; position: absolute; right: 0px; top: 13px; background: #3498db; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; }
.sideBox .list_touxiang li span.btn_guanzhu:hover { background: #5aabe2; color: #fff; }
.sideBox .list_touxiang li span.btn_guanzhu a { color: #fff; }
/* ----- sideBox & list_dingyue ----- */
.sideBox .list_dingyue { margin-top: -10px; }
.sideBox .list_dingyue li { height: 36px; padding: 10px 0px; zoom: 1; overflow: hidden; position: relative; border-bottom: 1px dashed #dadfe0; }
.sideBox .list_dingyue li .imgBox { float: left; display: inline; padding-right: 10px; }
.sideBox .list_dingyue li .imgBox a { width: 36px; height: 36px; display: block; }
.sideBox .list_dingyue li .imgBox .img01 { width: 36px; height: 36px; display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.sideBox .list_dingyue li .txtBox h5 { font-size: 14px; font-weight: normal; line-height: 1.2em; margin-bottom: 8px; }
.sideBox .list_dingyue li .txtBox h5 a { width: 200px; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.sideBox .list_dingyue li .txtBox p { width: 120px; font-size: 12px; line-height: 1em; color: #7f8c8d; display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; }
.sideBox .list_dingyue li a.btn_dingyue,
.sideBox .list_dingyue li a.btn_dingyue_on { height: 30px; line-height: 30px; display: block; padding: 0px 9px; position: absolute; right: 0px; top: 13px; background: #3498db; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; }
.sideBox .list_dingyue li a.btn_dingyue:hover,
.sideBox .list_dingyue li a.btn_dingyue_on:hover { background: #5aabe2; color: #fff; }
.sideBox .list_dingyue li a.btn_dingyue_on { background: #bdc3c7; }
.sideBox .list_dingyue li a.btn_dingyue_on:hover { background: #cbcfd3; }
.sideBox .list_dingyue2 li .txtBox h5 a { width: 105px; }
.sideBox .list_dingyue li .dingyue_status { height: 30px; line-height: 30px; display: block; padding: 0px 10px; position: absolute; right: 0px; top: 13px; background: #1abc9c; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; }
.sideBox .list_dingyue li .dingyue_statused { color: #9cabac; display: block; font-size: 12px; height: 30px; line-height: 30px; position: absolute; right: 0px; top: 13px; z-index: 1; }
.sideBox .list_dingyue li .dingyue_status a.btn_dingyue { color: #fff; }
/* ----- sideBox & helpBox ----- */
.shequ .rows .sideBox .rows .helpBox p { font-size: 13px; line-height: 24px; }
.shequ .rows .sideBox .rows .helpBox .contentBox { padding-top: 6px; }
/* sideBox & shenqingBox */
.sideBox .shenqingBox { margin: 0px 20px 20px; position: relative; display: block; padding-top: 10px; }
.sideBox .shenqingBox em { font-size: 17px; font-weight: bold; height: 22px; line-height: 22px; color: #c5cbd1; }
.sideBox .shenqingBox em.l_ico { position: absolute; left: 9px; top: 15px; }
.sideBox .shenqingBox em.r_ico { position: absolute; left: 128px; top: 15px; }
.sideBox .shenqingBox .input_txt { vertical-align: top; width: 105px; height: 22px; line-height: 22px; font-size: 13px; border: 1px solid #bdc3c7; background: #fff; padding: 4px 20px; font-family: Microsoft YaHei; color: #7f8c8d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.sideBox .shenqingBox .input_txt:focus { color: #34495e; }
.sideBox .shenqingBox .btn_submit { width: 48px; height: 32px; line-height: 28px; font-size: 12px; padding: 0px; border: 0px; font-family: Microsoft YaHei; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 4px; background: #3498db; color: #fff; position: absolute; right: 0px; top: 10px; cursor: pointer; }
.sideBox .shenqingBox .btn_submit:hover { background: #5dade2; }
.sideBox .shenqingBox .btn_shenqing { width: 100%; height: 48px; line-height: 46px; border: 0; display: block; position: relative; background: #3498db; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color: #fff; font-family: Microsoft YaHei; font-size: 22px; text-align: center; margin-top: 10px; cursor: pointer; vertical-align: top; }
.sideBox .shenqingBox .btn_shenqing:hover { background: #5dade2; }
.sideBox .shenqingBox p.m_tishi { padding-top: 9px; line-height: 1.2em; color: #7f8c8d; }
/* Right Area */
#rightAreaTop,
#rightAreaBottom,
#rightFormBottom,
#rightFormTop,
#rightFormCityTrigger,
#rightFormCourseTrigger,
.rightInputNormal,
#rightFormSchoolHolder,
.rightSchoolArr,
#rightArea .splitLine,
#rightArea .moreInfo .moreArr { background-image: url(../../img/default/csg-rightarea_cs.gif); }
#rightArea { width: 289px; float: right; display: inline; overflow: hidden; font-family: Arial, Sans-Serif; margin: 0; background-color: #8bb6d0; }
#rightAreaTop { background-position: 0 0; width: 289px; height: 32px; }
#rightAreaBottom { clear: both; width: 364px; height: 11px; background-position: 0 -494px; margin: 0; padding: 0; background-color: #FFF; }
#rightFormHolder { width: 280px; overflow: hidden; margin: 0 0 10px 2px; }
#rightFormTop { width: 289px; height: 118px; background-position: 0 -666px; }
#rightFormMiddle { width: 330px; overflow: visible; margin: 0; padding: 0 0 8px; }
#rightFormBottom { background-position: 0 -369px; height: 67px; width: 279px; margin: 0; }
#rightForm { background: url(../../img/default/rightformmiddle.gif) repeat-y 2px top; margin: 0; padding: 0; }
.rightSelectorHolder { margin: 0 0 0 14px; padding-left: 22px; }
#rightFormHolder a { text-decoration: none; }
#rightFormCityTrigger,
#rightFormCourseTrigger { display: block; height: 30px; background: none; cursor: hand; width: auto; float: left; overflow: hidden; margin: 15px 5px 0 0; padding: 0; width: 90px; }
#rightFormCityTrigger span,
#rightFormCourseTrigger span { display: block; width: 90px; height: 30px; line-height: 27px; padding-left: 10px; margin: 0; }
.rightTextboxHolder { clear: both; height: 30px; margin: 0 0 8px 2px; }
.rightFormText { float: left; text-align: right; width: 64px; padding-right: 2px; font-size: 14px; line-height: 28px; }
.rightInputNormal,
#rightFormSchoolHolder { background-position: 0 -222px; height: 30px; width: 147px; overflow: hidden; }
.rightSchoolArr { width: 17px; height: 17px; float: right; margin: 8px 8px 0 0; overflow: hidden; background-position: 0 -302px; }
#rightForm .popupInputNormal { background-position: 0 -222px; }
#rightForm .inputAlert,
#rightFormSchoolHolder.inputAlert { background-position: 0 -192px; }
#rightFormCityTrigger.inputAlert,
#rightFormCourseTrigger.inputAlert { background-position: 0 -82px; }
.rightTextboxHolder input { width: 130px; border: 0; color: #707070; background-color: transparent; margin: 6px 0 0 12px; }
.rightInputNormal img { display: inline; float: right; margin-right: 7px; margin-top: 7px; }
#rightFormSchoolHolder span { float: left; color: #707070; width: 204px; display: inline; margin: 5px 0 0 12px; line-height: 24px; }
#rightFormSchoolHolder img { margin-top: 8px; }
#popupGetFreeClass { float: right; margin-top: 8px; margin-right: 6px; display: inline; }
.getFreeClass { display: block; height: 43px; overflow: hidden; text-align: right; cursor: hand; }
/*资讯TOP10*/
.rows .col1 { background: #fff none repeat scroll 0 0; border: 1px solid #c4c4c4; padding: 1px; width: 266px; margin: 20px auto 10px auto }
.rows .col1 .top_bar { background: #eee url(../../img/default/news_bg5_8.gif) repeat-x scroll center bottom; clear: both; height: 58px; overflow: hidden; width: 267px; }
.rows .col1 .t1 { background: rgba(0, 0, 0, 0) url("../../img/default/news_bg5.gif") no-repeat scroll -205px -216px; height: 18px; margin: 7px 0 8px 13px; width: 131px; }
.rows .col1 .t1n { background-position: -337px -216px; }
.rows .col1 .nav { clear: both; height: 25px; overflow: hidden; padding: 0 5px; width: 266px; background-image: none }
.rows .col1 .nav li { display: inline; float: left; line-height: 22px; margin: 0 2px; padding: 2px 8px 0; text-align: center; }
.rows .col1 .nav li a { color: #333 }
.rows .col1 .nav .current { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0; border-color: #c6c6c6 #c6c6c6 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; }
.rows .col1 .list { padding: 10px 0 10px 10px; width: 246px; }
.rows .col1 .list li { background: rgba(0, 0, 0, 0) url("../../img/default/news_bg5.gif") no-repeat scroll -578px -43px; border-bottom: 1px dotted #b5b5b5; line-height: 25px; overflow: hidden; padding: 8px 0 2px 25px; text-overflow: ellipsis; white-space: nowrap; }
.rows .col1 .list li a { color: #666 }
.rows .col1 .list li a:hover { color: #000 }
.rows .col1 .list .l2 { background-position: -578px -79px; }
.rows .col1 .list .l3 { background-position: -578px -116px; }
.rows .col1 .list .l4 { background-position: -578px -152px; }
.rows .col1 .list .l5 { background-position: -578px -188px; }
.rows .col1 .list .l6 { background-position: -578px -227px; }
.rows .col1 .list .l7 { background-position: -578px -262px; }
.rows .col1 .list .l8 { background-position: -578px -299px; }
.rows .col1 .list .l9 { background-position: -578px -335px; }
.rows .col1 .list .l10 { background-position: -578px -371px; }
.rows .col1 .tbar2 { background: #646870 none repeat scroll 0 0; color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; padding: 2px 0 0 13px; }
.rows .col1 .list2 { clear: both; overflow: hidden; padding: 10px 0 10px 10px; width: 275px; }
.rows .col1 .list2 li { border-bottom: 1px dotted #b5b5b5; float: left; line-height: 25px; overflow: hidden; padding: 8px 0 2px 10px; text-overflow: ellipsis; white-space: nowrap; width: 127px; }
.rows .col1 .list2 .pic { padding-left: 0; text-align: center; width: 137px; }
.rows .col1 .list2 .pic img { border: 1px solid #e0e0e0; display: block; height: 81px; margin: 0 auto; padding: 1px; width: 121px; }
/* 右边增肌训练营选项卡*/
#blogSliderWrap { width: 280px; margin: 0px auto; position: relative; }
#blogSlider { padding: 10px 0px 0px 0px; width: 263px; }
.stripViewer { position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer { position: relative; left: 0px; top: 0px; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 280px; }
.stripNav { margin-left: 7px; position: relative; top: 18px; z-index: 99; width: 285px; }
.wrapper { padding: 10px; }
.innerWrap { width: 280px; overflow: hidden; }
#push { height: 35px; }
.stripNav ul li { float: left; }
.stripNav li a { display: block; height: 37px; text-indent: -9999px; }
.stripNav li.tab1 a { background: url(../../img/default/tab-psdtuts.png) top center no-repeat; width: 131px; }
.stripNav li.tab2 a { background: url(../../img/default/tab-nettuts.png) top center no-repeat; width: 131px; }
.stripNav li a:hover,
.stripNav li a:active,
.stripNav li a:focus { background-position: top center; }
.stripNav li.tab1 a.current { background: url(../../img/default/tab-psdtuts.png) bottom center no-repeat; }
.stripNav li.tab2 a.current { background: url(../../img/default/tab-nettuts.png) bottom center no-repeat; }
.stripNavL a,
.stripNavR a { display: block; position: absolute; width: 75px; height: 22px; text-indent: -9999px; }
.panel ul { width: 262px; }
.panel ul li a { border-bottom: 1px solid #C1B599; color: #303030; display: block; padding: 10px; }
.panel ul li:last-child a { border: none; }
.panel ul#psd-list li a:hover { background: #b20202; color: white; }
.panel ul#net-list li a:hover { background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover { background: #1f5293; color: white; }
.panel ul#audio-list li a:hover { background: #4f7c11; color: white; }
/*右边热门关键词*/
.contentBox .keyBox { width: 100% }
.contentBox .keyBox ul li a { display: block; float: left; width: calc(100%/2 - 10px); padding: 10px 0; text-align: center; border: 1px solid #e8e8e8; color: #8f8f8f; margin: 0 10px 15px 0 }
.contentBox .keyBox ul li a:hover { background-color: #f19400; color: #FFF }
.contentBox .keyBox ul li:nth-child(2n) a { margin-right: 0 }
.right-ad { width: 94%; margin: 20px auto; }
.shequ .rows .backdrop { position: relative; background: #fff url(../../img/default/repeat_bg_y.png) 0px 0px repeat-y; zoom: 1; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px 0 0 0; border-radius: 6px; zoom: 1; overflow: hidden; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.10); box-shadow: 0px 0px 2px rgba(0,0,0,0.075); }
.shequ .rows .backdrop { position: relative; background: #fff url(../../img/default/repeat_bg_y2.png) 0px 0px repeat-y; zoom: 1; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.msgx { background: url(../../img/default/paytishi.png) no-repeat; height: 22px; font-size: 10pt; padding-left: 35px; color: #7E7E7E; display: inline-block; }
.msgC { background-position: 10px -111px; }

/*公共右边栏 end*/

/* Safari 5- 苹果5以下*/
::made-up-pseudo-element, .banner-control {
width:73%
}
::made-up-pseudo-element, .h-box2 .l-box > div:nth-child(1), .h-box2 .l-box > div:nth-child(3) {
width:146px
}
::made-up-pseudo-element, .h-box .l-box > div {
width:297px
}
::made-up-pseudo-element, .member > div:nth-child(2) > div, .member > div:nth-child(3) > div {
width:126px
}
::made-up-pseudo-element, .success > div:nth-child(1) {
height:352px
}
::made-up-pseudo-element, .success .box-l > div {
height:169px
}
::made-up-pseudo-element, .wenzhang-list {
width:298px
}
 @media screen and (max-width:1300px) {
#top { display: none }
}
/*弹窗*/

.good { margin-bottom: 20px; overflow: hidden }
.good .good-img,
.good .good-txt { float: left; margin-right: 20px }
.good-txt .zj { width: 100% }
.good-txt .zj div { width: 100% !important; }
.good-txt .zj input { background-image: url(../../img/default/zj-pic.jpg); background-repeat: no-repeat; background-size: contain; color: #f90; font-size: 2.5em; padding: 5px 5px 5px 50px; border: 1px solid #CCC; border-radius: 10px; box-sizing: content-box }
.good-txt .zj img { width: 250px }
/*预约课程*/
.note { margin-bottom: 20px; overflow: hidden }
.note div { float: left; width: 25%; text-align: center; color: #858585 }
.note div img { width: 60px }
.note div span { font-size: 0.8em }
.day { width: 100% }
.day table { border-top: 1px solid #dedede; border-left: 1px solid #dedede }
.day table tr td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; width: 25%; text-align: center; vertical-align: middle; padding: 12px 0; position: relative; cursor: pointer }
.day table tr td b { font-size: 16px; font-weight: normal }
.day table tr td span { font-size: 0.8em; display: block; width: 100%; height: 18px; text-align: center; position: absolute; bottom: 0; left: 0 }
.day table tr .yiyue { background-color: #ffd6aa; background-image: url(../../img/default/yiyue.png); background-position: top left; background-size: 30%; background-repeat: no-repeat }
.day table tr .active { background-color: #3cd1ff; background-image: url(../../img/default/xuan.png); background-position: top left; background-size: 30%; background-repeat: no-repeat }
.cdate { margin-top: -30px }
.cdate ul li { display: inline-block; width: 15%; color: #FFF; text-shadow: none; line-height: 26px; border-radius: 10px }
.cdate ul li.on { background-color: #0071ac }
.cdate ul .ui-input-text { background-color: transparent; background-image: url(../../img/default/data.png); border: none; background-position: center; background-repeat: no-repeat; background-size: 30px }
.cdate ul .ui-input-text input { display: inline-block !important }
.cdate ul .ui-btn-icon-notext:after { display: none }
.popup .form-group .form-control { background-color: #fff; border-radius: 0px; width: 250px; cursor: pointer }
.popup .form-group .input-group-addon { background-color: #fff }
.popup .form-group .control-label { color: #393939; display: inline-block; font-weight: normal; text-align: right; width: 135px; padding-top: 8px }
.popup .main .zl label { display: inline-block; width: 100px; text-align: right; margin-right: 2px; font-weight: normal; color: #393939 }
.popup .main .zl label span { color: #F00; display: inline-block; margin-right: 5px }
.popup .main .zl input,
.popup .main .zl select { width: 350px; height: 38px; margin-bottom: 15px; border: 1px solid #d5d5d5; padding: 5px }
.popup .main .zl textarea { width: 338px; border: 1px solid #d5d5d5; display: inline-block; margin-bottom: 15px; padding: 5px; vertical-align: top }
.popup .main .zl .col-md-2 { margin-top: 6px }
.popup .main .zl .col-md-2,
.popup .main .zl .col-md-5 { padding: 0 }
.popup .main .zl .form-group { overflow: hidden }
.popup .main .zl .col-md-5 .form-control { border-radius: 0; background-color: #FFF; margin-left: 4px; cursor: pointer; margin-bottom: 0; width: 250px }
.popup .main .zl .col-md-5 .input-group-addon { background-color: #FFF; border-radius: 0 }
.popup .main .zl .ent-bt { margin-left: 115px; clear: both; }
.popup .main .zl .ent-bt .enter { display: inline-block; height: 35px; }
.popup .main .zl .radio-box { padding-right: 138px }
.popup .main .zl .radio-box label:nth-child(1) { text-align: right }
.popup .main .zl .radio-box label { text-align: left }
.popup .main .zl .radio-box input { width: auto; height: auto; margin-right: 5px }
.popup .main .zl form { padding-right: 30px }
/*翻页*/
.page { overflow: hidden; padding: 10px 0; position: relative; top: 10px; }
.page a { background: #bdc3c7 none repeat scroll 0 0; border: 0 solid #e8e8e8; border-radius: 4px; color: #fff; display: inline-block; height: 30px; line-height: 30px; margin-left: 3px; padding: 0 12px; }
.page a:hover { background: #cbcfd3 none repeat scroll 0 0; border: 0 solid #4bbee4; color: #fff; }
.page a.on,
.page a.on:hover { background: #415b76 none repeat scroll 0 0; border: 0 solid #4bbee4; color: #fff; }
.page a.p_hov,
.page a.p_hov:hover { background: #3498db none repeat scroll 0 0; border: 0 solid #3498db; color: #fff; }
/**/
.content_img { padding: 10px 0; width: 98%; margin: 0 auto; }
.item-tu { background: #e2e0e2; color: #333; border-radius: 3px; padding: 10px; word-break: break-all }
.item-tu img { width: 100%; height: auto; }
.item-tu p { text-align: center; margin-top: 5px; padding: 5px 0px; }
.jlinfoselect { width: 200px !important }
.jlinfoselectjl { margin-left: 8px; width: 188px !important; }
.black-bt,
.action-bt { display: inline-block; border-radius: 2px; padding: 2px 5px; font-size: 12px; color: #ffffff; margin-left: 10px }
/*我绑定的教练*/
.wodejiaolian .tx-img { position: relative; float: left; margin-left: 10px }
.wodejiaolian .tx-img img:nth-child(1) { width: 100px; height: 100px; border-radius: 2px }
.wodejiaolian .tx-img img:nth-child(2) { width: 25px; position: absolute; bottom: 0px; right: -4px }
.wodejiaolian .name { float: left; margin-left: 20px; margin-top: 8px }
.wodejiaolian .name > span { font-size: 18px; margin-left: 5px }
.wodejiaolian .name .xiji { padding: 5px 0px 0 0; width: 190px; height: 30px; }
.wodejiaolian .name .xiji .xixi { display: block; float: left; width: 30px; height: 30px; background-image: url(../../img/default/xin.png); background-size: cover; margin-right: 5px }
.wodejiaolian .name .xiji .full { background-image: url(../../img/default/xin_1.png) !important }
.wodejiaolian .name .xiji em { float: left; line-height: 30px; margin-right: 10px; color: #FFF }
.wodejiaolian { position: relative; width: 320px; overflow: hidden; padding: 15px 0px }
.gz { clear: both !important; position: relative; height: 45px; line-height: 45px; border-top: 1px #eaeaea solid }
.gz { color: #000 }
.gz span { margin-left: 10px }
.gz img { width: 12px; position: absolute; top: 12px; right: 10px }
.shangkejilu { width: 935px; overflow: hidden }
.shangkejilu .title { background-color: #b3d74f; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-top-right-radius: 20px; overflow: hidden; width: 110px; height: 32px; margin-left: -10px; font-size: 1em; margin-bottom: 10px; line-height: 32px; text-align: center; margin-top: 10px; color: #ffffff; padding: 2px 5px }
.shangkejilu { overflow: hidden; position: relative; }
.shangkejilu .link { position: absolute; top: 20px; right: 10px }
.shangkejilu .link a { color: #F90; font-size: 14px }
.shangkejilu a { color: #333 !important }
.shangkejilu a:visited { color: #333; border-color: #eaeaea }
.shangkejilu .box01 { width: 65px; float: left }
.shangkejilu .box01 .date { padding: 10px; text-align: center }
.shangkejilu .box01 .date p { font-size: 2.4em; color: #b3d74f; line-height: 42px }
.shangkejilu .box01 .date span { color: #999 }
.shangkejilu .box01 .gary p { color: #949494 }
.shangkejilu .box01 .orange p { color: #ffb74c }
.shangkejilu .box02 { border-bottom: 1px solid #eaeaea; width: auto; margin-left: 75px; position: relative }
.shangkejilu .box02 .info { padding: 10px 0; }
.shangkejilu .box02 .info time { font-size: 1em; line-height: 20px; display: inline-block; padding-left: 20px; background-image: url(../../img/default/clock.png); background-repeat: no-repeat; background-size: 15px; background-position: 0 2px }
.shangkejilu .box02 .info time + b { font-size: 12px; line-height: 14px; display: inline-block; background-color: #b3d74f; margin-left: 15px; color: #FFF; border-radius: 2px; padding: 0 2px }
.bgcol-b2 { background-color: #70ceff !important }
.shangkejilu .box02 .done img,
.shangkejilu .box02 .done span { width: 35px; position: absolute; top: 22px; right: 10px; }
.shangkejilu .box02 .done span { width: auto !important; top: 32px; color: #999 }
.jiaoLianCtrl { margin-top: 55px; margin-left: 25px }
.jiaoLianCtrl a { display: inline-block; padding: 8px 25px; background-color: #8d8d8d; color: #ffffff; font-size: 14px; border-radius: 3px }
.jiaoLianCtrl a:hover { background-color: #f19400 }
#top01 { border-top: 2px solid #dedede }
@media screen and (max-width: 1200px) {
.shangkejilu { width: 95% }
}
/*体质测试*/
#msform { margin: 50px auto; text-align: center; position: relative; }
#msform fieldset { border: 1px solid #ebebeb; border-radius: 3px; padding: 20px 30px; box-sizing: border-box; width: 80%; position: absolute; }
#msform fieldset:not(:first-of-type) { display: none; }
#msform input,
#msform textarea { padding: 5px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 200px; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; }
#msform .img-box { width: 823px; text-align: left }
#msform .img-box h3 { font-weight: normal; font-size: 18px; padding: 20px 0 30px 30px; color: #F90 }
#msform .img-box input { width: 400px }
.hr-link { height: 1px; background-color: #ebebeb; border: none; margin: 20px auto }
.t-input { float: left }
.t-input em { color: #F00 }
.t-input label { width: auto !important }
.t-input .dw { display: inline-block; margin-left: 10px }
#msform .action-button { width: 100px; background: #7db4d8; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; float: right; margin-left: 10px }
.fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; }
.fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; }
#progressbar { margin-bottom: 30px; overflow: hidden; counter-reset: step; }
#progressbar li { list-style-type: none; color: #676767; text-transform: uppercase; font-size: 9px; width: 14%; float: left; position: relative; font-size: 16px; z-index: 100 !important }
#progressbar li:before { content: counter(step); counter-increment: step; width: 30px; line-height: 30px; display: block; font-size: 16px; color: #333; background: #c4c2c2; border-radius: 20px; margin: 0 auto 10px auto; z-index: 1000 !important }
#progressbar li:after { content: ''; width: 100%; height: 10px; background: #c4c2c2; position: absolute; left: -48.5px; top: 9px; z-index: -1 }
#progressbar li:first-child:after { content: none; }
#progressbar li.active:before,
#progressbar li.active:after { background: #27AE60; color: white }
 @media screen and (max-width: 1200px) {
#msform fieldset { width: 100% }
#msform fieldset img { width: 100% }
#progressbar li:after { left: -37.5% }
}
/*排行榜*/
.leaderboard { width: 1200px; overflow: hidden }
.leaderboard .fr { float: right }
.leaderboard .leader-box { width: 578px; margin-top: 20px; margin-bottom: 20px }
.leaderboard .leader-box h4 { font-size: 20px; font-weight: normal; line-height: 40px }
.leaderboard .leader-box h4 em { font-weight: bold; margin-right: 10px; font-size: 24px }
.leaderboard .leader-box .lbb .tab { float: left }
.leaderboard .leader-box .lbb .tab li { text-align: center; border-top-right-radius: 10px; background-color: #dbdfe0; border-bottom-right-radius: 10px; padding: 20px 0; font-size: 16px; width: 35px; margin-top: 5px; cursor: pointer }
.leaderboard .leader-box .lbb .tab li.on { background-color: #3390b7; color: #ffffff }
.leaderboard .leader-box .lbb .board { background-color: #FFF; width: 500px; overflow: hidden; border-radius: 5px; border: 1px solid #dedede; float: left; padding: 20px }
.leaderboard .leader-box .lbb .board .board-tab .top3 { position: relative; height: 178px }
.leaderboard .leader-box .lbb .board .board-tab .top3 div { position: absolute }
.leaderboard .leader-box .lbb .board .board-tab .top3 .fir { top: 12px; left: 184px; }
.leaderboard .leader-box .lbb .board .board-tab .top3 .fir img { border-color: #ffc56a !important; width: 110px }
.leaderboard .leader-box .lbb .board .board-tab .top3 .thr img,
.sec img { width: 80px }
.leaderboard .leader-box .lbb .board .board-tab .top3 .sec { top: 45px; left: 17px }
.leaderboard .leader-box .lbb .board .board-tab .top3 .thr { top: 45px; right: 25px }
.leaderboard .athlete { position: relative }
.leaderboard .athlete b { font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 98px; display: inline-block; color: #333 }
.leaderboard .athlete img { border-radius: 50%; border: 3px solid #ffffff }
.leaderboard .athlete span { color: #999 }
.leaderboard .athlete .vip { background-image: url(../../img/default/vip.jpg); background-repeat: no-repeat; background-size: cover; color: #fff; display: inline-block; font-size: 12px; height: 15px; margin-right: 5px; vertical-align: middle; width: 16px; padding-left: 14px; margin-top: -10px }
.leaderboard .mylbb img { width: 50px; float: left; margin-right: 10px; margin-left: 20px }
.leaderboard .mylbb .nt { float: left; margin-top: 5px }
.leaderboard .mylbb .top-num { float: left; font-size: 42px; color: #f29400 }
.alllbb { position: absolute; top: 17px; right: 25px; }
.alllbb a { color: #f29400 }
.leaderboard .thr b { width: 50px }
.leaderboard .other { overflow: hidden; border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 10px }
.leaderboard .other .one { margin-right: 30px }
.leaderboard .other .one,
.leaderboard .other .two { margin-top: 20px; overflow: hidden; float: left }
.leaderboard .other .one ul li,
.leaderboard .other .two ul li { margin-bottom: 10px; overflow: hidden }
.leaderboard .other .athlete img { width: 35px; height:35px; float: left; margin-right: 10px }
.leaderboard .other .athlete div { float: left }
.leaderboard .other .athlete .top-num { width: 35px; height: 40px; line-height: 40px; text-align: center; color: #6da9de; font-size: 16px }
.leader-box i { background: rgba(0, 0, 0, 0) url("../../img/default/rank_bg_1.png") no-repeat scroll 0 0; cursor: help; }
.i-question { width: 20px; height: 20px; margin-top: 4px; position: relative; }
.i-question cite { position: absolute; top: -2px; left: 20px; height: auto; line-height: 20px; padding: 0 8px; background: #f5ffed; border: 1px solid #dedcd2; white-space: nowrap; display: none; z-index: 1000; font-size: 12px; cursor: help; font-style: normal }
.leader-box h4 em,
.leader-box h4 span { float: left }
.leader-box h4 i { float: left; margin-left: 10px; margin-top: 12px }
.leader-box h4 i:hover cite { display: block }
.leaderboard .leader-box .lbb .suc { width: 1122px }
 @media screen and (max-width: 1200px) {
.leaderboard { width: auto; }
.leaderboard .leader-box { width: 478px; margin-left: 10px; margin-right: 10px }
.leaderboard .leader-box .lbb .board { width: 400px }
.leaderboard .other .one { margin-right: 1px }
.leaderboard .athlete b { width: 78px }
.leaderboard .leader-box .lbb .board .board-tab > img { width: 100% }
.leaderboard .leader-box .lbb .board .board-tab .top3 .fir { left: 144px }
.leaderboard .leader-box .lbb .board .board-tab .top3 .thr { right: -13px }
}
/*排名列表页面*/
.leaderboard .li { width: 98% }
.leaderboard .lbb-list { width: 98%; margin-left: 20px; border-bottom: 1px solid #ededed; overflow: hidden; padding: 10px 0 }
.leaderboard .lbb-list:hover { background-color: #fbfbfb }
.leaderboard .lbb-list a { overflow: hidden; display: block }
.leaderboard .lbb-list img { width: 70px; float: left; margin-right: 20px; margin-left: 20px }
.leaderboard .lbb-list .nt { float: left; margin-top: 15px }
.leaderboard .lbb-list .top-num { float: left; font-size: 42px; color: #f29400; margin-top: 5px }
.leaderboard .lbb-list .lbb-pr { position: absolute; top: 10px; right: 10px }
.leaderboard .lbb-list .lbb-pr img { width: 50px }
.leaderboard .lbb-list .lbb-pr span { margin-top: 26px; display: block }
.succ { margin: 30px auto 70px; width: 1200px }
.story { width: 880px; overflow: hidden; float: left }
.story .caption { background: url(../../img/default/caption-3.png) no-repeat scroll 0 0; height: 80px; margin-bottom: 40px; text-indent: -9999px; }
.story .box .list { position: relative; float: left; height: 220px; width: 214px }
.story .box .list a:hover img { opacity: 0.9; filter: alpha(opacity=90) }
.story .box .list .tit { position: absolute; bottom: 0; left: 0; color: #ffffff; padding: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 206px; text-shadow: 0px 0px 2px rgba(0,0,0,1); margin: 0 }
.adlist { float: right }
.caption-l { text-align: center; font-size: 22px; font-weight: normal; height: 65px; background-image: url(../../img/default/img/leaderboard-h-bg.jpg); line-height: 65px }
.news li { border-bottom: 1px solid #dddddd; height: 47px; line-height: 47px; display: block }
.news li a { display: block; float: left; color: #000 }
.news li a:hover { color: #f29400 }
.news li em { display: block; float: left; width: 45px; height: 47px; background-image: url(../../img/default/img/list-num.png); text-indent: 10em; overflow: hidden; background-repeat: no-repeat }
.news li em.no1 { background-position: 0px 7px; }
.news li em.no2 { background-position: 0px -40px; }
.news li em.no3 { background-position: 0px -86px; }
.news li em.no4 { background-position: 0px -132px; }
.news li em.no5 { background-position: 0px -178px; }
.news li a:hover em.no1 { background-position: -45px 7px }
.news li a:hover em.no2 { background-position: -45px -40px; }
.news li a:hover em.no3 { background-position: -45px -86px; }
.news li a:hover em.no4 { background-position: -45px -132px; }
.news li a:hover em.no5 { background-position: -45px -178px; }
.tit-h4 { margin-top: 20px; }
.tit-h4 > a { padding: 8px 15px; display: inline-block; border: 1px solid #e8e8e8; background-color: #FFF; font-weight: normal; cursor: pointer; color: #8f8f8f; margin: 5px }
.tit-h4 > a:hover { background-color: #fe9c33; color: #FFF }
 @media screen and (max-width: 1200px) {
.succ { width: 1000px }
.story { width: 642px; }
.story .box .benone { display: none }
.story .caption { width: 640px }
}


/*课程*/
.Content { width: 100%; }
.Content .banner { margin: 0px auto; position: relative; }
.Page { width: 1200px; margin: auto; position: relative; z-index: 2; }
.banner .IndexBannerPicsList { width: 100%; height: 420px; overflow: hidden; position: relative; }
.banner .IndexBannerPicsList li { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; display: none; }
.banner .IndexBannerPicsList li img { width: 100%; }
.banner .IndexBannerPicsList_Btn { position: absolute; top: 380px; display: inline-block; height: 20px; background: url(../../img/default/rolldiv_l.png) no-repeat left center; padding-left: 14px; }
.banner .IndexBannerPicsList_Btn { *display: inline;
}
.banner .IndexBannerPicsList_Btn ul { background: url(../../img/default/rolldiv_r.png) no-repeat right center; padding-right: 14px; overflow: hidden; height: 20px; }
.banner .IndexBannerPicsList_Btn ul li { width: 11px; height: 11px; float: left; background: url(../../img/default/roll2.png) no-repeat; margin: 4px 5px; cursor: pointer; }
.banner .IndexBannerPicsList_Btn ul li.cur { background-image: url(../../img/default/roll1.png); }
.kc-tit h2 { font-size: 22px; line-height: 74px; font-weight: lighter }
.kc-box .kc-li .list { display: block; float: left; overflow: hidden; width: 48% }
.kc-box .kc-li .list > a img { width: 100% }
.kc-box .kc-li .list > a { overflow: hidden; display: block; position: relative }
.kc-box .kc-li .list > a .day { display: block; position: absolute; padding: 5px 10px; background-color: rgba(255,255,255,0.7); bottom: 15px; right: 0px; width: 40px; color: #000; text-align: center }
.kc-box .kc-li .list h3 { font-weight: normal; font-size: 18px;}
.kc-box .kc-li .list .titleCost { position: relative; padding: 10px }
.kc-box .kc-li .list .titleCost .cost { position: absolute; right: 10px; top: 10px; line-height: 22px }
.kc-box .kc-li .list .titleCost .cost span { color: #db2424; font-size: 20px; }
.kc-box .kc-li .list .titleCost .cost b { color: #7e7e7e; font-weight: normal; font-size: 16px }
.kc-box .kc-li .list .titleCost .info { margin-top: 15px }
.kc-box .kc-li .list .titleCost .info p { font-size: 15px; color: #7e7e7e; line-height: 26px }
.kc-box .kc-li .list .titleCost .info p a { color: #7e7e7e }
.kc-box .kc-li .list .titleCost .info p a:hover { color: #C30 }
i.sep { margin: 0 15px; }
.kc-box .kc-li .list .titleCost .kc-btn { margin: 25px auto }
.kc-box .kc-li .list .titleCost .kc-btn a { display: inline-block; padding: 10px 35px; background-color: #0977c6; border-radius: 5px; color: #fff; font-size: 16px; margin-right: 10px }

.kc-box .index-tit{ margin-bottom:10px; margin-top:10px}
.kc-box .l3 .list {width: 32%; margin-right:20px; margin-bottom:20px}
.kc-box .l3 ul li:nth-child(3n) .list{ margin-right:0}
.kc-box .l4 .list {width: 23.5%; margin-right:20px; margin-bottom:15px}
.kc-box .l4 ul li:nth-child(4n) .list{ margin-right:0}
.kc-box .l4 .list .titleCost .cost{ position:inherit; margin-left:8px}
.kc-box .l4 .list .titleCost .info{ margin-top:10px}
.kc-box .l3 .list .titleCost .kc-btn{ margin:5px 0}
.kc-box .index-tit{ position:relative}
.kc-box .index-tit .more{ position:absolute; right:10px; top:20px}
.kc-box .index-tit .more .icn{ display:inline-block; width:30px; height:18px; background-image:url(../../img/default/5ifit_kc_ui_sprite.png); background-repeat:no-repeat; background-position:4px -5px; vertical-align:middle}
.kc-box .index-tit .more:hover .icn{ background-position:4px -22px}
.kc-box .index-tit a{ color:#3E3E3E}
.kc-box .index-tit a:hover{ color:#f19400}
.kc-box .index-tit>h2{ display:inline-block}
.kc-box .index-tit .other{ display:inline-block}
.kc-box .index-tit .other a{ display:inline-block; padding:5px 10px}

.kc-jl .index-tit h2{ text-align:center; margin-bottom:60px}
.kc-jl .box .kc-jl-list{ display:block; overflow:hidden; float:left; text-align:center; margin-right:2.1%; width:12.3%}
.kc-jl .box .kc-jl-list:last-child{ margin:0}
.kc-jl .box .kc-jl-list a{ color:#3E3E3E}
.kc-jl .box .kc-jl-list a:hover{ color:#f19400}
.kc-jl .box .kc-jl-list img{ border-radius:50%; display:block; width:100%; margin-bottom:10px}
.kc-jl .box .kc-jl-list span{font-size:18px;}
.kc-jl .box .kc-jl-list strong{ font-size:14px; font-weight:normal; color:#898989}

/*优惠券*/
.coupon{ margin:30px auto}
.coupon .box{ width:50%; float:left}
.coupon .box a>img{ display:inline-block; border-radius:5px; width:253px; height:100px;}
.coupon .box .box-c{ display:inline-block; width:328px; height:100px; background-image:url(../../img/default/coupon.png)}
.coupon .box .box-c .fl{ padding:8px 26px; text-align:center}
.coupon .box .box-c .fl span{ color:#f19400}
.coupon .box .box-c .fl span b{ font-size:35px}
.coupon .box .box-c .fl a{ padding:2px 5px; border-radius:5px; display:inline-block; background-color:#f19400; color:#ffffff}
.coupon .box .box-c .fr{ padding:27px 48px; text-align:center;}
.coupon .box .box-c .fr .f1{ font-size:16px}
.coupon .box .box-c .fr .f2{ color:#A2A2A2}
@media screen and (max-width:1200px) {
	.coupon .box a>img{ width:160px}
	}

@media screen and (max-width:1200px) {
.Page { width: 100% }
.banner .IndexBannerPicsList { height: 257px }
.banner .IndexBannerPicsList_Btn { left: 50% !important; top: 230px !important }
.banner .IndexBannerPicsList li img { height: 100% }
}

@media screen and (max-width:1100px) {
	.kc-box .l3 .list .titleCost .cost{ position:inherit}
	}
.kc-dt{ height:100px !important}
.kc-dt .box{ width:98% !important}
.kc-dt .box .line .li-box{ border:none}
.kc-dt .box .line .li-box .one-kc{ position:relative; width:32%; float:left; border-right:1px solid #E9E9E9; padding:0 10px}
.kc-dt .box .line .li-box .one-kc:first-child{ padding:0 10px 0 0}
.kc-dt .box .line .li-box .one-kc:last-child{ padding:0 0 0 10px; border:none}
.kc-dt .box .line .li-box .one-kc img{ border-radius:50%; margin-right:10px}
.kc-dt .box .line .li-box .one-kc .tbox{ left:80px; top:-5px}
.kc-dt .box .line .li-box .one-kc:first-child .tbox{ left:70px}
.kc-dt .box .line .li-box .one-kc .tbox span a{ font-weight:normal !important; color:#151515 !important}
.kc-dt .box .line .li-box .one-kc .tbox span a:hover{ color:#f19400 !important}
.kc-dt .box .line .li-box .one-kc .tbox p{ font-size:14px; color:#8C8C8C}
.kc-dt .box .line .li-box .one-kc .tbox p a{ color:#f19400 !important; text-decoration:none !important}

/*常见问题*/
.question { border-top: 1px solid #e5e5e5; margin-top:30px}
.kc-tit { position: relative }
.kc-tit a { position: absolute; right: 10px; top: 30px }
.que-li ul li { display: inline-block; width: 24%; margin-bottom: 10px }
.que-li ul li a { color: #3c83ae }
.que-li ul li a:hover { color: #C30 }
.main_question { background: #fff none repeat scroll 0 0; margin: 0 auto; width: 100%; }
.q_title { background-image: url(../../img/default/question_header.jpg); height: 128px; background-position: right; width: 100% }
.qlist1_title { font-size: 16px; font-weight: bold; height: 36px; line-height: 36px; margin-top: 15px; padding-left: 20px; background-color: #edefee }
ul.qu_list { padding-top: 8px; }
ul.qu_list li { color: #333; float: left; font-size: 14px; line-height: 140%; padding-bottom: 3px; padding-top: 3px; }
ul.qu_list li a { color: #333; font-size: 14px; }
ul.qu_list li a:hover { color: #c30 }
ul.qu_list li.q1 { padding-left: 17px; width: 363px; }
ul.qu_list li.q2 { padding-left: 17px; width: 363px; }
.answer_ge { margin-top: 60px; }
.answer_list { border-bottom: 1px solid #dddddd; margin-left: 3px; margin-right: 10px; margin-top: 13px; padding-bottom: 17px; }
.answer_list h2 { font-size: 16px; padding-left: 20px }
.answer_list1 { border: 0 none; }
.answer_list .q_top { display: block; float: right; padding-top: 11px; width: 23px; }
.pduan { color: #444; display: block; font-size: 14px; padding-left: 40px; line-height: 25px; padding-right: 20px; letter-spacing: 0.5px; }
.pduan .tt { color: #cc6699; text-decoration: underline; }
.pduan .tt:hover { color: #cc6699; text-decoration: none; }
ul.pduan { padding-left: 26px; }
.pduan li { list-style-type: disc; }
.info3 { overflow: hidden; padding: 10px 30px; margin-top: 20px }
.info3 dt { text-align: center }
.info3 dd { float: left; }
.info3 ul { overflow: hidden; width: 716px; }
.info3 li { background: rgba(0, 0, 0, 0) url("imgs/nps_bg2.gif") no-repeat scroll -362px 10px; float: left; margin-right: 10px; text-indent: 1em; width: 226px; }
.info3 li a { color: #006699; }
.info3 .logo { background: rgba(0, 0, 0, 0) url("imgs/nps_bg2.gif") no-repeat scroll left -117px; height: 56px; width: 140px; }

/*我的课程*/
.kc-box{ margin-top:10px}
.kc-box .kc-table ul li{ padding:20px 0; border-bottom:1px solid #D8D8D8;}
.kc-box .kc-table ul li:first-child{ border-top:1px solid #d8d8d8}
.kc-box .kc-table .list{ float:inherit; width:100%;font-family:"宋体"}
.kc-box .kc-list-page .list{ font-family: "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft Yahei", "微软雅黑", Tahoma, Arial, STHeiti, sans-serif;}
.kc-box .kc-table .list h3{ font-size:14px; font-weight:bold}
.kc-box .kc-table .list h3 a{ color:#343434}
.kc-box .kc-table .list h3 a:hover{ color:#f19400}
.kc-box .kc-list-page .list h3{ margin:0}
.kc-box .kc-table .list>a{ display:block; float:left}
.kc-box .kc-table .list>a img{ width:180px}
.kc-box .kc-list-page .list>a img{ width:230px}
.kc-box .kc-table .list .titleCost{ display:block; float:left; padding:0 0 0 20px; width:69%; height:100px}
.kc-box .kc-table .list .titleCost .info{ margin-top:0px; font-size:14px}
.kc-box .kc-table .list .titleCost .info p{font-size:14px}
.kc-box .kc-table .list .titleCost .info p.jj{ height:52px; overflow:hidden; text-indent:2em; text-align:justify}
.kc-box .kc-list-page .list .titleCost .info p.jj{ height:82px}
.kc-box .kc-table .list .titleCost .kc-btn{ position:absolute; bottom:0px; right:0px; margin:0}
.kc-box .kc-list-page .list .titleCost{ height:127px}
.kc-box .kc-table .list .titleCost .kc-btn a{ padding:3px 10px; font-size:14px}
.home-kc-tit{ float:left; margin-top:10px}
.home-kc-tit span{ font-size:24px}
.home-kc-tit b{ font-weight:normal; color:#AEAEAE}

@media screen and (max-width:1180px) {
	.kc-box .kc-table .list .titleCost{ width:57%}
}

/*课程详情*/
.kc-top{ background-color:#FFFFFF; width:100%; height:350px; margin:20px auto; position:relative}
.kc-top .edit{ position:absolute; top:20px; right:20px}
.kc-top .edit a{ display:block; padding:2px 10px; background-color:#E3E3E3; color:#B3B3B3; border-radius:2px}
.kc-top .edit a:hover{ background-color:#FFECB7; color:#F3B500}
.kc-top .box{ padding:20px}
.kc-top .box>img{ display:block; float:left; margin-right:20px}
.kc-top .box .info{ display:block; float:left; height:307px; position:relative}
.kc-top .box .info h2{ font-size:24px; font-weight:normal; word-wrap: break-word;}
.kc-top .box .info>span{ color:#656565; margin-right:10px}
.kc-top .box .info span.link a:hover{ color:#f19400 !important}
.kc-top .box .info .xiji{ display:inline-block; vertical-align:middle; height:25px}
.kc-top .box .info .xiji em{ color:#656565; line-height:20px}
.kc-top .box .info .xiji .xixi{ width:18px; height:18px}
.kc-top .box .price{ font-size:38px; color:#C40003; margin:10px 0}
.kc-top .box .price .f2{ color:#919191; text-decoration:line-through; font-size:22px}
.kc-top .box .price em{ margin-right:5px}
.kc-top .box .kc-btn{ position:absolute; bottom:0; left:0}
.kc-top .box .kc-btn a{ padding:10px 50px; border-radius:5px; background-color:#c40003; color:#ffffff; display:inline-block; font-size:22px}
.kc-top .box .kc-btn a.ad-link{ background-color:#FFFFFF; font-size:16px; color:#ff811b; background-image:url(../../img/default/5ifit_kc_ui_sprite.png); background-repeat:no-repeat; background-position:14px -66px; padding:5px 0 5px 45px}
@media screen and (max-width:1050px) {
	.kc-top .box .info{ width:350px}
	}

.kc-body .main{ float:left; margin-right:20px; width:calc(100% - 340px)}
.kc-body .main .jianjie{ background-color:#ffffff; margin-bottom:20px}
.kc-body .box{ padding:20px}
.kc-body .right{ width:320px}
.kc-body .right .box{ background-color:#ffffff}
.kc-body .right .jl .tx{ position:relative}
.kc-body .right .jl .tx img{ display:block; border-radius:50%; width:100px; height:100px; margin:10px auto 0}
.kc-body .right .jl .tx .ico-make{ position:absolute; bottom:5px; left:150px}
.kc-body .right .jl strong{ text-align:center; display:block; height:30px; line-height:30px; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #dddddd}
.kc-body .right .jl p{ padding:10px; text-align:justify}
.kc-body .right .zixun .fw{ margin-top:20px}
.kc-body .right .zixun .fw h3{ border:1px solid #6da9de; text-align:center; height:40px; width:90%; margin:0 auto; font-size:18px; font-weight:normal; line-height:40px}
.kc-body .right .zixun .fw h3 .icn{ background-image:url(../../img/default/5ifit_kc_ui_sprite.png); width:30px; height:30px; display:inline-block; background-repeat:no-repeat; background-position:0 -43px; vertical-align:middle}
.kc-body .right .zixun .fw p{ padding:10px 15px; text-align:justify}
.kc-body .right .box .human{ overflow:hidden}
.kc-body .right .box .human ul{ display:block; width:100%; margin-top:20px}
.kc-body .right .box .human ul li{ display:block; float:left; width:33%; margin-bottom:15px; text-align:center}
.kc-body .right .box .human ul li a{ color:#464646}
.kc-body .right .box .human ul li a:hover{ color:#f19400}
.kc-body .right .box .human ul li span{ padding:0 10px; width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block}
.kc-body .right .box .human ul li img{ border-radius:50%; display:block; width:80%; margin:0 auto}

.kc-body .kc-h{ display:block; font-size:18px; border-bottom:1px solid #dddddd; font-weight:normal; padding-bottom:10px}
.kc-body .kc-text{ padding:20px 0}
.kc-body .kc-text p{ padding-bottom:20px}

.kc-body .main .xiangqing{ background-color:#ffffff}
.kc-body .main .xiangqing .kc-text img{ width:90%;}

/*去除移动端右侧空隙*/
@media screen and (max-width:1200px){
	.nav, .banner, .foot, .kecheng{max-width: 1200px; min-width: 1000px; overflow: hidden;}
	body{max-width: 1200px; min-width: 1000px;}
}
/*新增头部按钮*/
.tool-btn {float:left; margin-top:12px; margin-left:15px}
.tool-btn a{ padding:5px 20px; z-index:10000; position:relative; font-size:14px; background-color:#f19400; color:#FFFFFF; border-radius:3px}

/*体脂率*/
.tizhilu{ border-bottom:1px dashed #BBBBBB; overflow:hidden; margin-top:20px}
.tizhilu .photo{ position:relative}
.tizhilu .photo .num{ position:absolute; top:5px; left:0; width:100%; text-align:center; font-weight:bold; font-size:18px}
.tizhilu .txt{ margin-top:20px}
.tizhilu .txt span b, .tizhilu .txt span a, .tizhilu .txt .t3 a{ color:#ed7000}
.tizhilu .txt .t1{ font-size:16px}
.tizhilu .txt .t3{ background-color:#e7ffdf; margin:10px 0; padding:10px; height:100px; width:450px}
.tizhilu .txt .t3 table td{ line-height:24px}
.tizhilu .txt .t3 table tr td:nth-child(1){ width:17%}
.tizhilu .txt .t3 table tr td:nth-child(2){ width:83%}

/*小店二维码*/
.xd-logo{ margin:50px auto 0 auto; overflow:hidden; width:152px}
.xd-body{ width:100%; height:100%; min-width:860px; margin-bottom:50px}
.xd-body .box{ width:400px; overflow:hidden; height:560px; background-color:#FFFFFF; margin:20px auto; border-radius:8px; box-shadow:0px 0px 10px rgba(19,19,19,0.5); padding:10px}
.xd-body .box .tx{ display:block; width:72px; height:72px; margin:20px auto 10px}
.xd-body .box .tx img{ width:72px; height:72px; border-radius:50%}
.xd-body .box .name{ width:60%; margin:0 auto}
.xd-body .box .name h1{ text-align:center; font-size:18px; font-weight:normal; margin:10px 0}
.xd-body .box .name p{ color:#7A7A7A;}
.xd-body .box .xd-qrc{ text-align:center}
.xd-body .box .xd-qrc img{ margin:20px auto; display:block}
.xd-body .box .xd-qrc span{ font-size:18px}
.cop{ text-align:center}
.cop p, .cop p a{ color:#bdbdbd}
.cop p a:hover{ color:#FFFFFF}

/*首页-经验之谈-----------------------------------------------------*/
/*左边,文章封面图统一尺寸730X456像素*/
.jingyan .left-box{width: 730px; overflow: hidden; float: left; margin-right: 35px; height: auto!important}
.jingyan a:hover img{filter: opacity(0.9); transition: all 0.3s ease 0s;}
.jingyan .left-box .top-box{position: relative; margin-bottom: 20px}
.jingyan .left-box .top-box img{width: 730px; height: 456px}
.jingyan .left-box .top-box .black-bg{position: absolute; left: 0px; bottom: 4px; background-image: url(../../img/default/img/jy-top-box-bg.png); background-repeat: repeat-x;width: 100%; height: 456px; background-position: bottom}
.jingyan .left-box .top-box .black-bg a{display:block; overflow: hidden; padding: 295px 20px 20px; color: #ffffff;}
.jingyan .left-box .top-box .black-bg a h3{font-size: 28px; font-weight: normal; margin-bottom: 15px}
.jingyan .left-box .thr-box{overflow: hidden; width: 100%}
.jingyan .left-box .thr-box .thr-li{float: left; width: 33.3%}
.jingyan .left-box .thr-box .thr-li a{display: block; padding: 0 10px; overflow: hidden; color:#000000}
.jingyan .left-box .thr-box .thr-li:first-child a{padding: 0 15px 0 0}
.jingyan .left-box .thr-box .thr-li:last-child a{padding: 0 0 0 15px}
.jingyan .left-box .thr-box .thr-li img{ width: 100%}
.jingyan .left-box .thr-box .thr-li h3{display: block; width: 100%; height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.jingyan .left-box .thr-box .thr-li p{text-align: justify; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: block; height: 64px; line-height: 22px; color: #7A7A7A}
/*右边，文章封面图统一尺寸120X120或以上像素*/
.jingyan .right-box{ float: left; overflow: hidden; width: calc(100% - 765px)}
.jingyan .right-box .fiv-li{overflow: hidden; margin-bottom: 35px}
.jingyan .right-box .fiv-li a{color: #1E1E1E}
.jingyan .right-box .fiv-li a img{width: 114px; height: 114px; display: block; float: left; margin-right: 10px}
.jingyan .right-box .fiv-li a .title{float: left; width: calc(100% - 130px);}
.jingyan .right-box .fiv-li a h3{margin-bottom: 10px}
.jingyan .right-box .fiv-li a p{color: #7a7a7a; line-height: 22px; display: block; height: 42px; overflow: hidden; text-align: justify}

/*首页-私教小店------------------------------------------------------*/
/*快速搜索按钮*/
.index-search > div > em.shop-cart{background-position: -336px -277px; width: 41px; height: 38px}
.font_28{font-size: 28px!important}
.font_22{font-size: 22px!important}
.index-shop .shop{ overflow: hidden; margin-top: 10px; width: auto}
.shop .quick-search-box .qs-btn{float: left; width: 33.3%; overflow: hidden; position: relative}
.shop .quick-search-box .qs-btn .btn-box{ padding: 15px}
.shop .quick-search-box .qs-btn:first-child .btn-box{padding: 15px 15px 15px 0}
.shop .quick-search-box .qs-btn:last-child .btn-box{padding: 15px 0px 15px 15px}
.shop .quick-search-box .qs-btn .btn-box a{display: block; border: 1px solid #e1e1e1; background-color: #f6f6f6; border-radius: 4px; overflow: hidden; color: #000000}
.shop .quick-search-box .qs-btn .btn-box a:hover{background-color: #EFEFEF}
.shop .quick-search-box .qs-btn .btn-box a div.icon{ border: 3px solid #ffffff; height: 45px; padding:10px 15px; border-radius: 4px}
.shop .quick-search-box .qs-btn .btn-box a div.icon::before{ width: 150px; height: 82px; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; bottom: 17px; content: ""; display: block; image-rendering: -moz-crisp-edges; position: absolute; right: 25px}
.shop .quick-search-box .qs-btn .btn-box a div.all::before{background-image: url(../../img/default/img/qs-btn-img.png);}
.shop .quick-search-box .qs-btn .btn-box a div.top10::before{background-image: url(../../img/default/img/qs-btn-img-02.png);}
.shop .quick-search-box .qs-btn .btn-box a div.new::before{background-image: url(../../img/default/img/qs-btn-img-03.png); right: 10px}
/*每周低价促销*/
.left-box{ width: calc(100% - 300px); height: 555px; float: left}
.ad-box{width: 270px; height: 555px; float: right}
.left-box .goods-box .wrap{ height: 310px}
.left-box .goods-box .banner-show{ min-width: inherit; height: 310px}
.left-box .goods-box .banner-show .cell{width: 100%}
.left-box .goods-box .banner-control{width: 100%; top: 130px}
.left-box .goods-box .banner-control a.left{left: 0}
.left-box .goods-box .banner-show .cell .goods-li{width: 33.3%; float: left}
.left-box .goods-box .banner-show .cell .goods-li:first-child .con{ padding-left: 20px}
.left-box .goods-box .banner-show .cell .goods-li:last-child .con{ padding-right: 30px}
.left-box .goods-box .banner-show .cell .goods-li .con{margin: 0 8%}
.left-box .goods-box .banner-show .cell .goods-li img{width: 160px; height: 160px}
.left-box .goods-box .banner-show .cell .goods-li div.pro{ color: #36ab36}
.left-box .goods-box .banner-show .cell .goods-li div.pro i.icon{ display:inline-block; width: 15px; height: 15px; background-image: url(../../img/default/global-components.png); background-repeat: no-repeat; background-position: -0px -435px; vertical-align: middle; margin-right: 5px}
.left-box .goods-box .banner-show .cell .goods-li h4{width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.left-box .goods-box .banner-show .cell .goods-li h4 a{color: #1A1A1A}
.left-box .goods-box .banner-show .cell .goods-li h4 a:hover{color: #04adf0}
.left-box .goods-box .banner-show .cell .goods-li .con a.qrcode-btn{display:inline-block; background-image: url(../../img/default/global-components.png); background-position: -0px -403px; background-color: #696969; color: #ffffff; padding: 0px 15px 0px 40px; line-height: 23px; margin-top: 20px; font-size: 13px}
/*推荐店长*/
.coloBule{color: #04adf0}
.shopowner{ border: 1px solid #e1e1e1; border-radius: 4px; overflow: hidden}
.shopowner .title-box{ padding: 20px; float: left; width: 190px; border-right: 1px solid #e1e1e1}
.shopowner .title-box h5{ font-weight: normal}
.shopowner .shopowner-box{ float: left; padding: 20px; width: calc(100% - 272px)}
.shopowner .shopowner-box .shopowner-li{ overflow: hidden; float: left; width: 33.3%; text-align: center}
.shopowner .shopowner-box .shopowner-li a{ display: block; overflow: hidden}
.shopowner .shopowner-box .shopowner-li img{ display: block; border-radius: 50%; margin: 0 auto; width: 125px; height: 125px}
.shopowner-box .shopowner-li .shop-name {
    background-color: #04abf0;
    color: #ffffff;
    display: inline-block;
    margin: 0 35px;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 109px;
}

/*产品列表页----------------------------------------------------------------------*/
/*更多分类*/
.classify *{transition: all 0.3s ease 0s}
.classify{overflow: hidden; position: relative; color: #ffffff}
.classify img{width: 100%}
.classify .classify-box{position: absolute; left:0; bottom: 20px; width: 100%;overflow: hidden; text-align: center}
.classify .classify-box h2{font-weight: normal; font-size: 36px; margin-bottom: 80px}
.classify .classify-box a{ display: inline-block; vertical-align: middle; color: #04adf0; font-size: 14px}
.classify .classify-box a:hover{color: #52ceff}
.classify .classify-box span{ display: inline-block; font-size: 12px; vertical-align: middle; margin: 0 5px; color: #04adf0}
/*产品列表*/
.colorGreen{color: #62bd18 !important}
.goods-list .ranking{display: block; float: left; height: 168px; margin-right: 10px}
.goods-list .list-box .list-img{width: 190px; margin-right: 20px}
.goods-list .list-box .list-img a{color: #1D1D1D}
.goods-list .list-box .list-img a img{display: block; float: left; width: 150px; height: 150px}
.goods-list .list-box .list-txt{ width: calc(100% - 400px)}
.goods-list .list-box .list-txt h4{ margin-top: 0; margin-bottom: 0px; line-height: 25px; display: block; max-height: 50px; overflow: hidden}
.goods-list .list-box .list-txt h4, .goods-list .list-box .list-txt span{ width: 90%}
.goods-list .list-box .list-txt h4 a:hover{ color: #3F3F3F}
.goods-list .list-box .list-txt span.colorGray2 {
    display: block;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
}
.goods-list .list-box .list-shop{ float: left; width: 190px; margin-top: 20px}
.goods-list .list-box .list-shop .shop-btn a{position: relative; display:block; overflow: hidden; padding: 10px 0 10px 45px}
.goods-list .list-box .list-shop .shop-btn a .btn{ color:#ffffff; background-color: #04adf0;display: block; padding: 10px 15px; width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; text-align: center}
.goods-list .list-box .list-shop .shop-btn a img{display: block; border: 3px solid #ffffff; border-radius: 50%; position: absolute; width: 50px; height: 50px; top: 2px; left: 0px}
.info-btn{padding: 4px 10px; background-color: #62bd18; color: #ffffff; border-radius: 3px; display:inline-block; margin-top: 10px}

/*商品详情页---------------------------------------------------------------------------*/
/*最新活动信息*/
.bgColorW{ background-color: #ffffff}
.marginR5{margin-right: 5px}
.news-box{overflow: hidden; border-bottom: 1px solid #e5e5e5; line-height: 28px}
.news-box .news .run-box{float: left; width: calc(100% - 400px)}
.news-box .news .phone{width: 400px; float: left; text-align: right}
.news-box .news .phone span{ margin-right: 20px}
/*商品图片标题*/
.product-image .images{ width: 410px; height: 335px; float: left}
.product-image .images .wrap{height: 335px; min-width: inherit}
.product-image .images .banner-show{ min-width: inherit; height: 335px}
.product-image .images .banner-show .cell{width: 100%}
.product-image .images .banner-show .cell .con{height: 335px}
.product-image .images .banner-show .cell .con img{width: 335px; height: 335px; display: block; margin: 0 auto}
.product-image .header{width: calc(100% - 670px); float: left; padding-left: 20px; padding-right: 20px; overflow: hidden; position: relative; min-height: 335px}
.product-image .header h2{ font-weight: normal; margin-bottom: 20px; margin-top: 20px}
.product-image .header .off{margin-bottom: 10px;}
.product-image .header .price{margin-bottom: 10px; border-bottom: 1px dotted #dfdfdf; padding-bottom: 20px}
.product-image .header .title{margin-right: 10px}
.product-image .header .price{overflow: hidden; position: relative}
.product-image .header .price .delete{ color: #bbbbbb; text-decoration:line-through; margin-left: 20px}
@media screen and (max-width:1100px){
	.product-image .header .price .delete{display: none}
}
.product-image .header .price .sales{position: absolute; top: 8px; right: 46px}
.product-image .header .typer-box .title{display: block; float: left; width: 48px}
.product-image .header .typer-box .black{display:block; float: left; width: calc(100% - 198px)}
.product-image .header .typer-box .typer{background-color: #ebebeb; color: #989898; border-radius: 5px; padding: 3px 10px; margin-right: 5px; margin-bottom: 10px; display: inline-block}
.product-image .header .typer-box .typer:hover{background-color: #B00002; color: #ffffff}
.product-image .header .qrcode-btn{margin-top: 30px}
.product-image .header .qrcode-btn i.icon{display: inline-block; vertical-align: middle; margin-right: 5px}
.product-image .header .qrcode-btn span{ display: inline-block; background-color: #696969; color: #ffffff; padding: 4px 10px; vertical-align: middle}
.product-image .header .zp, .product-image .header .zp i{display: inline-block; vertical-align: middle}
.product-image .header .buy-qrcode{position: absolute; top: 200px; right: 45px}
.product-image .header .buy-qrcode img{width: 120px; height: 120px}

.shop{width: 210px; float: left}
.shop .shop-box{ text-align: center}
.shop .shop-box img{ display: block; width: 100px; height: 100px; margin: 20px auto 5px; border-radius: 50%}
.shop .shop-box .btn{ display:inline-block; margin: 0 auto; border-radius: 2px; background-color: #04adf0; color: #ffffff; text-align: center; padding: 6px 15px; font-size: 16px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; width: 120px; white-space: nowrap}

/*商品详情*/
.marginT50{margin-top: 50px}
.goods-main{overflow: hidden}
.goods-main .left-box{height: auto; overflow: hidden; width: 790px; margin-right: 30px; float: left}
.goods-main .left-box .images img{ margin: 0; padding: 0; width: 750px; height: auto; display: block}
.goods-main .title{ border-bottom: 1px solid #bbbbbb; margin-bottom: 20px}
.goods-main .title .box{ font-size: 20px; padding: 10px 20px 10px 0; display: inline-block}

.goods-main .right-box{width: calc(100% - 820px); float: left}
.goods-main .right-box .goods-ul .goods-list{margin-bottom:30px}
.goods-main .right-box .goods-ul .goods-list img{ width: 120px; height: 120px; display: block; float: left; margin-right: 20px}
.goods-main .right-box .goods-ul .goods-list .text-box{ display:table-cell; clear: both}
/*店铺首页*/
.shop-info{position: absolute; top: 0; right: 0; background-color: rgba(255,255,255,0.1); height: 420px; width: calc(100% - 949px)}
.shop-info .shop{ width: 100%}
.shop-info .shop .font_28{ text-shadow: 0px 0px 2px rgba(0,0,0,0.5)}
.shop-info .shop .shop-box .qrcode img.qrcode-img{ border-radius: 0px; display: block; margin: 20px auto 0; opacity: 0.8}
.shop-info .shop .shop-box .qrcode .tips{ background-color: rgba(0,0,0,0.5); display: block; width: 100px; margin: 0 auto; line-height: 24px; color:#A6A6A6; font-size: 12px}
.titleCost .del{ color: #C2C2C2 !important; text-decoration: line-through; font-size: 14px !important; margin-left: 10px}
.goods-index-box .l4{overflow: hidden; background-color: #ffffff; margin-bottom: 30px}
.goods-index-box .l4 .list a img{ width: 200px; height: 200px; display: block; margin: 20px auto}
.goods-index-box .l4 .list .titleCost{padding-left: 30px}
.goods-index-box .l4 .list .titleCost h3{font-size: 16px; margin-top: 10px}

/*2018-02-26首页适应Ipad调整样式*/

@media screen and (max-width: 1024px) {
.nav-btn a { padding: 0 10px }
.text-input { width: 158px }
.h-box,
.h-box2 { height: 298px }
.h-box .l-box,
.h-box2 .l-box { height: 298px }
.h-box .l-box > div:nth-child(2) > div { height: 145px }
.h-box2 .l-box > div:nth-child(1) > div,
.h-box2 .l-box > div:nth-child(3) > div { height: 145px }
.index-search > div { width: calc(100% - 710px) !important; margin-left: 0; font-size: 26px !important; white-space: nowrap }
label.lblSelect { margin-right: 5px; margin-left: 10px }
}
/*文章加载列表*/
.news_wrapper { overflow: hidden; padding: 10px }
.news_wrapper .box { padding: 0px 10px }
.news_wrapper .list { overflow: hidden; border-bottom: 1px solid #f3f3f3; padding: 0 0 15px 0; margin-bottom: 15px }
.news_wrapper .list h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px }
.news_wrapper .list h2 a { color: #353535 }
.news_wrapper .list ul li { float: left; display: block; width: 25%; height: auto; }
.news_wrapper .list ul li a { width: 182px; height: 118px; overflow: hidden; display: block; position: relative }
.news_wrapper .list ul li a img { width: 140%; position: absolute; right: 0; left: -20%; margin: auto; transition: transform 0.5s ease .1s; }
.news_wrapper .list ul li a img:hover { transform: matrix(1.08, 0, 0, 1.08, 0, 0); }
.news_wrapper .list ul li a img.no_img { width: 100%; left: 0; top: 0; bottom: 0 }
.news_wrapper .list .img_black { overflow: hidden }
.news_wrapper .list .news_foot { color: #A1A1A1; margin-top: 10px; position: relative }
.news_wrapper .list .news_foot span { margin-right: 10px }
.news_wrapper .list .news_foot span a { color: #a1a1a1 }
.news_wrapper .list .news_foot span.pl { position: absolute; top: 0px; right: 0 }
.news_wrapper .list .news_foot span.pl em.icon { display: inline-block; width: 32px; height: 20px; background-image: url(../../img/default/global-components.png); background-position: -213px -226px; background-repeat: no-repeat; background-size: 280px; vertical-align: middle }
.news_wrapper .one_img_list .news_img { width: 182px; height: 118px; overflow: hidden; display: inline-block; vertical-align: middle; position: relative; margin-right: 10px }
.news_wrapper .one_img_list .news_img img { width: 120%; position: absolute; top: 0; bottom: 0; margin: auto; transition: transform 0.5s ease 0.1s }
.news_wrapper .one_img_list .news_img img:hover { transform: matrix(1.08, 0, 0, 1.08, 0, 0) }
.news_wrapper .one_img_list .title { display: inline-block; vertical-align: middle; overflow: hidden; height: 126px; position: relative; width: calc(100% - 196px) }

@media screen and (max-width:1100px) {
.news_wrapper .list .news_foot span:nth-child(2) { display: none }
}
.news_wrapper .one_img_list .title .tit { margin-top: 6px }
.news_wrapper .one_img_list .title .news_foot { position: absolute; left: 0; bottom: 10px; width: 100% }
.tips { color: #a1a1a1; text-align: center }
.tips .load { display: inline-block; vertical-align: middle }
.tips .load img { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; margin-bottom: 2px }
/*新文章页右侧-----*/
.shequ .rows .sideBox_370 { /*width: 290px;*/ width: 370px;/*2018-08改宽*/ }
/*健身故事*/
.rows .col1 .fitness_story { background-position: -205px -259px; width: 178px; }
/*封面标题文章列表*/
.backdrop .tit_black { display: inline-block !important; vertical-align: middle; background-color: #f19400; color: #fff!important; padding: 6px 25px !important; margin: 20px 0 0 15px; font-size: 16px!important; border-radius: 1px }
.backdrop .list_img_title li { height: auto !important; padding: 10px 0; border-bottom: 1px solid #f3f3f3 }
.backdrop .list_img_title li:last-child { border: none }
.backdrop .list_img_title li a { display: inline-block; vertical-align: middle }
.backdrop .list_img_title li:hover img { transform: matrix(1.04, 0, 0, 1.04, 0, 0) }
.backdrop .list_img_title li:hover a { color: #f19400 }
.backdrop .list_img_title .news_img { width: 100px; height: 66px; overflow: hidden }
.backdrop .list_img_title .news_img img { width: 115%; transition: transform 0.5s ease 0.1s }
.backdrop .list_img_title .news_img img:hover { }
.backdrop .list_img_title .news_tit { width: calc(100% - 110px); color: #222; text-align: justify; vertical-align: top; line-height: 20px }
.btn_more .change_icon { width: 70px; height: 20px; background-image: url(../../img/default/global-components.png); background-position: -116px -136px; background-repeat: no-repeat; background-size: 450px; display: block }
/*图标专题列表*/
.part li a { position: relative; overflow: hidden; margin: 0 8px 8px 0 !important; padding: 5px 2px !important }
.part li a:hover { background-color: #ffeeee !important; color: #8f8f8f !important }
.part li:nth-child(2n) a { margin: 0 !important }
.part li a img.icon { width: 40%; display: block; left: 0; right: 0; margin: auto; background-color: transparent!important }
/*图片专题列表*/
.img_key_list li .txt { border: none !important; margin: 0 10px 12px 0 !important; padding: 0px 2px !important; color: #222!important; }
.img_key_list li:nth-child(2n) .txt { margin: 0 0px 12px 0 !important }
.img_key_list li a:hover { background-color: #ffffff!important; color: #222!important }
.img_key_list li a .img_box { overflow: hidden; width: 100%; height: 90px; margin-bottom: 5px; position: relative }
.img_key_list li a .img_box img { width: 150%; display: block; margin: auto; top: 0; bottom: 0; left: -20%; right: 0; transition: transform 0.5s ease 0.1s; position: absolute }
.img_key_list li a .img_box img:hover { transform: matrix(1.04, 0, 0, 1.04, 0, 0) }
/*文章作者信息*/
.zuozhe { padding: 20px; border-bottom: 1px solid #ebeff0; overflow: hidden;}
.zuozhe .box { padding: 20px 15px; background-color: #f8f8f8; overflow: hidden;}
.zuozhe .box .info { position: relative; padding-bottom: 20px; border-bottom: 1px solid #e8e8e8 }
.zuozhe .box .info img { display: inline-block; vertical-align: middle; border-radius: 100px; width: 50px; height: 50px; }
.zuozhe .box .info .content { display: inline-block; vertical-align: middle }
.zuozhe .box .info .content span { color: #717171; font-size: 13px; margin-right: 8px }
.zuozhe .box .info .content .name { font-size: 16px; font-weight: bold; }
.zuozhe .box .info .content .name a {color: #222 }
.zuozhe .box .info .content .guanzhu { position: absolute; top: 8px; right: 0px; padding: 3px 10px; color: #fff; border-radius: 3px; background-color: #78c340 }
.zuozhe .box .zouzhe-article { padding: 15px 5px 0 5px }
.zuozhe .box .zouzhe-article .item { padding: 5px 0; text-align: justify; padding-left: 10px; background-image: url(../../img/default/global-components.png); background-position: -496px -468px; background-repeat: no-repeat }
.zuozhe .box .zouzhe-article .item a { color: #666; }
.zuozhe .box .zouzhe-article .item a:hover { color: #000; }

/*文章页面-私教小店商品展示*/
.zuozhe .box .shop{width: 100%;}
.zuozhe .box .shop .item{background-image: none; padding: 5px 0 5px 0;}
.zuozhe .box .shop .item img.pic{display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin-right: 5px}
.zuozhe .box .shop .item .info{display: inline-block; vertical-align: middle; width: calc(100% - 60px); padding-bottom: 8px}
.zuozhe .box .shop .item .info .tit{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.zuozhe .box .shop .item .info span{margin-right: 5px; font-family: Arial, Helvetica, sans-serif}
.zuozhe .box .shop .item .info span.colorGray2{text-decoration: line-through}

/* By Asen 20160422*/
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
input[type="number"]{-moz-appearance:textfield;}

.register-box input[type="submit"], .edit input[type="submit"]{ height: 42px; background-color: #3db0dd; margin: 0; width: 240px; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; border: 0; letter-spacing: 6px; text-align: center }
.register-box input[type="submit"]:hover { background-color: #81c913 }

.mobilepic {display:none;}
.mobilepic .pic{position:absolute; left:243px; top:42px; width:180px;height:180px;}
.mobilepic .txt{text-align: center; background-color:#fff; position:absolute; left:243px; top:212px; width:180px;height:auto;}

.term_item_msg{ padding:0px 0px 0px 0px; zoom:1; overflow:hidden; position:relative; margin-top:10px;}
.success_msg {font-size:12px;background: url("../../img/default/right.gif") no-repeat scroll left center rgba(0, 0, 0, 0); color: green; height: 18px; margin: 0px 0; padding-left: 24px;}
.error_msg {font-size:12px;background: url("../../img/default/warning.gif") no-repeat scroll left center rgba(0, 0, 0, 0); color: #a00; height: 16px; margin: 0px 0; padding-left: 24px;}
.error_msg a { font-weight: bold; padding: 0 5px;}
.ajax_processing {font-size:12px; background: url("../../img/default/loading.gif") no-repeat scroll left center rgba(0, 0, 0, 0); height: 16px; margin: 0px 0; padding-left: 24px;}

.fwin { width:478px; overflow-x: hidden; margin: 0 auto; text-align: left;background:url(../../img/default/bg_black.png) repeat;}
.t_l, .t_c, .t_r, .m_l, .m_r, .b_l, .b_c, .b_r { overflow: hidden;}
.t_l, .t_r, .b_l, .b_r { width: 5px; height: 5px; }
.t_l { background-position: left top; }
.t_r { background-position: right top; }
.b_l { background-position: left bottom; }
.b_r { background-position: right bottom; }
.t_c, .b_c { height: 5px; }
.m_l, .m_r { width: 5px; }
.m_c { background: #fff;}
.fcontent{ margin:20px;}
.fcontent .fcontent{ margin:0px;}
.fcontent .quote { margin:0; width:auto;}
.m_c hr { *margin: 2px 0;border-top-color: #e7e7e7;border-top-width: 1px;border-top-style: solid;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.float_ctrl { margin-bottom:10px; height:20px; line-height:20px; zoom:1; overflow:hidden;}
.float_ctrl em { float:left; font-size:14px; color:#34495e; }
.float_ctrl span { float:right; color:#999; }
.float_close { float:left; width:20px; height:20px; overflow:hidden; text-indent:-9999px; background:url(../../img/default/close.gif) no-repeat 0 0; }
.float_close:hover { background-position: 0 -20px; }

.alert_win { margin: 0;}
.alert_win .float_ctrl { margin-bottom: 0; padding: 8px; }
.alert_win .shadowline { margin: 0; *margin: -8px 0;}
.alert_win .postbox {*margin-top: -15px;padding:15px 45px 15px 15px;}
.postbox td {padding-right: 5px;}
.alert_right, .alert_error, .alert_info { color:green; padding: 6px 0 6px 58px; line-height: 160%; background:url(../../img/default/right2.gif) no-repeat 8px 50%; font-size: 14px; }
.alert_error { color:red;  background-image:url(../../img/default/error.gif); }
.alert_info { color:#000;  background-image:url(../../img/default/info.gif); }
.alert_btnleft { margin-top: 8px; }
.alert_btn {padding:10px 0 10px 60px;text-align: left; }
.alert_act { margin-top: 20px; padding-left: 58px; }

.popupmenu_layer{ padding: 3px 6px 6px 1px; width: 220px; height: 80px; background: url(../../img/default/ilayer.gif) no-repeat; text-align: center; }
.popupmenu_layer p{ line-height: 20px; color: #333; }
.popupmenu_layer p.btn_line{ font-size: 14px; color: #F30; padding:2px 0; }
.popupmenu_layer strong{ font-weight: normal; font-size: 18px; color: #FFF; }

/*分页*/
.page{ zoom:1; overflow:hidden; position:relative; top:10px; padding:10px 0px;}
.page a{ height:30px; line-height:30px; padding:0px 12px; display:inline-block; *display:inline; zoom:1; border:0px solid #e8e8e8; background:#bdc3c7; margin-left:3px; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.page a:hover{ border:0px solid #4bbee4; background:#cbcfd3; color:#fff;}
.page a.on, 
.page a.on:hover{ border:0px solid #4bbee4; background:#415b76; color:#fff;}
.page a.p_hov, 
.page a.p_hov:hover{ border:0px solid #3498db; background:#3498db; color:#fff;}

/* 发布框 */
.maxlimit { color:#7f8c8d;}
.maxlimit em{ color:red;}

.navigation {text-align:center;font-size:14px;margin-top:10px;margin-bottom:10px;}
#infscr-loading{vertical-align:middle;text-align:center;font-size:14px;margin-top:10px;margin-bottom:10px;}
#infscr-loading img{ vertical-align:middle;text-align:center;margin-top:10px;}

.sjbtnsumbit { height: 42px; background-color: #3db0dd; margin: 0; width: 240px; font-size: 16px; font-weight: bold; color: #FFF; cursor: pointer; border: 0; letter-spacing: 6px; text-align: center }
.sjbtnsumbit:hover { background-color: #81c913 }

@media screen and (max-width: 1279px){
.index-search .hot-city a { margin: 0 0px;}
}
/*
@media screen and (max-width: 1199px){
.nav-btn a { padding: 0 16px;}
}
@media screen and (max-width: 1174px){
.nav-btn a { padding: 0 15px;}
}
@media screen and (max-width: 1149px){
.nav-btn a { padding: 0 13px;}
}*/
@media screen and (max-width: 1124px){
.nav-btn a { padding: 0 19px;}
}
@media screen and (max-width: 1099px){
.nav-btn a { padding: 0 17px;}
}
@media screen and (max-width: 1074px){
.nav-btn a { padding: 0 15px;}
}
@media screen and (max-width: 1049px){
.nav-btn a { padding: 0 13px;}
}

.onError, .onShow, .onFocus, .onCorrect {display: inline-block; padding:0 10px 0 25px;height:28px; line-height:28px;background: url(../../img/default/iconinfo.png) 4px -69px no-repeat; }
.onError {color:#c00;  border:#eed1d2 solid 1px; background-color:#ffeded; background-position:4px -70px;}
.onShow {color:#438bd8;  border:#d1d9ee solid 1px; background-color:#edf3ff; background-position:4px -20px; }
.onFocus {color:#f0920c;  border:#eee3d1 solid 1px; background-color:#fff8ed; background-position:4px -94px; }
.onCorrect { color:#6aad35;  border:#d2eed1 solid 1px; background-color:#f0ffed; background-position:4px 4px; }

.h-box img{ width:100%}
.h-box2 img{ width:100%}

@media screen and (max-width: 1024px){
	.nav-btn a{padding: 0 10px}
	.text-input{width: 158px}
	.h-box, .h-box2{height: 298px}
	.h-box .l-box, .h-box2 .l-box{height: 298px}
	.h-box .l-box > div:nth-child(2) > div{height: 145px}
	.h-box2 .l-box > div:nth-child(1) > div, .h-box2 .l-box > div:nth-child(3) > div{height: 145px}
	.index-search > div{width: calc(100% - 710px) !important; margin-left: 0; font-size: 26px !important; white-space: nowrap}
	label.lblSelect{margin-right: 5px; margin-left: 10px}
}