/***************************************** 公共 ***********************************/
.auto-width {
    width: 92% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 公共宽度结束 */

/* 公共背景开始 */
.common-bgs {
    background: #F9F9F9;
}

.common-bgs-white {
    background: #fff;
}

/* 公共背景结束 */

/* 公共当前布局离底部的距离开始 */
.common-padding-bottom {
    padding-bottom: 60px;
}

/* 公共当前布局离底部的距离结束 */

/* flex相关的公共类开始 */
.cus-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.justify-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: flex-end;
}

.items-baseline {
    align-items: baseline;
}

.justify-center {
    justify-content: center;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-start {
    justify-content: flex-start;
}

.flex-col {
    flex-direction: column;
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end;
}


.flex-item-center {
    display: flex;
    align-items: center;

}

.items-center {
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-1 {
    flex: 1;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

/* flex相关的公共类结束 */

.w-full {
    width: 100%;
}

.max-width {
    max-width: 100% !important;
}

.h-full {
    height: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.cursor-pointer {
    cursor: pointer;
}

.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.font-bold {
    font-weight: 700;
}

.text-center {
    text-align: center;
}

/* 定位相关的开始 */
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.absolute-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.absolute-center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

/* 定位相关的结束 */
/***************************************** 公共 end ***********************************/

/***************************************** 最顶部 ***********************************/
.headerTop {
    background: #2660E3 !important;
}

.header-tops-wrap {}

.header-tops-box {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    background-color: #fff;
}

.tops-layouts {
    height: 110px;
}

.header-tops {
    width: 100%;
    ;
    height: 30px;
    background: #2560E3 !important;
    display: flex;
    justify-content: flex-end;
}

.header-tops-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header-tops-list-item {
    padding: 0 12px !important;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    height: 30px;
    line-height: 30px;
}

.header-tops-list-item:last-child {
    background-color: #52B2FC;
}

.header-tops-list-item-point {
    width: 6px;
    height: 6px;
    background: #FF4800;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 9px;
    top: 3px;
}

/*样式重置*/
#header2016 .topnav li .link-menu:hover {
    background-color: #fff;
    color: #000;
}

#header2016 .topnav li a.user-menu {
    padding: 0 10px;
    color: #fff;
    background: #52B2FC;
}

#header2016 .topnav li.menu-reg {
    background: #52B2FC;
}

#header2016 .topnav li.menu-reg .menu {
    border-top: 1px solid #52B2FC;
}

#header2016 .topnav li.menu-reg .menu.hover a,
#header2016 .topnav li.menu-reg .menu:hover a,
#header2016 .topnav li.menu-reg .menu a:hover {
    color: initial;
    font-weight: initial;
}

/***************************************** 最顶部 end ***********************************/

/***************************************** 顶部 ***********************************/

.header-logo {
    height: 80px;
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.header-logo-img {
    /*height: 40px;*/
    /*width: 130px;*/
}

#header2016 .header-nav {
    height: 80px;
    border-bottom: 1px solid #D6DADE;
    box-sizing: border-box;
}

.header-nav-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-nav-items-ul {
    display: flex;
}

.main-nav-items-li {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    /*padding-left: 50px !important;*/
}

.main-nav-items-li-a {
    padding: 0 20px;
    height: 80px;
    line-height: 80px;
    color: #333;
    font-size: 18px;
    flex-shrink: 0;
    border-bottom: 1px solid transparent;
    position: relative;
}

.main-nav-items-li-a-img {
    width: 14px;
    position: absolute;
    top: 50%;
    margin-top: -23px;
    right: 10px
}

.main-nav-items-li:hover .main-nav-items-li-a {
    color: #2660E3;
}

.main-nav-items-li-active:hover .main-nav-items-li-a {
    color: #2660E3;
    border-bottom: 1px solid #2660E3;
}

.main-nav-items-li-active:hover .nav-content-new {
    transition: all 0.3s ease;
    height: unset;
    padding-top: 30px;
    padding-bottom: 50px;
    opacity: 1 !important;
    visibility: visible !important;
}

.nav-content-new {
    position: absolute;
    left: 0;
    top: 80px;
    z-index: 9999;
    background-color: #fff;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.nav-content-new-w {
    display: flex;
    justify-content: space-between;
}

.nav-content-new-w-l {
    width: 100%;
}

.nav-content-new-w-l-list {}

.nav-content-new-w-l-item {}

.nav-content-new-w-l-item-title {
    font-weight: 400;
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    padding-left: 15px;
}

.nav-content-new-w-l-item-menu {
    /* height: 44px; */
    display: flex;
    /* align-items: center; */
    cursor: pointer;
    padding: 6px 0 6px 15px;
}

.nav-content-new-w-l-item-menu:hover {
    background: #F1F6FF;
    border-radius: 4px;
}

.nav-content-new-w-l-item-menu-icon {
    flex-shrink: 0;
    margin-right: 8px;
}

.nav-content-new-w-l-item-menu-text {
    font-weight: 400;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}

.nav-content-new-w-r {
    margin-left: 16px;
}

/***************************************** 顶部 end ***********************************/
/***************************************** 底部 ***********************************/
.footer-box-title {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    margin-bottom: 22px;
    cursor: unset;
}

.text-blacks {
    color: #000;
}

.text-black {
    color: #000;
}

.footer-box-title-link {
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footer-box-title:hover {
    color: #0060E6;
}

.footer-list-line {
    border-bottom: 1px solid #ddd;
}

.footer-list-ul {
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer-list-li-line {
    padding-left: 36px;
    border-left: 1px solid #ddd;
}

.box-item:hover {
    color: #0060E6;

}

.box-item-other:hover {
    color: #666;
}

.footer-qrcode-img {
    margin-right: 10px;
}

.footer-qrcode-text {
    font-size: 14px;
    color: #666;
    padding: 3px 0;
}

.footer-b-l {
    padding: 40px 0 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.footer-b-text {
    margin-right: 8px;
    color: #666;
    font-size: 14px;
}

.footer-b-img {
    margin-right: 3px;
    flex-shrink: 0;
}

/***************************************** 公共 end ***********************************/

/***************************************** 侧边栏 ***********************************/
.floating {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 400;
    top: 28%;
    right: 10px;
}

.floating-btn {
    width: 52px;
    height: 320px;
    border-radius: 26px;
    border: 1px solid #e4e7ea;
    z-index: 660;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    /* overflow: hidden; */
}

.floating-btn a {
    height: 25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
    color: #060d2a;
    position: relative;
    /* transition: all 0.6s ease; */
}

.floating-btn a:hover {
    background: #eef3fe;
    border-radius: 26px;
    /* transition: all 0.6s ease; */
    color: #2660e3;
}

.floating-btn a:hover .floating-popup-qrcode-list-w {
    display: block;
}

.floating-car {
    width: 52px;
    background: #2660e3;
    border-radius: 26px;
    padding: 20px 0 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 10px;
}

.floating-car-text {
    writing-mode: vertical-lr;
    color: #fff;
    margin-top: 10px;
    font-size: 14px;
}

.floating-car-text:hover {
    color: #fff;
}

.floating-popup-qrcode-list-w {
    position: absolute;
    right: 50px;
    top: 17px;
    padding-right: 14px;
    display: none;
}

.floating-popup-qrcode-list {
    padding: 0 12px;
    width: 170px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    background-color: #fff;
}

.floating-popup-qrcode-list-item {
    border-bottom: 1px solid #D6DADE;
}

.floating-popup-qrcode-list-item-text {
    height: 38px;
    color: #6D7174;
    font-size: 12px;
}

.floating-popup-qrcode-list-item-img {
    width: 145px;
    height: 139px;
    max-width: 100%;
}

.floating-popup-qrcode-list-item-btn {
    padding: 10px 0;
}

.floating-popup-qrcode-list-item-btn-text {
    color: #353535;
    font-size: 12px;
}

.floating-popup-qrcode-list-item-btn-click {
    color: #2660E3;
    cursor: pointer;
    font-size: 12px;
    margin-left: 6px;
}


.button-with-triangle {
    position: absolute;
    background-color: #0060E6;
    color: white;
    text-align: center;
    display: inline-block;
}

.button-with-triangle::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #0060E6;
}

.qrcode-triangle {
    right: 15px;
    top: 16px;
    background-color: #fff;
}

.qrcode-triangle::after {
    border-left: 8px solid #fff;
}

.floating-popover-inner-w {
    position: absolute;
    top: 17px;
    right: 50px;
    padding-right: 10px;
    display: none;
}

.floating-popover-inner {
    width: 260px;
    box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
    background-color: #fff;
}

.floating-btn a:hover .floating-popover-inner-w {
    display: block;
}

.floating-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: #000000d9;
    font-weight: 500;
    border-bottom: 1px solid #f0f0f0;
}

.floating-popover-inner-content {
    color: #000;
}

.floating-popover-inner-list {
    padding: 16px 12px;
}

.lc-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    color: #060d2a;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    transition-duration: 500ms;
}

.lc-btn::before {
    content: "";
    display: inline-block;
    background: url("/images-35/icon-message-small-gray.png") no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.lc-btn:hover {
    background: #eef3fe;
    color: #2660e3;
    transition-duration: 500ms;
}

.lc-btn:hover::before {
    background: url("/images-35/icon-message-small-blue.png") no-repeat;
}

.floating-popover-inner-content-tel {
    padding: 16px 12px;
}

.floating-popover-inner-content-tel-text {
    font-size: 14px;
    color: #000000d9;
    margin-bottom: 10px;
}

.floating-popover-inner-input-w {
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    margin-bottom: 10px;
}

.floating-popover-inner-input {
    height: 32px;
    font-size: 14px;
    padding: 0 10px;
}

.floating-popover-inner-btn-w {
    width: 100%;
    height: 32px;
    background-color: #2560E0;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.floating-popover-inner-btn-w button {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.floating-scroll-b {
    width: 51px;
    height: 51px;
    flex-shrink: 0;
    cursor: pointer;
    margin-top: 10px;
    border: 1px solid #e4e7ea;
    border-radius: 50%;
    background-color: #fff;
}

/***************************************** 侧边栏 end ***********************************/