html {
    height: 100%;
    font-family: PingFangSC-Regular, MicrosoftYaHei, "Microsoft Yahei", "Microsoft YaHei", "微软雅黑", sans-serif;
}

body {
    margin: 0;
    padding: 0;
    min-width: 1206px;
    min-height: 100%;
    font-family: PingFangSC-Regular, MicrosoftYaHei, "Microsoft Yahei", "Microsoft YaHei", "微软雅黑", sans-serif;
    background: #EEEEEE;
    -webkit-font-smoothing: antialiased;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
    min-width: 1206px;
    z-index: 998;
}

.header a {
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
    text-decoration: none;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
}

.header a:hover {
    color: #F56A00;
}

.header-container {
    width: 1200px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-icons.logo.simple-big {
    background: url("data:image/png;base64,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");
    background-size: 180px 46px;
    width: 180px;
    height: 46px;
}

.header-operation {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.header-operation .home-icons {
    margin-right: 12px;
}

.header-operation .portal-icons {
    margin-right: 6px;
}

.header.active .header-operation .home-icons {
    margin-right: 6px;
}

.header.active .header-operation .enquire {
    margin-left: 40px;
}

.header.active .header-operation .upload-stock {
    margin-left: 20px;
}

.header-operation .user4, .header-operation .msg2, .header-operation .manage2, .header-operation .cart2, .header-operation .span2 {
    display: none;
}

.header.active .header-operation .user4, .header.active .header-operation .msg2, .header.active .header-operation .manage2, .header.active .header-operation .cart2, .header.active .header-operation .span2 {
    display: inline-flex;
}

.header.active .header-operation .user3, .header.active .header-operation .msg, .header.active .header-operation .manage, .header.active .header-operation .cart1, .header.active .header-operation .span1 {
    display: none;
}

.header-operation .shop-cart {
    margin-left: 21px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    color: #666666;
    position: relative;
}

.header-operation .shop-cart .span2 {
    position: absolute;
    left: 22px;
    top: -3px;
}

.header-operation .shop-cart .span1 {
    display: inline-flex;
    align-items: center;
}

.black-number {
    font-family: Arial-BoldMT, ArialMT, Arial, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    padding: 2px 6px;
    line-height: 12px;
    background: #FE3538;
    border-radius: 8px;
    margin-left: 4px;
}

.number-icon {
    display: inline-flex;
    height: 16px;
    min-width: 12px;
    padding: 0 2px;
    font-family: ArialMT, Arial, MicrosoftYaHei, sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    background: #FE3538;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
}

.header-operation .enquire {
    margin-left: 28px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    color: #464748;
}

.header-operation .link {
    margin-left: 21px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 12px;
    color: #575757;
    letter-spacing: 0;
}

.header-operation .link:hover {
    color: #030303;
}

.header-operation a.active {
    color: #FE3538;
}

.header-operation a:hover .cart1 {
}

.header-operation a.active .cart1 {
    background-position: -420px -215px;
}

.header-operation .contact-popup {
    margin-left: 38px;
    position: relative;
    cursor: pointer;
    display: flex;
}

.header-operation .contact-popup:hover .title {
    /*color: #FE3538;*/
}

.header-operation .contact-popup .title {
    line-height: 38px;
    color: #666666;
    font-size: 12px;
    letter-spacing: 0;
    text-decoration: none;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
}

.header-operation .contact-popup .popup-content {
    position: absolute;
    top: 36px;
    left: -10px;
    display: none;
    width: 194px;
    height: 232px;
    background: #E7E9EF;
}

.header-operation .contact-popup:hover .popup-content {
    display: block;
}

.header-operation .popup-content .row {
    margin-top: 2px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0;
    line-height: 17px;
    display: flex;
}

.header-operation .popup-content .row:nth-child(1) {
    margin-top: 18px;
}

.header-operation .popup-content .row span:nth-child(1) {
    width: 94px;
    text-align: right;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
}

.header-operation .popup-content .tip {
    margin-top: 19px;
    width: 100%;
    text-align: center;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0;
}

.header-operation .popup-content .qrc {
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-operation .popup-content .qrc .wx-qrc {
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
    margin: 0;
}

.header-operation .split-line {
    margin-left: 21px;
    display: inline-flex;
    width: 1px;
    height: 11px;
    background: #BBBBBB;
}

.header-operation .enquire .editor {
    margin-right: 6px;
}

.header-operation .upload-stock {
    margin-left: 28px;
    display: inline-flex;
    align-items: center;
    line-height: 15px;
    color: #464748;
}

.header-operation .upload-stock .upload {
    margin-right: 6px;
}

.user-operation {
    display: inline-flex;
    align-items: center;
}

.user-operation a:nth-child(1) {
    margin-right: 18px;
    display: inline-flex;
    align-items: center;
}

.user-operation .user {
    margin-right: 6px;
}

.user-operation.show {
    display: inline-flex;
}

.user-operation.hide {
    display: none;
}

.user-operation.after-login a:nth-child(1) {
    color: #F56A00;
}

.user-operation.after-login a.blue {
    color: #2654DB;
}

.user-operation.after-login a.black {
    color: #464748;
}

.user-operation.after-login a.black:hover {
    color: #2b80e6;
}

button, input, textarea {
    border: none;
    background-color: rgba(0, 0, 0, 0);
    font-family: MicrosoftYaHei, "Microsoft Yahei", "Microsoft YaHei", "微软雅黑", sans-serif;
}

button {
    cursor: pointer;
}

button:focus, input:focus, textarea:focus {
    outline: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.foot {
    margin-top: 0;
    background: initial;
    padding-top: 0;
}

.foot-split-line {
    width: 100%;
    height: 1px;
    background: #D6D9DE;
}

.foot-container {
    display: flex;
    justify-content: center;
    padding-bottom: 38px;
    padding-top: 44px;
    background: white;
}

.foot-links {
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    display: flex;
    width: 54%;
}

.foot-links-list {
    margin-right: 18%;
}

.foot-links-list div {
    margin-bottom: 1.5rem;
}

.foot-links-list a {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #9b9b9b;
    letter-spacing: 0;
}

.foot-links-list a:hover {
    color: #2B80E6;
}

.foot-vertical-line {
    width: 1px;
    height: 148px;
    background: #EEEEEE;
}

.foot-contact {
    font-size: 14px;
    color: #9b9b9b;
    letter-spacing: 0;
    text-align: center;
    width: 20%;
}

.foot-contact div:nth-child(1) {
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.foot-contact div:nth-child(1) .telephone {
    margin-right: 6px;
}

.foot-contact div:nth-child(2) {
    margin-top: 16px;
}

.foot-contact div:nth-child(3) {
    margin-top: 4px;
    margin-bottom: 16px;
}

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

.foot-contact-kefu a {
    font-size: 14px;
    color: #2B70D0;
    letter-spacing: 0;
    margin-left: 4px;
    text-decoration: underline;
}

.foot-horizontal-line {
    width: 88%;
    height: 1px;
    background: rgba(255, 255, 255, 0.36);
    margin-left: 6%;
}

.foot-copyright {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
    background: #F5F5F5;
}

.foot.foot-dark {
    width: 100%;
}

.foot-dark .foot-container {
    background: #252525;
    height: 388px;
    padding: 41px 0 0;
}

.foot-dark .foot-links-contact {
    width: 588px;
}

.foot-dark .foot-map img {
    width: 602px;
    height: 344px;
}

.foot-dark .foot-links {
    width: auto;
}

.foot-dark .foot-links-title {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.foot-dark .foot-links .split-line {
    width: 1px;
    height: 140px;
    background: #666666;
    margin-left: 28px;
    margin-right: 40px;
}

.foot-dark .foot-links-content {
    font-family: MicrosoftYaHeiLight, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #eeeeee;
    line-height: 26px;
    height: 138px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.foot-dark .foot-links-content .row {
    display: flex;
}

.foot-dark .foot-links-content .item {
    margin-right: 32px;
}

.foot-dark .foot-links-content .item a {
    font-family: PingFangSC-Light, MicrosoftYaHeiLight, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 26px;
}

.foot-dark .foot-links-content .item a:hover {
    font-family: PingFangSC-Regular, sans-serif;
}

.foot-dark .foot-contact {
    margin-top: 52px;
    display: flex;
    width: auto;
}

.foot-dark .foot-contact .left {
    flex-direction: column;
    align-items: flex-start;
}

.foot-dark .foot-contact .left .title {
    font-size: 16px;
    color: #eeeeee;
}

.foot-dark .foot-contact .left .time {
    margin-top: 14px;
    font-family: PingFangSC-Light, MicrosoftYaHeiLight, sans-serif;
    font-size: 14px;
    color: #EEEEEE;
    letter-spacing: 0;
    line-height: 26px;
}

.foot-dark .foot-contact .phone-contact {
    margin-top: 14px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
}

.foot-dark .foot-contact .phone-contact i {
    margin-right: 10px;
}

.foot-dark .foot-contact .online-contact {
    margin-top: 14px;
    display: flex;
    align-items: center;
}

.foot-dark .foot-contact .online-contact i {
    margin-right: 8px;
}

.foot-dark .foot-contact .online-contact a {
    font-family: PingFangSC-Light, MicrosoftYaHeiLight, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
}

.foot-dark .foot-contact .online-contact a:hover {
    font-family: PingFangSC-Regular, sans-serif;
}

.foot-dark .foot-contact .right {
    margin-left: 112px;
}

.foot-dark .foot-contact .right i {
    transform: scale(1.2);
}

.foot-dark .foot-contact .right div {
    margin-top: 8px;
    font-size: 14px;
    color: #eeeeee;
    letter-spacing: 1px;
}

.search-menu-banner {
    padding-top: 36px;
    width: 100%;
    height: 135px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-menu-banner.move-down {
    margin-top: 136px;
}

.search-row {
    width: 1200px;
    margin-top: 17px;
    display: flex;
}

.search-row > a {
    display: flex;
    margin-top: 19px;
}

.search-row a .logo-title {
    width: 136px;
    height: 70px;
    background: url("images/home/51-logo.png") no-repeat;
    background-size: 136px 70px;
}

.search-row .promotion {
    margin-top: 22px;
    margin-left: 22px;
}

.search-row .promotion img {
    display: block;
    width: 196px;
    height: 52px;
}

.search-container {
    position: relative;
    margin-top: 19px;
    margin-left: 64px;
    margin-right: 32px;
}

.search-type {
    display: flex;
    position: absolute;
    top: 14px;
    left: 2px;
    align-items: center;
    cursor: pointer;
}

.search-type .value {
    margin-left: 21px;
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
    margin-right: 14px;
}

.search-type .arrow-down-3 {
}

.search-type .split-line {
    margin-left: 14px;
    width: 1px;
    height: 24px;
    background: #093459;
}

.search-type-popup {
    position: absolute;
    top: 52px;
    left: 0;
    width: 92px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    z-index: 1;
}

.search-type-popup .item {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #030303;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
}

.search-type-popup .item + .item {
    border-top: 1px solid #EEEEEE;
}

.search-type-popup .item span {
    margin-left: 22px;
}

.search-type-popup .item:before {
    content: '';
    display: none;
    position: absolute;
    left: 7px;
    top: 13px;
    background: #5A6875;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

.search-type-popup .item:hover:before {
    display: block;
}

.search-input {
    display: flex;
    position: relative;
}

.search-input input {
    padding: 0 10px 0 112px;
    border: 2px solid #093459;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #6e6e6e;
    letter-spacing: 1px;
    width: 336px;
    height: 48px;
    border-right: none;
}

.search-type-popup.grow-width + input {
    padding: 0 10px 0 127px;
    width: 321px;
}

.search-input input:-ms-input-placeholder {
    color: #CECECE;
}

.search-input input::-ms-input-placeholder {
    color: #CECECE;
}

.search-input input:-moz-placeholder {
    color: #CECECE;
}

.search-input input::-moz-placeholder {
    color: #CECECE;
}

.search-input input::-webkit-input-placeholder {
    color: #CECECE;
}

.search-input input::placeholder {
    color: #CECECE;
}

.search-input button {
    width: 130px;
    height: 52px;
    background: #093459;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
}

.search-input button:hover {
    background: #0d487a;
}

.search-input button:active {
    background: #0d487a;
}

.search-input .icon {
    margin: 15px 33px;
}

.search-input .search {
    margin-top: 4px;
}

.search-hot-row {
    display: flex;
    justify-content: space-between;
}

.search-hot-row .tips {
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 12px;
    color: #093459;
    letter-spacing: 0.67px;
    margin-top: 10px;
}

.search-hot {
    margin-top: 10px;
    margin-left: 23px;
    font-size: 12px;
    color: #666666;
    letter-spacing: 1px;
}

.search-hot a {
    margin-left: 18px;
    color: #9b9b9b;
    text-decoration: none;
}

.search-hot a:hover {
    color: #F56A00;
}

.search-row .mobile-link {
    border: none;
    background-color: initial;
    margin-top: 21px;
    margin-left: -58px;
    margin-right: -60px;
    cursor: pointer;
    position: relative;
}

.search-row .upload-bom {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 52px;
    background: #FE3538;
    font-family: Arial-BoldMT, ArialMT, Arial, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.search-row .upload-bom i {
    margin-right: 14px;
}

.search-row .upload-bom span {
    margin-top: 4px;
}

.search-row .upload-bom:hover {
    background: #e91d20;
}

.search-row .upload-bom.blue {
    background: #F56A00;
}

.search-row .upload-bom.blue:hover {
    background: #1F88E5;
}

.search-row .shop-cart-btn {
    margin-top: 26px;
}

.search-row .shop-cart-btn + .icon-text-btns {
    margin-left: 30px;
    margin-top: 16px;
}

.search-row .shop-cart-btn button {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E3E4E5;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #999999;
    letter-spacing: 0.23px;
}

.search-row .shop-cart-btn button:hover {
    background: #FFF9F9;
    color: #FE3538;
    border-color: #FE3538;
}

.search-row .shop-cart-btn button:hover .cart3 {
    background-position: -441px -213px;
}

.search-row .shop-cart-btn button .cart3 {
    margin-left: 6px;
    margin-right: 10px;
}

.search-row .shop-cart-btn button .number-icon {
    position: absolute;
    top: 6px;
    left: 114px;
}

.search-row .shop-cart-btn button:hover {
    /*color: #2B80E6;*/
}

.search-row .upload-btn {
    margin-top: 23px;
    margin-left: -46px;
    margin-right: -34px;
}

.search-row .upload-btn button {
    width: 130px;
    height: 42px;
    background: #FF4E15;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.search-row .upload-btn button:hover {
    background: #ff8615;
}

.search-row .upload-btn i {
    margin-right: 6px;
}

.search-row .icon-text-btns {
    margin-left: -10px;
    margin-right: 20px;
    margin-top: 18px;
    display: flex;
}

.search-row .icon-text-btns a {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #3B3B3B;
    letter-spacing: 0.21px;
}

.search-row .icon-text-btns a:hover {
    color: #2B80E6;
}

.search-row .icon-text-btns a:not(:nth-child(1)) {
    margin-left: 24px;
}

.search-row .icon-text-btns a i {
    margin-bottom: 4px;
}

.menu-row {
    margin-left: -66px;
    margin-top: 8px;
    width: 760px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-row a {
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #3B3B3B;
    letter-spacing: 1px;
    text-decoration: none;
}

.menu-row a:hover {
    color: #2B80E6;
}

.menu-row a.active {
    color: #2B80E6;
}

.menu-row a.new {
    display: block;
    position: relative;
}

.menu-row a.new:after {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("images/new.gif");
    background-size: 24px 24px;
    top: -7px;
    right: -24px;
}

.menu-row button {
    background: #2B80E6;
    width: 130px;
    height: 32px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    margin-left: 64px;
}

.menu-row button:hover {
    background: #2654DB;
}

.pop-qrc {
    position: absolute;
    margin-left: -89px;
    margin-top: -20px;
    width: 180px;
    height: 300px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    z-index: 2;
}

.pop-qrc-item {
    height: 100px;
    font-size: 12px;
    color: #2B80E6;
    letter-spacing: 0.21px;
    line-height: 18px;
    font-style: normal;
    display: flex;
}

.pop-qrc-item .wx-qrc {
    margin-top: 8px;
    margin-left: 7px;
    margin-right: 13px;
}

.pop-qrc-item .qqg-qrc {
    margin-top: 11px;
    margin-left: 10px;
    margin-right: 16px;
}

.pop-qrc-item .wxmp-qrc {
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 10px;
}

.pop-qrc-item .title {
    color: #666666;
    margin-top: 14px;
    margin-bottom: 8px;
}

.pop-qrc-item span {
    display: block;
}

.pop-qrc .line {
    width: 176px;
    height: 1px;
    margin-left: 2px;
    background: #EEEEEE;
}

.wxmp-banner {
    /*margin-top: 20px;*/
    margin-bottom: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.wxmp-banner .wxmp-bg {
    width: 1206px;
    height: 160px;
    background-position: -2px -460px;
}

.qrc-banner {
    margin-top: 4px;
    width: 86px;
    height: 102px;
    font-size: 12px;
    color: #9b9b9b;
    letter-spacing: 0.21px;
    background: #FFFFFF;
    border: 1px solid #F4F4F4;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

.header .logo {
    display: none;
}

.header .logo:not(.simple-small) {
    display: none;
    height: 38px;
    transform: scale(0.6745);
    margin-left: -26px;
}

.header .search-container {
    display: none;
    margin-left: 42px;
}

.header.active {
    background: white;
    box-shadow: rgba(27, 76, 134, 0.19) 0px 4px 8px 1px;
    position: fixed;
}

.header.active .header-container {
    height: 65px;
}

.header.active .logo {
    display: block;
}

.header.active .logo-text {
    display: none;
}

.header.active .search-container {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
}

.header.active .search-input {
    transform: scale(0.866);
    margin-left: -28px;
}

.header.active .search-input input {
    width: 358px;
}

.header.active .search-type span {
    border-radius: 0;
}

.header.active .search-popup {
    width: 390px;
}

.header .search-input {
    position: relative;
}

.search-container .search-input {
    position: relative;
}

.search-popup {
    position: absolute;
    left: 0px;
    top: 52px;
    width: 685px;
    background: #FFFFFF;
    display: none;
    z-index: 2;
    border: 1px solid #EEEEEE;
}

.search-popup div {
    display: block;
    width: auto;
    height: 34px;
    line-height: 34px;
    padding-left: 21px;
    position: relative;
    cursor: pointer;
    font-family: ArialMT, Arial, sans-serif;
    font-size: 14px;
    color: #030303;
    letter-spacing: 0;
}

.search-popup div + div {
    border-top: 1px #eeeeee solid;
}

.search-popup div:hover:before {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #546270;
}

.foot.align-common-menu {
    margin-left: 219px;
}

.foot.simple-foot {
    margin-top: 22px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
}

.foot.simple-foot.fixed-foot {
    flex-grow: 1;
    margin-bottom: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

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

.foot.simple-foot a {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 12px;
    color: #4E4E4E;
    letter-spacing: 0;
    text-decoration: none;
}

.foot.simple-foot a:hover {
    color: #FE3538;
}

.foot.simple-foot .vertical-line {
    margin-left: 22px;
    margin-right: 22px;
    display: block;
    height: 12px;
    width: 1px;
    background: #BBBBBB;
}

.foot.simple-foot .phone {
    margin-right: 10px;
}

.foot.simple-foot .copyright {
    margin-top: 20px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 12px;
    color: #A9A9A9;
    letter-spacing: 0;
}

.foot.simple-foot .telephone {
    margin-right: 4px;
}

.table-pagination.blue-theme {
    margin-top: 20px;
}

.table-pagination.blue-theme .pages {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.95px;
}

.table-pagination.blue-theme .pages .page {
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    padding-left: 9px;
    padding-right: 9px;
    color: #666666;
    margin-right: 7px;
}

.table-pagination.blue-theme .pages .page:hover {
    color: #ffffff;
    background: #F56A00;
    border-color: #F56A00;
}

.table-pagination.blue-theme .pages .page.active {
    color: #ffffff;
    background: #F56A00;
    border-color: #F56A00;
}

.table-pagination.blue-theme .pages span {
    margin-right: 7px;
    line-height: 40px;
}

.table-pagination.blue-theme .jump {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.95px;
    margin-left: 4px;
    line-height: 40px;
}

.table-pagination.blue-theme .jump span {
    margin-right: 10px;
}

.table-pagination.blue-theme .jump input {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    width: 38px;
    height: 38px;
    margin-left: -6px;
    margin-right: 6px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.95px;
}

.table-pagination.blue-theme .jump button {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    width: 52px;
    height: 38px;
    color: #666666;
    margin-left: 0;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.95px;
}

.table-pagination.blue-theme .jump button:not(.disabled):hover {
    color: #ffffff;
    background: #F56A00;
    border-color: #F56A00;
}


.table-pagination {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-pagination .pages {
    font-size: 13px;
    color: #2654DB;
    letter-spacing: 0;
    display: flex;
}

.table-pagination .pages .page {
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #A9A9A9;
    border: 1px solid #FFFFFF;
    min-width: 20px;
}

.table-pagination .pages .page.active {
    border-color: #FE3538;
    color: #FE3538;
}

.table-pagination .pages .page:hover {
    border-color: #FA3437;
    color: #FA3437;
}

.table-pagination .jump {
    margin-left: 26px;
    line-height: 32px;
    font-size: 13px;
    color: #9b9b9b;
    letter-spacing: 0;
    display: flex;
}

.table-pagination .jump input {
    margin-left: 8px;
    margin-right: 8px;
    width: 64px;
    height: 32px;
    background: #FFFFFF;
    padding: 0;
    text-align: center;
    font-size: 13px;
    color: #666666;
    letter-spacing: 0;
}

.table-pagination .jump button {
    margin-left: 22px;
    width: 64px;
    height: 32px;
    font-size: 13px;
    color: #666666;
    letter-spacing: 0;
    background: #FFFFFF;
}

.table-pagination .jump button:not(.disabled):hover {
    background: #FE3538;
    color: #FFFFFF;
}

.supplier-invite-link {
    display: block;
    width: 100%;
}

.supplier-invite {
    width: 100%;
    height: 100px;
    background: #ff7200 url(images/supplier-invite.png) no-repeat 50% 0;
    background-size: 1920px auto;
    position: relative;
}

.supplier-invite.hide {
    display: none;
}

.supplier-invite .close {
    position: absolute;
    top: 6px;
    right: 54px;
    cursor: pointer;
}

.common-table-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 14px;
}

.common-table-banner .navigation {
    width: 1200px;
    font-size: 12px;
    color: #3b3b3b;
    letter-spacing: 1px;
    line-height: 22px;
}

.common-table-banner .navigation span:nth-last-child(1) {
    color: #247DE9;
}

.common-table-banner .navigation span:nth-child(1) {
    margin-right: 12px;
}

.common-table-banner .head {
    margin-top: 16px;
    margin-bottom: 8px;
    background: #ffffff;
    width: 1200px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.common-table-banner .head .head-btn {
    margin-left: 4px;
    border: 1px solid #2b80e6;
    width: 128px;
    height: 32px;
    font-size: 14px;
    color: #2b80e6;
    display: flex;
    justify-content: center;
}

.common-table-banner .head .head-btn:hover {
    background: #efedfd;
}

.common-table-banner .head .head-btn i {
    margin-top: 4px;
    margin-right: 8px;
}

.common-table-banner .head .sort {
    margin-right: 24px;
    font-size: 12px;
    color: #666666;
    display: flex;
    align-items: center;
}

.common-table-banner .head .sort a {
    display: flex;
}

.common-table-banner .head .sort .sort-up {
    margin-left: 10px;
}

.common-table-banner .head .sort .sort-down {
    margin-left: 6px;
}

.common-table-banner .head .sort .arrow-left {
    margin-left: 14px;
    margin-right: 6px;
}

.common-table-banner .head .sort .arrow-right {
    margin-left: 6px;
}

.common-table-banner .head .sort .current {
    color: #9B9B9B;
}

.common-table-banner .head .sort .total {
    color: #EEEEEE;
}

.common-table-banner .tab-head {
    background: #244B9C;
    width: 1200px;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #ffffff;
}

.common-table-banner .tab-row {
    background: #FFFFFF;
    width: 1200px;
    height: 40px;
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #666666;
}

.common-table-banner .tab-row:hover {
    box-shadow: 0 2px 6px 0 rgba(43, 128, 230, 0.26);
    z-index: 1;
}

.common-table-banner .tab-row a {
    color: #2b80e6;
}

.common-table-banner .tab-row a.green {
    color: #7ED321;
}

.common-table-banner .tab-row a.red {
    color: #F55456;
}

.common-table-banner .empty-banner {
    background: #FFFFFF;
    width: 1200px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #80858D;
    font-size: 14px;
}

.common-table-banner .empty-banner .empty-mascot {
    margin-bottom: 12px;
}

.banner-topic {
    margin-top: 40px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-topic .title {
    width: 1200px;
    display: flex;
    align-items: center;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    line-height: 22px;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.89px;
}

.banner-topic .title:before {
    content: '';
    display: block;
    width: 6px;
    height: 18px;
    background: #093459;
    margin-right: 4px;
}

.banner-topic.bigger .title {
    font-size: 18px;
}

.banner-topic .title:before {
    margin-right: 8px;
}

.simple-header {
    background: #FFFFFF;
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.simple-header.active {
    box-shadow: rgba(27, 76, 134, 0.19) 0px 4px 8px 1px;
}

.simple-header .header-container {
    width: 1200px;
    height: 66px;
    display: flex;
    align-items: center;
}

.simple-header .menus {
    width: 777px;
    display: flex;
    align-items: center;
}

.simple-header .menus a {
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #3B3B3B;
    letter-spacing: 0.89px;
    text-align: center;
    margin-left: 46px;
}

.simple-header .menus a:nth-child(1) {
    margin-left: 60px;
}

.simple-header .menus a:hover {
    color: #2654DB;
}

.simple-header .menus a.active {
    color: #2654DB;
}

.simple-header .operation {
    display: flex;
    align-items: center;
    width: 272px;
    justify-content: flex-end;
}

.simple-header .operation a {
    font-size: 12px;
    color: #666666;
    letter-spacing: 0;
}

.simple-header .operation a:not(:nth-last-child(1)) {
    margin-right: 28px;
}

.simple-header .operation a:hover {
    color: #2654DB;
}

.simple-header .operation a.active {
    color: #2654DB;
}

.simple-header .user-operation .telephone {
    font-family: Arial, sans-serif;
    font-weight: 700;
    color: #2654DB;
}

.simple-header .user-operation .user5 {
    margin-right: 10px;
}

.simple-header .operation .shop-cart {
    position: relative;
    display: inline-flex;
    margin-right: 48px !important;
}

.simple-header .operation .shop-cart .number-icon {
    position: absolute;
    top: -3px;
    left: 20px;
}

.simple-header + div {
    margin-top: 66px;
}

.simple-header a.new {
    display: block;
    position: relative;
}

.simple-header a.new:after {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("images/new.gif");
    background-size: 24px 24px;
    top: -7px;
    right: -26px;
}

.common-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    height: 14px;
    line-height: 14px;
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.54px;
    position: relative;
}

.common-checkbox + span {
    margin-left: 10px;
}

.common-checkbox input {
    display: none;
}

.common-checkbox .background {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
}

.common-checkbox .check {
    position: absolute;
    top: 3px;
    left: 1px;
    display: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAOhJREFUOBHNkksKwjAURTsRQd2CWLXVkfW/JXHX/hX876Cei4SmpR20ZuCFQ/OSl5NC4nn/njiO69B0+p8II7jAFRpO5IjGcANlB7WfxUgkvYNygoEL6QSRc+kU6QOUI4S5f8pCC9bg5zZYk/TMwJYG1nJ6SOMKFN3qKL2aVKzN4QnKAYql2kZDG/RcFN1wlOi+I+Zs6Z66n+3JrWkcwhmUlJx6AS8tEEl7uZKiSTYMQM9G0Y3rOS3BSPVOy0nNYWzMyt/MKZJ2TV+lL4IQ9IxMtgz8SrLsJkQBSL4BN1JzCELJO6Yu8/0A1XFM8FwxQPMAAAAASUVORK5CYII=");
    width: 11px;
    height: 8px;
    background-size: 11px 8px;
}

.common-checkbox input:checked + .background {
    background: #FE3538;
    width: 14px;
    height: 14px;
    border: none;
}

.common-checkbox input:checked + .background + .check {
    display: block;
}

.common-checkbox .square {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
    position: relative;
    background: #FAFAFA;
}

.common-checkbox input:checked + .square {
    background: #F56A00;
    border-color: #F56A00;
}

.common-checkbox input:checked + .square:after {
    content: '';
    display: block;
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAOhJREFUOBHNkksKwjAURTsRQd2CWLXVkfW/JXHX/hX876Cei4SmpR20ZuCFQ/OSl5NC4nn/njiO69B0+p8II7jAFRpO5IjGcANlB7WfxUgkvYNygoEL6QSRc+kU6QOUI4S5f8pCC9bg5zZYk/TMwJYG1nJ6SOMKFN3qKL2aVKzN4QnKAYql2kZDG/RcFN1wlOi+I+Zs6Z66n+3JrWkcwhmUlJx6AS8tEEl7uZKiSTYMQM9G0Y3rOS3BSPVOy0nNYWzMyt/MKZJ2TV+lL4IQ9IxMtgz8SrLsJkQBSL4BN1JzCELJO6Yu8/0A1XFM8FwxQPMAAAAASUVORK5CYII=");
    width: 11px;
    height: 8px;
    background-size: 11px 8px;
    top: 2px;
    left: 0;
}

.common-checkbox .content {
    margin-left: 12px;
}

.common-checkbox-3 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    height: 12px;
    line-height: 12px;
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.54px;
    position: relative;
}

.common-checkbox-3 input {
    display: none;
}

.common-checkbox-3 i {
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #BBBBBB;
    border-radius: 2px;
}

.common-checkbox-3 input:checked + i {
    background-color: #FE3538;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAOhJREFUOBHNkksKwjAURTsRQd2CWLXVkfW/JXHX/hX876Cei4SmpR20ZuCFQ/OSl5NC4nn/njiO69B0+p8II7jAFRpO5IjGcANlB7WfxUgkvYNygoEL6QSRc+kU6QOUI4S5f8pCC9bg5zZYk/TMwJYG1nJ6SOMKFN3qKL2aVKzN4QnKAYql2kZDG/RcFN1wlOi+I+Zs6Z66n+3JrWkcwhmUlJx6AS8tEEl7uZKiSTYMQM9G0Y3rOS3BSPVOy0nNYWzMyt/MKZJ2TV+lL4IQ9IxMtgz8SrLsJkQBSL4BN1JzCELJO6Yu8/0A1XFM8FwxQPMAAAAASUVORK5CYII=");
    background-size: 10px 8px;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: #FE3538;
}

.common-checkbox-2 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0;
    position: relative;
}

.common-checkbox-2 [type=checkbox] {
    display: none;
}

.common-checkbox-2 i {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    background-position: -780px -96px;
}

.common-checkbox-2 [type=checkbox]:checked + i {
    background-position: -780px -116px;
}

.common-checkbox-2 i + span {
    margin-left: 10px;
}

.title-search-banner {
    margin-top: 36px;
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2654DB;
}

.title-search-banner .banner-content {
    width: 1200px;
    display: flex;
    align-items: center;
}

.title-search-banner .title {
    margin-left: 65px;
    width: 195px;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.75px;
}

.title-search-banner .search {
    width: 795px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.title-search-banner .search input {
    margin-left: 8px;
    width: 232px;
    height: 26px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    padding: 0 8px;
    font-size: 12px;
    color: #464748;
    letter-spacing: 1px;
}

.title-search-banner .search input:-ms-input-placeholder {
    color: #9B9B9B;
}

.title-search-banner .search input::-ms-input-placeholder {
    color: #9B9B9B;
}

.title-search-banner .search input:-moz-placeholder {
    color: #9B9B9B;
}

.title-search-banner .search input::-moz-placeholder {
    color: #9B9B9B;
}

.title-search-banner .search input::-webkit-input-placeholder {
    color: #9B9B9B;
}

.title-search-banner .search input::placeholder {
    color: #9B9B9B;
}

.title-search-banner .search button {
    width: 70px;
    height: 28px;
    background: #FAFAFA;
    font-size: 14px;
    color: #464748;
    letter-spacing: 2px;
    text-align: center;
}

.common-switch-radio {
    display: inline-block;
    cursor: pointer;
    margin-right: 4px;
}

.common-switch-radio input {
    display: none;
}

.common-switch-radio .content {
    display: block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-style: normal;
}

.common-switch-radio input:hover + .content {
    background: rgba(250, 250, 250, 0.6);
    color: #2654DB;
}

.common-switch-radio input:checked + .content {
    background: #FAFAFA;
    color: #2654DB;
}

.common-form-radio {
    cursor: pointer;
    display: block;
    position: relative;
    width: 150px;
    height: 40px;
}

.common-form-radio .content {
    display: block;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    color: #464748;
    letter-spacing: 0.58px;
    font-style: normal;
    text-align: center;
    line-height: 38px;
}

.common-form-radio:hover .content {
    color: #2654DB;
    border-color: #2654DB;
}

.common-form-radio input {
    display: none;
}

.common-form-radio input:checked + .content {
    color: #2654DB;
    border-color: #2654DB;
}

.common-form-radio input:checked + .content:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-width: 22px 30px 0 0;
    border-color: transparent #2654DB transparent transparent;
    border-style: solid;
}

.common-form-radio input:checked + .content:after {
    content: '';
    display: block;
    position: absolute;
    right: 3px;
    bottom: 3px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAAAAXNSR0IArs4c6QAAAMlJREFUOBHtlMENwjAMRdN7r2UCWKYbdARWoDMxDahrMEEV3i+1FERAcqLcsPTl1E38EsdKCA0txnhAdyQ7N0SFACCF3fgemgH/sK20lGFCfWmdXWVk8gXJrqjzQlnjaxAWHNEDyWYPkPk+mCVn4YjWXaPFf/limCUlgZVWpz1ZPOerYUpKkg7pHmV6IbJNRLysjF923u8w3GcTERuS/9pU/QtCkmwTNYHZqUn+1kRNYQl0BiRTEy3b6HW39WU0SOoBpE0kXvWdPQGKGKTCMuWRPgAAAABJRU5ErkJggg==");
    background-size: 14px 8px;
    width: 14px;
    height: 8px;
}


.no-scroll {
    overflow: hidden !important;
}

.popover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: none;
}

.popover.show {
    display: flex;
    animation: popoverShow 0.15s linear 0s 1 forwards;
}

.popover.hide {
    display: none;
    animation: popoverHide 0.15s linear 0s 1 forwards;
}

@keyframes popoverShow {
    100% {
        background: rgba(0, 0, 0, 0.4);
    }
}

@keyframes popoverHide {
    100% {
        background: rgba(0, 0, 0, 0.4);
    }
}

.popover-container {
    background: #FFFFFF;
    opacity: 0;
    margin-top: -80px;
}

.popover.show .popover-container {
    animation: popoverContainerShow 0.15s linear 0s 1 forwards;
}

.popover.hide .popover-container {
    animation: popoverContainerHide 0.15s linear 0s 1 forwards;
}

@keyframes popoverContainerShow {
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

@keyframes popoverContainerHide {
    100% {
        opacity: 0;
        margin-top: -80px;
    }
}

.popover-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #3B3B3B;
    letter-spacing: 0;
    line-height: 26px;
    width: 480px;
    height: 224px;
}

.popover-foot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 480px;
    height: 74px;
    position: relative;
}

.popover-foot:before {
    content: '';
    display: block;
    position: absolute;
    width: 472px;
    height: 1px;
    background: #DFDFDF;
    top: 0;
    left: 4px;
}

.popover-foot button {
    margin-right: 20px;
    height: 36px;
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    padding: 0 32px;
    color: #FFFFFF;
    background: #2654DB;
}

.popover-foot button:nth-last-child(1) {
    margin-right: 60px;
}

.popover-foot button.cancel {
    color: #3B3B3B;
    background: #DFDFDF;
}

.popover-head {
    margin-left: 38px;
    width: 404px;
    height: 66px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #2654DB;
    letter-spacing: 0;
    text-align: center;
    position: relative;
    line-height: 66px;
    border-bottom: 2px solid #EEEEEE;
}

.popover-head .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAHCSURBVFhHzdfBjoIwEMbxQYzxpjdfwou+/zsY0ZcQPXjURN31axgDMsB0Ohr/l42Nll/Ykpbs7xn9WKPq708lonDzPnkDh+ZvofDl7XZL+/3+IzDMudvtqCiKzvkbKAadTic6HA7uMAaVZUnH47ET9kLVQZwnrA7iumABJYE4D5gE4iRYQD0eD7rdbmFAKgXWB+JGo+bSDp/yPKfVakXz+TwMSllgGtBisaDlcklZllUjtTXlDbOCUOO+ecFSQKj5z3yWCksFoRYKWWEeINS7Id/vd9psNnQ+n6uRdnwR5AFCg6cELQzTeICQ6uiigfUVA0LimnpPs8a6igUhFQpZYBYQUqNQDMwKQlEohH1qMplUnz5TFArPxNBjz1n2Sk6NigFxVpgKZQFxFtggSgPCorbulVK9KC0IT1nKJv5eJyoGhMc+9XRRT0TFgjgvWAtlBXEesAYqFcSlwl4oLxCXAgsobxBnhQUU3vuu12sYkLKAOA3scrkEAxdQ/MPZbBYG66WAuD4Yrrler8N3uNeaGo/HLZgHiJNgEgi1jsN4fcfRdzqduoHq8dEal5VASDyj44c4N3mDOMyPJBBSvTh8N6J/I7IlfYYx55cAAAAASUVORK5CYII=");
    background-size: 18px 18px;
    position: absolute;
    right: 0;
    top: 24px;
}

.common-select {
    display: block;
    width: 118px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    position: relative;
    cursor: pointer;
}

.common-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    z-index: 1;
}

.common-select:after {
    content: '';
    display: block;
    position: absolute;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAAXNSR0IArs4c6QAAAGxJREFUKBWt0s0NgDAIBWDbztS747CFdQvGcQBmAoOJiT+0ovUl3B7f6QUAKMw8DT8kxjgnIlpyzkFExh5TMUQsSZFedMfU2sAe9IidwC/oFbuBb1ALM0EPWsOqYAttYU3QQp8w/XFFx6/nKa8iD1fC7ZiLwQAAAABJRU5ErkJggg==");
    background-size: 10px 5px;
    width: 10px;
    height: 5px;
    top: 17px;
    right: 8px;
}

.common-select .select-wrap {
    width: 100%;
    overflow-x: hidden;
}

.common-select select {
    width: 120%;
    height: 38px;
    border: none;
    outline: none;
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.93px;
    padding: 0 0 0 8px;
    cursor: pointer;
    background: #ffffff;
    -webkit-appearance: inherit;
    -moz-appearance: inherit;
    appearance: inherit;
}

.common-select select:disabled {
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.93px;
    background: #ffffff;
}

.common-select select[disabled]::-ms-value {
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.93px;
    background: #ffffff;
}

.common-select select option[selected] {
    font-weight: 600;
}

.common-select .select {
    overflow-y: scroll;
    overflow-x: hidden;
    line-height: 22px;
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.54px;
    cursor: pointer;
    position: absolute;
    top: 38px;
    left: -1px;
    right: -1px;
    width: auto;
    z-index: 999;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
    max-height: 266px;
    display: none;
}

.common-select .select.open {
    display: block;
}

.common-select .select .option {
    height: 22px;
    padding-left: 8px;
    white-space: nowrap;
    overflow: hidden;
}

.common-select .select .option.selected {
    background: rgba(43, 128, 230, 0.2);
}

.common-select .select .option.selected:hover {
    background: rgba(43, 128, 230, 0.2);
}

.common-select .select .option:hover {
    background: rgba(43, 128, 230, 0.1);
}

.common-radio {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #464748;
    letter-spacing: 0.54px;
    cursor: pointer;
}

.common-radio .circle {
    display: block;
    width: 10px;
    height: 10px;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    position: relative;
}

.common-radio input {
    display: none;
}

.common-radio input:checked + .circle {
    border-color: #2654DB;
}

.common-radio input:checked + .circle:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #2654DB;
    position: absolute;
    top: 1px;
    left: 1px;
}

.common-radio .content {
    margin-left: 12px;
}

.hide {
    display: none;
}

.PingFangSC-Regular {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
}

.PingFangSC-Medium {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
}

.PingFangSC-Semibold {
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
}

.common-portal-checkbox {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.common-portal-checkbox input {
    display: none;
}

.common-portal-checkbox i {
    display: inline-flex;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    width: 18px;
    height: 18px;
    background-position: -336px -75px;
}

.common-portal-checkbox i + span {
    margin-left: 8px;
}

.common-portal-checkbox input:checked + i {
    background-position: -336px -99px;
}


.common-portal-checkbox-3 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.common-portal-checkbox-3 input {
    display: none;
}

.common-portal-checkbox-3 i {
    display: inline-flex;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    width: 18px;
    height: 18px;
    background-position: -824px -105px;
}

.common-portal-checkbox-3 i + span {
    margin-left: 8px;
}

.common-portal-checkbox-3 input:checked + i {
    background-position: -803px -105px;
}


.common-portal-checkbox-2 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.common-portal-checkbox-2 input {
    display: none;
}

.common-portal-checkbox-2 i {
    display: inline-flex;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    width: 14px;
    height: 14px;
    background-position: -737px -159px;
}

.common-portal-checkbox-2 i + span {
    margin-left: 8px;
}

.common-portal-checkbox-2 input:checked + i {
    background-position: -754px -159px;
}

.custom-body {
    background: #235686;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 1200px;
}

.custom-body .page-title {
    margin-top: 20px;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-body .page-title .operation {
}

.custom-body .page-title .operation a {
    margin-left: 18px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.custom-body .page-title .operation a:hover {
    color: #FFFFFF;
}

.custom-body .main-title {
    margin-top: 170px;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 34px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 50px;
}

@media screen and (max-width: 1800px) {
    .custom-body .main-title {
        margin-top: 100px;
    }
}

.custom-body .sub-title {
    margin-top: 8px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 28px;
}

.head-menu-banner {
    display: flex;
    justify-content: center;
    width: 100%;
    background: #FFFFFF;
    border-bottom: 1px solid #093459;
}

.head-menu-banner .content {
    width: 1200px;
    display: flex;
}

.head-menu-banner .content a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-family: Arial-BoldMT, PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #101010;
    letter-spacing: 0.89px;
    text-align: center;
    padding-left: 19px;
    padding-right: 19px;
}

.head-menu-banner .content a.hot {
    position: relative;
}

.head-menu-banner .content a.hot:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: 3px;
    width: 24px;
    height: 12px;
    background: url("images/home/hot.png") no-repeat;
    background-size: 24px 12px;
}

.head-menu-banner .content a.new {
    position: relative;
}

.head-menu-banner .content a.new:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    right: 3px;
    width: 24px;
    height: 12px;
    background: url("images/home/new.jpg") no-repeat;
    background-size: 24px 12px;
}

.head-menu-banner .content a.new.red:before {
    background-image: url("images/home/new.red.jpg");
}

.head-menu-banner .content a.active {
    color: #FFFFFF;
    background: #093459;
}

.head-menu-banner .content .popup-category {
    position: relative;
}

.head-menu-banner .content .popup-category .category-menu {
    position: absolute;
    display: none;
    top: 46px;
    left: 0;
    z-index: 9;
}

.head-menu-banner .content .popup-category .category-menu:before {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: -1px;
    width: 233px;
    height: 1px;
}

.head-menu-banner .content a.align-category {
    padding-left: 12px;
    padding-right: 30px;
    text-align: left;
    width: 191px;
    display: flex;
    align-items: center;
}

.head-menu-banner .content .popup-category:hover .category-menu {
    display: block;
}


.head-menu-banner .content a.align-category .category-icon {
    display: block;
    width: 20px;
    height: 17px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAEQAAAAB6PX+NAAAAMUlEQVQ4EWNgoAX4//9/PRBTCupp4bZRMwdtCADTSz2laQZkxqD14KjDaBECgzrZAADA29QpTkjGmQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: 20px 17px;
    margin-right: 10px;
}

.head-menu-banner .content .shop-cart-btn {
    height: 45px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.head-menu-banner .content .shop-cart-btn button {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    margin-right: 20px;
    padding-right: 24px;
    overflow: visible;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #383838;
    letter-spacing: 0.24px;
}

.head-menu-banner .content .shop-cart-btn button span {
    width: 75px;
    margin-top: 2px;
}

.head-menu-banner .content .shop-cart-btn button .number-icon {
    position: absolute;
    top: -3px;
    left: 95px;
    margin: 0;
    width: auto;
}

.head-menu-banner .content .shop-cart-btn button:hover {
    color: #F56A00;
}

.head-menu-banner .content .shop-cart-btn button:hover .cart3 {
    /*background-position: -441px -213px;*/
}

.head-navigate-banner {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    background: #FFFFFF;
    padding-bottom: 10px;
}

.head-navigate-banner .content {
    width: 1200px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-navigate-banner .content .left, .head-navigate-banner .content .right {
    display: flex;
}

.head-navigate-banner .content span {
    margin-left: 2px;
}

.head-navigate-banner .content span:nth-child(1) {
    margin-left: 0;
    margin-right: 10px;
}

.head-navigate-banner .content span:nth-last-child(1) {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #FE3538;
    letter-spacing: 0;
}

.head-navigate-banner .content.blue span:nth-last-child(1) {
    color: #F56A00;
}

.head-navigate-banner .content a {
    margin-left: 2px;
    color: #3B3B3B;
}

.head-navigate-banner .content a:last-child {
    color: #F56A00;
}

.head-navigate-banner .content .blue {
    color: #F56A00 !important;
}

.head-navigate-banner .content a:hover {
    color: #3B3B3B;
}

.head-navigate-banner .content a:last-child:hover {
    color: #F56A00;
}

.head-navigate-banner .content .return {
    line-height: 20px;
    margin-top: 9px;
}

.head-navigate-banner .content .return a:hover {
    color: #1F88E5;
}

.head-menu-banner + .head-navigate-banner {
    background: transparent;
    margin-top: 32px;
}

.agreement-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.agreement-modal.hide {
    display: none;
}

.agreement-container {
    background: #ffffff;
    width: 760px;
    height: 455px;
    position: relative;
}

.agreement-container .head {
    height: 60px;
    font-size: 16px;
    color: #464748;
    letter-spacing: 1px;
    text-align: center;
    line-height: 60px;
}

.agreement-container .close {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
    background: url("data:image/png;base64,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");
    background-size: 15px 15px;
}

.agreement-container .split-line {
    width: 756px;
    height: 1px;
    background: #EEEEEE;
    margin-left: 2px;
}

.agreement-container .content {
    /*width: 650px;*/
    height: 306px;
    /*margin-left: 55px;*/
    overflow: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #666666;
    word-break: break-all;
    /*padding-right: 4px;*/
}

.agreement-container .content > div {
    margin-right: 4px;
}

.agreement-container .foot {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.agreement-container button {
    background: #f4f4f4;
    width: 160px;
    height: 40px;
    font-size: 14px;
    color: #4e4e4e;
    letter-spacing: 1px;
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 2px;
}

.agreement-container button:nth-child(2) {
    margin-left: 60px;
}

.agreement-container button:active {
    background: #e91d20 !important;
    color: #ffffff;
}

.agreement-container button:hover {
    background: #FE3538;
    color: #ffffff;
}

.agreement-container .content .font1 {
    color: #030303;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 700;
    text-decoration: underline;
}

.agreement-container .content .font2 {
    color: #464748;
    text-decoration: underline;
    display: inline;
}

.agreement-container .content .font3 {
    margin-top: 20px;
}

.agreement-container .content .font4 {
    color: #464748;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 700;
    text-decoration: underline;
}

.agreement-container .content .font5 {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    display: inline;
}

.agreement-container .content p {
    padding: 0 56px;
    margin-top: 0;
    margin-bottom: 15px;
}

.operation-result-banner {
    display: flex;
    justify-content: center;
}

.operation-result-banner .container {
    margin-top: 18px;
    margin-bottom: 21px;
    background: #ffffff;
    width: 1200px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.operation-result-banner .content {
    margin-left: 58px;
}

.operation-result-banner .title {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #464748;
    letter-spacing: 0;
    line-height: 25px;
}

.operation-result-banner .desc {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #464748;
    letter-spacing: 0;
    margin-top: 6px;
    line-height: 20px;
}

.operation-result-banner .qrc {
    width: 100px;
    height: 100px;
    margin-top: 27px;
}

.operation-result-banner .qrc img {
    width: 100px;
    height: 100px;
}

.operation-result-banner .link {
    margin-top: 17px;
}

.operation-result-banner .link a {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #FE3538;
    letter-spacing: 0;
    text-decoration: underline;
}

.operation-result-banner .message {
    margin-top: 13px;
    margin-bottom: 4px;
    font-size: 14px;
    color: #464748;
}

.operation-result-banner .message a {
    color: #2B80E6;
    text-decoration: underline;
}

.operation-result-banner .link + .contact {
    margin-top: 7px;
}

.operation-result-banner .contact {
    margin-top: 16px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #464748;
    letter-spacing: 0.78px;
    line-height: 24px;
}

.operation-result-banner .contact div {
    display: flex;
    align-items: center;
}

.table-in-loading {
    width: 1200px;
    height: 342px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    text-align: center;
    background: #ffffff;
}

.table-in-loading i + span {
    margin-top: 20px;
}

.table-in-loading .loading-rabbit {
    margin-left: -72px;
}

.operation-result-banner .contact div a {
    display: flex;
}

.operation-result-banner .contact div i {
    margin-left: 4px;
    transform: scale(1.42);
}

.common-portal-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-right: 16px;
}

.common-portal-radio input {
    display: none;
}

.common-portal-radio span {
    display: block;
    width: 118px;
    height: 38px;
    background: rgba(238, 238, 238, 0.10);
    border: 1px solid #9E9E9E;
    border-radius: 2px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #4E4E4E;
    letter-spacing: 0.86px;
    text-align: center;
    line-height: 38px;
}

.common-portal-radio input:checked + span {
    color: #F56A00;
    border-color: #F56A00;
    background: #FFFFFF;
}


.full-body {
    width: 100%;
    height: 100%;
}

.common-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.common-modal.hide {
    display: none;
}

.common-modal .container {
    background: #ffffff;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 480px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #4E4E4E;
    letter-spacing: 0;
    text-align: center;
}
.common-modal .container iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

.common-modal .container .head {
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    font-family: Helvetica-Bold, PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
    text-align: center;
    line-height: 60px;
}

.common-modal .container > div.msg:nth-child(1) {
    margin-top: 89px;
    margin-bottom: 53px;
    line-height: 26px;
    height: 52px;
    display: inline-flex;
    align-items: center;
}

.common-modal .container > i:nth-child(1) {
    margin-top: 32px;
    margin-bottom: 1px;
}

.common-modal .container > .package-rabbit:nth-child(1) {
    margin-top: 36px;
    margin-bottom: 12px;
}

.common-modal .container > .cry-rabbit:nth-child(1) {
    margin-top: 47px;
    margin-bottom: 0;
}

.common-modal .container > i + div.msg {
    margin-bottom: 13px;
    line-height: 26px;
    height: 52px;
    display: inline-flex;
    align-items: center;
}

.common-modal .container .operation {
    width: 100%;
    border-top: 1px solid #DFDFDF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-modal .container .operation button {
    width: 160px;
    height: 40px;
    background: #F4F4F4;
    border-radius: 2px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #4E4E4E;
    letter-spacing: 0.86px;
    text-align: center;
    line-height: 40px;
    margin-top: 18px;
    margin-bottom: 17px;
}

.common-modal .container .operation button + button {
    margin-left: 20px;
}

.common-modal .container .operation button:hover {
    background: #FE3538;
    color: #FFFFFF;
}


.common-modal .container .operation button:active {
    background: #e91d20;
    color: #FFFFFF;
}

.common-modal .container .operation button.red {
    background: #FA3437;
    color: #ffffff;
}

.common-modal .container .operation button.red:hover {
    background: #e91d20;
    color: #ffffff;
}

.common-modal .container .operation button.red:active {
    background: #e91d20;
    color: #ffffff;
}

.common-modal .container .operation button.blue {
    background: #F56A00;
    color: #ffffff;
}

.common-modal .container .operation button.blue:hover {
    background: #1F88E5;
    color: #ffffff;
}

.common-modal .container .operation button.blue:active {
    background: #1F88E5;
    color: #ffffff;
}

.common-modal .container .confirm {
    display: block;
    width: 280px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #FA3437;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
}

.common-modal .container .confirm:hover {
    background: #FE3538;
}

.common-modal .container .confirm:active {
    background: #e91d20;
}

.common-modal .container > .title {
    width: 91%;
    height: 66px;
    text-align: center;
    line-height: 66px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #030303;
    letter-spacing: 0;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
}

.common-modal .container > .title .close {
    position: absolute;
    right: 0;
    top: 26px;
    cursor: pointer;
}

.common-modal .container > .title .close:hover {
    background-position: 0 0;
}

.common-modal .container.form-modal {
    width: 1200px;
}

.common-modal .container.form-modal > .title {
    width: 1131px;
}

.common-modal .container.form-modal .form {
    margin-top: 30px;
    margin-right: 21px;
    width: 1079px;
    margin-bottom: 80px;
}

input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    opacity: 0;
}

input:focus::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    opacity: 0;
}

.common-menu-banner {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
}

.common-left-menu {
    display: block;
}

.common-left-menu .menu-content {
    padding-top: 11px;
    padding-left: 31px;
    padding-bottom: 30px;
    width: 169px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.common-left-menu + div {
    margin-left: 19px !important;
    width: 980px !important;
}

.common-left-menu .title {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #3B3B3B;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 18px;
    margin-bottom: 4px;
}

.common-left-menu a {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 13px;
    color: #4E4E4E;
    letter-spacing: 1.08px;
    line-height: 24px;
    margin-top: 4px;
}

.common-left-menu a.new {
    display: flex;
    align-items: center;
}

.common-left-menu a.new:after {
    content: '';
    display: block;
    margin-left: 8px;
    background: url("images/home/new.jpg") no-repeat;
    background-size: 24px 12px;
    width: 24px;
    height: 12px;
}

.common-left-menu a:hover {
    color: #F56A00;
    text-decoration: underline;
}

.common-left-menu a.active {
    color: #F56A00;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    text-decoration: underline;
}

.form {
    display: flex;
    justify-content: space-between;
    width: 1079px;
}

.form .form-column {
}

.form-column .form-row {
    display: flex;
    align-items: center;
    position: relative;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
}

.form-column .form-row.align-input {
    margin-left: 100px;
}

.form-column .form-row .common-checkbox-3 + .common-checkbox-3 {
    margin-left: 100px;
}

.form-column .form-row + .form-row {
    margin-top: 19px;
}

.form-column .form-row > span:nth-child(1) {
    width: 69px;
    text-align: right;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0.58px;
    margin-right: 31px;
    white-space: nowrap;
    overflow: visible;
}

.form-column .form-row > span.required {
    text-align: left;
}

.form-column .form-row > span.required:before {
    content: '*';
    color: #FE3538;
    margin-right: 5px;
}

.form-column .form-row .input-group {
    width: 400px;
    height: 40px;
    display: flex;
    align-items: center;
}

.form-column .form-row input {
    width: 381px;
    height: 38px;
    background: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 14px;
    color: #4E4E4E;
    letter-spacing: 0.58px;
    padding: 0 0 0 17px;
}

.form-column .form-row textarea {
    width: 364px;
    height: 56px;
    background: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 14px;
    color: #4E4E4E;
    letter-spacing: 0.58px;
    padding: 11px 17px;
    line-height: 20px;
    resize: none;
}

.form-column .form-row input:focus, .form-column .form-row textarea:focus {
    background: #ffffff;
}

.form-column .form-row input:-moz-placeholder, .form-column .form-row textarea:-moz-placeholder {
    color: #A9A9A9;
}

.form-column .form-row input:-ms-input-placeholder, .form-column .form-row textarea:-ms-input-placeholder {
    color: #A9A9A9;
}

.form-column .form-row input::-moz-placeholder, .form-column .form-row textarea::-moz-placeholder {
    color: #A9A9A9;
}

.form-column .form-row input::-ms-input-placeholder, .form-column .form-row textarea::-ms-input-placeholder {
    color: #A9A9A9;
}

.form-column .form-row input::-webkit-input-placeholder, .form-column .form-row textarea::-webkit-input-placeholder {
    color: #A9A9A9;
}

.form-column .form-row input::placeholder, .form-column .form-row textarea::placeholder {
    color: #A9A9A9;
}

.form-column .form-row .common-checkbox-3 span {
    font-size: 13px;
    color: #4E4E4E;
    letter-spacing: 0.54px;
    margin-left: 14px;
}

.form-column .form-row button {
    width: 160px;
    height: 40px;
    background: #FA3437;
    border-radius: 2px;
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.86px;
}

.form-column .form-row button:hover {
    background: #e91d20;
}

.form-column .form-row-tips {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    margin-left: 100px;
    margin-top: 6px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.form-column .form-row-tips .warn {
    padding: 0 12px;
    height: 24px;
    background: rgba(255, 149, 12, 0.06);
    border: 1px solid #FF950C;
    border-radius: 2px;
    font-size: 12px;
    color: #FF950C;
    letter-spacing: 0.67px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
}

.form-column .form-row-tips .warn span {
    -webkit-transform: scale(.91667);
    -moz-transform: scale(.91667);
    -ms-transform: scale(.91667);
    -o-transform: scale(.91667);
    transform: scale(.91667);
}

.form-column .form-row-tips .error {
    padding: 0 12px;
    height: 24px;
    background: #FFEDEC;
    border: 1px solid #FB3437;
    border-radius: 2px;
    font-size: 12px;
    color: #4E4E4E;
    letter-spacing: 0.67px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
}

.form-column .form-row-tips .error.hide {
    display: none;
}

.form-column .form-row-tips .error span {
    -webkit-transform: scale(.91667);
    -moz-transform: scale(.91667);
    -ms-transform: scale(.91667);
    -o-transform: scale(.91667);
    transform: scale(.91667);
}

.form-column .form-row-tips .error i {
    margin-left: -3px;
    margin-right: -2px;
}

.form-column .form-row-tips .warn + .error {
    margin-left: 14px;
}

.area-selector {
    position: relative;
}

.area-selector .selector-content {
    height: 38px;
    background: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 2;
    position: relative;
}

.area-selector .selector-content span {
    display: block;
    margin-left: 17px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #464748;
    letter-spacing: 1px;
    text-align: right;
    min-width: 60px;
}

.area-selector .selector-content i {
    display: block;
    margin-left: 14px;
    margin-right: 24px;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #666666 transparent transparent transparent;
    margin-top: 5px;
}

.area-selector .selector-popup {
    display: none;
    width: 484px;
    background: #FFFFFF;
    border: 1px solid #DFDFDF;
    box-shadow: 0 2px 2px 0 rgba(213, 213, 213, 0.50);
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;
}

.area-selector .selector-popup .head {
    margin-top: 14px;
    margin-left: 14px;
    width: 454px;
    display: flex;
    border-bottom: none;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
    height: auto;
    text-align: center;
    line-height: initial;
    font-size: 12px;
    color: #464748;
    letter-spacing: 0.86px;
    position: relative;
}

.area-selector .selector-popup .head:after {
    content: '';
    display: block;
    position: absolute;
    width: 454px;
    height: 2px;
    background: #D50003;
    left: 0;
    bottom: 0;
}

.area-selector .selector-popup .head .item {
    font-size: 13px;
    color: #464748;
    min-width: 66px;
    padding-left: 8px;
    padding-right: 8px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin-right: 4px;
    border: 1px solid #DFDFDF;
    border-bottom-color: #D50003;
    margin-top: 1px;
    margin-bottom: 1px;
    cursor: pointer;
}

.area-selector .selector-popup .head .item.active {
    border: 2px solid #D50003;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-color: #ffffff;
    z-index: 1;
    padding-left: 7px;
    padding-right: 7px;
    cursor: default;
}

.area-selector .selector-popup .head .item span {
    line-height: 22px;
    margin-top: 2px;
}

.area-selector .selector-popup .head .close {
    position: absolute;
    top: 0;
    right: 2px;
    cursor: pointer;
}

.area-selector .selector-popup .content {
    margin-top: 5px;
    margin-left: 21px;
    width: 400px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 18px;
    text-align: left;
}

.area-selector .selector-popup .content .item {
    margin-top: 6px;
    width: 90px;
    padding-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.area-selector .selector-popup .content .item span {
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 12px;
    color: #464748;
    letter-spacing: 0.86px;
    line-height: 17px;
    cursor: pointer;
}

.area-selector .selector-popup .content .item span:hover {
    color: #FE3538;
}

.area-selector .selector-popup .content .item span.active {
    color: #FA3437;
}

.area-selector.open .selector-content {
    background: #ffffff;
    border-color: #DFDFDF;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 1px;
}

.area-selector.open i {
    border-color: transparent transparent #666666 transparent;
    margin-bottom: 5px;
    margin-top: 0;
}

.area-selector.open .selector-popup {
    display: block;
}

.common-radio-2 {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.common-radio-2 input {
    display: none;
}

.common-radio-2 i {
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    background-position: -741px -64px;
}

.common-radio-2 input:checked + i {
    background-position: -727px -64px;
}

.common-radio-2 span {
    margin-left: 12px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0.58px;
}

.common-radio-2 + .common-radio-2 {
    margin-left: 28px;
}


.search-banner .filters .multi-select {
    display: block;
    background: #FAFAFA;
    height: 220px;
    overflow-y: scroll;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding: 0;
    position: relative;
}

.search-banner .filters .multi-select .optgroup {
    display: block;
    padding: 0;
}

.search-banner .filters .multi-select .optgroup-label {
    text-align: center;
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #030303;
    letter-spacing: 0.78px;
}

.search-banner .filters .multi-select .option {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0;
    cursor: pointer;
    white-space: nowrap;
}

.search-banner .filters .multi-select .option.disabled {
    color: #d9d9d9;
}

.search-banner .filters .multi-select .option.checked {
    color: #FFFFFF;
    background: #045EB3;
}

.search-banner .filters .multi-select::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

.search-banner .filters .multi-select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #D8D8D8;
    border: 1px solid #CCCACA;
    border-radius: 4px;
}

.search-banner .filters .multi-select::-webkit-scrollbar-thumb {
    background: #9B9B9B;
    border: 1px solid #959595;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.search-banner .filters .multi-select::-webkit-scrollbar-thumb:hover {
    background: #828282;
}

.custom-select {
    height: 38px;
    background: #F4F4F4;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    position: relative;
    cursor: pointer;
}

.custom-select:after {
    content: '';
    display: block;
    position: absolute;
    right: 39px;
    top: 5px;
    width: 1px;
    height: 28px;
    background: #DDDDDD;
}

.custom-select .value {
    height: 40px;
    line-height: 40px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 14px;
    color: #3B3B3B;
    letter-spacing: 0.58px;
    padding-left: 15px;
}

.custom-select .value:after {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    right: 13px;
    background-image: url("images/home/portal-icons.png");
    background-size: 1920px auto;
    background-position: -1354px -200px;
    width: 13px;
    height: 7px;
}

.custom-select .options {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 38px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.50);
    z-index: 1;
    display: none;
}

.custom-select .options .option {
    margin-left: 13px;
    margin-right: 13px;
    height: 28px;
    line-height: 29px;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 2px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 12px;
    color: #3B3B3B;
    letter-spacing: 0;
}

.custom-select .options .option:hover {
    color: #F56A00;
}

.custom-select.open .options {
    display: block;
}

.custom-select.open .value:after {
    background-position: -1335px -200px;
}


.category-menu {
    width: 231px;
    padding-top: 4px;
    background: #E7E9EF;
    border: 1px solid #D6D5D5;
}

.category-menu .category {
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #030303;
    letter-spacing: 1.04px;
}

.category-menu .category .arrow-more {
    position: absolute;
    right: 13px;
    top: 10px;
    display: block;
    width: 9px;
    height: 10px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAA3UlEQVQYlU1QsW6FMBBzAgixonRkYHwdGGDm61lB7LCwFlBLxQQSXOVLqWrpOJRzzo7NvGwCAMdxIEkSXNcFay3u+wbEcgT9igj2fddOEruSfvFH6vse4zjCGKOTIAhgrPiiHG+d54m2bRFFEYqiQBzHeoEzMy9fwk08YOe2aZpQliWce/Okj/lTjRM8oMy6rui6Dq/XO7IsQwh4Dx78/18e4SPDzqcPw6ByVVXBOafbw+d1zOkxXte1GsdttJRENE2DPM+16EvFxfgolvVbGOC2bUjTVNc/iWtmAH4AWf+D9X9GhxQAAAAASUVORK5CYII=");
    background-size: 9px 10px;
}

.category-menu .category:hover .arrow-more {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAABCklEQVQYlU2QPS+EQRSFn5nZrGiQ+BUk/odC5R+Q0Op0oqAQnWyiXAoRHyGRiEShVmhfNGxPxUaWfc3MkTu7mzjV5MyZ5547LibJe0hJhOAwSeAcRBIOh3cDn6qqyuUo8F/euUwXWG9dsH35TMdBjVHAEQh4XFbSB563HmzsnhFCYG9tgemJMQQ0jBgl/UqqldWX1D651tzKvo5eBn6WVEJ9pWJYqCeVwOxyS1c3tyXUSEAzZvBWwvNtfWwzN06weSZ7rZSkGAu7fXynmdUDHb4ORhVSk8inb/D+ZcXPS/H7nUUmpyCPvsPqdSXNL21q6/RJHSMPESNSGfcj6eGxUp2TbJF6uLGdJekPd0Haznlx88sAAAAASUVORK5CYII=");
}

.category-menu .category > span {
    display: block;
}

.category-menu .category:hover {
    color: #F56A00;
    background-color: #FFFFFF;
}

.category-menu .category .icon-wrap {
    margin-left: 13px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.category-menu .category .icon-wrap img {
    width: 18px;
    height: auto;
}

.category-menu .category .popup-content {
    position: absolute;
    top: -5px;
    left: 231px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 222px;
    display: none;
    z-index: 1;
    background: #E8EAF0;
    border: 1px solid #D7D7D7;
    height: auto;
    box-shadow: initial;
    right: auto;
}

.category-menu .category:hover .popup-content {
    display: block;
}

.category-menu .category .popup-content a {
    font-style: normal;
    padding-left: 26px;
    width: auto;
    height: 30px;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-size: 14px;
    color: #030303;
    letter-spacing: 1.04px;
    line-height: 30px;
    text-align: left;
    padding-right: 0;
}

.category-menu .category .popup-content a:hover {
    color: #F56A00;
}

.category-menu .split-line {
    margin-top: 4px;
    margin-left: 13px;
    width: 154px;
    height: 1px;
    background-color: #979797;
}

.category-menu .split-line + .category {
    height: 28px;
    padding-left: 41px;
    width: 192px;
}

.category-menu .category-1 {
    background-image: url("images/product/category/1.png");
}

.category-menu .category:hover .category-1 {
    background-image: url("images/product/category/1.a.png");
}

.category-menu .category-2 {
    background-image: url("images/product/category/2.png");
}

.category-menu .category:hover .category-2 {
    background-image: url("images/product/category/2.a.png");
}

.category-menu .category-3 {
    background-image: url("images/product/category/3.png");
}

.category-menu .category:hover .category-3 {
    background-image: url("images/product/category/3.a.png");
}

.category-menu .category-4 {
    background-image: url("images/product/category/4.png");
}

.category-menu .category:hover .category-4 {
    background-image: url("images/product/category/4.a.png");
}

.category-menu .category-5 {
    background-image: url("images/product/category/5.png");
}

.category-menu .category:hover .category-5 {
    background-image: url("images/product/category/5.a.png");
}

.category-menu .category-6 {
    background-image: url("images/product/category/6.png");
}

.category-menu .category:hover .category-6 {
    background-image: url("images/product/category/6.a.png");
}

.category-menu .category-7 {
    background-image: url("images/product/category/7.png");
}

.category-menu .category:hover .category-7 {
    background-image: url("images/product/category/7.a.png");
}

.category-menu .category-8 {
    background-image: url("images/product/category/8.png");
}

.category-menu .category:hover .category-8 {
    background-image: url("images/product/category/8.a.png");
}

.category-menu .category-9 {
    background-image: url("images/product/category/9.png");
}

.category-menu .category:hover .category-9 {
    background-image: url("images/product/category/9.a.png");
}

.category-menu .category-10 {
    background-image: url("images/product/category/10.png");
}

.category-menu .category:hover .category-10 {
    background-image: url("images/product/category/10.a.png");
}

.category-menu .category-11 {
    background-image: url("images/product/category/11.png");
}

.category-menu .category:hover .category-11 {
    background-image: url("images/product/category/11.a.png");
}

.category-menu .category-12 {
    background-image: url("images/product/category/12.png");
}

.category-menu .category:hover .category-12 {
    background-image: url("images/product/category/12.a.png");
}

.category-menu .category-logo {
    margin-left: 13px;
    margin-right: 10px;
    background-size: 18px auto;
    background-repeat: no-repeat;
    -ms-background-position-y: center;
    background-position-y: center;
    width: 18px;
    height: 20px;
    display: block;
}

.head-navigate-banner.spread .content {
    width: 99%;
}

.common-menu-banner.spread {
    width: 100%;
}

.common-menu-banner.spread .common-left-menu {
    margin-left: 0.5%;
}

.common-menu-banner.spread .common-left-menu + div {
    margin-right: 0.5%;
    flex-grow: 1;
}


:-moz-placeholder {
    color: #A9A9A9;
}

::-moz-placeholder {
    color: #A9A9A9;
}

:-ms-input-placeholder {
    color: #A9A9A9;
}

::-ms-input-placeholder {
    color: #A9A9A9;
}

::-webkit-input-placeholder {
    color: #A9A9A9;
}

::placeholder {
    color: #A9A9A9;
}

.connection-nav {
    position: fixed;
    right: 0;
    bottom: 220px;
    background: #202326;
    border-radius: 2px;
    box-shadow: 0 0 1px 0 #F4F4F4;
}

.connection-nav:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #202326;
    z-index: 1;
}

.connection-nav .item {
    position: relative;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.connection-nav .item.cs-item {
    position: absolute;
    bottom: -100px;
    height: 88px;
    background: #202326;
    border-radius: 2px;
    box-shadow: 0 0 1px 0 #F4F4F4;
}
.connection-nav .item.cs-item i {
    margin-bottom: 4px;
}
.connection-nav .item + .item:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 1px;
    background: #9EA0A3;
    top: 0;
    left: 15px;
}
.connection-nav .item.cs-item:before {
    display: none;
}

.connection-nav .item span {
    font-family: PingFangSC-Semibold, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    letter-spacing: 0.89px;
    line-height: 17px;
}

.connection-nav .item .wrapper {
    position: absolute;
    top: 0;
    right: 49px;
    width: 0;
    overflow: hidden;
    transition: width .2s;
    -moz-transition: width .2s;
    -webkit-transition: width .2s;
    -o-transition: width .2s;
    visibility: hidden;
}

.connection-nav .item .details {
    width: 122px;
    height: 48px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    border: 1px solid #030303;
}

.connection-nav .item .wrapper.online-contact {
    background: #ffffff;
    border: 1px solid #030303;
}

.connection-nav .item .wrapper.online-contact .title {
    margin-left: 11px;
    margin-right: 11px;
    width: 108px;
    margin-top: 12px;
    height: 27px;
    border-bottom: 1px solid #CBCBCB;
}

.connection-nav .item .wrapper.online-contact .title span {
    font-family: PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0.89px;
    line-height: 27px;
}

.connection-nav .item .wrapper.online-contact .details {
    width: 130px;
    height: 18px;
    line-height: 18px;
    display: flex;
    transform: scale(0.833);
    flex-direction: row;
    border: none;
}

.connection-nav .item .wrapper.online-contact .title + .details {
    margin-top: 6px;
}

.connection-nav .item .wrapper.online-contact .details + .title {
    margin-top: 6px;
}

.connection-nav .item .wrapper.online-contact .details:last-child {
    margin-bottom: 18px;
}

.connection-nav .item .wrapper.online-contact .details span {
    margin: 0;
    font-family: PingFangSC-Regular, MicrosoftYaHei, sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0.74px;
}

.connection-nav .item .wrapper.online-contact .details span:first-child {
    text-align: right;
    width: 53px;
}

.connection-nav .item:hover .wrapper {
    width: 124px;
    visibility: visible;
}

.connection-nav .item:hover .wrapper.online-contact {
    width: 130px;
}

.connection-nav .item .details a {
    display: block;
    margin-left: 19px;
    margin-top: 16px;
    font-family: Arial-BoldMT, PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0.89px;
}

.connection-nav .item .details span {
    display: block;
    margin-left: 19px;
    margin-top: 16px;
    font-family: Arial-BoldMT, PingFangSC-Medium, MicrosoftYaHei, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #030303;
    letter-spacing: 0.89px;
}

.connection-nav .item .details.qrc {
    height: 136px;
    text-align: center;
}

.connection-nav .item .details.qrc img {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: 18px;
    margin-left: 22px;
    margin-bottom: 8px;
}

.connection-nav .item .details.qrc span {
    margin: 0;
}

.menu-user-head {
    margin-top: 36px;
    width: 100%;
    height: 128px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-user-head .content {
    width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-user-head .home-logo {
    display: block;
    width: 156px;
    height: 66px;
}

.menu-user-head .home-logo img {
    display: block;
    width: 156px;
    height: 66px;
}

.menu-user-head .menus {
    display: flex;
    align-items: center;
}

.menu-user-head .menus .menu {
    margin-left: 51px;
    display: flex;
    align-items: center;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 20px;
    color: #000000;
    letter-spacing: 1.11px;
    cursor: pointer;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
}

.menu-user-head .menus .menu.hot:before {
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 10px;
    width: 24px;
    height: 12px;
    background-image: url("images/home/hot.png");
    background-size: 24px 12px;
}

.menu-user-head .menus .menu.has-sub:after {
    content: '';
    display: block;
    background-image: url("images/home/arrow-down-6.png");
    background-size: 16px 6px;
    width: 16px;
    height: 6px;
    margin-left: 10px;

}

.menu-user-head .menus .menu .sub-menus {
    display: none;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: 32px;
    left: -10px;
}

.menu-user-head .menus .menu:hover .sub-menus {
    display: block;
    z-index: 1;
}

.menu-user-head .menus .sub-menus .sub {
    height: 44px;
    line-height: 44px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0.89px;
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 40px;
}

.menu-user-head .menus .sub-menus .sub + .sub {
    border-top: 1px solid #DEDEDE;
}

.menu-user-head .menus .sub-menus .sub:hover {
    font-family: PingFangSC-Medium, sans-serif;
    background: #F8F9FA;
}

.menu-user-head .user-oper {
    display: flex;
    align-items: center;
}

.menu-user-head .user-oper .item {
    display: flex;
    align-items: center;
    font-family: PingFangSC-Medium, sans-serif;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    cursor: pointer;
}

.menu-user-head .user-oper .item:hover {
    color: #030303;
}

.menu-user-head .user-oper .item i {
    margin-right: 10px;
}

.menu-user-head .user-oper .split-line {
    width: 3px;
    height: 20px;
    background: #000000;
    margin-left: 18px;
    margin-right: 18px;
}

.menu-user-head .user-oper .number-icon {
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 10px;
    background: #202326;
}

.dark-header {
    width: 100%;
    height: 110px;
    background: #050A1E;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dark-header .container {
    width: 1200px;
    display: flex;
    align-items: center;
}
.dark-header .menus {
    flex-grow: 1;
    box-sizing: border-box;
    padding-left: 129px;
    display: flex;
    margin-top: -4px;
}
.dark-header .menus a {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #898989;
    letter-spacing: 1px;
    margin-right: 50px;
    position: relative;
    height: 25px;
    line-height: 25px;
}
.dark-header .menus a:hover {
    color: #ffffff;
}
.dark-header .menus a:hover:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    height: 3px;
    background: #2589FF;
}
.dark-header .menus a.active {
    color: #ffffff;
}
.dark-header .menus a.active:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    height: 3px;
    background: #2589FF;
}

.dark-header .users {
    display: flex;
    align-items: center;
}

.dark-header .users .item {
    display: flex;
    align-items: center;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #D6D6D6;
    letter-spacing: 0;
    cursor: pointer;
}

.dark-header .users .item:hover {
    color: #187CF2;
}

.dark-header .users .item i {
    margin-right: 10px;
}

.dark-header .users .split-line {
    width: 3px;
    height: 20px;
    background: #ffffff;
    margin-left: 18px;
    margin-right: 18px;
}

.dark-header .users .number-icon {
    padding-left: 4px;
    padding-right: 4px;
    margin-left: 10px;
    background: #FF0000;
}

.dark-header .users .item:hover .number-icon {
    background: #ca0000;
}