/*@import url("sanpham_cate.css");*/
@import url("special.css");
html {
  overflow-y: scroll;
}

@import url("thanhvien.css");

@keyframes arr-shake {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(10px)
    }
}

@keyframes arr-shake2 {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(6px)
    }
}
@keyframes titlemove {
    0% {
        top: 15px
    }

    100% {
        top: -80px
    }
}

@keyframes imgmove {
    0% {
        bottom: -5px
    }

    100% {
        bottom: -90px
    }
}

/*body{
    font-size:12px;
    font-family: arial;
}*/

body, button, input, select, textarea {
    font: 12px / 1.5 Roboto, Arial, "Microsoft YaHei", sans-serif,Helvetica, "Source Han Sans";
}
a:hover{
    text-decoration: none;
}
.pos-relative{
    position: relative;
}
/*.home-banner.banner-1440 {
    width: 718px;
    overflow: hidden;
}*/

.top-block .home-banner {
    max-width: 850px;
    height: 400px
}

@media only screen and (max-width: 1280px) {
    .top-block .home-banner {
        max-width:670px
    }
}

@media only screen and (min-width: 1025px)and (max-width: 1280px) {
    .top-block .home-banner {
        max-width:927px
    }
}

@media only screen and (max-width: 1024px) {
    .top-block .home-banner {
        min-width:686px;
        max-width: 1024px;
        height: 300px
    }
}


.easy-sourcing .form-item::before, .easy-sourcing .sourcing-centent::before, .main-content::before, .section-centent::before, .grid::before, .cf::before, .easy-sourcing .form-item::after, .easy-sourcing .sourcing-centent::after, .main-content::after, .section-centent::after, .grid::after, .cf::after {
    content: "";
    display: table;
}
.hot-items .hot-item, 
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-location, 
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-duration, 
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-booth-no, 
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-main-title,
.trade-show .trade-body-left .trade-body-main .trade-body-main-info .main-info-detail, 
.trade-show .trade-body-left .trade-body-main .trade-body-main-info .main-info-title, 
.trade-show .trade-body-left .trade-body-main .trade-body-main-info .main-info-booth-no, 
.trade-show .trade-title-sub, 
.trade-show .trade-title-main, 
.trade .txt-date, 
.trade .txt-loc, 
.trade .txt-title, 
.select-trending .prod-txt, 
.home-360 .company-info .company-members .company-member, 
.home-360 .company-info .company-name {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container2{
    background: #f0f1f2;
    min-width: 768px;
}
#header{
    height: 123px;
}
.nail-header {
    position: relative;
    background-color: #fff;
    padding: 20px 20px 0;
    box-sizing: border-box;
    font-size: 14px;
    box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 0.12);
}
.nail-header .nail-common {
    display: flex;
    align-items: flex-start;
    max-width: 1440px;
    margin: 0 auto;
}
.nail-header .nail-logo-wrap {
    flex-shrink: 0;
    margin-right: 50px;
}
.nail-business{
    position: relative;
}
.nail-header .nail-logo-wrap {
    flex-shrink: 0;
    margin-right: 50px;
}
/*.nail-logo {
    display: flex;
    align-items: center;
}*/
/*.nail-logo .logo-link {
    display: inline-block;
    background: url(../images/logo.jpg) no-repeat;
    background-size: 100% 100%;
    width: 192px;
    height: 45px;
}*/
.nail-logo {
    display: flex;
    align-items: center;
    position: relative;
    width: 122px;
}
.nail-logo img {
    position: absolute;
    top: -17px;
}
.nail-logo .logo-link {
    display: inline-block;
    background: url(../images/logo.jpg) no-repeat;
    background-size: 100% 100%;
    width: 116px;
    height: 70px;
    top: -15px;
    position: relative;
}
.J-footer-links-wrap .nail-logo .logo-link{
    width: 65%;
    height: 80px;
}
.nail-header .nail-header-middle {
    flex: 1;
    display: flex;
    align-items: flex-start;
    min-width: 0;
}
.nail-header .nail-search-wrap {
    flex-grow: 1;
    min-width: 0;
}
.nail-search-container {
    margin: 0 auto;
}
.nail-search-bar.hide-relate {
    margin-bottom: 20px;
}
.nail-search-bar {
    border: 2px solid #e64545;
    border-radius: 60px;
    background-color: #fff;
}
.nail-search-container {
    margin: 0 auto;
}
.nail-search-bar .layout-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 37px;
}
.nail-search-bar .nail-search-select-wrap {
    position: relative;
    height: 100%;
}
.nail-ss-title {
    position: relative;
    padding: 0 10px 2px 20px;
    color: #222;
    font-size: 16px;
    cursor: pointer;
    height: 100%;
    display: inline-flex;
    align-items: center;
}
.nail-ss-title .ss-down {
    position: relative;
    top: 0px;
    margin-left: 5px;
    transition: all 100ms ease;
}
.nail-header .ob-icon {
    vertical-align: middle;
}
.ob-icon, .micon {
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
}
.nail-search-dropdown {
    position: absolute;
    left: 10px;
    width: 132px;
    z-index: 99999;
}
.nail-search-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 100%;
    z-index: 99999;
}
.nail-search-bar .nail-search-dropdown {
    border-radius: 3px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.06), 0px 9px 16px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
    z-index: 99999;
}
.nail-search-option-list {
    padding-bottom: 5px;
}
.nail-search-option-list .nail-search-option:hover, .nail-search-option-list .nail-search-option.selected {
    background-color: #f5f7fa;
}
.nail-search-option-list .nail-search-option {
    padding: 5px 10px;
    cursor: pointer;
}
.nail-search-bar .nail-search-input-wrap {
    flex: 1;
    height: 100%;
}
.nail-search-panel {
    position: relative;
    height: 100%;
    padding-bottom: 2px;
}
.nail-search-panel input {
    font-size: 14px;
    outline: none;
    border: none;
    padding: 0 45px 0 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    color: #222;
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nail-search-panel .icon-camera {
    position: absolute;
    right: 15px;
    color: #888;
    font-size: 20px;
    top: 9px;
    cursor: pointer;
    text-decoration: none;
}
.nail-header .ob-icon {
    vertical-align: middle;
}
.ob-icon, .micon {
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
}
.nail-search-btn-wrap {
    background: #e64545;
    height: calc(100% + 4px);
    flex-shrink: 0;
    border-radius: 0 60px 60px 0;
    margin: -2px -2px -2px 0;
}
.nail-search-btn-wrap .nail-search-btn {
    width: 70px;
    height: 100%;
    border: none;
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.nail-search-btn-wrap i.fa-search {
    font-size: 18px;
    color: #fff;
}
.nail-header .ob-icon {
    vertical-align: middle;
}
.nail-ss-title .ss-down.active {
    transform: rotate(180deg);
}
.nail-search-select {
    height: 100%;
    border-right: 1px solid #dadada;
}
.nail-header .nail-actions-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin: 0 -15px;
}
.nail-header .nail-action-item {
    padding: 0 15px;
}
.nail-header .nail-actions-wrap>div:first-child {
    margin-left: 50px;
}
.nail-popover-trigger {
    position: relative;
    display: inline-block;
}
.nail-rfq .rfq-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #e64545;
    text-decoration: none;
}
.nail-rfq .icon-purchase {
    position: relative;
    font-size: 22px;
}
.nail-header .ob-icon {
    vertical-align: middle;
}
.ob-icon, .micon {
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
}
.nail-business {
    padding: 0 20px;
    margin: 0 -20px;
    border-top: 1px solid #e6e7eb;
    position: relative;
}
.nail-business .nail-grid {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nail-business .business-left {
    display: flex;
    align-items: center;
    flex: 1;
    width: 0;
}
.nail-business .business-item.auto-height {
    height: auto;
}
.nail-business .business-item {
    margin-right: 30px;
    flex: 0 0 auto;
}
.nail-business .business-item.business-item-categories {
    margin-right: 0;
}
.nail-categories {
    margin-left: -10px;
}
.nail-categories .nail-title-box {
    position: relative;
}
.nail-categories .cate-entrance {
    padding: 10px 20px 10px 15px;
    font-size: 14px;
    white-space: nowrap;
}
.nail-header .nail-link {
    color: #222;
    text-decoration: none;
}
.nail-categories .fa.fa-listn {
    margin-top: -2px;
    margin-right: 3px;
}
.nail-header .fa.fa-list {
    vertical-align: middle;
}
.ob-icon, .micon{
    font-family: "Mic-icon";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    text-decoration: none !important;
}
.nail-business .business-item {
    margin-right: 30px;
    flex: 0 0 auto;
}
.nail-business .business-item-gap {
    margin-right: 25px;
    margin-left: -5px;
    font-size: 0;
    height: 18px;
    border-right: 1px solid #e6e7eb;
    margin-top: 1px;
}
.nail-business .business-item.custom-business {
    flex: auto;
    width: 100%;
    min-width: 0;
}
.nail-business .business-item:last-child {
    margin-right: -1px;
}
.nail-custbusi {
    display: flex;
}
.nail-custbusi .cust-box {
    display: flex;
    flex: 0 0 auto;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.nail-custbusi .cust-item {
    flex: 0 0 auto;
    white-space: nowrap;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
}
.nail-custbusi .cust-title-box {
    position: relative;
    display: inline-block;
}
.nail-entrance {
    font-size: 14px;
    line-height: 21px;
    color: #000;
    cursor: default;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
.nail-header .nail-link {
    color: #222;
    text-decoration: none;
    font-size: 14px;
}
.nail-business .business-right {
    display: flex;
    padding-left: 80px;
    margin-right: -3px;
}
.nail-business .business-item {
    margin-right: 30px;
    flex: 0 0 auto;
}
.nail-business .business-item-gap {
    margin-right: 25px;
    margin-left: -5px;
    font-size: 0;
    height: 18px;
    border-right: 1px solid #e6e7eb;
    margin-top: 1px;
}
.message-icon,
.cart-icon,
.nl-refer{
    text-align: center;
    display: block;
}
a.rfq-link img,
.message-icon img,
.cart-icon img,
.nl-refer img{
    max-width: 25px;
}
.nail-entrance.active span i.fa-angle-down {
    transform: rotate(180deg);
}
.nail-entrance {
    font-size: 14px;
    line-height: 21px;
    color: #000;
    cursor: default;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
.nail-popover-bottom {
    padding-top: 10px;
}
.nail-popover {
    position: absolute;
    min-width: 100px;
    z-index: 1001;
}
.nail-popover-bottom.align-start .np-caret {
    left: 10px;
}
.nail-popover-bottom .np-caret {
    top: 4px;
    border-bottom-color: #fff;
    border-top-width: 0;
}
.nail-popover .np-caret {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.nail-popover .np-content {
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}
.nail-panel.panel-flex {
    display: flex;
}
.nail-panel {
    margin: -5px -15px;
}
.nail-panel-supplier {
    width: 248px;
}
.nail-panel .panel-items {
    flex: 1;
    list-style: none;
    padding: 0;
    margin: 0;
}
.nail-panel-supplier .panel-item {
    white-space: normal;
} 
.nail-panel .panel-item {
    white-space: nowrap;
    font-size: 14px;
}
.nail-panel .panel-item:hover {
    background-color: #f5f7fa;
}
.nail-panel .nail-link {
    line-height: 21px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    text-decoration: none;
}
.nail-header .nail-link:hover {
    color: #e64545;
}  

/*step-2*/
.campaign-main-wrap {
    position: relative;
}
.main-content, 
.section-centent {
    margin: 0 auto;
    max-width: 1440px;
    min-width: 728px;
    padding: 0 20px;
}
.main-content,
.section-centent {
    margin: 0 auto;
    width: 100%;
    min-width: 728px;
    padding: 0 20px;
}

/* Chỉ giới hạn 1440px ở màn hình nhỏ – trung bình */
@media (min-width: 1441px) {
    .main-content,
    .section-centent {
        padding-inline: 0;
    }
}

.main-content{
    position: relative;
}
.home-top {
    background: #fff;
    margin-top: 20px;
    padding: 20px 30px;
    border: 1px solid #e6ecf2;
    /*height: 94vh;*/
}
.home-top .top-wrap {
    float: left;
    width: 100%;
}
.home-top .cate-block {
    float: left;
    margin-left: -100%;
    position: relative;
    width: 270px;
}
.cate-in-pc {
    position: relative;
    padding: 0 20px 0 0 !important;
}
.home-top a:hover, 
.home-top .link-hover:hover {
    color: #e64545;
}
.cate-in-pc .cate-title{
    display: flex;
    align-items: center;
    gap: 8px; /* khoảng cách icon - chữ */
    font-size: 20px;
    color: #222;
    font-weight: bold;
}

.cate-in-pc .cate-title img{
    width: 22px;   /* chỉnh theo ý */
    height: auto;
}
.cate-in-pc .cate-title:hover {
    color: #e64545;
    cursor: pointer;
}
.cate-in-pc .cate-items {
    padding: 0;
    list-style: none;
}
.cate-in-pc .cate-items .cate-item, 
.cate-in-pc .cate-items .cate-more {
    margin: 0 -20px 0 -10px;
    padding: 0 20px 0 10px;
    transition: background .2s ease-out;
}
.cate-in-pc .cate-items .cate-item .item-link, .cate-in-pc .cate-items .cate-more .item-link {
    display: block;
    font-size: 14px;
    color: #555;
    text-decoration: none;
}
.cate-in-pc .cate-items .cate-item .item-link, 
.cate-in-pc .cate-items .cate-more .item-link {
    display: block;
    font-size: 14px;
    color: #555;
    text-decoration: none;
}
.cate-in-pc .cate-items .cate-item .item-link, 
.cate-in-pc .cate-items .cate-more .item-link {
    display: block;
    font-size: 14px;
    color: #555;
    text-decoration: none;
}
.cate-in-pc .cate-items .cate-item .item-more, 
.cate-in-pc .cate-items .cate-more .item-more {
    display: none;
}
.cate-in-pc .cate-items .cate-item.hover .item-more {
    display: block;
    padding: 21px;
    width: 720px;
    position: absolute;
    top: -20px;
    left: 100%;
    margin-left: -1px;
    z-index: 9;
    background: #fff;
    min-height: 535px;
    max-height: 635px;
    border: 1px solid #e6ecf2;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .15);
    overflow-y: auto;
}
.cate-in-pc .cate-items .cate-item.hover .item-more .more-categories-items {
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6ecf2;
}
.cate-in-pc .cate-items .items-line {
    overflow: hidden;
}
.cate-in-pc .cate-items .items-line .items-line-wrap {
    margin: -10px -10px 0;
    overflow: hidden;
}
.cate-in-pc .cate-items .items-line .items-line-child {
    float: left;
    width: 33.3333333333%;
}
.cate-in-pc .cate-items .items-line .items-line-short {
    height: 181px;
    padding: 0 10px;
}
.cate-in-pc .cate-items .items-line .items-line-child-title {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    margin: 10px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cate-in-pc .cate-items .cate-item.hover .item-more .more-categories-items .item {
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #555;
}
@media only screen and (min-width: 1025px) {
    .home-top .top-wrap .top-block{
        margin: 0 260px 0 270px;
    }
}
.top-block .spotlight-wrap {
    margin-top: 10px;
}
.spotlight-items {
    display: flex;
    justify-content: space-between;
    padding: 0;
    list-style: none;
}

@media only screen and (min-width: 1281px) and (max-width: 1380px) {
    .spotlight-items .spotlight-item:first-child {
        width: 40.8%;
    }
}
.spotlight-items .spotlight-item {
    margin-left: 10px;
    height: 123px;
    width: 22.8%;
}
.spotlight-items .spotlight-item:first-child {
    margin-left: 0;
    width: 31.6%;
}
@media only screen and (min-width: 1281px) and (max-width: 1380px) {
    .spotlight-items .spotlight-item {
        width: 33.6%;
    }
}
.spotlight-items .spotlight-item .spotlight-item-wrap {
    background-color: #f5f5f5;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap .spotlight-img {
    width: 150px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .spotlight-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 80px;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap .title {
    max-width: 120px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .title {
    font-size: 16px;
    position: absolute;
    top: 20px;
    left: 20px;
    max-width: 115px;
    z-index: 2;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap:hover .title {
    animation: .5s titlemove 0s;
    top: -160px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap:hover .spotlight-img {
    animation: .5s imgmove 0s;
    bottom: -100px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link .case-desc {
    color: #222;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 17px;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap .case-link .spotlight-arr {
    bottom: 10px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link .spotlight-arr {
    visibility: hidden;
    opacity: 0;
    bottom: 20px;
    left: 20px;
    position: absolute;
    width: 25px;
    height: 12px;
    background: url(https://www.micstatic.com/mic-search/img/home-2019/ani-arr-b_fafc1faa.png) no-repeat center;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link .desc-title {
    margin-bottom: 5px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link .case-desc {
    color: #222;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 17px;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .case-link {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.spotlight-items .spotlight-item .spotlight-item-wrap:hover .case-link {
    opacity: 1;
    transition: opacity .5s;
}
.spotlight-items .spotlight-item .spotlight-item-wrap:hover .case-link .spotlight-arr {
    animation: arr-shake 1s infinite;
    transition: all .3s;
    visibility: visible;
    opacity: 1;
}
.spotlight-items .spotlight-item .spotlight-item-wrap .spotlight-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 80px;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap .spotlight-img {
    width: 150px;
}
.spotlight-items .spotlight-item:first-child .spotlight-item-wrap:hover .spotlight-img {
    animation: .5s imgmove 0s;
    bottom: -100px;
}
.home-top .cate-block {
    float: left;
    margin-left: -100%;
    position: relative;
    width: 270px;
}
.cate-in-pc {
    position: relative;
    padding: 0px 20px 0px 0px !important;
}
.cate-in-pc .cate-items {
    padding-top: 15px;
}
.cate-in-pc .cate-items .cate-item {
    transition: background 0.2s ease-out;
}
.cate-in-pc .cate-items .cate-item, .cate-in-pc .cate-items .cate-more {
    margin: 0px -20px 0px -10px;
    padding: 0px 20px 0px 10px;
}
.cate-in-pc .cate-items .cate-item .item-link, 
.cate-in-pc .cate-items .cate-more .item-link {
    display: block;
    font-size: 14px;
    color: rgb(85, 85, 85);
    text-decoration: none;
}
.cate-in-pc .cate-items .cate-item .item-link .cate-name, 
.cate-in-pc .cate-items .cate-more .item-link .cate-name {
    line-height: 21px;
    display: block;
    text-overflow: ellipsis;
    padding: 5px 0px;
    white-space: nowrap;
    overflow: hidden;
}
.cate-in-pc .cate-items .cate-item .item-link .cate-name:hover,
.cate-in-pc .cate-items .cate-more .item-link .cate-name:hover {
    color: rgb(230, 69, 69);
}
.cate-in-pc .cate-items .cate-item.hover {
    transition: background 0.5s ease-out;
    background: rgb(230, 236, 242);
}
.home-top a:hover, 
.home-top .link-hover:hover {
    color: #e64545;
}    
.home-top .yml-block {
    float: left;
    width: 260px;
    margin-left: -260px;
    position: relative;
    display: block;
}
.you-may-like {
    padding-left: 20px;
}
.you-may-like .yml-header {
    margin-bottom: 10px;
    font-size: 18px;
}
h2.medium-size-bold {
    font-size: 18px;
    font-weight: bold;
}
.you-may-like .yml-content {
    /*max-height: 410px;*/
    max-height: 480px;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.yml-content > li > a:hover .yml-text-wrap > span {
    color: #e64545;
}
.you-may-like .yml-content .item {
    height: 60px;
    margin: 9px 0;
}
.home-top a:hover, .home-top .link-hover:hover {
    color: #e64545;
}
.you-may-like .yml-img-wrap {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-right: 10px;
}
.fl {
    float: left;
}
.you-may-like .yml-text-wrap {
    padding-top: 5px;
    max-width: 150px;
}
.you-may-like .yml-img-wrap img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.you-may-like .yml-text-wrap {
    padding-top: 5px;
    max-width: 150px;
}
.you-may-like .yml-text-wrap .item-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #222;
    display: block;
}
.you-may-like .yml-text-wrap .item-num {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: #888;
    display: block;
}
.easy-sourcing .form-item:after, .easy-sourcing .sourcing-centent:after, .main-content:after, .section-centent:after, .grid:after, .cf:after {
    clear: both;
}
.you-may-like .rfq-wrap .btn-rfq {
    border-color: #e64d45;
    border-radius: 3px;
    background: #fff;
    color: #e64d45;
    margin-top: 5px;
    width: 100%;
}
.you-may-like .rfq-wrap .btn-rfq:hover {
    color: #fff;
    background: #e64545;
}
.you-may-like .rfq-wrap {
    margin-top: 10px;
    font-size: 14px;
    color: #888;
}
a.btn.btn-rfq img {
    max-width: 16px;
    margin-right: 8px;
}
.nail-popover .np-caret {
    position: absolute;
    width: 0;
    height: 0;
    border: 6px solid transparent;
}
.nail-popover-bottom .np-caret {
    top: 4px;
    border-bottom-color: #fff;
    border-top-width: 0;
}
.nail-panel-buyer .panel-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    padding: 10px 15px 5px 15px;
}
.nail-popover-trigger i {
    /*transition: 0.25s ease;*/
    transition: all 0.15s;
    transform: rotate(0deg);
}
.nail-entrance.active i{
    transform: rotate(180deg);
}
.nail-popover .np-content {
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}
.nail-popover-bottom {
    padding-top: 10px;
}
.nail-popover {
    position: absolute;
    min-width: 100px;
    z-index: 1001;
}
.nail-popover-vi{
    bottom: -37px !important;
    left: -299px !important;    
}
.nail-rfq .rfq-content {
    white-space: nowrap;
}
.nail-popover-bottom.align-end .np-caret {
    right: 10px;
}
.nail-message .message-content {
    width: 218px;
}
.nail-simple-login .login-tip {
    font-size: 12px;
    color: #888;
    margin-bottom: 10px;
    text-align: center;
}
.nail-header .nail-btn {
    display: block;
    height: 28px;
    background: #ffffff;
    color: #e64545;
    border: 1px solid #e64545;
    border-radius: 200px;
    box-sizing: border-box;
    text-decoration: none;
    line-height: 26px;
    transition: all 0.2s;
    text-align: center;
}
.nail-header .nail-btn.main-btn:hover {
    color: #fff;
    border-color: #cf3e3e;
    background-color: #cf3e3e;
}
.nail-simple-login .nail-btn.main-btn {
    margin-bottom: 10px;
}
.nail-header .nail-btn.main-btn {
    background: #e64545;
    color: #fff;
}
.nail-login .login-content {
    width: 218px;
}
.nail-login .sign-link {
    margin-bottom: 10px;
}
.nail-login .social-line {
    position: relative;
    margin: 23px 30px 25px;
    color: #888888;
    background-color: #dae0e6;
    font-size: 12px;
    height: 1px;
    text-align: center;
}
.nail-login .social-line>span {
    display: inline-block;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 0 10px;
}
.nail-login .social-protocol {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}
.nail-login .social-links {
    height: 24px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.nail-login .quick-links {
    margin-bottom: 15px;
}
.nail-login .q-link:not(:last-child) {
    margin-bottom: 12px;
}
.nail-login .q-link {
    display: flex;
    text-decoration: none;
    color: #222;
}
.nail-search-option-list{
    margin-bottom: 0;
}

.nail-search-select {
    position: relative;
}

.nail-search-dropdown {
    position: absolute;
    top: 38px;
    left: 0;
    min-width: 160px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    z-index: 999;
    display: none;
}

.nail-search-option {
    padding: 8px 12px;
    cursor: pointer;
}

.nail-search-option:hover {
    background: #f6f6f6;
}

.nail-search-option.selected {
    background: #e8f3ff; /* giống MIC */
    font-weight: 600;
}
.nail-ss-title i {
    transition: 0.25s ease;
}
.nail-categories .cate-content {
    /*width: 550px;*/
    width: 800px;
    background: #fff;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 100%;
    padding: 15px 15px 15px 15px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
.nail-categories .panel-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.nail-categories .cate-group {
    /*flex: 0 0 50%;*/
    flex: 0 0 33.3%;
    list-style: none;
    padding: 0;
}
.nail-categories .panel-item {
    flex: 0 0 100%;
    padding: 0 5px;
    box-sizing: border-box;
    white-space: normal;
}
.nail-categories .panel-link {
    display: flex;
    align-items: center;
    padding: 5px 0;
    line-height: 21px;
}
.nail-header .nail-link:hover {
    color: #e64545;
}
.nail-categories .ob-icon {
    margin-top: -2px;
    margin-right: 3px;
}
.nail-header .ob-icon{
    vertical-align: middle;
}
.nail-categories .cate-entrance.active {
    border-radius: 5px 5px 0 0;
    z-index: 1000;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.2);
    position: relative;
    background: #fff;
}
.message-icon{
    cursor: pointer;
}
.select-trending {
    background: #fff;
    border: 1px solid #e6ecf2;
    margin-top: 20px;
    padding: 30px 30px 10px 30px;
}
.select-trending .trending-title {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
}
.select-trending .trending-products {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.select-trending .prod-item {
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 16.66%;
}
.select-trending .prod-link {
    display: block;
    width: 100%;
    height: 100%;
}
.select-trending .prod-pic {
    position: relative;
    max-width: 180px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.img-wp {
    width: 100%;
    padding-top: 100%;
    position: relative;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
.img-wp img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}
.industry-booth .prod-inr img, 
.select-trending .prod-link img {
    transition: transform .3s ease-out;
}
.industry-booth .prod-inr:hover img, 
.select-trending .prod-link:hover img {
    transform: scale(1.04);
}
.select-trending .prod-txt {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #555;
}
.select-trending .prod-link:hover .prod-txt {
    color: #e64545;
}
.industry-booth {
    background: #fff;
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}
.industry-booth .industry-banner {
    position: relative;
    box-sizing: border-box;
    width: 300px;
    overflow: hidden;
}
.industry-booth .industry-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 30px 30px 31px;
    box-sizing: border-box;
}
.industry-booth .industry-theme-image {
    position: absolute;
    right: 0;
    bottom: 0;
}
.industry-booth .theme-img-big {
    display: block !important;
}
.industry-booth .industry-theme-info {
    position: relative;
}
.industry-booth .industry-title {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 30px;
    color: #222;
}
.industry-booth .soure-now .btn {
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
}
.btn-main {
    color: #fff;
    border: solid 1px #e64545;
    background-color: #e64545;
}
.industry-booth .prod-item {
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e6ecf2;
    border-left: 0;
    border-top: 0;
    width: 25%;
}
.industry-booth .prod-inr {
    position: relative;
    display: block;
    padding: 29px 30px 15px 30px;
}
.industry-booth .prod-txt {
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    color: #555;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    position: relative;
    z-index: 2;
    color: #555;
}
.industry-booth .prod-pic {
    margin-top: -24px;
    text-align: right;
    font-size: 0;
}
.industry-booth .prod-pic .pic-inr {
    width: 120px;
    height: 120px;
    display: inline-block;
    font-size: 0;
    overflow: hidden;
}
.img-wp {
    width: 100%;
    padding-top: 100%;
    position: relative;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}

.img-wp img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}
.industry-booth .prod-inr img, 
.select-trending .prod-link img {
    transition: transform .3s ease-out;
}
.industry-booth .industry-products {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #e6ecf2;
    flex: 1;
}
.easy-sourcing {
    margin-top: 20px;
    padding: 30px;
    position: relative;
    overflow: hidden;
}
.easy-sourcing .sourcing-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.easy-sourcing .sourcing-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.easy-sourcing .sourcing-centent {
    position: relative;
}
.easy-sourcing .sourcing-form {
    float: right;
    padding: 20px 25px;
    background: #fff;
    margin-left: 225px;
    width: 530px;
}
.easy-sourcing .form-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: normal;
}
.easy-sourcing .form-item {
    margin-bottom: 15px;
}
.easy-sourcing .form-text, 
.easy-sourcing .form-textarea, 
.easy-sourcing .form-select {
    border: 1px solid #dae0e6;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
    border-radius: 3px;
    line-height: 21px;
    box-sizing: border-box;
}
.easy-sourcing .form-text, 
.easy-sourcing .form-select {
    height: 43px;
    width: 100%;
}
.easy-sourcing .form-textarea {
    resize: none;
    width: 100%;
    height: 86px;
}
.easy-sourcing .form-text:hover, 
.easy-sourcing .form-textarea:hover, 
.easy-sourcing .form-select:hover {
    border-color: #a1aab2;
    outline: 0;
}
.easy-sourcing .form-span-33 {
    width: calc(33.33% - 7px);
    margin-right: 10px;
    float: left;
}
.easy-sourcing .form-btn {
    margin-top: 20px;
}
.btn-main:hover {
    color: #fff;
    border: solid 1px #d92121;
    background-color: #d92121;
}
.easy-sourcing .sourcing-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    transform: scaleX(1.2);
    transform-origin: left;
}
.easy-sourcing .sourcing-desc {
    font-size: 16px;
    color: #555;
}
.easy-sourcing .sourcing-more {
    margin-top: 45px;
    font-weight: 500;
    font-size: 14px;
}
.easy-sourcing .sourcing-more a {
    color: #222;
    font-weight: 600;
}
.easy-sourcing .sourcing-more a:hover {
    color: #e64545;
}
.easy-sourcing .sourcing-more a i {
    font-weight: bold;
    padding-left: 5px;
}
.campaign-main-wrap 
.section-block.banner-sts {
    margin-top: 20px;
}
.campaign-main-wrap 
.section-block.banner-sts img {
    max-width: 100%;
}
.solutions {
    margin-top: 40px;
}
.solutions .solution-title {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
}
.solutions .solution-list {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.solutions .solution-item {
    margin-top: 20px;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}
.solutions .item-inr {
    background: #fff;
}
.solutions .solution-banner {
    height: 220px;
    box-sizing: border-box;
    position: relative;
}
.solutions .item-1 .solution-banner, 
.solutions .item-2 .solution-banner, 
.solutions .item-3 .solution-banner, 
.solutions .item-4 .solution-banner {
    background-position: right center;
    background-repeat: no-repeat;
}
.solutions .solution-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.solutions .solution-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: right;
    overflow: hidden;
}
.solutions .solution-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.solutions .item-1 .solution-mask {
    background-image: linear-gradient(-80deg, transparent 140px, #fffaeb 300px, #fffaeb);
}
.solutions .solution-prods {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    padding: 0 10px 20px 10px;
    border: 1px solid #e6ecf2;
    flex-wrap: wrap;
    border-top: 0;
}
.solutions .prod-item {
    width: 33.33%;
}
.solutions .prod-inr {
    padding: 20px 5px 10px 5px;
}
.solutions .prod-link {
    display: block;
    width: 100%;
    height: 100%;
}
.solutions .prod-pic {
    border-radius: 100px;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
.solutions .prod-pic .img-wp {
    width: 80px;
    height: 80px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    overflow: hidden;
}
.solutions .prod-pic:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out;
    border-radius: 100%;
    overflow: hidden;
}
.solutions .prod-link:hover .prod-pic:after {
    visibility: visible;
    opacity: 1;
}
.solutions .prod-pic .img-wp img {
    position: static;
    margin: initial;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.solutions .prod-txt {
    font-size: 12px;
    color: #555;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    height: 42px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.solutions .solution-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 50px 30px 30px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, .3);
    transition: background .3s ease-out;
}
.solutions .solution-link:hover {
    background: rgba(0, 0, 0, .5);
}
.solutions .banner-title {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    height: 60px;
    font-weight: 500;
    margin: 0 0 20px 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.solutions .banner-desc {
    color: #fff;
    font-size: 14px;
}
.solutions .solution-link:hover .banner-arr{
    animation: arr-shake 1s infinite;
    transition: all .3s ease-out;
    visibility: visible;
    opacity: 1;
}
.solutions .banner-arr {
    visibility: hidden;
    opacity: 0;
    margin-top: 14px;
    width: 25px;
    height: 12px;
    background: url(../images/ani-arr_4b4e8f60.png) no-repeat center;
}
.home-360 {
    margin-top: 40px;
}
.home-360 .home-360-title {
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}
.home-360 .home-360-content {
    font-size: 14px;
    background: #fff;
    padding: 30px;
    border: 1px solid #e6ecf2;
}
.home-360 .company-info {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 15px 0;
}
.home-360 .company-info .company-logo {
    font-size: 0;
    padding: 0 20px 0 0;
    float: left;
    margin-bottom: 0px;
}
.home-360 .company-info .company-logo img {
    max-width: 100px;
    max-height: 50px;
}
.home-360 .company-info .compnay-info-content {
    overflow: hidden;
    width: calc(100% - 240px);
    float: left;
    margin-right: 120px;
}
.home-360 .company-info .company-name {
    font-size: 18px;
    font-weight: bold;
}
.home-360 .company-info .company-name a {
    color: #222;
}
.home-360 .company-info .company-members .company-member {
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
    float: left;
    padding-right: 20px;
}
.home-360 .company-info .company-members .auth-icon {
    padding-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}
.home-360 .company-info .company-members .diamond-since {
    color: #e64545;
}
.home-360 .company-info .company-members .company-member {
    height: 21px;
    line-height: 21px;
    white-space: nowrap;
    float: left;
    padding-right: 20px;
}
.home-360 .company-info .company-members .auth-icon {
    padding-right: 5px;
    vertical-align: middle;
    margin-top: -4px;
}
.home-360 .compnay-more-content {
    float: left;
    width: 100%;
}
.home-360 .compnay-more-content .compnay-360-wrap {
    float: left;
    margin-right: 20px;
    background: #888;
    overflow: hidden;
    position: relative;
    height: 220px;
    width: calc(100% - 480px);
}
.home-360 .compnay-more-content .compnay-360-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .3s ease-out;
}
.home-360 .compnay-more-content .compnay-360-wrap img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .3s ease-out;
}
.home-360 .compnay-more-content .compnay-360-wrap:hover img {
    transform: scale(1.02);
}
.home-360 .compnay-more-content .compnay-360-wrap .compnay-360-link {
    background: rgba(0, 0, 0, .4);
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-360 .compnay-more-content .compnay-360-wrap .compnay-360-link .compnay-360-text {
    text-align: center;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    transform: translateY(-50%);
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.home-360 .compnay-more-content .compnay-360-wrap .compnay-360-link .compnay-360-icon {
    display: block;
    height: 48px;
    font-size: 48px;
    padding-bottom: 10px;
}
.home-360 .compnay-more-content .compnay-360-wrap .compnay-360-link .compnay-360-view-text {
    font-size: 16px;
}
.home-360 .compnay-more-content .compnay-products-wrap {
    float: left;
    width: 460px;
    font-size: 0;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item:first-child {
    margin-right: 20px;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item {
    position: relative;
    width: 218px;
    height: 218px;
    border: 1px solid #fff;
    display: inline-block;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item .img-wrap img {
    width: 100%;
    height: 100%;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item .item-mark {
    background: rgba(0, 0, 0, .15);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
}
.ident {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 2px 5px;
    font-size: 12px;
    line-height: 16px;
}
.compnay-360-text img.v360{
    display: block;
    height: 80px !important;
    width: 80px !important;
    padding-bottom: 10px;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item:hover {
    border: 1px solid #e6ecf2;
}
.home-360 .compnay-more-content .compnay-products-wrap .compnay-products-item:hover .item-mark {
    opacity: 0;
    display: none;
}
.trade-show {
    background: #fff;
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #e6ecf2;
}
.trade-show .trade-header {
    text-align: center;
    overflow: hidden;
    position: relative;
}
.trade-show .trade-more {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    background-color: #e64545;
    float: right;
    right: 0;
    width: 96px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}
.trade-show .trade-title {
    display: block;
    margin: 0 auto;
    width: 440px;
}
.trade-show .trade-title-main {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #222;
}
.trade-show .trade-title-sub {
    display: block;
    font-size: 14px;
    color: #222;
}
.trade-show .trade-body {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    max-height: 400px;
}
.trade-show .trade-body-left {
    flex: 1 1;
    position: relative;
    overflow: hidden;
}
.trade-show .trade-body-left .trade-body-main {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.trade-show .trade-body-left .trade-body-main .trade-body-main-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block !important;
}
.trade-show .trade-body-left .trade-body-main .trade-body-main-shandow {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgba(1, 0, 0, 0.8));
}
.trade-show .trade-body-left .trade-body-main .trade-body-main-info {
    width: 400px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.trade-show .trade-body-left .trade-body-main .trade-body-main-info .main-info-title {
    height: 25px;
    display: block;
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.trade-show .trade-body-left .trade-body-main .trade-body-main-info .main-info-detail {
    height: 21px;
    display: block;
    line-height: 21px;
    font-size: 14px;
    color: #fff;
}
.trade-show .trade-body-middle {
    position: relative;
    width: 60px;
}
.trade-show .trade-body-middle .middle-line {
    position: absolute;
    left: calc(50% - 1px);
    height: 100%;
    width: 0;
    margin: 0 auto;
    border-left: 2px solid #e6e6e6;
}
.trade-show .trade-body-right {
    flex: 1 1;
    margin-bottom: -15px;
}
.trade-show .trade-body-right .trade-body-list {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item {
    flex: 1 1 auto;
    display: flex;
    position: relative;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 15px;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-circle {
    position: absolute;
    height: 18px;
    width: 18px;
    left: -30px;
    top: 0;
    box-sizing: border-box;
    transform: translateX(-50%);
    border-radius: 50%;
    border: 2px solid #06c;
    background-color: #fff;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item.trade-hover .trade-body-item-circle {
    background-color: #177ee6 !important;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-image {
    width: 30%;
    max-width: 185px;
    max-height: 123px;
    position: relative;
    overflow: hidden;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-image .image-size {
    width: 100%;
    height: 0;
    padding-bottom: 66.6%;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-image img {
    max-width: 100%;
}
.trade-show .under-resolution-rxl {
    display: block !important;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info {
    padding-left: 20px;
    flex: 1 1 auto;
    width: 0;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-main-title {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #222;
    line-height: 27px;
    font-weight: bold;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-main-title a {
    color: #222;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-duration {
    display: block;
    font-size: 14px;
    color: #888;
    line-height: 21px;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-location {
    display: block;
    font-size: 14px;
    color: #888;
    line-height: 21px;
}
.trade-show .trade-body-right .trade-body-list .trade-body-item .trade-body-item-info .item-main-title:hover a {
    color: #e64545;
}
.hot-items {
    margin-top: 40px;
    margin-bottom: 60px;
}
.hot-items .hot-items-title {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}
.hot-items .hot-items-list {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.hot-items .hot-item {
    width: 16.66%;
    margin-top: 5px;
    padding-right: 20px;
    box-sizing: border-box;
}
.hot-items .hot-item a {
    color: #888;
    font-size: 12px;
}
.pad-footer {
    background: #e3e4e6;
    min-width: 752px;
}
.pad-footer .grid {
    width: auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.pad-footer .m-footer-links {
    border-color: #cacbcc;
    padding: 30px 0 40px 0;
    font-size: 14px;
    border-bottom: 1px solid #c4cbd1;
}
.m-footer .m-footer-links .m-footer-links-col-group {
    margin-right: 240px;
}
.m-footer .m-footer-links .m-footer-links-col-group .m-footer-links-col {
    float: left;
    width: 33.33%;
}
.m-footer .m-footer-links .m-footer-links-item {
    margin-bottom: 20px;
}
.m-footer .m-footer-links .m-footer-links-item .m-footer-links-title {
    margin-bottom: 10px;
    padding: 0 10px;
}
.m-footer .m-footer-links .m-footer-links-item {
    margin-bottom: 20px;
}
.m-footer .m-footer-links .m-footer-links-col-group .m-link-li {
    margin-bottom: 5px;
    padding: 0 10px;
}
.pad-footer .m-footer-link-list .m-link-li a {
    color: #555 !important;
}
ul.m-link-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.pad-footer .m-footer-links-title {
    color: #222;
    font-weight: 600;
}
.m-footer .m-footer-links .m-footer-links-col.pad-hide .m-link-ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 270px;
}
.m-footer .m-footer-links .m-footer-links-col-single {
    float: right;
    width: 230px;
}
.m-footer .m-footer-links .m-footer-links-item {
    margin-bottom: 20px;
}
.m-footer .m-footer-links .m-footer-alert a {
    display: block;
    height: 50px;
    border-radius: 3px;
    background: #d7d8d9;
    border-radius: 3px;
}
.m-footer .m-footer-links .m-footer-alert a:hover {
    background-color: #cacbcc;
}
dd.m-footer-link a {
    display: block;
    background: #d7d8d9;
    margin-bottom: 10px;
    border-radius: 5px;
}
dd.m-footer-link a:hover{
    background-color: #cacbcc;
}
.m-footer .m-footer-soft-social {
    color: #555;
    padding: 15px 20px;
    font-size: 14px;
    border-bottom: 1px solid #dae0e6;
    height: 60px;
    line-height: 30px;
    margin-bottom: -10px;
    border-color: #cacbcc;
}
.pad-footer .m-footer-soft-social .m-footer-app {
    width: 34%;
    min-width: 245px;
}
.m-footer .m-footer-soft-social .m-footer-soft-social-title {
    margin-right: 5px;
    color: #222;
}
.pad-footer .m-footer-soft-social .m-footer-app .m-app-store {
    background: #4d4d4d;
}
.pad-footer .m-footer-soft-social .m-footer-app .m-google-play {
    background: #690;
}
.pad-footer .m-footer-soft-social .m-footer-tm {
    overflow: hidden;
    float: none;
}
.m-footer .m-footer-soft-social .m-footer-soft-social-title {
    margin-right: 5px;
    color: #222;
}
.pad-footer .m-footer-soft-social .m-footer-tm a {
    color: #1470cc;
}
.pad-footer .m-footer-soft-social .m-footer-social {
    width: 35%;
}
.m-footer .m-footer-soft-social .m-footer-social a {
    margin-right: 5px;
    color: #555;
}
.m-footer .m-footer-soft-social .m-footer-social .ob-icon, 
.m-footer .m-footer-soft-social .m-footer-social .micon {
    font-size: 21px;
    background: none;
    cursor: pointer;
}
.m-footer .m-footer-simple-links {
    padding: 30px 0 40px;
    text-align: center;
    color: #666;
    font-size: 0;
}
.m-footer .m-footer-simple-links .m-footer-simple-links-group {
    margin-bottom: 20px;
}
.m-footer .m-footer-simple-links .m-footer-simple-links-row {
    margin-bottom: 5px;
}
.pad-footer .m-footer-simple-links a {
    color: #666;
}
.pad-footer .m-footer-simple-links .m-gap-line {
    border-color: #4d4d4d;
}
.m-footer .m-footer-simple-links a, 
.m-footer .m-footer-simple-links .m-footer-business-title, 
.m-footer .m-footer-simple-links .m-footer-simple-links-title, 
.m-footer .m-footer-simple-links .m-footer-copyright, 
.m-footer .m-footer-simple-links .m-footer-govIcon {
    font-size: 12px;
}
.m-footer .m-footer-simple-links .m-gap-line {
    border-left: 1px solid #ccc;
    margin: 3px 10px 0 10px;
    display: inline-block;
    height: 12px;
    vertical-align: top;
}
.pad-footer .m-footer-simple-links a {
    color: #666;
}
.pad-footer .m-footer-soft-social .m-footer-social, .pad-footer .m-footer-soft-social .m-footer-app, .pad-footer .m-footer-soft-social .m-footer-tm {
    margin: auto;
    text-align: center;
}
.m-footer .m-footer-soft-social .m-footer-social {
    float: right;
    margin-right: -5px;
}
.m-footer .m-footer-soft-social .m-footer-app {
    float: left;
}
.m-footer .m-footer-soft-social .m-footer-app a {
    display: inline-block;
    margin-right: 10px;
    padding: 0 10px;
    color: #fff;
    border-radius: 3px;
}
.m-footer {
    border-top: 1px solid #dae0e6;
    background: #e3e4e6;
    font-family: "Roboto", arial, "Microsoft Yahei";
}
.m-footer-social i{
    font-size: 21px;
}
.m-footer-social i.fa-facebook-square:hover{
    color: #3255a6;
}
.m-footer-social i.fa-twitter-square:hover{
    color: #1DA1F2;
}
.m-footer-social i.fa-linkedin:hover{
    color: #0077B5;
}
.m-footer-social i.fa-instagram:hover{
    color: #e5398f;
}
.m-footer-social i.fa-youtube:hover{
    color: #e63917;
}
.m-footer-social i.fa-pinterest-square:hover{
    color: #cc2121;
}
.cate-in-pc .cate-items .cate-more-inner {
    display: none;
}
.cate-in-pc .cate-items .cate-more.hover .cate-more-inner {
    position: absolute;
    left: 100%;
    margin-left: -1px;
    top: -1px;
    width: 720px;
    min-height: 577px;
    max-height: 666px;
    background: #fff;
    z-index: 9;
    overflow: hidden;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .15);
    border: 1px solid #e6ecf2;
}
.cate-in-pc .cate-items .cate-more.hover .cate-more-inner {
    display: block;
}
span.fl.cate-name i {
    padding-left: 5px;
}
.cate-in-pc .cate-items .cate-more.hover .item-more {
    width: 200px;
    float: left;
    display: block;
    background: #555;
    padding-bottom: 999px;
    margin-bottom: -999px;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate-list {
    overflow: hidden;
    max-height: 588px;
    overflow-y: auto;
    margin: 15px 0 15px 10px;
}
.cate-in-pc .cate-items .cate-item .item-more, 
.cate-in-pc .cate-items .cate-more .item-more {
    display: none;
}
.cate-in-pc .cate-items .cate-item .item-link, 
.cate-in-pc .cate-items .cate-more .item-link {
    display: block;
    font-size: 14px;
    color: #1c1b1b;
    text-decoration: none;
    font-weight: 500;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate-list .list-items .item.hover {
    color: #555;
    background: #fff;
}

.cate-in-pc .cate-items .cate-more.hover .more-cate-list .list-items .item {
    cursor: pointer;
    padding: 4px 20px 4px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}
.cate-in-pc .cate-items .cate-more.hover .more-item-list {
    width: 467px;
    float: left;
    min-height: 100%;
    background: #fff;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate {
    display: none;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate-list .list-items .item-link {
    color: #fff;
    font-size: 12px;
}
.cate-in-pc .cate-items .items-line .items-line-wrap {
    margin: -10px -10px 0;
    overflow: hidden;
}
.cate-in-pc .cate-items .items-line.items-line2 .items-line-child {
    width: 50%;
}
.cate-in-pc .cate-items .items-line .items-line-child {
    float: left;
    width: 33.3333333333%;
}
.cate-in-pc .cate-items .items-line .items-line-long {
    padding: 0 10px;
    height: 377px;
}

.cate-in-pc .cate-items .cate-more.hover .more-cate-list .list-items .item.hover .item-link {
    color: #555;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate.hover {
    display: block;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate.hover .more-cate-wrap {
    padding: 20px;
}
.cate-in-pc .cate-items .items-line .items-line-child-title {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    margin: 10px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cate-in-pc .cate-items .cate-more.hover .more-cate.hover .more-cate-wrap .sub-cate-items .sub-item {
    box-sizing: border-box;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #555;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
}
ul.list-items {
    padding: 0;
    margin: 0;
    list-style: none;
}
.cate-in-pc .cate-items .items-line .items-line-long {
    padding: 0 10px;
    height: 377px;
}
.cate-in-pc .cate-items .items-line .items-line-long {
    padding: 0 10px;
    height: 377px;
}
.cate-in-pc .cate-items .items-line .items-line-child-title {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    margin: 10px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.items-line-child-title a {
    color: #222;
}
.user-tool {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    z-index: 999999999;
    position: absolute;
    width: 147px;
    right: 60px;
    background: #fff;    
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.user-tool a {
    display: block;
    text-align: left;
    padding: 5px 10px;
    color: #000;
}
.user-tool a:hover{
    color: #C62022;
}







.nl-refer {
    position: relative;
}

.login-link {
    position: relative;
    /* display: inline-block; */
}
.login-link span.navuser{
    cursor: pointer;
} 

/* dropdown */
.user-tool {
    position: absolute;
    top: 91%;
    right: 0;
    background: #fff;
    min-width: 120px;
    /* padding: 10px 0; */
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px); /* từ phải */
    transition: all 0.25s ease;
    z-index: 99;
}

/* khi mở */
.user-tool.open {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

/* mũi tên */
.user-tool .fa-caret-up {
    position: absolute;
    top: -10px;
    right: 15px;
    font-size: 20px;
    color: #fff;
}
.hot-items .hot-item a:hover {
    color: #e64545;
}

/* item */
.user-tool a {
    display: block;
    /* padding: 8px 15px; */
    color: #333;
    text-decoration: none;
}

.user-tool a:hover {
    background: #f5f5f5;
}

.user-tool {
    transition: opacity .2s ease, transform .25s cubic-bezier(.4,0,.2,1);
    transition-delay: 0.05s;
}
.pad-footer .m-footer-link-list .m-link-li a:hover {
    color: #e64545 !important;
    text-decoration: none;
}
.m-footer-copyright a:hover {
    color: #e64545 !important;
}
.pad-footer * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.m-footer-simple-links-group {
    margin-bottom: 20px;
}
.m-footer-simple-links-row {
    margin-bottom: 5px;
    text-align: center;
}
.m-footer-simple-links-row a {
    color: #666;
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
}
.m-footer-simple-links-row a:hover{
    color: #e64545;
    text-decoration: underline;
}
.m-footer-simple-links-row span.m-gap-line {
    border-left: 1px solid #ccc;
    margin: 3px 10px 0 10px;
    display: inline-block;
    height: 12px;
    vertical-align: top;
}
span.m-footer-simple-links-title {
    font-size: 12px;
    color: #666;
    padding-right: 10px;
}
.copyright-bottom {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    color: #666;
}
.copyright-bottom a{
    color: #666;
}
.copyright-bottom a:hover{
    color: #2a6496;
}