html { font-family: PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', arial, 'microsoft yahei ui', 'microsoft yahei', simsun, 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', arial, '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; border: 1px solid #fff; text-align: center; border-radius: 2px; transition: background-color .15s }
.qc-btn:hover { background-color: #2176da; border-color: #2176da }
.qc-btn:active { background-color: #2277da; border-color: #2277da }
.qc-btn:focus { background-color: #2277da; border-color: #2277da; outline: 0 }
.qc-navigation { position: relative; z-index: 100; height: 65px; 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-mobile:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: transparent }
.qc-navigation-hover:before { height: 100%; background-color: #111; background-color: rgba(17,17,17,.9); -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1); transition-timing-function: cubic-bezier(.2, 1, .3, 1) }
.qc-navigation-mobile-hover:before { height: 100%; background-color: #111; background-color: rgba(17,17,17,.9) }
.qc-navigation .navigation-inner { position: relative; max-width: 1200px; min-width: 320px; margin: 0 auto; font-size: 0; height: 65px }
.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>.presentation h2 a, .user-id { display: inline-block; padding: 0 15px; color: #fff; line-height: 65px; 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(17,17,17,.95); left: 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: 30px; color: #fff; white-space: nowrap }
.qc-navigation .nav-down-style-1 .nav-down-menu a.nav-down-menu-sl, .qc-navigation .nav-down-style-1 .nav-down-menu a:hover { background-color: #111; color: #008bff }
.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 #2E3032; padding-left: 10px; padding-right: 10px }
.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: #fff }
.qc-navigation .nav-down-style-2 .nav-down-menu li a:hover { color: #008bff; background-color: #111 }
.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-right: none; margin-right: 0 }
.qc-navigation .nav-down-style-3 { width: 965px }
.qc-navigation .nav-down-style-3 .nav-down-flyout { width: 235px; display: table-cell; padding-top: 20px; padding-bottom: 20px }
.qc-navigation .nav-down-style-3 .nav-down-flyout li { position: relative }
.qc-navigation .nav-down-style-3 .nav-down-flyout .title { color: #fff; 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: #111; color: #008bff }
.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:hover { cursor: default }
.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-201608041722.png); width: 6px; height: 10px; display: inline-block; position: absolute; top: 15px; right: 20px; background-position: -82px -19px }
.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-201608041722.png); background-position: -74px -19px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct { margin-left: 235px; border-left: 1px solid #2F3133; padding-top: 13px; padding-bottom: 13px; display: table-cell; vertical-align: top }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-item { padding: 8px 0 8px 30px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title { font-size: 14px; color: #333; display: inline-block; padding-right: 15px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title h4 { font-weight: 400; font-size: 14px; color: #fff }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity { display: inline-block; color: #fff; background-color: #ff7200; font-size: 12px; padding: 0 5px; height: 16px; line-height: 14px; border-radius: 2px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity:hover { background-color: #e66700 }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .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 #2F3133 }
.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 .nav-down-style-3 .nav-down-flyout-ct .ct-left, .qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right { display: table-cell; vertical-align: top }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left .ct-item, .qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right .ct-item { width: 315px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left.left-single .ct-item { width: 455px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing { max-width: 200px; height: 100%; border-left: 1px solid #2F3133; padding-left: 30px; padding-top: 10px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .pushing-ct { margin-bottom: 20px }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .title { font-size: 14px; color: #fff; font-weight: 400 }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list a { font-size: 12px; display: inline-block; white-space: nowrap; word-wrap: normal; word-break: break-all; overflow: hidden; text-overflow: ellipsis; max-width: 90%; vertical-align: middle }
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list li:before { content: "\2022\20"; color: #2277da; padding-right: 5px; font-size: 14px }
.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 .search { display: inline-block; vertical-align: middle; position: relative; width: 136px; height: 30px; line-height: 1; text-align: left; margin-right: 20px; border: 1px solid #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: border-color .2s }
.qc-navigation .search .search-ipt { border-width: 0; background-color: transparent; width: 78.6%; height: 30px; line-height: 30px; padding: 0 15px; outline: 0; color: #fff; font-size: 14px }
.qc-navigation .search .bt-search { position: absolute; top: 4px; right: 10px; border-width: 0; background-color: transparent; width: 20px; outline: 0 }
.qc-navigation .search .bt-search .icon-search { display: inline-block; background-image: url(sprite/global-201608041722.png); width: 15px; height: 16px; opacity: .4; filter: alpha(opacity=40); transition: opacity .2s; background-position: -53px -40px }
.qc-navigation .search .nav-down-style-1 { top: 46px }
.qc-navigation .search .nav-down-style-1 .nav-down-menu:first-child { border-right: none; max-width: 208px }
.qc-navigation .login { display: inline-block; vertical-align: middle; white-space: nowrap; font-size: 0 }
.qc-navigation .login .text { display: inline-block; height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px; vertical-align: middle; color: #fff; font-size: 14px; border-radius: 2px }
.qc-navigation .login .text:hover { background-color: #111; color: #008bff }
.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 }
.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: #fff transparent transparent; position: absolute; top: 31px; right: 8px }
.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-201608041722.png); margin-right: 8px; background-position: 0px -40px }
.operation .link-mc { border-color: #fff; border-color: rgba(255,255,255,.2) }
.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-201608041722.png); background-position: -18px -40px }
.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-201608041722.png); background-position: -36px -40px }
.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: #fff }
.qc-navigation-hover .icon-cart { background-image: url(sprite/global-201608041722.png); background-position: -18px -40px }
.qc-navigation-hover .login .stick { border-color: #fff }
.qc-navigation-hover .search .bt-search .icon-search { background-image: url(sprite/global-201608041722.png); opacity: .6; filter: alpha(opacity=60); background-position: -53px -40px }
.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(17,17,17,.5); color: #008bff }
.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-mini.qc-navigation .categories .menu>.presentation h2 a, .qc-navigation-mini.qc-navigation .user-id { line-height: 35px }
.qc-navigation-mini.qc-navigation .state-log-in .user-id .triangle-down { top: 15px }
.qc-navigation .search .bt-search, .qc-navigation-mini .search { height: 24px }
.qc-navigation-mini .search .search-ipt { height: 24px; font-size: 12px }
.qc-navigation-mini.qc-navigation .search .bt-search { top: 1px }
.qc-navigation-mobile { display: none; position: relative; z-index: 100; width: 100%; min-width: 320px; -webkit-transition: background-color .5s ease-in-out; -moz-transition: background-color .5s ease-in-out; -ms-transition: background-color .5s ease-in-out; -o-transition: background-color .5s ease-in-out; transition: background-color .5s ease-in-out }
.qc-navigation-mobile, .qc-navigation-mobile .navigation-inner { height: 55px }
.qc-navigation-mobile .navigation-bar { font-size: 0; padding-left: 20px; padding-right: 10px; height: 50px; padding-top: 5px }
.qc-navigation-mobile .area-left { display: inline-block; width: 50%; vertical-align: middle }
.qc-navigation-mobile .logo-img { display: block }
.qc-navigation-mobile .logo-img img { width: 94px; height: 25px; display: inline-block; vertical-align: middle; position: relative }
.qc-navigation-mobile .area-left .qcloud-logo-dark { display: none }
.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-dark { display: block }
.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-lit { display: none }
.qc-navigation-mobile .area-right { display: inline-block; width: 50%; vertical-align: middle }
.qc-navigation-mobile .nav-mobile-button { float: right; position: relative; display: inline-block }
.qc-navigation-mobile .m-more { padding: 11px 10px }
.qc-navigation-mobile .m-close { padding: 10px 10px 15px }
.qc-navigation-mobile .m-search { padding: 10px 10px 13px }
.qc-navigation-mobile .m-more .button-img { display: inline-block; width: 27px; height: 22px; background-image: url(img/home/responsive/m-sprite-nav.png); background-size: 98px auto; background-repeat: no-repeat }
.qc-navigation-mobile.qc-navigation-mobile-dark .m-more .button-img { display: inline-block; width: 27px; height: 22px; background-image: url(img/home/responsive/m-sprite-nav.png); background-size: 98px auto; background-position: -70px 0; background-repeat: no-repeat }
.qc-navigation-mobile .m-search .button-img { display: inline-block; width: 21px; height: 21px; background-image: url(img/home/responsive/m-sprite-nav.png); background-size: 98px auto; background-position: -29px 0; background-repeat: no-repeat }
.qc-navigation-mobile .m-close .button-img { display: inline-block; width: 19px; height: 19px; background-image: url(img/home/responsive/m-sprite-nav.png); background-size: 98px auto; background-position: -51px 0; background-repeat: no-repeat }
.qc-navigation-mobile .slice { height: 22px; border-left: 1px solid #fff; border-color: rgba(255,255,255,.3); float: right; margin-left: 14px; margin-right: 14px; position: relative; margin-top: 11px }
.qc-navigation-mobile .navigation-bar.m-nav-1 .m-close, .qc-navigation-mobile .navigation-bar.m-nav-1 .m-pre, .qc-navigation-mobile .navigation-bar.m-nav-1 .m-search, .qc-navigation-mobile .navigation-bar.m-nav-1 .slice, .qc-navigation-mobile .navigation-bar.m-nav-2 .m-more { display: none }
.qc-navigation-mobile .navigation-bar.m-nav-2 .m-close { display: inline-block }
.qc-navigation-mobile .navigation-bar.m-nav-3, .qc-navigation-mobile .navigation-bar.m-nav-4 { padding-left: 15px }
.qc-navigation-mobile .navigation-bar.m-nav-3 .logo { display: none }
.qc-navigation-mobile .navigation-bar .search { display: inline-block; border-width: 0; background-color: transparent; width: 78.6%; height: 30px; line-height: 30px; outline: 0; color: #fff; font-size: 16px; position: relative }
.qc-navigation-mobile .categories-mobile { display: none; background-color: #111; background-color: rgba(17,17,17,.9); border-top: 1px solid #282f37 }
.qc-navigation-mobile .categories-mobile a { color: #fff; display: block; font-size: 16px; font-weight: 400; padding-left: 20px }
.qc-navigation-mobile .categories-mobile .presentation { line-height: 50px; position: relative }
.qc-navigation-mobile .categories-mobile .title { position: relative }
.qc-navigation-mobile .categories-mobile .des { font-size: 13px; color: #fff; opacity: .5; padding-left: 20px; margin-top: 15px }
.categories-mobile .presentation .nav-up>a:after, .qc-navigation-mobile .navigation-bar .m-pre:before, .qc-navigation-mobile .presentation .nav-down>a:after, .qc-navigation-mobile .presentation h2>a:after { content: ''; border: 2px solid transparent; display: block; width: 8px; height: 8px; margin: auto; position: absolute; top: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-color: rgba(255,255,255,.5) }
.categories-mobile .presentation .nav-down>a:after, .qc-navigation-mobile .presentation.nav-down h2>a:after { border-top: none; border-right: none; right: 20px }
.categories-mobile .presentation .nav-up>a:after, .qc-navigation-mobile .presentation.nav-up h2>a:after { border-bottom: none; border-left: none; right: 20px }
.categories-mobile .presentation .nav-none>a:after, .qc-navigation-mobile .presentation.nav-down .nav-down-menu, .qc-navigation-mobile .presentation.nav-none h2>a:after { display: none }
.qc-navigation-mobile .presentation.nav-right h2>a:after { border-top: none; border-left: none; right: 20px }
.qc-navigation-mobile .navigation-bar .m-pre { color: #fff; font-size: 16px; padding-left: 30px; position: relative; line-height: 22px }
.qc-navigation-mobile .navigation-bar .m-pre:before { border-bottom: none; border-right: none; left: 15px; top: 4px; width: 12px; height: 12px; border-color: rgba(255,255,255,1) }
.qc-navigation-mobile .presentation .nav-down-menu-detail { background: #282a2f }
.qc-navigation-mobile .presentation .nav-down-menu-detail a { padding-left: 40px }
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub { background-color: #36383e }
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub li:before { content: "• "; color: #fff; position: absolute; left: 65px; font-weight: 400; font-size: 12px }
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub a { padding-left: 80px }
.qc-navigation-mobile .op { margin-left: 20px; margin-right: 20px; margin-top: 30px }
.qc-navigation-mobile .op li { margin-bottom: 15px }
.qc-navigation-mobile .op .op-btn { display: block; border: 1px solid #ffb800; border-radius: 2px; line-height: 35px; text-align: center; padding-left: 0 }
.qc-navigation-mobile .op .op-btn.btn-style-1 { color: #ffb800 }
.qc-navigation-mobile .op .op-btn.btn-style-2 { color: #fff; border-color: #fff }
.qc-navigation-mobile .sign-in { padding-bottom: 30px; text-align: center; margin-top: 60px }
.qc-navigation-mobile .sign-in .sign-in-links { font-size: 15px; color: #aaa; display: inline-block; padding-left: 10px; padding-right: 10px }
.qc-navigation-mobile .sign-in .stick { color: #3a3b3b }
.qc-navigation-mobile .contact { padding-bottom: 40px }
.qc-navigation-mobile .contact .ct-num { color: #aaa; text-align: center; font-size: 14px; padding-left: 0 }
.qc-navigation-mobile .contact .icon { display: inline-block; width: 13px; height: 12px; margin-right: 5px }
.m-scroll-top { display: none; position: fixed; background-color: #fff; border-radius: 100%; bottom: 30px; right: 30px; z-index: 100; border: 2px solid #d0d0d0 }
.m-scroll-top .btn-top { display: block; width: 40px; height: 40px }
.m-scroll-top .btn-top:after { content: ''; border: 2px solid #d0d0d0; display: block; width: 17px; height: 17px; margin: auto; position: absolute; top: 16px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: none; border-left: none; right: 11px }
.tc-footer { background: #f2f2f2; padding: 40px 0 80px; min-width: 1000px }
.tc-footer .tc-footer-columns { max-width: 1200px; margin: 0 auto; font-size: 0; text-align: center }
.tc-footer .columns { display: inline-block; vertical-align: top; text-align: left; width: 22.5%; margin-bottom: 30px }
.tc-footer .columns.column-follow { width: 10% }
.tc-footer .columns h3 { font-size: 15px; color: #333; margin-bottom: 10px; font-weight: 400; padding-left: 10px }
.tc-footer .columns ul { padding-left: 10px }
.tc-footer .columns ul li, .tc-footer .columns ul li a { font-size: 12px; color: #777; display: block }
.tc-footer .columns ul li { line-height: 26px }
.tc-footer .columns ul li a:hover { color: #3c3c3c }
.tc-footer .columns .footer-icon { display: inline-block; vertical-align: middle; margin: 0 5px }
.tc-footer .columns .icon-1 { background-image: url(sprite/global-201608041722.png); width: 18px; height: 15px; background-position: -34px -19px }
.tc-footer .columns .icon-1:hover { background-image: url(sprite/global-201608041722.png); background-position: -54px -19px }
.tc-footer .columns .icon-2 { background-image: url(sprite/global-201608041722.png); width: 15px; height: 19px; background-position: -17px -19px }
.tc-footer .columns .icon-2:hover { background-image: url(sprite/global-201608041722.png); background-position: 0px -19px }
.tc-footer .column-certification { width: 20% }
.tc-footer .column-certification .certification { margin-bottom: 15px; font-size: 0 }
.tc-footer .column-certification .certification .ct-img { display: inline-block; vertical-align: top; width: 26% }
.tc-footer .column-certification .certification .information { display: inline-block; vertical-align: top; width: 74% }
.tc-footer .column-certification .certification .information h3 { font-size: 12px; margin-bottom: 0 }
.tc-footer .column-certification .certification .information li { line-height: 20px }
.tc-footer .column-certification .certification .information .text { margin-right: 15% }
.tc-footer .tc-footer-copyright { text-align: center }
.tc-footer .tc-footer-copyright .department, .tc-footer .tc-footer-copyright .department a { font-size: 14px; color: #777 }
.tc-footer .tc-footer-copyright .department a:hover { color: #3c3c3c }
.tc-footer .tc-footer-copyright .department { border-bottom: 1px solid #e3e3e3; line-height: 35px; margin: 0 auto 15px; max-width: 1200px }
.tc-footer .tc-footer-copyright .department .icon-tc { display: inline-block; width: 94px; height: 16px; background-image: url(sprite/global-201608041722.png); margin-right: 20px; background-position: 0px 0px }
.tc-footer .tc-footer-copyright .department a { white-space: nowrap; margin: 0 5px }
.tc-footer .tc-footer-copyright .links { line-height: 20px }
.tc-footer .tc-footer-copyright .links, .tc-footer .tc-footer-copyright .links a { color: #5a5e67; font-size: 12px; margin: 0 5px }
.tc-footer .tc-footer-copyright .links a:hover { color: #c6c6c6 }
.tc-footer .tc-footer-copyright .links .icon { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px }
.tc-footer .tc-footer-copyright .links .line-2 .slide { margin: 0 5px }
.tc-footer .tc-footer-copyright .links .last { margin-top: 10px }
.tc-footer .tc-footer-copyright .links .last .slide { margin-left: 5px }
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 }
@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 }
}
#MAXIM { content: "feu20160809114407" }/*  |xGv00|924b9e1be008ea6a75e83c32d4978581 */