/*body {
    min-width:1200px
}*/
.dui-navbar {
    height:64px;
    background-color:#fff;
    border:0;
    margin:auto
}
.dui-navbar .navbar-container {
    width:1200px;
    /*width: 65%;*/
    margin:0 auto;
    display:-webkit-box;
    display:flex
}
.dui-navbar .navbar-header {
    float:none;
    width:84px
}
.dui-navbar .navbar-header .navbar-brand {
    display:inline-block;
    float:left;
    padding:10px 39px 19px 0;
    height:auto
}
.dui-navbar .navbar-header .navbar-brand .navbar-brand-logo {
    vertical-align:middle;
    display:inline-block;
    width:40px;
    height:45px;
    background-image:url(../font/logo-black2-145dcb13c56f36a65d084180a42136fa.svg);
    background-size:cover
}
.dui-navbar #siteHeaderNavbar {
    -webkit-box-flex:1;
    -moz-flex:1;
    flex:1;
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:justify;
    -moz-justify-content:space-between;
    justify-content:space-between
}
.dui-navbar ul.navbar-category {
    list-style:none;
    vertical-align:middle;
    display:inline-block;
    zoom:1
}
.dui-navbar ul.navbar-category:after,.dui-navbar ul.navbar-category:before {
    content:"";
    display:table
}
.dui-navbar ul.navbar-category:after {
    clear:both
}
.dui-navbar ul.navbar-category>li.category-item {
    float:left;
    font-size:14px;
    line-height:14px
}
.dui-navbar,.dui-navbar ul.navbar-category>li.category-item.relative {
    position:relative
}
.dui-navbar ul.navbar-category>li.category-item>a {
    padding:25px 16px;
    display:inline-block;
    transition:all .3s;
    color:#303233;
    vertical-align:middle;
    line-height:14px;
    font-weight:600;
    cursor:pointer
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill.enter-site,.dui-navbar ul.navbar-category:hover li.category-item>a {
    color:#3b3e40
}
.dui-navbar ul.navbar-category:hover li.category-item.opened>a:after,.dui-navbar ul.navbar-category:hover li.category-item>a:hover:after {
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    bottom:-1px;
    z-index:1200;
    width:100%;
    background-color:#c11b22
}
.dui-navbar ul.navbar-category:hover li.category-item>a:hover:after {
    height:1px
}
.dui-navbar ul.navbar-category:hover li.category-item:hover>a {
    color:#3b3e40;
    position:relative
}
.dui-navbar ul.navbar-category:hover li.category-item:hover .dui-dropdown-menu {
    opacity:1;
    visibility:visible
}
.dui-navbar ul.navbar-category:hover li.category-item.opened>a:after {
    height:2px
}
.dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.columns,.dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.full-screen {
    display:block;
    visibility:visible
}
.dui-navbar ul.navbar-category li:hover .dui-dropdown-menu.single {
    display:block;
    visibility:visible;
    max-height:500px;
    padding:0 10px 10px;
    opacity:1
}
.dui-navbar .vertical-divider {
    position:relative;
    width:24px;
    overflow:hidden
}
.dui-navbar .vertical-divider:before {
    content:" ";
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    border-left:1px solid #f0f1f2;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    width:2px
}
.dui-navbar .horizontal-divider {
    position:relative;
    height:48px;
    overflow:hidden
}
.dui-navbar .horizontal-divider:before {
    content:" ";
    position:absolute;
    left:0;
    top:50%;
    right:0;
    border-top:1px solid #f0f1f2;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    height:2px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .dui-navbar .vertical-divider:before {
        width:0
    }
    .dui-navbar .horizontal-divider:before {
        height:0
    }
}.dui-navbar .dui-dropdown-menu.columns,.dui-navbar .dui-dropdown-menu.full-screen {
     position:absolute;
     top:100%;
     z-index:1100;
     background-color:#fff;
     border-top:1px solid #f0f1f2;
     transition:none;
     height:auto;
     display:none;
     overflow:hidden;
     width:100%;
     /*min-width:1200px;*/
     left:0;
     margin-top:0;
     -ms-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);
     -o-box-shadow:0 2px 2px 0 rgba(0,0,0,.05);
     box-shadow:0 2px 2px 0 rgba(0,0,0,.05)
 }
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top {
    background:#f7f9fa
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container .grid {
    margin:0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container .cell {
    width:200px;
    padding:0;
    border-left:1px solid #f0f1f2
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill {
    font-size:16px;
    line-height:20px;
    padding:0 24px;
    color:#3b3e40;
    font-weight:600;
    position:relative;
    transition:all .3s ease;
    cursor:pointer;
    height:72px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill:before {
    content:'';
    width:3px;
    height:40px;
    border-radius:0 2px 2px 0;
    position:absolute;
    left:-1px;
    top:16px;
    background:#d4d7d9;
    transition:all .3s ease
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site {
    font-size:16px;
    text-align:center;
    -webkit-box-pack:center;
    -moz-justify-content:center;
    justify-content:center;
    border-right:1px solid #f0f1f2
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site:before {
    display:none
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .nav-pill.enter-site .icon-site {
    margin-right:8px;
    display:inline-block;
    width:16px;
    height:16px;
    background-size:contain;
    background-image:url(../font/addd.svg);
    background-position:center;
    background-repeat:no-repeat
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill {
    color:#3b3e40
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top .grid-container:hover .nav-pill:hover:before {
    background:#3b3e40
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-top.enter-site-hover .grid-container:hover .nav-pill {
    color:#303233
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .grid-container {
    padding-top:24px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .grid {
    margin:0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item {
    position:relative;
    padding-left:0;
    padding-right:0;
    width:384px;
    display:-webkit-box;
    display:flex
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns a,.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .cursor-default,.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item a {
    cursor:text
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item a[href^=http]:hover {
    text-decoration:underline;
    cursor:pointer
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img {
    width:160px;
    height:160px;
    display:inline-block;
    -webkit-box-pack:center;
    -moz-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center;
    margin-right:16px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img a {
    display:block
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-img img {
    width:100%;
    height:auto
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .product-link {
    display:inline-block;
    max-width:208px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .title {
    color:#3b3e40;
    line-height:24px;
    font-size:16px;
    margin-bottom:8px;
    font-weight:600;
    display:block
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item .content {
    color:#6c7073;
    font-size:12px;
    line-height:16px;
    margin-bottom:16px;
    padding-right:16px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item ul li.nav-item a {
    color:#3b3e40;
    font-size:14px;
    line-height:24px;
    margin-bottom:8px;
    display:inline-block;
    word-break:break-word
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .column-item ul li:last-child a {
    margin-bottom:0
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .no-bottom-pill {
    padding-bottom:24px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns .no-bottom-pill .horizontal-divider:last-child {
    display:none
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom {
    display:inherit
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .grid-container {
    padding:0 0 32px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare {
    color:#3b3e40;
    background-image:linear-gradient(-180deg,#d4d7d9,#babdbf);
    margin-right:24px;
    height:48px;
    line-height:24px;
    border-radius:4px;
    padding:12px 16px 12px 28px;
    transition:all .3s;
    font-size:14px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare:hover {
    background-image:linear-gradient(-180deg,#f0f1f2,#d4d7d9)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare:active {
    background-image:linear-gradient(-180deg,#babdbf,#d4d7d9)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare p {
    display:inline-block;
    white-space:nowrap;
    vertical-align:top
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare span {
    display:inline-block;
    width:16px;
    height:16px;
    margin-top:4px;
    margin-left:20px;
    vertical-align:top;
    background-size:cover
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-compare,.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare span {
    background-image:url(../font/compare2-3bbe671e963feecf56bc3b42bcb4c343.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-setup {
    background-image:url(../font/setup2-c25861afb1bfb2869acf8549fa443f27.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-explore_more {
    background-image:url(../font/site-89de0b45cb4e8f60dad5f32658204c1a.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-pills-bottom .btn-compare .icon-list {
    background-image:url(../font/addddddd.svg)
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item {
    width:282px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-img {
    width:56px
}
.dui-navbar .dui-dropdown-menu.full-screen .nav-columns.lite .column-item .product-link {
    max-width:218px
}
.dui-navbar .dui-dropdown-menu.columns .vertical-divider {
    width:48px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .grid-container {
    padding-top:24px;
    padding-bottom:48px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .grid {
    margin:0
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .column-item {
    position:relative;
    padding-left:0;
    width:264px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns a[href^=http]:hover {
    text-decoration:underline;
    cursor:pointer
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .title {
    color:#3b3e40;
    font-size:16px;
    line-height:24px;
    display:block;
    margin-bottom:8px;
    font-weight:600
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .desc {
    color:#6c7073;
    font-size:12px;
    line-height:16px;
    margin-bottom:16px
}
.dui-navbar .dui-dropdown-menu.columns .nav-columns .nav-item-link {
    display:inline-block;
    color:#3b3e40;
    font-size:14px;
    line-height:24px;
    margin-bottom:8px
}
.dui-navbar .dui-dropdown-menu.single,.dui-navbar ul.navbar-right li.nav-store .count {
    position:absolute;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    width:auto
}
.dui-navbar .dui-dropdown-menu.single {
    z-index:1100;
    background:0 0;
    border:none;
    margin-top:0;
    opacity:0;
    overflow:hidden;
    display:none;
    top:100%;
    left:50%;
    color:#303233;
    height:auto;
    padding:0
}
.dui-navbar .dui-dropdown-menu.single ul {
    background:#fff;
    margin-top:16px;
    -ms-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
    -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow:0 2px 4px 0 rgba(0,0,0,.05)
}
.dui-navbar .dui-dropdown-menu.single li.nav-item {
    display:block;
    width:100%;
    font-size:12px;
    transition:all .3s
}
.dui-navbar .dui-dropdown-menu.single li.nav-item>a {
    padding:16px 32px;
    white-space:nowrap;
    display:inline-block;
    color:#303233;
    line-height:1;
    height:auto;
    background:0 0;
    /*text-align:center;*/
    width:100%
}
.dui-navbar .dui-dropdown-menu.single li.nav-item:hover,.dui-navbar .search-item li.active,.dui-navbar .search-item li:hover {
    background:#ebeff2
}
.dui-navbar .navbar-right .dui-dropdown-menu.single {
    display:block;
    max-height:0;
    transition:max-height .7s
}
.navbar-category .dui-dropdown-menu.single .dropdown-container>ul {
    margin-top:0;
    border-top:1px solid #f0f1f2
}
.dui-navbar ul.navbar-right {
    float:right;
    list-style:none;
    vertical-align:middle
}
.dui-navbar ul.navbar-right>li {
    position:relative;
    float:left;
    font-size:14px;
    line-height:14px;
    padding:20px 12px
}
.dui-navbar ul.navbar-right>li>a {
    display:inline-block;
    color:#303233;
    font-size:14px;
    vertical-align:middle
}
.dui-navbar .search-btn,.dui-navbar ul.navbar-right>li>a span {
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align:middle;
    background-size:cover
}
.dui-navbar ul.navbar-right>li>a span {
    background-position:center center
}
.dui-navbar ul.navbar-right>li>a span.user-icon {
    width:24px;
    height:24px;
    background-image:url(../font/user-ab280f4807cc9843ed51d34f78e7c960.svg)
}
.dui-navbar ul.navbar-right li.nav-store {
    padding:17px 10px 17px 0;
    margin-right:24px
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store {
    color:#fff;
    position:relative;
    max-width:100px;
    border-radius:4px;
    font-weight:600;
    background-image:linear-gradient(-180deg,#42b7ff,#1897f2)
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store:hover {
    background-image:linear-gradient(-180deg,#6bcbff,#42b7ff)
}
.dui-navbar ul.navbar-right li.nav-store a.btn-store:active {
    background-image:linear-gradient(-180deg,#1897f2,#42b7ff)
}
.dui-navbar ul.navbar-right li.nav-store .count {
    left:100%;
    top:-8px;
    min-width:20px;
    height:16px;
    color:#fff;
    background-color:#3b3e40;
    border-radius:8px;
    font-size:10px;
    line-height:16px;
    text-align:center;
    padding:0 4px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu {
    width:340px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list {
    padding:16px 32px 8px;
    max-height:375px;
    overflow-x:hidden;
    overflow-y:auto;
    background:#fff
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list:before {
    position:absolute;
    top:8px;
    left:50%;
    margin-left:-8px;
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 8px 8px;
    border-color:transparent transparent #fff transparent
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product {
    display:block;
    width:100%;
    padding:8px 0;
    border-bottom:1px solid #f2f2f2
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product a {
    line-height:initial;
    height:initial;
    width:100%;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .photo {
    width:64px;
    height:64px;
    margin-right:16px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .text .name {
    max-height:32px;
    margin-bottom:8px;
    text-overflow:ellipsis;
    font-size:14px;
    color:#303233
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .product-list .product .text .cost {
    color:#919699;
    font-size:14px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta {
    background-color:#fff;
    -ms-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
    -o-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow:0 2px 4px 0 rgba(0,0,0,.05)
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .total {
    color:#919699;
    font-size:12px;
    text-align:center
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .checkout {
    padding:24px 32px
}
.dui-navbar ul.navbar-right li.nav-store .dui-dropdown-menu .meta .checkout a {
    text-align:center;
    color:#fff;
    display:inline-block;
    width:100%
}
.dui-navbar ul.navbar-right li.nav-language {
    width:124px;
    padding-right:24px
}
.dui-navbar ul.navbar-right li.nav-language a.nav-link {
    display:-webkit-box;
    display:flex;
    -webkit-box-pack:start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center;
    color:#303233
}
.dui-navbar ul.navbar-right li.nav-language .icon-language {
    margin-right:8px;
    display:inline-block;
    width:24px;
    height:24px;
    background-size:cover;
    background-image:url(../font/language-6b1074d5248b189a1921c73412dca963.svg)
}
.dui-navbar ul.navbar-right li.nav-language li.nav-item {
    padding-right:initial
}
.dui-navbar ul.navbar-right li.nav-language:hover:after {
    content:'';
    display:inline-block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    border-radius:1px 1px 0 0;
    background-color:#303233
}
.dui-navbar ul.navbar-right li.nav-language .dui-dropdown-menu>ul {
    width:124px
}
.dui-navbar ul.navbar-right li.nav-user .avatar-icon {
    display:block;
    background-position:center center;
    background-size:cover;
    background-image:url(../font/user-ab280f4807cc9843ed51d34f78e7c960.svg);
    width:24px;
    height:24px
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name {
    border-bottom:1px solid #dae1e6
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name>a {
    max-width:200px;
    text-overflow:ellipsis;
    overflow:hidden
}
.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nick-name:hover {
    background:#fff;
    font-weight:400
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu,.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu {
    width:auto;
    right:-10px;
    left:auto;
    -webkit-transform:none;
    transform:none;
    min-width:100px
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu ul:before,.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu ul:before {
    position:absolute;
    top:8px;
    right:26px;
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 8px 8px;
    border-color:transparent transparent #fff transparent
}
.dui-navbar ul.navbar-right li.nav-account .dui-dropdown-menu li.nav-item,.dui-navbar ul.navbar-right li.nav-user .dui-dropdown-menu li.nav-item {
    text-align:center
}
.dui-navbar ul.navbar-right li:hover .dui-dropdown-menu {
    padding:0 10px 10px;
    max-height:500px;
    opacity:1
}

.dui-navbar #siteHeaderSearch {
    position:absolute;
    width:1116px;
    top:0;
    left:50%;
    margin-left:-516px;
    display:none
}
.dui-navbar.navbar-searching #siteHeaderSearch .search-btn,.dui-navbar.navbar-searching #siteHeaderSearch .search-input {
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease
}
.dui-navbar .search-box {
    position:relative
}
.dui-navbar .search-box form {
    display:inline-block
}
.dui-navbar .search-box .search-input {
    display:inline-block;
    width:640px;
    outline:none;
    font-size:16px;
    height:32px;
    padding:4px 8px;
    border:none
}
.dui-navbar .search-box-cover {
    position:fixed;
    width:100%;
    height:100%;
    top:64px;
    left:0;
    opacity:.5;
    background-color:#000;
    z-index:990
}
.dui-navbar .search-box {
    padding:16px 0
}
.dui-navbar .search-box .search-btn {
    margin-right:4px;
    margin-left:182px
}
.dui-navbar .search-box .close-btn {
    display:inline-block;
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    color:#616466;
    cursor:pointer;
    margin-left:244px;
    margin-top:-12px;
    background-size:cover;
    background-image:url(../font/close-b410d6005e936ea767d80814c129310d.svg)
}
.dui-navbar .search-push {
    display:none;
    position:fixed;
    background-color:#fff;
    border-top:solid 1px #e7eef3;
    z-index:1001;
    top:64px;
    width:704px;
    left:50%;
    -webkit-transform:translate(-50%,0);
    transform:translate(-50%,0);
    font-size:16px;
    line-height:16px;
    border-radius:2px;
    padding:16px 0
}
.dui-navbar .search-push .hot-words-list {
    padding-bottom:8px
}
.dui-navbar .search-item {
    display:none
}
.dui-navbar .search-item a {
    padding:8px 40px;
    display:inline-block;
    width:100%;
    font-size:16px;
    line-height:16px;
    color:#303233
}
.dui-navbar .search-item li.active em,.dui-navbar .search-item li:hover em {
    font-weight:600
}
.dui-navbar .search-item h3 {
    font-size:12px;
    padding:8px 0;
    margin:0 40px;
    color:#919699
}
.dui-navbar .search-item h3 .clean-history-list {
    display:inline-block;
    width:auto;
    float:right;
    padding:0;
    color:#919699;
    font-size:12px;
    vertical-align:middle
}
.dui-navbar .search-item h3 .clean-history-list:hover {
    opacity:.5
}
.dui-navbar .search-item .quick-link .fa-bolt {
    color:#1897f2;
    margin-right:5px
}
.dui-navbar .search-item .quick-link em {
    font-style:initial;
    font-weight:600
}
.search-input::-ms-clear {
    display:none
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to {
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}@keyframes slideInRight {
     0% {
         -webkit-transform:translate3d(100%,0,0);
         transform:translate3d(100%,0,0);
         visibility:visible
     }
     to {
         -webkit-transform:translate3d(0,0,0);
         transform:translate3d(0,0,0)
     }
 }footer.site-footer {
      background:#181818;
      padding:72px 0
  }
footer.site-footer .grid-container {
    background:#181818;
}
footer.site-footer .grid {
    margin:0 -7px
}
footer.site-footer .cell {
    padding:0 7px
}
footer.site-footer .footer-highlight {
    padding:32px 0
}
footer.site-footer .footer-highlight .nav-pill {
    display:block;
    position:relative;
    overflow:hidden;
    width:100%;
    height:96px
}
footer.site-footer .footer-highlight .nav-pill img {
    display:block;
    width:100%;
    transition:all .3s;
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
footer.site-footer .footer-highlight .nav-pill p,footer.site-footer .footer-highlight .nav-pill:before {
    position:absolute;
    transition:all .3s
}
footer.site-footer .footer-highlight .nav-pill p {
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    font-size:18px;
    line-height:18px;
    color:#303233;
    top:50%;
    left:32px;
    z-index:2
}
footer.site-footer .footer-highlight .nav-pill:before {
    content:'';
    display:inline-block;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    z-index:1
}
footer.site-footer .footer-highlight .nav-pill:hover:before {
    background:rgba(0,0,0,.3)
}
footer.site-footer .footer-highlight .nav-pill:hover img {
    -webkit-transform:scale(1);
    transform:scale(1)
}
footer.site-footer .footer-category .grid {
    margin:0
}
footer.site-footer .footer-category p.title {
    color:#000;
    margin-bottom:8px;
    font-size:12px;
    line-height:24px;
    font-weight:500
}
footer.site-footer .footer-category .footer-item {
    width:15%
}
footer.site-footer .footer-category .footer-column {
    margin-bottom:24px
}
.footer-change-country .select-country .country-panel .country-body .countrybox:last-child,footer.site-footer .footer-category .footer-column:last-child,footer.site-footer .footer-category .nav-item:last-child {
    margin-bottom:0
}
footer.site-footer .footer-category .nav-item,footer.site-footer .footer-category .subscribe p.title {
    margin-bottom:8px
}
footer.site-footer .footer-category .nav-item a {
    font-size:12px;
    color:#9fa3a6;
    transition:all .3s ease;
    line-height:24px;
    display:block
}
footer.site-footer .footer-category .nav-item a:hover {
    color:#fff
}
footer.site-footer .footer-category .subscribe {
    text-align:left
}
footer.site-footer .footer-category .subscribe p.content {
    font-size:12px;
    margin-bottom:16px;
    color:#6c7073;
    line-height:24px
}
footer.site-footer .footer-category .subscribe .form-group .form-input {
    display:inline-block;
    font-size:14px;
    color:#6c7073;
    height:32px;
    width:184px;
    background:0 0;
    border:1px solid #6c7073;
    outline:none;
    padding:4px 0 4px 12px;
    border-right:none;
    vertical-align:middle
}
footer.site-footer .footer-category .subscribe .form-group .form-submit {
    display:inline-block;
    width:32px;
    height:32px;
    font-size:12px;
    line-height:1;
    color:#fff;
    background:#6c7073;
    border:none;
    outline:none;
    vertical-align:middle;
    border-radius:0 4px 4px 0;
    position: relative;
    left: -5px;
}
footer.site-footer .footer-category .subscribe .form-group .form-submit.is-valid {
    color:#fff;
    background:#1897f2
}
footer.site-footer .footer-category .subscribe .form-group .form-submit .fa-angle-right {
    font-size:12px
}
footer.site-footer .footer-category .subscribe .form-group p.tip {
    height:17px;
    font-size:12px;
    margin:8px 0 16px;
    color:#919699;
    white-space:nowrap
}
footer.site-footer .footer-about {
    border-bottom:1px solid #6c7073;
    -webkit-box-pack:justify;
    -moz-justify-content:space-between;
    justify-content:space-between;
    margin-top:48px;
    padding-bottom:16px
}
footer.site-footer .footer-about,footer.site-footer .footer-about .footer-nav {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:end;
    -moz-align-items:flex-end;
    align-items:flex-end
}
footer.site-footer .footer-about .nav-brand {
    display:block;
    width:42px;
    height:24px;
    margin:15px 0
}
footer.site-footer .footer-about .nav-brand .white,footer.site-footer .footer-about .nav-brand:hover .gray {
    display:none
}
footer.site-footer .footer-about .nav-brand .gray,footer.site-footer .footer-about .nav-brand:hover .white {
    display:block
}
.footer-ad-desc .footer-feedback a:hover,.footer-ad-desc .footer-record a:hover,footer.site-footer .footer-about ul.nav-right:hover li>a,footer.site-footer .footer-bottom .footer-feedback a:hover,footer.site-footer .footer-bottom a:hover {
    color:#919699
}
footer.site-footer .footer-about ul.nav-right:hover li:hover>a,footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li:hover a,footer.site-footer .footer-bottom ul.legal-links li a:hover {
    color:#FFF
}
footer.site-footer .footer-about ul.nav-right li {
    display:inline-block;
    padding:0 12px;
    height:24px
}
footer.site-footer .footer-about ul.nav-right li a {
    font-size:12px;
    line-height:24px;
    color:#9fa3a6;
    transition:all .3s ease
}
footer.site-footer .footer-about ul.footer-social {
    height:24px
}
footer.site-footer .footer-about ul.footer-social li {
    display:inline-block;
    margin-left:24px
}
footer.site-footer .footer-about ul.footer-social li a {
    display:block;
    vertical-align:middle
}
footer.site-footer .footer-about ul.footer-social li img {
    vertical-align:middle;
    height:16px;
    display:block
}
footer.site-footer .footer-about ul.footer-social .social-wechat {
    position:relative
}
footer.site-footer .footer-about ul.footer-social .social-wechat .popup {
    display:none;
    -ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    -o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    position:absolute;
    bottom:20px;
    right:0;
    width:150px;
    height:160px
}
footer.site-footer .footer-about ul.footer-social .social-wechat .popup img {
    width:150px;
    height:150px
}
footer.site-footer .footer-about ul.footer-social,footer.site-footer .footer-bottom,footer.site-footer .footer-bottom .footer-legal {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center
}
footer.site-footer .footer-bottom {
    color:#6c7073;
    font-size:12px;
    -webkit-box-pack:justify;
    -moz-justify-content:space-between;
    justify-content:space-between;
    padding:16px 0 0
}
footer.site-footer .footer-bottom a {
    font-size:12px;
    color:#6c7073;
    transition:all .3s ease
}
footer.site-footer .footer-bottom .footer-legal {
    line-height:24px
}
footer.site-footer .footer-bottom .copyright {
    font-size:12px;
    color:#6c7073;
    padding-right:32px
}
footer.site-footer .footer-bottom .footer-feedback {
    padding-left:10px;
    margin:0;
    min-height:initial;
    color:#616466;
    font-size:12px;
    line-height:12px
}
footer.site-footer .footer-bottom .footer-feedback a {
    text-decoration:none;
    color:#616466
}
footer.site-footer .footer-bottom ul.legal-links li {
    line-height:24px;
    display:inline-block;
    font-size:12px;
    padding-left:9px;
    color:#6c7073
}
footer.site-footer .footer-bottom ul.legal-links li:first-child {
    padding-left:0
}
footer.site-footer .footer-bottom ul.legal-links li:last-child {
    border-right:none
}
footer.site-footer .footer-bottom ul.legal-links li:last-child .dot {
    display:none
}
footer.site-footer .footer-bottom ul.legal-links .dot {
    width:2px;
    height:2px;
    border:1px solid #6c7073;
    display:inline-block;
    vertical-align:middle;
    margin-left:8px;
    border-radius:50%;
    background:#6c7073
}
footer.site-footer .footer-bottom .footer-locale,footer.site-footer .footer-bottom .footer-locale .select-locale {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center
}
footer.site-footer .footer-bottom .footer-locale {
    position:relative;
    width:112px
}
footer.site-footer .footer-bottom .footer-locale .icon-locale {
    margin-right:8px
}
footer.site-footer .footer-bottom .footer-locale .select-locale {
    padding:4px 0 4px 8px;
    width:88px;
    cursor:pointer
}
footer.site-footer .footer-bottom .footer-locale .select-locale i.arrow-up {
    width:0;
    height:0;
    border-style:solid;
    border-width:0 4px 6px;
    border-color:transparent transparent #919699 transparent;
    position:absolute;
    right:8px;
    top:9px
}
footer.site-footer .footer-bottom .footer-locale .select-locale .fa-angle-up {
    margin-left:14px;
    font-size:16px;
    position:absolute;
    right:8px;
    bottom:5px
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu {
    position:absolute;
    bottom:-14px;
    right:0;
    width:112px;
    background:#333;
    -ms-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    -o-box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    box-shadow:0 2px 6px 0 rgba(0,0,0,.1);
    max-height:0;
    overflow:hidden;
    transition:all .3s
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li {
    height:28px;
    transition:all .3s ease
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li a {
    padding:0 32px;
    font-size:12px;
    line-height:28px;
    display:inline-block;
    width:100%;
    color:#919699
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li:first-child {
    margin-top:8px
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li:hover {
    background:#494b4d
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li.active {
    border-top:1px solid #494b4d;
    height:auto;
    margin:8px 8px 0;
    padding:22px 24px;
    line-height:12px;
    cursor:default;
    color:#919699
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li.active .fa-angle-down {
    margin-left:14px;
    font-size:16px;
    position:absolute;
    right:8px;
    bottom:19px
}
footer.site-footer .footer-bottom .footer-locale ul.dui-dropdown-menu li.active:hover {
    background:0 0
}
.footer-ad-desc,.footer-enterprise-info {
    color:#616466;
    font-size:12px;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center;
    -webkit-box-pack:left;
    -moz-justify-content:left;
    justify-content:left
}
.footer-ad-desc .footer-record a {
    text-decoration:none;
    color:#616466;
    margin-right:5px
}
.footer-ad-desc .footer-feedback {
    color:#616466;
    margin:8px 0 0;
    line-height:24px
}
.footer-ad-desc .footer-feedback a {
    text-decoration:none;
    color:#616466;
    margin-left:5px
}
.country-modal-open {
    overflow-y:hidden;
    height:100%
}
.footer-change-country {
    position:relative;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center;
    height:24px
}
.footer-change-country .icon-locale {
    margin-right:8px
}
.footer-change-country .gray {
    display:block
}
.footer-change-country .white {
    display:none
}
.footer-change-country .change-locale {
    padding:4px 0;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -moz-align-items:center;
    align-items:center;
    cursor:pointer;
    color:#9fa3a6
}
.footer-change-country .select-country {
    z-index:10000;
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    overflow-y:auto
}
.footer-change-country .select-country .country-modal {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.6)
}
.footer-change-country .select-country .country-panel {
    position:relative;
    width:960px;
    background:#fff;
    margin-left:auto;
    margin-right:auto;
    margin-top:154px
}
.footer-change-country .select-country .country-panel .country-header {
    position:relative;
    height:56px;
    text-align:center;
    border-bottom:1px solid #f0f1f2
}
.footer-change-country .select-country .country-panel .country-header h3 {
    font-size:16px;
    line-height:56px
}
.footer-change-country .select-country .country-panel .country-header .country-header--close {
    cursor:pointer;
    position:absolute;
    width:16px;
    height:16px;
    display:inline-block;
    right:16px;
    top:20px;
    background-image:url(../font/close-b410d6005e936ea767d80814c129310d.svg);
    background-size:cover
}
.footer-change-country .select-country .country-panel .country-body {
    padding-left:32px;
    padding-top:33px;
    padding-bottom:30px;
    margin-bottom:20px
}
.footer-change-country .select-country .country-panel .country-body .countrybox {
    margin-bottom:32px
}
.footer-change-country .select-country .country-panel .country-body .countrybox--title {
    font-size:16px;
    line-height:24px;
    margin-bottom:8px
}
.footer-change-country .select-country .country-panel .country-body .countrylist--item {
    border-radius:2px;
    cursor:pointer;
    background-color:#f7f9fa;
    display:inline-block;
    margin-right:9px;
    margin-bottom:8px;
    padding:0 16px;
    width:293px;
    height:48px
}
.footer-change-country .select-country .country-panel .country-body .countrylist--item:hover {
    background-color:#f0f1f2
}
.footer-change-country .select-country .country-panel .country-body .countrylist--desc {
    color:#3b3e40;
    float:left
}
.footer-change-country .select-country .country-panel .country-body .countrylist--lang {
    float:right;
    color:#9fa3a6
}
.footer-change-country .select-country .country-panel .country-body .countrylist span {
    line-height:48px
}
.footer-change-country:hover .gray {
    display:none
}
.footer-change-country:hover .white {
    display:block
}
.footer-change-country:hover .change-locale {
    color:#fff
}

.v3-fancybox-closeBtn:hover {
    background-color:rgba(0,0,0,.4)
}

@media screen and (max-width: 768px){
	
	footer.site-footer{
		padding:30px 0;}
	footer.site-footer .footer-about{
		margin-top:0px;
	}
	.footer-about{
		margin-top:0;
	}
	
	
}