/** loading框 **/

#site_overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#site_loading {
    background: url("../img/loading.gif") no-repeat scroll center 28px #000000;
    border-radius: 10px 10px 10px 10px;
    display: none;
    height: 120px;
    left: 50%;
    margin-left: -90px;
    margin-top: -60px;
    top: 50%;
    width: 180px;
    position: fixed;
}

#site_loading span {
    color: #FFFFFF;
    display: block;
    margin-top: 87px;
    padding: 0 10px;
    text-align: center;
}

.loading-tip {
    background: url('../img/loading1.gif') no-repeat left;
    width: 100px;
    height: 30px;
    margin: 15px auto 0 auto;
    display: none;
}

.loading-tip span {
    font-size: 14px;
    line-height: 32px;
    color: #999;
    padding-left: 35px;
}
/**返回顶部**/

#toTop {
    display: none;
    width: 54px;
    height: 54px;
    position: fixed;
    right: 20px;
    bottom: 45px;
    background: #EC651A;
    opacity: 0.8;
    color: #fff;
    filter: alpha(opacity=80);
    text-align: center;
    font-size: 30px;
    border-color: #ff4146;
    line-height: 61px;
}

#toTop:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}
/** 导航条 开始 **/

.nav-white {
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    padding-top: 0px;
}

.nav-white li a {
    color: #333;
}

.nav-white li .nav-bg {
    width: 80%;
    height: 3px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.nav-white li:hover .nav-bg,
.nav-white li.active .nav-bg {
    background-color: #ec651a;
}

.nav-white li:hover a,
.nav-white li.active a {
    color: #ec651a;
}

.nav-white li a,
.nav-white li a:hover,
.nav-white li a:active,
.nav-white li a:focus {
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
    border: none;
}

.nav-white .navbar-brand {
    background: url(../img/logo.png) no-repeat center left transparent;
    display: block;
    width: 200px;
    padding: 0;
    margin: 0 0 0 10px;
    height: 50px;
}

.nav-white .dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
}

.nav-white .dropdown-menu .dropdown-menu-head {
    background-color: #eeeeee;
    padding: 0 20px;
}

.nav-white .dropdown-menu li a {
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #565a5c
}

.nav-white .dropdown-menu .divider {
    margin: 0;
    background-color: #eeeeee;
}

.nav-white .ico-adr {
    background: url(../img/ico_adr.png) no-repeat center left transparent;
    width: 16px;
    height: 17px;
}

.collapse.in {
    display: block;
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fafafa;
    z-index: 99;
    padding: 0px 50px 0 50px;
    overflow: hidden;
}

.collapsing {
    display: block;
    position: absolute;
    top: 51px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 99;
    padding: 0px 50px 0 50px;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.collapsing>ul>li>a,
.collapse.in>ul>li>a {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: normal;
}

.collapsing li .nav-bg,
.collapse.in li .nav-bg {
    background-color: #EAEAEA;
    width: 100%;
    height: 1px;
}

.collapsing li.active .nav-bg,
.collapsing li:hover .nav-bg,
.collapse.in li:hover .nav-bg,
.collapse.in li.active .nav-bg {
    background-color: #EAEAEA;
    width: 100%;
    height: 1px;
}

.user-img {
    border: 2px solid #fff;
    border-radius: 50%;
    margin-top: -6px;
    margin-right: 10px;
}

.user-img img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.inbox {
    background: url(../img/inbox.png) no-repeat center left transparent;
    width: 25px;
    height: 23px;
    margin-top: -1px;
    margin-right: 2px;
}

.inbox-dropdown-tip {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    display: none;
}

.help-dropdown-tip {
    height: 50px;
    padding: 0 20px;
    line-height: 50px;
    display: none;
}

.login .show-logout {
    display: none;
}

.logout .show-login {
    display: none;
}

.forum-dropdown li {
    min-width: 340px;
}

.forum-dropdown .loading-tip {
    margin-bottom: 15px;
    display: block;
}

.message-dropdown li {
    min-width: 340px;
}

.message-dropdown .loading-tip {
    margin-bottom: 15px;
    display: block;
}

.nav-white .navbar-header .navbar-toggle:focus,
.nav-white .navbar-header .navbar-toggle:hover {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.nav-white .navbar-header .navbar-toggle .icon-bar {
    background-color: #EC651A;
}

.nav-white .in .ico-adr,
.nav-white .collapsing .ico-adr,
.nav-white .in .user-img,
.nav-white .collapsing .user-img {
    display: none;
}

@media (max-width: 991px) {
    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 8px;
    }
}
/** 导航条 结束 **/
/** footer 开始 **/

.footer {
    width: 100%;
    height: 250px;
    background-color: #1f2021;
    padding: 50px 0;
    color: #fff;
    position: relative;
}

.footer .footer-logo {
    background: url(../img/logo_white.png) no-repeat top right transparent;
    display: block;
    padding: 0;
    margin: 0;
    height: 70px;
}

.footer .footer-item {
    height: 130px;
    margin: 0;
    padding: 0;
    border-left: 1px solid #fff;
}

.footer .footer-item:first-child {
    border-left: none;
}

.footer .footer-item ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer .row {
    margin: 0;
}

.footer .footer-item ul li {
    line-height: 22px;
}

.footer .400call {}

.footer .qrcode {
    display: inline-block;
    margin-right: 10px;
    background: #fff;
    color: #000;
    border-radius: 6px;
    width: 92px;
    height: 110px;
    padding: 3px 0 10px 0;
}

.footer .qrcode:last-child {
    margin-right: 0;
}

.footer .qrcode img {
    width: 88px;
}

.footer .qrcode .qrcodetxt {
    font-size: 12px;
}

.follow-us {
    line-height: 40px;
    text-align: right;
    border-bottom: 1px solid #aaa;
    color: #f8f8f8;
    position: relative;
}

.copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    color: #8d8d8d;
    line-height: 40px;
}

.email {
    line-height: 22px;
}

.footer-item a,
.footer-item a:hover {
    color: #fff;
}

.footer-item a.text-primary,
.footer-item a.text-primary:hover {
    color: #EC651A;
}

@media (max-width: 767px) {
    .footer {
        padding-top: 30px;
        height: auto;
    }
    .footer .footer-item {
        height: auto;
        margin-bottom: 10px;
        border-left: none;
    }
    .footer .footer-item .tel-400 {
        margin-top: 15px;
    }
    .footer .footer-item ul li {
        display: inline-block;
        padding: 0 8px;
        margin-bottom: 5px;
    }
    .footer .qrcodes {
        display: inline-block;
        margin: auto;
        margin-top: 20px;
    }
}
/** footer 结束 **/
/** 行距 **/

.row-space-1 {
    margin-bottom: 6.25px
}

.row-space-top-1 {
    margin-top: 6.25px
}

.row-space-2 {
    margin-bottom: 12.5px
}

.row-space-top-2 {
    margin-top: 12.5px
}

.row-space-3 {
    margin-bottom: 18.75px
}

.row-space-top-3 {
    margin-top: 18.75px
}

.row-space-4 {
    margin-bottom: 25px
}

.row-space-top-4 {
    margin-top: 25px
}

.row-space-5 {
    margin-bottom: 31.25px
}

.row-space-top-5 {
    margin-top: 31.25px
}

.row-space-6 {
    margin-bottom: 37.5px
}

.row-space-top-6 {
    margin-top: 37.5px
}

.row-space-7 {
    margin-bottom: 43.75px
}

.row-space-top-7 {
    margin-top: 43.75px
}

.row-space-8 {
    margin-bottom: 50px
}

.row-space-top-8 {
    margin-top: 50px
}

.row-space-9 {
    margin-bottom: 56.25px
}

.row-space-top-9 {
    margin-top: 56.25px
}

.row-space-10 {
    margin-bottom: 62.5px
}

.row-space-top-10 {
    margin-top: 62.5px
}
/** 行距 结束 **/
/** 对齐 开始 **/

.row.row-table {
    width: 100%;
    width: calc(100% + 25px);
}

.row-table {
    display: table;
    table-layout: fixed;
}

.row-full-height {
    height: 100%;
}

.col-top,
.col-middle,
.col-bottom {
    float: none;
    display: table-cell;
}

.wishlist-unit .panel-body {
    background-color: transparent;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.col-top {
    vertical-align: top
}

.col-middle {
    vertical-align: middle
}

.col-bottom {
    vertical-align: bottom
}
/** 对齐 结束 **/
/** TABS 开始 **/

.tabs {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: inherit
}

.tabs>li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}

.tabs>li:last-child {
    margin-right: 0
}

.tabs:not(.tabs-header) {
    border-bottom: 1px solid #dce0e0
}

.tabs ~ .panel-body[role="tabpanel"]:before {
    display: none
}

.tabs-header {
    padding: 0 20px
}

.tab-item {
    display: block;
    padding: 14px 0;
    position: relative;
    text-overflow: ellipsis;
    text-align: center;
    color: #82888a
}

.tab-item:hover,
.tab-item:focus {
    color: #565a5c;
    text-decoration: none;
    outline: 0
}

.tab-item[aria-selected="true"],
.tab-item[aria-selected="true"]:hover,
.tab-item[aria-selected="true"]:focus {
    color: #565a5c;
    cursor: default
}

.tab-item.disabled,
.tab-item.disabled:hover,
.tab-item.disabled:focus,
.tab-item[aria-disabled="true"],
.tab-item[aria-disabled="true"]:hover,
.tab-item[aria-disabled="true"]:focus {
    color: #82888a;
    cursor: default
}

.tab-item[aria-disabled="true"] {
    pointer-events: none
}

.tab-panel[aria-hidden="true"] {
    display: none
}

.tab-item::before {
    background-color: #aaa;
    bottom: -1px;
    content: '';
    height: 0px;
    left: 0;
    position: absolute;
    right: 0;
    transition: 0.2s ease height;
    z-index: 1
}

.tab-item[aria-selected="true"]::before {
    height: 4px
}
/** TABS 结束 **/
/** 不同分辨率显示与隐藏 **/

.show-ld {
    display: none !important
}

.show-md {
    display: none !important
}

.show-sm {
    display: none !important
}

.show-xs {
    display: none !important
}

@media (max-width: 767px) {
    .show-xs {
        display: block !important
    }
    tr.show-xs {
        display: table-row !important
    }
    th.show-xs,
    td.show-xs {
        display: table-cell !important
    }
    .hide-xs {
        display: none !important
    }
    tr.hide-xs {
        display: none !important
    }
    th.hide-xs,
    td.hide-xs {
        display: none !important
    }
    .navbar-toggle {
        z-index: 100;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .show-sm {
        display: block !important
    }
    tr.show-sm {
        display: table-row !important
    }
    th.show-sm,
    td.show-sm {
        display: table-cell !important
    }
    .hide-sm {
        display: none !important
    }
    tr.hide-sm {
        display: none !important
    }
    th.hide-sm,
    td.hide-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1099px) {
    .show-md {
        display: block !important
    }
    tr.show-md {
        display: table-row !important
    }
    th.show-md,
    td.show-md {
        display: table-cell !important
    }
    .hide-md {
        display: none !important
    }
    tr.hide-md {
        display: none !important
    }
    th.hide-md,
    td.hide-md {
        display: none !important
    }
}

@media (min-width: 1100px) {
    .show-lg {
        display: block !important
    }
    tr.show-lg {
        display: table-row !important
    }
    th.show-lg,
    td.show-lg {
        display: table-cell !important
    }
    .hide-lg {
        display: none !important
    }
    tr.hide-lg {
        display: none !important
    }
    th.hide-lg,
    td.hide-lg {
        display: none !important
    }
}
/** 不同分辨率显示隐藏 结束 **/
/** 下拉框 样式 **/

select {
    -webkit-appearance: none;
    background: white\0 !important
}

select::-ms-expand {
    display: none
}

.select {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

.select select {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 2em;
    padding-top: 7px\9;
    padding-bottom: 7px\9;
    padding-right: 4px\9
}

.select:before {
    content: '\25bc';
    position: absolute;
    pointer-events: none;
    color: #82888a;
    top: 0;
    bottom: 1px;
    padding-top: 0.7em;
    line-height: 1;
    right: 0;
    width: 2em;
    text-align: center;
    transform: scale(0.84, 0.42);
    -webkit-transform: scale(0.84, 0.42);
    -moz-transform: scale(0.84, 0.42);
    -ms-transform: scale(0.84, 0.42);
    -o-transform: scale(0.84, 0.42);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand')";
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand');
    display: none\9;
}

.select-block {
    display: block;
    width: 100%
}

.select-large select {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    padding-top: 9px\9;
    padding-bottom: 9px\9
}

@-moz-document url-prefix() {
    .select:before {
        display: none
    }
    .select select {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 0
    }
    .select-large select {
        padding-top: 9px;
        padding-bottom: 9px
    }
}
/** 下拉框 样式 结束 **/
/** 关闭 样式 **/

.panel-close,
.alert-close,
.modal-close {
    float: right;
    cursor: pointer;
    font-size: 2em;
    line-height: 0.7;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    color: #cacccd
}

.panel-close:before,
.alert-close:before,
.modal-close:before {
    content: "\00d7"
}

.panel-close:hover,
.alert-close:hover,
.modal-close:hover,
.panel-close:focus,
.alert-close:focus,
.modal-close:focus {
    color: #b0b3b5;
    text-decoration: none
}
/** 关闭 样式 结束 **/
/** 图片 遮罩 **/

.media-photo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    background-color: #cacccd;
}

.media-cover,
.media-cover-dark:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.media-cover-dark:after {
    background: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    content: " "
}

.img-responsive-height {
    width: auto;
    height: 100%;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.media-round {
    border-radius: 50%;
    border: 2px solid #fff;
}

.media-photo-block {
    display: block;
}
/** 图片 遮罩 结束**/
/** 重新定义panel 开始**/

.modal-table {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.modal-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    padding: 50px;
}

.modal-content {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 520px;
}

.panel-header,
.panel-body,
ul.panel-body>li,
ol.panel-body>li,
.panel-footer {
    position: relative;
    margin: 0;
    padding: 20px;
    border-top: 1px solid #dce0e0;
    background-color: #fff;
}

.panel-body {
    background-color: transparent
}

.panel-header {
    color: #565a5c;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce0e0;
}

.panel-dark,
.panel-header {
    background-color: #edefed;
}

.panel-header:first-child,
.panel-body:first-child,
ul.panel-body>li:first-child,
ol.panel-body>li:first-child,
.panel-footer:first-child {
    border-top: 0;
}
/** 重新定义panel 结束**/

.text-white {
    color: #fff;
}

.text-lead {
    margin-bottom: 5px;
}

.lead-bg {
    width: 50px;
    height: 3px;
    background-color: #ec651a;
}

.link-reset,
a.link-reset:visited,
a.link-reset:hover,
a.link-reset:hover.focus,
a.link-reset:focus {
    color: inherit;
    text-decoration: none;
}

.text-jumbo {
    font-size: 60px;
    font-weight: 700
}

.btn-large {
    padding: 9px 27px;
    font-size: 16px;
}

.icon-size-2 {
    font-size: 1.8em
}

.icon-size-3 {
    font-size: 3.0em
}

.icon-size-4 {
    font-size: 4.2em
}

.btn-small {
    padding: 4px 12px;
    font-size: 12px
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

pre {
    font-family: inherit;
    font-size: 14px;
}

.glyphicon-weichat {
    width: 18px;
    height: 16px;
    background-image: url(../img/weichat_ico.png);
    background-repeat: no-repeat;
}

.footer-icon-container {
    display: inline-block;
    height: 36px;
    width: 36px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    text-align: center;
    border-color: #888;
    cursor: pointer;
}

.QRcode {
    border: 1px solid #666;
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: url(../img/QRcode.jpg);
    background-repeat: no-repeat;
    display: none;
}

.showqr:hover .QRcode {
    top: -200px;
    right: 0px;
    display: block;
}