﻿@charset "UTF-8";
/* 版心 */
/*.container { position: relative; width: $containerWidth; margin: 0 auto;
}*/
/* 浮动 */
.fl { float: left; }

.fr { float: right; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; overflow: hidden; }

.clearfix { zoom: 1; }

/* 内外边距 */
.mar-0 { margin: 0 !important; }

.mar-5 { margin: 5px !important; }

.mar-10 { margin: 10px !important; }

.mar-15 { margin: 15px !important; }

.mar-20 { margin: 20px !important; }

.mar-25 { margin: 25px !important; }

.mar-30 { margin: 30px !important; }

.mar-40 { margin: 40px !important; }

.mar-50 { margin: 50px !important; }

.mt-0 { margin-top: 0 !important; }

.mt-5 { margin-top: 5px !important; }

.mt-10 { margin-top: 10px !important; }

.mt-15 { margin-top: 15px !important; }

.mt-20 { margin-top: 20px !important; }

.mt-25 { margin-top: 25px !important; }

.mt-30 { margin-top: 30px !important; }

.mt-40 { margin-top: 40px !important; }

.mt-50 { margin-top: 50px !important; }

.mt-70 { margin-top: 70px !important; }

.mr-0 { margin-right: 0 !important; }

.mr-5 { margin-right: 5px !important; }

.mr-10 { margin-right: 10px !important; }

.mr-15 { margin-right: 15px !important; }

.mr-20 { margin-right: 20px !important; }

.mr-25 { margin-right: 25px !important; }

.mr-30 { margin-right: 30px !important; }

.mr-40 { margin-right: 40px !important; }

.mr-50 { margin-right: 50px !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-5 { margin-bottom: 5px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-15 { margin-bottom: 15px !important; }

.mb-20 { margin-bottom: 20px !important; }

.mb-25 { margin-bottom: 20px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-50 { margin-bottom: 50px !important; }

.ml-0 { margin-left: 0 !important; }

.ml-5 { margin-left: 5px !important; }

.ml-10 { margin-left: 10px !important; }

.ml-15 { margin-left: 15px !important; }

.ml-20 { margin-left: 20px !important; }

.ml-25 { margin-left: 25px !important; }

.ml-30 { margin-left: 30px !important; }

.ml-40 { margin-left: 40px !important; }

.ml-50 { margin-left: 50px !important; }

.ml-60 { margin-left: 60px !important; }

.mlr-0 { margin-left: 0 !important; margin-right: 0 !important; }

.mlr-5 { margin-left: 5px !important; margin-right: 5px !important; }

.mlr-10 { margin-left: 10px !important; margin-right: 10px !important; }

.mlr-15 { margin-left: 15px !important; margin-right: 15px !important; }

.mlr-20 { margin-left: 20px !important; margin-right: 20px !important; }

.mlr-25 { margin-left: 25px !important; margin-right: 25px !important; }

.mlr-30 { margin-left: 30px !important; margin-right: 30px !important; }

.mlr-40 { margin-left: 40px !important; margin-right: 40px !important; }

.mlr-50 { margin-left: 50px !important; margin-right: 50px !important; }

.mtb-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.mtb-5 { margin-top: 5px !important; margin-bottom: 5px !important; }

.mtb-10 { margin-top: 10px !important; margin-bottom: 10px !important; }

.mtb-15 { margin-top: 15px !important; margin-bottom: 15px !important; }

.mtb-20 { margin-top: 20px !important; margin-bottom: 20px !important; }

.mtb-25 { margin-top: 25px !important; margin-bottom: 25px !important; }

.mtb-30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.mtb-40 { margin-top: 40px !important; margin-bottom: 40px !important; }

.mtb-50 { margin-top: 50px !important; margin-bottom: 50px !important; }

.pd-0 { padding: 0 !important; }

.pd-5 { padding: 5px !important; }

.pd-10 { padding: 10px !important; }

.pd-15 { padding: 15px !important; }

.pd-20 { padding: 20px !important; }

.pd-25 { padding: 20px !important; }

.pd-30 { padding: 30px !important; }

.pd-40 { padding: 30px !important; }

.pd-50 { padding: 30px !important; }

.pt-0 { padding-top: 0 !important; }

.pt-5 { padding-top: 5px !important; }

.pt-10 { padding-top: 10px !important; }

.pt-15 { padding-top: 15px !important; }

.pt-20 { padding-top: 20px !important; }

.pt-25 { padding-top: 25px !important; }

.pt-30 { padding-top: 30px !important; }

.pt-40 { padding-top: 40px !important; }

.pt-50 { padding-top: 50px !important; }

.pr-0 { padding-right: 0 !important; }

.pr-5 { padding-right: 5px !important; }

.pr-10 { padding-right: 10px !important; }

.pr-15 { padding-right: 15px !important; }

.pr-20 { padding-right: 20px !important; }

.pr-25 { padding-right: 25px !important; }

.pr-30 { padding-right: 30px !important; }

.pr-40 { padding-right: 40px !important; }

.pr-50 { padding-right: 50px !important; }

.pb-0 { padding-bottom: 0 !important; }

.pb-5 { padding-bottom: 5px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pb-15 { padding-bottom: 15px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pb-25 { padding-bottom: 25px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pb-40 { padding-bottom: 40px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pl-0 { padding-left: 0 !important; }

.pl-5 { padding-left: 5px !important; }

.pl-10 { padding-left: 10px !important; }

.pl-15 { padding-left: 15px !important; }

.pl-20 { padding-left: 20px !important; }

.pl-25 { padding-left: 25px !important; }

.pl-30 { padding-left: 30px !important; }

.pl-40 { padding-left: 40px !important; }

.pl-50 { padding-left: 50px !important; }

.plr-0 { padding-left: 0 !important; padding-right: 0 !important; }

.plr-5 { padding-left: 5px !important; padding-right: 5px !important; }

.plr-10 { padding-left: 10px !important; padding-right: 10px !important; }

.plr-15 { padding-left: 15px !important; padding-right: 15px !important; }

.plr-20 { padding-left: 20px !important; padding-right: 20px !important; }

.plr-25 { padding-left: 25px !important; padding-right: 25px !important; }

.plr-30 { padding-left: 30px !important; padding-right: 30px !important; }

.plr-40 { padding-left: 40px !important; padding-right: 40px !important; }

.plr-50 { padding-left: 50px !important; padding-right: 50px !important; }

.ptb-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.ptb-5 { padding-top: 5px !important; padding-bottom: 5px !important; }

.ptb-10 { padding-top: 10px !important; padding-bottom: 10px !important; }

.ptb-15 { padding-top: 15px !important; padding-bottom: 15px !important; }

.ptb-20 { padding-top: 20px !important; padding-bottom: 20px !important; }

.ptb-25 { padding-top: 25px !important; padding-bottom: 25px !important; }

.ptb-30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.ptb-40 { padding-top: 40px !important; padding-bottom: 40px !important; }

.ptb-50 { padding-top: 50px !important; padding-bottom: 50px !important; }

/* 文字大小 */
.fs-12 { font-size: 12px !important; }

.fs-13 { font-size: 13px !important; }

.fs-14 { font-size: 14px !important; }

.fs-15 { font-size: 15px !important; }

.fs-16 { font-size: 16px !important; }

.fs-18 { font-size: 18px !important; }

.fs-20 { font-size: 20px !important; }

.fs-24 { font-size: 24px !important; }

.fs-30 { font-size: 32px !important; }

.fs-42 { font-size: 42px !important; }

/* 文本颜色 */
.color-primary { color: #007aff !important; }

.color-warning { color: #ff9500 !important; }

.color-danger { color: #ff3b30 !important; }

.color-success { color: #4cd964 !important; }

.color-white { color: #fff !important; }

.color-gray { color: #666 !important; }

.color-gray-light { color: #999 !important; }

/* 文本粗细 */
.fw-200 { font-weight: 200 !important; }

.fw-400 { font-weight: 400 !important; }

.fw-700 { font-weight: 700 !important; }

/* 文本对齐 */
.tal { text-align: left !important; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

/* 文本行高 */
.lh { line-height: 1.5 !important; }

.lh-xs { line-height: 1.3 !important; }

.lh-md { line-height: 1.8 !important; }

/* 背景颜色 */
.bg-primary { background-color: #007aff !important; }

.bg-white { background-color: #fff !important; }

.bg-gray-light { background-color: #f1f1f1 !important; }

.bg-black { background-color: #000 !important; }

/* display */
.dib { display: inline-block !important; }

.db { display: block !important; }

.hide { display: none !important; }

/* 垂直对齐 */
.vam { vertical-align: middle !important; }

/* 溢出 */
.ovh { overflow: hidden !important; }

/* 定位 */
.pos-r { position: relative !important; }

/* 文本截断 */
.toe { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* 文本修饰 */
.tdlh { text-decoration: line-through !important; }

/* 背景设置 */
.bg-cover { background-repeat: no-repeat; background-position: center top; background-size: cover; }

/* 边框 */
.bd { border: 1px solid #dbdbdb; }

.bt { border-top: 1px solid #dbdbdb; }

.br { border-right: 1px solid #dbdbdb; }

.bb { border-bottom: 1px solid #dbdbdb; }

.bl { border-left: 1px solid #dbdbdb; }

body { padding-top: 50px; padding-bottom: 51px; font-family: 'Microsoft Yahei'; }

ul, ol { padding-left: 0; margin-bottom: 0; list-style-type: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; }

a:hover, a:active, a:focus { text-decoration: none; }

.fixedTop { position: fixed; top: 0; left: 0; z-index: 999; }

.container { position: relative; }

/*头部*/
.header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background: #fff; border-bottom: 1px solid #e5e5e5; }

.nav-box .navbar { margin-bottom: 0; min-height: 40px; }
.nav-box .navbar-default { background-color: #fff; border: 0; }
.nav-box .nav > li > a { padding: 10px 20px; font-size: 16px; }
.nav-box .nav > li > a.nav-btn { margin: 0 20px; background: #fcb200; border-radius: 30px; text-align: center; color: #fff; }
.nav-box .nav > li > a.nav-btn--success { background: #81b822; }
.nav-box .navbar-brand { padding: 10px 0; }
.nav-box .navbar-toggle { margin-right: 0; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: none; color: #81b822; }

a.tel { display: block; height: 50px; line-height: 50px; margin-left: 20px; color: #ff9500; }
a.tel:hover, a.tel:focus { text-decoration: none; }

/* 新闻 */
.news-mod .col-sm-6 + .col-sm-6 { margin-top: 20px; }

.news-list li { position: relative; margin-top: 20px; padding-left: 15px; }
.news-list li:after { position: absolute; top: 50%; left: 0; width: 5px; height: 5px; background: #ccc; border-radius: 50%; content: ""; transform: translate(0, -50%); }
.news-list a { display: block; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-list span { font-size: 12px; }

.user-action { margin: 10px 0; }
.user-action a { display: inline-block; margin-bottom: 10px; padding: 10px 30px; background: #ffa200; border-radius: 5px; box-shadow: 0 3px 0 #cc8200; }

.footer { width: 100%; padding: 10px 0; background: #333; color: #7f7f7f; }
.footer .col-sm-6 { min-height: 50px; margin: 10px 0; }

.foot-tle { margin-bottom: 10px; font-size: 20px; }

.tel-foot p span { font-size: 24px; color: #fcb200; }

.copyright { position: relative; padding: 10px; background: #333; text-align: center; color: #626262; border-top: 1px solid #1a1a1a; }
.copyright:after { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #484848; content: ""; }
.copyright a { color: #6f6f6f; }

.ewm-code p + p { margin-top: 5px; }

.footer-link { border-top: 1px solid rgba(0, 0, 0, 0.2); background: #333; font-size: 0; }
.footer-link a { position: relative; display: inline-block; padding: 10px 20px; font-size: 12px; color: #626262; }
.footer-link a:hover { color: #81b822; }
.footer-link a:not(:first-of-type):before { position: absolute; top: 50%; left: 0; width: 1px; height: 16px; background: #525252; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); content: ""; }

/* banner */
.ban-swiper .swiper-slide { height: 160px; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.ban-swiper .swiper-slide a { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.ban-swiper--pro .swiper-slide { height: auto !important; }

.ban-swiper > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; }

.swiper-pagination-bullet { background: #000; opacity: .4; }

.swiper-pagination-bullet-active { background: #ff752b; opacity: 1; }

/*尾部固定栏*/
.footer-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; }
.footer-nav li { height: 50px; text-align: center; }
.footer-nav li:not(:first-of-type) { border-left: 1px solid #b1e15f; }
.footer-nav a { display: block; padding: 5px 0; color: #fff; background: #81b822; }
.footer-nav a:focus, .footer-nav a:active { text-decoration: none; outline: 0; }
.footer-nav a:hover { text-decoration: none; color: #fff; background: #72a21e; }
.footer-nav a.btn-free { line-height: 50px; padding: 0; font-size: 16px; background: #ff851b; }
.footer-nav span { display: block; }
.footer-nav .fa { display: block; font-size: 20px; }

/* 背景图 */
.bg-1 { background: url(../images/bg-1.jpg) no-repeat center center fixed; background-size: cover; }

.bg-2 { background: url(../images/bg-2.jpg) no-repeat center center fixed; background-size: cover; }

.bg-3 { background: url(../images/bg-3.jpg) no-repeat center center fixed; background-size: cover; }

.bg-4 { background: url(../images/bg-4.jpg) no-repeat center center; background-size: cover; }

.bg-6 { background: url(../images/bg-6.jpg) no-repeat center center; background-size: cover; }

/* 更多按钮 */
a.btn-more { display: inline-block; height: 45px; line-height: 45px; padding: 0 30px; font-size: 16px; color: #fff; text-align: center; border-radius: 30px; background: rgba(255, 255, 255, 0.4); }
a.btn-more:hover { color: #fff; text-decoration: none; background: rgba(255, 255, 255, 0.3); }
a.btn-more:active, a.btn-more:focus { outline: 0; text-decoration: none; }
a.btn-more--inverse { line-height: 43px; background: none; border: 1px solid #e5e5e5; color: #999; }
a.btn-more--inverse:hover { color: #81b822; border-color: #81b822; }

/* 更多按钮 */
.more a { display: inline-block; padding: 10px 50px; color: #a5a5a5; border: 1px solid #c9c9c9; border-radius: 50px; }
.more a:hover, .more a:focus { background: #81b822; text-decoration: none; color: #fff; }
.more a:hover i, .more a:focus i { text-indent: 24px; color: #fff; }
.more i { text-indent: -10px; font-size: 24px; color: transparent; vertical-align: -2px; transition: .3s; }

/* 在线客服 */
.main-im { position: fixed; right: 10px; top: 25%; z-index: 1000; width: 110px; height: 272px; }

.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }

.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }

.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }

.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }

.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }

.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; display: none; }

.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }

.main-im .im_main .im-tel div { font-weight: bold; font-size: 12px; margin-top: 6px; }

.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; }

.main-im .im_main .im-tel:hover { background: #fafafa; }

.main-im .im_main .weixing-container { width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.png) no-repeat center center; float: left; }

.main-im .im_main .weixing-show { width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }

.main-im .im_main .weixing-show .weixing-sanjiao { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 110px; top: 134px; position: absolute; z-index: 2; }

.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 110px; top: 132px; position: absolute; }

.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }

.main-im .im_main .weixing-show .weixing-txt { position: absolute; top: 110px; left: 7px; width: 100px; margin: 0 auto; text-align: center; }

.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/totop-icon.png) no-repeat center center; float: right; }

.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }

.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }

.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }

.main-im .close-im a:hover { text-decoration: none; }

.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

/* 弹性盒模型 */
.flex-h { display: box; /* OLD - Android 4.4- */ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex1 { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex2 { -webkit-box-flex: 2; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 2; /* OLD - Firefox 19- */ -webkit-flex: 2; /* Chrome */ -ms-flex: 2; /* IE 10 */ flex: 2; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.flex-v-c { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; /* IE 10 */ -webkit-align-items: center; -moz-align-items: center; align-items: center; }

.flex-s-b { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.flex-h-c { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

/* 回到顶部 */
a.to-top { position: fixed; bottom: 60px; right: 20px; z-index: 1000; display: none; width: 50px; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; border-radius: 50%; }
a.to-top:hover, a.to-top:focus { color: #fff; text-decoration: none; background: rgba(0, 0, 0, 0.7); }
a.to-top i { font-size: 30px; }

/* modal */
.modal-dialog { z-index: 1060; }

/* 内页banner */
.banner-inner { padding: 30px 0; background: url(../images/bg-8.jpg) no-repeat center center; background-size: cover; text-align: center; color: #fff; }
.banner-inner h3 { font-size: 18px; font-weight: 700; }
.banner-inner h4 { margin: 10px 0 0 0; font-size: 16px; }

/* 动画 */
.animation-delay { animation-delay: .6s; }

/* 搜索 */
.search-wrap { padding: 30px 0; background: url(../images/search-bg.jpg) no-repeat; background-size: cover; }

.search { position: relative; width: 280px; padding: 0 20px; margin: 0 auto; background: #fff; border-radius: 5px; }
.search-text { width: 100%; height: 50px; line-height: 50px; padding: 0 40px 0 0; font-size: 16px; border: 0; background: none; }
.search-text:focus { outline: 0; }
.search-btn { position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; border-left: 1px solid #e5e5e5; }
.search-btn:focus, .search-btn:hover, .search-btn:active { text-decoration: none; }
.search-btn i { font-size: 16px; color: #999; }

/* 导航块 */
.brick-nav { padding: 10px 0; }
.brick-nav .row { margin: 0 -10px; }
.brick-nav [class^=col] { padding: 0 10px; }
.brick-nav .nav-item { margin: 10px 0; }
.brick-nav .nav-item a { display: block; padding: 20px 0 25px; font-size: 15px; text-align: center; background: #ededed; color: #666; transition: background-color .3s; }
.brick-nav .nav-item a:hover, .brick-nav .nav-item a:hover i { color: #fff; }
.brick-nav .nav-item i { font-size: 48px; line-height: 60px; }
.brick-nav .nav-item.org i { color: #ed7205; }
.brick-nav .nav-item.org a:hover { background: #ed7205; }
.brick-nav .nav-item.blue i { color: #2193d4; }
.brick-nav .nav-item.blue a:hover { background: #2193d4; }
.brick-nav .nav-item.ching i { color: #30c790; }
.brick-nav .nav-item.ching a:hover { background: #30c790; }
.brick-nav .nav-item.red i { color: #e04a4a; }
.brick-nav .nav-item.red a:hover { background: #e04a4a; }

/* 模块标题 */
.page-tle { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.page-tle h3 { font-size: 18px; }

/* 折叠面板 */
.panel-custom { margin-bottom: 50px; }
.panel-custom .panel { padding-bottom: 20px; }
.panel-custom .panel + .panel { margin-top: 20px; }
.panel-custom .panel-heading { padding: 0; }
.panel-custom .panel-title > a:hover { color: #81b822; }
.panel-custom .panel-body { margin: 15px 0 0 0; padding: 0; color: #656565; }
.panel-custom .panel-heading + .panel-collapse > .panel-body, .panel-custom .panel-heading + .panel-collapse > .list-group { border: 0; }

/* 帮助中心 */
.question-label { display: inline-block; width: 24px; height: 24px; margin: 0 10px 0 0; line-height: 24px; font-size: 12px; color: #fff; text-align: center; background: #50bdcd; border-radius: 3px; }
.question-label.answer { background: #89c652; }

.sidebar-nav { margin: 30px 0; }
.sidebar-nav .nav-item a { display: block; height: 45px; line-height: 45px; font-size: 16px; color: #333; }
.sidebar-nav .nav-item a span { vertical-align: middle; }
.sidebar-nav .nav-item a.active, .sidebar-nav .nav-item a:hover { color: #81b822; }
.sidebar-nav .nav-item a.open .item-collapse { background-position: 0 -16px; }
.sidebar-nav .nav-item .item-collapse { display: inline-block; width: 16px; height: 16px; margin: 0 10px 0 0; background: url(../images/icon-collapse.png) no-repeat; background-size: 16px auto; vertical-align: middle; }
.sidebar-nav .nav2 { display: none; margin: 0 0 0 26px; }
.sidebar-nav .nav2 > li:not(:first-of-type) { border-top: 1px dashed #e5e5e5; }
.sidebar-nav .nav2 > li a { color: #999; }
.sidebar-nav .nav3 { display: none; margin: 0 0 0 26px; }
.sidebar-nav .nav3 > li { margin: 0 0 10px 0; }
.sidebar-nav .nav3 > li a { height: 30px; line-height: 30px; }

.help-main { padding: 30px 20px; margin: 30px 0 0 0; min-height: 1000px; background: #f5f5f5; }
.help-main .main-container { margin: 30px 0 0 0; }
.help-main .main-container p { font-size: 16px; text-indent: 2em; }
.help-main .main-container p + p { margin: 10px 0 0 0; }

/* 百度地图 */
.iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap; }

.iw_poi_content { font: 12px arial,sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word; }

#dituContent { margin-top: 20px; }

/* 图标 */
.icon { display: inline-block; background: url("../images/icon-sprites.png") no-repeat; background-size: 66px auto; vertical-align: middle; }
.icon-hz-1, .icon-hz-2, .icon-hz-3, .icon-hz-4, .icon-hz-5, .icon-hz-6 { width: 66px; height: 66px; }
.icon-hz-2 { height: 64px; background-position: 0 -71px; }
.icon-hz-3 { height: 57px; background-position: 0 -140px; }
.icon-hz-4 { background-position: 0 -202px; }
.icon-hz-5 { background-position: 0 -273px; }
.icon-hz-6 { background-position: 0 -344px; }
.icon-hd-hdgl { width: 40px; height: 38px; background-position: 0 -1308px; }
.icon-hd-xxtz { width: 36px; height: 40px; background-position: 0 -1350px; }
.icon-hd-hygl { width: 40px; height: 32px; background-position: 0 -1396px; }
.icon-hd-hdqd { width: 40px; height: 40px; background-position: 0 -1433px; }
.icon-hd-sjgl { width: 34px; height: 40px; background-position: 0 -1478px; }
.icon-hd-dcwj { width: 33px; height: 40px; background-position: 0 -1523px; }
.icon-hd-wxfx { width: 40px; height: 34px; background-position: 0 -1568px; }
.icon-hd-hdcj { width: 40px; height: 40px; background-position: 0 -1607px; }
.icon-wj-wlxs { width: 34px; height: 26px; background-position: 0 -1022px; }
.icon-wj-qyxx { width: 33px; height: 29px; background-position: 0 -1053px; }
.icon-wj-sjk { width: 31px; height: 31px; background-position: 0 -1087px; }
.icon-wj-khfk { width: 29px; height: 32px; background-position: 0 -1123px; }
.icon-wj-scdc { width: 35px; height: 32px; background-position: 0 -1159px; }
.icon-wx-gzhkf { width: 42px; height: 34px; background-position: 0 -1269px; }
.icon-wx-xcx { width: 37px; height: 37px; background-position: 0 -1227px; }
.icon-wx { width: 56px; height: 62px; }
.icon-wx-oa { background-position: 0 -685px; }
.icon-wx-gtty { background-position: 0 -415px; }
.icon-wx-ql { background-position: 0 -550px; }
.icon-wx-sphy { background-position: 0 -617px; }
.icon-wx-qyyx { background-position: 0 -752px; }
.icon-wx-zdy { background-position: 0 -482px; }
.icon-wx-zf { background-position: 0 -820px; }
.icon-wx-kq { background-position: 0 -887px; }
.icon-wx-api { background-position: 0 -955px; }

@media (min-width: 1200px) { .icon { background-size: 132px auto; }
  .icon-hz-1, .icon-hz-2, .icon-hz-3, .icon-hz-4, .icon-hz-5, .icon-hz-6 { width: 132px; height: 132px; }
  .icon-hz-2 { height: 128px; background-position: 0 -142px; }
  .icon-hz-3 { height: 114px; background-position: 0 -280px; }
  .icon-hz-4 { background-position: 0 -404px; }
  .icon-hz-5 { background-position: 0 -546px; }
  .icon-hz-6 { background-position: 0 -688px; }
  .icon-hd-hdgl { width: 80px; height: 76px; background-position: 0 -2616px; }
  .icon-hd-xxtz { width: 72px; height: 80px; background-position: 0 -2700px; }
  .icon-hd-hygl { width: 80px; height: 64px; background-position: 0 -2792px; }
  .icon-hd-hdqd { width: 80px; height: 80px; background-position: 0 -2866px; }
  .icon-hd-sjgl { width: 68px; height: 80px; background-position: 0 -2956px; }
  .icon-hd-dcwj { width: 66px; height: 80px; background-position: 0 -3046px; }
  .icon-hd-wxfx { width: 80px; height: 68px; background-position: 0 -3136px; }
  .icon-hd-hdcj { width: 80px; height: 80px; background-position: 0 -3214px; }
  .icon-wj-wlxs { width: 68px; height: 52px; background-position: 0 -2044px; }
  .icon-wj-qyxx { width: 66px; height: 58px; background-position: 0 -2106px; }
  .icon-wj-sjk { width: 62px; height: 62px; background-position: 0 -2174px; }
  .icon-wj-khfk { width: 58px; height: 64px; background-position: 0 -2246px; }
  .icon-wj-scdc { width: 70px; height: 64px; background-position: 0 -2318px; }
  .icon-wx-gzhkf { width: 84px; height: 68px; background-position: 0 -2538px; }
  .icon-wx-xcx { width: 74px; height: 74px; background-position: 0 -2454px; }
  .icon-wx { width: 112px; height: 124px; }
  .icon-wx-oa { background-position: 0 -1370px; }
  .icon-wx-gtty { background-position: 0 -830px; }
  .icon-wx-ql { background-position: 0 -1100px; }
  .icon-wx-sphy { background-position: 0 -1234px; }
  .icon-wx-qyyx { background-position: 0 -1504px; }
  .icon-wx-zdy { background-position: 0 -964px; }
  .icon-wx-zf { background-position: 0 -1640px; }
  .icon-wx-kq { background-position: 0 -1774px; }
  .icon-wx-api { background-position: 0 -1910px; } }
/* banner 单图 */
.banner-simple { height: 120px; background-repeat: no-repeat; background-position: center top; background-size: cover; }

@media (min-width: 375px) { .banner-simple { height: 150px; } }
@media (min-width: 768px) { .banner-simple { height: 300px; } }
@media (min-width: 1200px) { .banner-simple { height: 450px; } }
/* 表单 */
@media (min-width: 768px) { .form { padding: 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); background: #fff; } }
