@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: