@import url('../../../../../../custom/static/css/myiconfont.css');
@media (min-width: 1480px){
    .j-wrap .container {
        max-width: 1360px;
    }
}
body.j-wrap{
    background-color: #F5F8F9;
}
.j-wrap *{
    font-family: "Source Han Sans SC";
}
.j-wrap .navbar {
    height:70px;
}
.j-wrap i.fa{
    font-family: 'FontAwesome';
}
.j-col-md-5-5 {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%
}
.j-col-md-6-5 {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%
}
.j-wrap .j-active-text{
    color: #1F96F8;
}
.j-wrap .j-btn-hover:hover{
    box-shadow: 2px 3px 5px 1px lightgrey;
}
.j-wrap .j-btn-dark-hover:hover {
    box-shadow: 1px 2px 4px 0px #383838;
}
.j-wrap .j-white-text{
    color: #FFFFFF;
}
.j-wrap .j-active-bg{
    background: #1F96F8;
}
.j-wrap .j-red-bg{
    background: #FA1A53;
}
.j-wrap .j-normal-text{
    color: #1F96F8;
}
.j-wrap .j-danger-text{
    color: #FA1A53;
}
.j-wrap .j-cursor-pointer{
    cursor: pointer;
}
.j-wrap .j-btn{
    border: 1px solid #ffffff00;
    border-radius: 22px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 28px;
    color: #999999;
    margin-right:12px;
    text-align: center;
    padding: 6px 18px 5px 18px;
    cursor: pointer;
}
.j-wrap .light-dark-text{
    color: #999999 !important;
}
.j-wrap .dark-text{
    color: #333333 !important;
}
.j-wrap .j-btn.j-btn-border{
    border: 1px solid #CCCCCC;
}
.j-wrap .j-btn.j-btn-bg-fill{
    background: #1F96F8;
    border: 1px solid #1F96F8;
    color:white;
}
/* .j-wrap .fade.in {
    opacity: 1;
}

.j-wrap .fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
} */
.j-wrap .navbar-nav li.dropdown li a:hover .desc p,
.j-wrap .navbar-nav li.dropdown li.active a .desc p{
    color: #1F96F8 !important;
    background: none;
}
.j-wrap .navbar-nav li.dropdown li a:hover{
    background: none;
}
.j-wrap .navbar-nav li.dropdown.j-mega ol {
    display:flex;
}
.j-wrap .navbar-nav li.dropdown.j-mega ol {
    position: absolute;
    top: 54px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    padding:20px 25px 25px 25px;
    left: -200px;
    width: max-content;
}
.j-wrap .navbar-nav li.dropdown .erp-module a{
    display:flex;
}
.j-wrap .navbar-nav li.dropdown .erp-module a .img-card{
    display:flex;
    width:110px;
    height:75px;
    color:white;
    padding:10px;
    flex-direction: column;
    justify-content: space-between;
}
.j-wrap .navbar-nav li.dropdown .erp-module a .img-card hr{
    width: 30px;
    height: 2px;
    background: #FFFFFF;
    opacity: 1;
    margin:0;
    border-radius: 10px;
}
.j-wrap .navbar-nav li.dropdown .erp-module a .img-card .name{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    margin:0;
}
.j-wrap .navbar-nav li.dropdown .erp-module a .img-card .more{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    margin:0;
    opacity: 0.5;
}

.j-wrap .navbar-nav li.dropdown .erp-module .desc{
    padding:5px 10px;
}
.j-wrap .navbar-nav li.dropdown .erp-module a p{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 18px;
    color: #AFAFAF;
    width: max-content;
    margin:0;
}
.j-wrap .section-III .section-head h3{
    font-size: 30px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 46px;
    color: #333333;
    margin-bottom: 0px;
}
.j-wrap .section .section-head{
    margin-bottom:10px;
}
.j-wrap .section .section-head h3 hr{
    width: 99px;
    height: 0px;
    background: #CCCCCC;
    margin-top: 21px;
}
.j-wrap .section .section-head h3 .title-left-line{
    margin-right: 31px;
}
.j-wrap .section .section-head h3 .title-right-line{
    margin-left: 31px;
}

.j-wrap .header-nav-bar .mobile-search-field ,
.j-wrap .header-nav-bar.open .pc-search-field{
    display: none;
}

.j-wrap .brand{
    margin-right: 67px;
}
.j-wrap .brand img {
    max-height: 40px;
}
.j-wrap nav .nav-contain {
    height: 70px;
}
.j-wrap .header-nav-bar{
    box-shadow: 0px 2px 5px #EFEFEF;
}
.j-wrap .navbar-nav a.nav-link {
    margin: 0 7px;
    padding: 8px 15px !important;
    color: #999999 !important;
    font-weight: 400;
    font-size: 16px;
}
.j-wrap .navbar-nav li.dropdown a.nav-link{
    padding: 8px 30px 8px 15px !important;
    color: #999999 !important;
    font-weight: 400;
}
.j-wrap a.nav-link.login-btn{
    /* width: 105px; */
    height: 36px;
    background: #1F96F8;
    opacity: 1;
    border-radius: 18px;
    color: white !important;
    margin :0 0 0 30px; 
    white-space: nowrap;
}
.j-wrap a.nav-link.login-btn:hover{
    box-shadow: 1px 1px 3px #7e7d7d;
    color:white;
}
.j-wrap a.nav-link.login-btn .login-icon{
    width: 13px;
    margin-right: 5px;
}
.j-wrap .navbar-nav li.nav-item:hover {
    background: transparent;
}
.j-wrap .navbar-nav.search-field{
    width: 300px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    opacity: 1;
    border-radius: 30px;
    color: #CCCCCC;
    padding: 3px;
}
.j-wrap .navbar-nav.search-field .nav-item{
    margin:auto 0;
}
.j-wrap .navbar-nav li.dropdown a.nav-link.select-search-field{
    padding: 5px 30px 5px 5px !important;
}
.j-wrap .navbar-nav .text-search-field{
    margin-right: 10px !important;
    border: none;
    outline: none;
    text-indent: 10px;
    max-width: 160px;
}
.j-wrap .navbar-nav .search-icon{
    width: 22px;
    height: 20px;
    vertical-align: sub;
}
.j-wrap .left-border::before{
    content:" ";
    color: #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

.j-wrap .navbar-nav .text-search-field::placeholder{
    color: #CCCCCC;
}
.j-wrap .header-nav-bar.open .search-field{ 
    width: calc(100% - 36px) !important;
    margin: 3px 18px !important;
}
.j-wrap .header-nav-bar.open .search-list{ 
    width: calc(100% - 48px) !important;
    margin: 3px 24px !important;
    list-style: none;
    border-top: none;
    box-shadow: 0 4px 6px 1px #cccccca3;
    flex-direction: column !important;
}
.j-wrap .header-nav-bar.open .search-list .s-item{ 
    padding: 3px 5px;
    color: #999999;
}
.j-wrap .header-nav-bar.open .search-list .s-item:hover{ 
    color: #1F96F8;
}
.j-wrap .header-nav-bar.open a.nav-link.login-btn{
    margin: 5px  18px;
    text-align: center;
    display: flex;
    justify-content: center;
}
.j-wrap .header-nav-bar .pc-search-field,.j-wrap .header-nav-bar.open .mobile-search-field{
    display: flex;
}
.j-wrap .header-nav-bar.open .mobile-search-field{
    flex-direction: row;
    padding: 3px 5px;
}
.j-wrap .header-nav-bar.open .mobile-search-field .select-search-field {
    width: 40px;
    margin: auto;
    height: 19px;
}
.j-wrap .header-nav-bar.open .mobile-search-field .select-search-field::after {
    content: '\f107';
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    margin: 10px 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.j-wrap .header-nav-bar.open .mobile-search-field .select-search-field.open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.j-wrap .header-nav-bar.open .mobile-search-field .left-border{
    width: 130px;
    margin: auto;
    height: 19px;
}
.j-wrap .header-nav-bar.open .mobile-search-field .text-search-field{
    width: 90px;
    margin: auto;
    height: 19px;
}
.j-wrap .search-list.mobile-search-field{
    display: none !important;
}
.j-wrap .header-nav-bar.open .search-list.mobile-search-field.open{
    display: flex !important;
}
.j-wrap .navbar-nav li.dropdown li a:hover,
.j-wrap .navbar-nav li.dropdown a:hover {
    color: #1F96F8 !important;
}
.j-wrap .navbar-nav li.dropdown ol a {
    font-size: 10px;
}
.j-wrap .navbar-nav li.nav-item.active a.nav-link,
.j-wrap .navbar-nav li.dropdown li.active a{
    color:#1F96F8 !important;
}
.j-wrap .navbar-nav li.dropdown.active a.nav-link li.active a{
    color: #1F96F8;
}
/* -----------footer ************************************************************************************************************************* */
footer {
    background: #575757;
}
.j-wrap .social-bar{
    background: white;
    height:64px;
}
.j-wrap .social-bar .footer-support-bar{
    justify-content: space-evenly;
}
.j-wrap .social-bar .fs-img{
    width:34px;
    height:34px;
    margin-right:10px;
}
.j-wrap .social-bar .fs-title{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 20px;
    color: #1F96F8;
}
.j-wrap .social-bar .fs-desc{
    height: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #999999;
}
.j-wrap .footer-main-menu{
    padding: 40px 130px 60px 130px;
}
.j-wrap footer h6.links-head {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom:15px;
}
.j-wrap footer ul.links li a {
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    color: #D5D5D5;
}
.j-wrap footer .contact-list ul.links li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #D5D5D5;
}
.j-wrap footer ul.links li:not(:last-child) {
    /* margin-bottom: 10px !important; */
    line-height: 18px;
    height: 18px;
}

.j-wrap footer ul{
    min-width: 235px;
}
.j-wrap footer .footer-copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #999999;
    background: #3D3D3F;
}
/* body */
/* -------------------------------header section I ****************************************************************************/
.j-wrap header {
    margin-top: 90px;
    background: #F5F8F9;
    padding-top:0px;
}
.j-wrap header .banner-img{
    width: 100%;
}
.j-wrap header .additional-header-bar{
    margin-top: 20px;
    margin-bottom: 20px;
}

.j-wrap header .additional-header-bar .left-section .tab-item{
    border: 1px solid #ffffff00;
    border-radius: 22px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 28px;
    color: #999999;
    margin-right:12px;
    text-align: center;
    padding: 6px 18px 5px 18px;
}

.j-wrap header .additional-header-bar .right-section{
    background: #FFE0C8;
    box-shadow: 0px 2px 4px rgba(165, 165, 165, 0.17);
    border-radius: 22px;

}
.j-wrap header .additional-header-bar .right-section .tab-item{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 17px;
    color: #FF9C50;
    margin: auto;
    display: flex;
    text-align: center;
    padding: 12px 44px;
}
.j-wrap header .additional-header-bar .left-section .tab-item.active{
    border: 1px solid #1F96F8;
    color: #1F96F8;
}
.j-wrap header .additional-header-bar .left-section .tab-item:hover{
    border: 1px solid #dddddd;
    background-color: #1F96F8;
    color: #fff
}
.j-wrap header .h-main-wrap{
    background: #FCFCFC;
    border-radius: 6px;
    padding: 30px 5px;
}
.j-wrap header .h-main-wrap .sec-location{
    background: #F1F1F1;
    padding: 12px 20px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.j-wrap header .h-main-wrap .sec-location img{
    width:20px;
    height:26px;
    margin-right:15px;

}
.j-wrap header .h-main-wrap .sec-location .sec-country .country-name{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 28px;
    color: #333333;
    margin-bottom:5px;
}
.j-wrap header .h-main-wrap .sec-location .sec-country .count{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 23px;
    color: #BBBBBB;
}

.j-wrap header .h-main-wrap .sec-1{
    border-radius: 6px;
}

.j-wrap header .h-main-wrap .sec-2{
    background: url('../../img/index_554.png');
}
.j-wrap header .h-main-wrap .sec-3{
    background: url('../../img/index_555.png');
}
.j-wrap header .h-main-wrap .sec-4{
    background: url('../../img/index_556.png');
}

.j-wrap header .h-main-wrap .sec-wrap{
    min-height: 250px;
    padding: 0 12px;
    margin-bottom:10px;
}
.j-wrap header .h-main-wrap .sec-wrap div{
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 250px;
    border-radius: 6px;
    min-height: 250px;
    padding:30px 20px;
    color:white;
}
.j-wrap header .h-main-wrap .sec-wrap .title{
    font-size: 24px;
    margin:0;
    margin-bottom: 10px;
}
.j-wrap header .h-main-wrap .sec-wrap .desc{
    font-size: 14px;
    opacity: 0.8;
    margin:0;
    margin-bottom: 30px;
}
.j-wrap header .h-main-wrap .sec-wrap hr{
    width: 100px;
    height: 3px;
    background: #FFFFFF;
    opacity: 0.5;
    margin:0;
    margin-bottom: 41px;
}
.j-wrap header .h-main-wrap .sec-wrap .read-more-btn{
    font-size: 16px;
    background:white;
    padding: 6px 27px;
    border-radius: 20px;
}
.j-wrap header .h-main-wrap .sec-wrap .sec-2 .read-more-btn{
    color: #EC91C5;
}
.j-wrap header .h-main-wrap .sec-wrap .sec-3 .read-more-btn{
    color: #906AD2;
}
.j-wrap header .h-main-wrap .sec-wrap .sec-4 .read-more-btn{
    color: #1F96F8;
}
.j-wrap .section-I  .slick-initialized .slick-slide {
    display: block;
    outline: none;
}
.j-wrap .section-I .slider_dots{
    background: #F8F8F8;
    margin-top: -15px;
}
.j-wrap .section-I .slider_dots ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.j-wrap .section-I .slider_dots li {
    margin: 0 8px;
}
.j-wrap .section-I .slider_dots li button {
    text-indent: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 5px;
    background: #141414;
    opacity: 0.11;
    border-radius: 3px;
    overflow: hidden;
    opacity: .23;
    transition: all .25s;
    text-decoration: none !important;
    outline: none !important;
    border: none;
}
.j-wrap .section-I .slider_dots li {
    margin: 0 5px;
}
.j-wrap .section-I .slider_dots li.slick-active button {
    opacity: 1;
    background:white;
    z-index: 1000;
}
.j-wrap .section-I .slider_dots li.slick-active {
    z-index: 1000;
}
/* ----------------------------section II ***************************************************************************************************************************/
.j-wrap .section-II .j-collapse-wrap .graph-wrap{
    display:none;
}
.j-wrap .section-II .j-collapse-wrap{
    display:block;
    background:#1F96F8;
    background:url(../../img/b_5c9b3e9c98ffd@2x.png);
    /* min-height:700px; */
    background-repeat: no-repeat;
    background-size:100% 100%;
    /* padding-bottom: 59px; */
}
.j-wrap .section-II .j-collapse-wrap.open{
    padding-bottom: 59px;
}
.j-wrap .section-II .section-head h3{
    color: white;
    font-size: 30px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    line-height: 20px;
}
.j-wrap .section-II .section-head {
    margin: 0;
    height:80px;
    background: #1F96F8;
}
.j-wrap .section-II .j-collapse-wrap.open .section-head {
    background: none;
}
.j-wrap .section-II .toggle-btn-wrap .tbw-c{
    height: 36px;
    width: 120px;
    background: #1F96F8;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
}
.j-wrap .section-II .toggle-btn-wrap .tbw-l{
    content: '';
    width: 0;
    height: 0;
    border-top: 36px solid #1F96F8;
    border-left: 15px solid transparent;
}
.j-wrap .section-II .toggle-btn-wrap .tbw-r{
    content: '';
    width: 0;
    height: 0;
    border-top: 36px solid #1F96F8;
    border-right: 15px solid transparent;
}
.j-wrap .section-II .toggle-btn-wrap .tbw-c span{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 13px;
    padding: 3px 15px;
    margin: auto;
    line-height: initial;
}
.j-wrap .section-II .open.section-head{
    background:transparent;
    margin-top:37px;
    background:transparent;
}
.j-wrap .section-II .j-collapse-wrap .graph-wrap{
    padding:45px 40px; 
    background: white;
    margin-top:39px;
    background: #FCFCFC;
    border-radius: 8px;
}
.j-wrap .section-II .j-collapse-wrap .graph-wrap img{
    width:100%;
}
.j-wrap .section-II .j-collapse-wrap .graph-wrap .left-wrap p{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 26px;
    color: #333333;
    margin-top:20px;
    margin-bottom: 0;
}
.j-wrap .section-II .j-collapse-wrap .graph-wrap .right-wrap{
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.j-wrap .section-II .j-collapse-wrap .graph-wrap .right-wrap .more-btn{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    background: #1F96F8;
    border-radius: 20px;
    padding:10px 56px;
}
/* --------------------------section III **********************************************************************************************************************/
.j-wrap .section-III{
    background: #F5F8F9;
}
.j-wrap .section-III .tags-list .s-tags{
    margin-left:20px;
    margin-bottom:20px;
}
.j-wrap .section-III .product-1st-row,
.j-wrap .section-III .product-2nd-row{
    display: flex;
}
.j-wrap .section-III .product-1st-row .p-item{
    /* max-width: 18%; */
    background: white;
    padding:10px; 
    color: #999999;
    font-size: 12px;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
    box-shadow: 0px 3px 6px rgba(165, 165, 165, 0.15);
    margin:10px;
}


.j-wrap .section-III .p-item p,
.j-wrap .section-III .p-item label{
    margin: 0;
}
.j-wrap .section-III .product-1st-row .p-item p{
    margin-bottom: 5px;
}
.j-wrap .section-III .product-1st-row .p-item .p-manufacturer{
    margin-bottom: 0px;
}
.j-wrap .section-III .product-1st-row .p-item .p-img{
    width:100%;
    max-height: 200px;
    border-radius: 6px;
}
.j-wrap .section-III .product-1st-row .p-item .cus-btn{
    background: #1F96F8;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    padding:8px;
    font-weight: 400;
    text-align:center;
    line-height: 20px;
}
.j-wrap .section-III .product-1st-row .p-item .p-desc-wrap{
    padding: 10px;
     
}

.j-wrap .section-III .product-2nd-row .p-item{
    /* max-width: 18%; */
    background: white;
    border-radius: 4px;
    color: #999999;
    font-size: 14px;
    margin:10px;
    transition: all 0.5s;
    cursor: pointer;
}
.j-wrap .section-III .product-2nd-row .p-item:hover{
    box-shadow: -5px 5px 5px 5px rgba(0, 0, 0, 0.1);
    /* 位移 Y轴 向上 */
    transform: translateY(-20px);
}
.j-wrap .section-III .product-2nd-row .p-item:hover .p-desc-wrap .p-price{
    background-color: #1F96F8;
    color: #fff;
}
.j-wrap .section-III .product-2nd-row .p-img{
    width:100%;
    max-height: 270px;
    border-radius: 6px;
}
.j-wrap .section-III .product-2nd-row .p-item .p-desc-wrap{
    padding: 10px;
    margin-bottom: 6px;
}
.j-wrap .section-III .product-2nd-row .p-item .p-desc-wrap .p-title{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #333333;
}
.j-wrap .section-III .product-2nd-row .p-item .p-desc-wrap .p-time{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    margin: 10px 0px;
}
.j-wrap .section-III .product-2nd-row .p-item .p-desc-wrap .p-price{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    padding: 3px 20px;
    border: 1px solid #1F96F8;
    border-radius: 15px;
    line-height: 24px;
    display:inline;
}

.j-wrap .section-III .more-wrap{
    margin-top:40px;
    line-height: 40px;
}
.j-wrap .section-III .more-product-btn{
    background: #1F96F8;
    border-radius: 20px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding: 12px 56px;
}
/* --------------------------------section IV ***************************************************************************************************************************/
.j-wrap .section-IV {
    padding: 0 40px;
}
.j-wrap .section-IV .section-head,
.j-wrap .section-IV .section-head h3{
    margin-bottom:0;
}
.j-wrap .promotion-wrap{
    /* margin-bottom: 34px; */
    padding: 0 36px;
}
.j-wrap .promotion-wrap .right-wrap img{
    max-width: 616px;
    margin:auto;
    width: 100%;
}
.j-wrap .promotion-wrap .left-wrap{
    padding:0 20px;
}
.j-wrap .promotion-wrap .left-wrap .p-title{
    margin-bottom:30px;
    font-size: 26px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 28px;
    color: #1F96F8;
}
.j-wrap .promotion-wrap .left-wrap .p-sub-wrap{
    margin-bottom:40px;
}
.j-wrap .promotion-wrap .left-wrap .p-sub-wrap .p-sub-title{
    margin-bottom:16px;
    font-size: 22px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 28px;
    color: #333333;
}
.j-wrap .promotion-wrap .left-wrap .p-sub-wrap .p-sub-desc{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 40px;
    color: #999999;
}
/* ---------------------------------section V ***************************************************************************************************************************/
.j-wrap .section-V{
    background-size: auto 100%;
    background-repeat: no-repeat;
    min-height: 21.35vw;
    display:flex;
    align-items: center;
    background-position: left;
    margin-bottom: 64px;
}
.j-wrap .section-V .mobile-promote{
    padding: 34px;
}
.j-wrap .section-V .mobile-promote .section-V-left{
    flex: 1;
    background: #fff;
    box-shadow: 0 0 10px #999;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 64px;
}

.j-wrap .section-V .mobile-promote .section-V-right{
    flex: 1;
    border-radius: 4px;
    overflow: hidden;
}
.hover-shadow:hover{
    transform: translate3d(1px,3px,3px) !important;
    /* box-shadow: 0 0 10px #999; */
    transition: all .2s;
    box-shadow: -5px 5px 5px 5px rgb(0 0 0 / 10%);
    transform: translateY(-20px);
}
/* ---------------------------------section VI *****************************************************************************************************************************/
.j-wrap .section-VI,
.j-wrap .s-VI-style{
    background: #fff;
    padding-bottom:96px; 
}
.j-wrap .section-VI .container,
.j-wrap .s-VI-style .container{
    padding:0 30px;
}
.section-card{
    border-radius: 4px;
    border-radius: 6px;
    overflow: hidden;
    width: calc(96% / 3);
}
.j-wrap .section-VI .section-head,
.j-wrap .s-VI-style .section-head{
    margin-bottom:40px;
}
.j-wrap .section-VI .associate-store,
.j-wrap .s-VI-style .associate-store{
    margin-bottom:30px;
}
.j-wrap .section-VI .associate-store .a-store img,
.j-wrap .s-VI-style .associate-store .a-store img{
    max-width: 100%;
    height:100px;
}
.j-wrap .section-VI .associate-store .syn-platform-data,
.j-wrap .s-VI-style .associate-store .syn-platform-data{
    background:#1F96F8;
    color:white;
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 36px;
    color: #FFFFFF;
    height: 100px;
}
.j-wrap .section-VI .associate-store .more-platform-online,
.j-wrap .s-VI-style .associate-store .more-platform-online{
    background:#DDDDDD;
    color:white;
    font-family: Source Han Sans SC;
    font-weight: bold;
    line-height: 36px;
    font-size: 18px;
    color: #999999;
    height:100px;
    /* padding:18px 40px; */
}
.j-wrap .section-VI .associate-store .more-platform-online span,
.j-wrap .s-VI-style .associate-store .more-platform-online span{
    max-width: 150px;
    /* padding:18px 40px; */
}
.j-wrap .section-VI .associate-store .a-store,
.j-wrap .s-VI-style .associate-store .a-store{
    min-width: 200px;
    margin-top:30px;
    text-align: center;
}
.j-wrap .section-VI .reviews-wrap,
.j-wrap .s-VI-style .reviews-wrap{
    background: #F8F8F8;
    color: #999999;
    padding:0 0 0 30px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
}
.j-wrap .section-VI .reviews-wrap .review-slider,
.j-wrap .s-VI-style .reviews-wrap .review-slider{
    padding:30px 30px 10px 0;
}
.j-wrap .section-VI .reviews-wrap .review-slider .review-content,
.j-wrap .s-VI-style .reviews-wrap .review-slider .review-content{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 36px;
    color: #999999;
}
.j-wrap .section-VI .reviews-wrap .review-slider .review-name,
.j-wrap .s-VI-style .reviews-wrap .review-slider .review-name{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
    margin-left:auto;
}
.j-wrap .section-VI  .slick-initialized .slick-slide ,
.j-wrap .s-VI-style  .slick-initialized .slick-slide {
    display: block;
    outline: none;
}
.j-wrap .section-VI .slider_dots,
.j-wrap .s-VI-style .slider_dots{
    background: #F8F8F8;
    padding: 10px 0;
}
.j-wrap .section-VI .slider_dots ul ,
.j-wrap .s-VI-style .slider_dots ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.j-wrap .section-VI .slider_dots li ,
.j-wrap .s-VI-style .slider_dots li {
    margin: 0 8px;
}
.j-wrap .section-VI .slider_dots li button ,
.j-wrap .s-VI-style .slider_dots li button {
    text-indent: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    opacity: .23;
    transition: all .25s;
    background: #1F96F8;
    text-decoration: none !important;
    outline: none !important;
    border: none;
}
.j-wrap .section-VI .slider_dots li ,
.j-wrap .s-VI-style .slider_dots li {
    margin: 0 9px;
}
.j-wrap .section-VI .slider_dots li.slick-active button ,
.j-wrap .s-VI-style .slider_dots li.slick-active button {
    opacity: 1;
}
/*---------------      ERP page      ************************************************************************* */

.j-wrap.erp-page .section-I{
    margin-top:10px;
}
.j-wrap.erp-page .section-I .shop-list{
    padding: 30px 30px 41px 30px;
    background: white;
}
.j-wrap.erp-page .section-I .shop-card{
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    min-height:130px;
    width: 100%;
    display:flex;
    align-items: center;
    padding: 25px 21px;
    border-radius: 6px;
}
.j-wrap.erp-page .section-I .shop-card .shop-subject{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-right: 20px;
}
.j-wrap.erp-page .section-I .shop-card .shop-adv{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.j-wrap.erp-page .section-I .shop-card .shop-adv p{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 9px;
    opacity: 0.5;
}
.j-wrap.erp-page .section-I .shop-card .shop-adv p:last-child{
    margin-bottom: 0px;
}
.j-wrap.erp-page .section-I .shop-card.more-feature{
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.j-wrap.erp-page .section-I .shop-card.more-feature p.adv-detail{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    margin: 0;
    padding:5px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.j-wrap.erp-page .section-II{
    margin-top:20px;
}
.j-wrap.erp-page .section-II .inventory-module{
    background: url(../../img/ERP/jihe@2x.png);
    background-repeat: no-repeat;
    background-size : 100% 100%;
    padding:40px 30px 40px 30px;
}
.j-wrap.erp-page .section-II .inventory-module .title{
    font-size: 34px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FEF7EA;
}
.j-wrap.erp-page .section-II .inventory-module .tag-line{
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FEF7EA;
    margin:0px;
    margin-top:10px;
}
.j-wrap.erp-page .section-II .inventory-module .inventory-module-list{
    margin-top:30px;
}
.j-wrap.erp-page .section-II .inventory-module .module{
    background: #FFFFFF;
    border-radius: 8px;
    padding:20px 14px 21px 14px;
    max-width: 150px;
    min-width:150px;
    margin:10px;
}
.j-wrap.erp-page .section-II .inventory-module .module .module-logo{
    width:50px;
    height:42px;
    margin-bottom: 10px;
}
.j-wrap.erp-page .section-II .inventory-module .module .module-title{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #333333;
}
.j-wrap.erp-page .section-II .inventory-module .module.more-module{
    background:#F8D099;
}
.j-wrap.erp-page .section-II .inventory-module .module.more-module .module-logo{
    width: 36px;
    height:36px;
}
.j-wrap.erp-page .section-II .inventory-module .module .module-more{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: white;
    margin:0;
}
.j-wrap.erp-page .section-II .inventory-module .module .module-desc{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    margin:0;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------- */
.j-wrap.erp-page .section-III{
    margin-top: 20px;
}
.j-wrap.erp-page .card-row{
    padding:0;
    margin:0;
    background: white;
}
.j-wrap.erp-page .card-row .img-wrap img{
    width: 100%;
}
.j-wrap.erp-page .card-row .desc-wrap {
    width: 100%;
}
.j-wrap.erp-page .card-row .desc-wrap .title{
    font-size: 30px;
    font-family: Source Han Sans SC;
    font-weight: bold;
}
.j-wrap.erp-page .card-row .desc-wrap .desc{
    max-width: 336px;
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 40px;
}
.j-wrap.erp-page .card-row .desc-wrap .more-btn,
.j-wrap .more-btn-style{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    padding:12px 45px;
    border-radius: 2px;
    width: max-content;
}
.j-wrap.erp-page .card-row.primary-type .desc-wrap .title{
    color: #1F96F8;
}
.j-wrap.erp-page .card-row.primary-type .desc-wrap .desc{
    color: #333333;
}
.j-wrap.erp-page .card-row.primary-type .desc-wrap .more-btn{
    background: #1F96F8;
    color: #FFFFFF;
}
.j-wrap.erp-page .card-row.secondary-type .desc-wrap .title{
    color: #ffffff;
}
.j-wrap.erp-page .card-row.secondary-type .desc-wrap .desc{
    color: #ffffff;
}
.j-wrap.erp-page .card-row.secondary-type .desc-wrap .more-btn{
    color: #1F96F8;
    background: #FFFFFF;
}
.j-wrap.erp-page .card-row.card-2nd-row{
    background-size: cover !important;
}
/* -----------section IV ****************************************************************************************/
.j-wrap.erp-page .section-IV{
    margin-top:20px;
    padding:0;
    margin-bottom:150px;
}
.j-wrap.erp-page .section-IV .container{
    padding: 0 15px;
    background: none;
}
.j-wrap.erp-page .section-IV .container .main-wrap{
    background: white;
    padding: 50px 30px;
}
.j-wrap.erp-page .section-IV .container .main-wrap .section-head .tag-line,
.j-wrap .s-VI-style .container .section-head .tag-line{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    margin-top: 10px;
}
.j-wrap.erp-page .section-IV .container .main-wrap .section-head{
    margin-bottom: 20px;
}
.j-wrap.erp-page .section-IV .associate-store .a-store img {
    height: 90px;
}
.j-wrap.erp-page .section-IV .associate-store{
    margin-bottom: 50px;
}
.j-wrap .s-VI-style .associate-store .more-platform-online {
    background: #FF7700;
    color: #FFFFFF;
    height:90px;
}
.j-wrap .s-VI-style .associate-store .more-platform-online {
    background: #FF7700;
    color: #FFFFFF;
    height:90px;
}
/* ---------------membership Section I **************************************************************************/
.j-wrap.membership-page .section-I,
.j-wrap .membership-page-section-I-style{
    /* background-size: auto 100% !important; */
    background-position-x: center  !important;
    background-repeat: no-repeat !important;
    min-height: 350px;
    width: auto;
}
.j-wrap.membership-page .section-I .section-solgan,
.j-wrap .membership-page-section-I-style .section-solgan{
    margin-top: 73px;
}
.j-wrap.membership-page .section-I .title,
.j-wrap .membership-page-section-I-style .title{
    font-size: 36px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
}
.j-wrap.membership-page .section-I .tag-line,
.j-wrap .membership-page-section-I-style .tag-line{
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 19px;
}
.j-wrap.membership-page .section-II .service-list{
    min-height: 110px;
    margin-top: -55px;
    background: #FFFFFF;
    box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    padding: 10px;
}
.j-wrap.membership-page .section-II .service-list .service-wrap{
    min-width: 140px;
}
.j-wrap.membership-page .section-II .service-list .service img{
    width: 70px;
    height: 70px;
    margin-right: 5px;
}
.j-wrap.membership-page .section-II .service-list .service .desc-wrap .title{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    margin-bottom: 5px;
}
.j-wrap.membership-page .section-II .service-list .service .desc-wrap .desc{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}
.title-eng small{
    font-size: 16px;
    color: #999;
}
/* ------------------------section III ------------------------------ */
.j-wrap.membership-page .section-III {
    margin-top:60px;
}
/* .j-wrap.membership-page .section-III .section-title{
    font-size: 30px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
}
.j-wrap.membership-page .section-III .main-wrap{
    margin-top: 40px;
}
.j-wrap.membership-page .section-III .main-wrap .paid-plan::before{
    content:'';
    border-right: 1px solid #DDDDDD;
    width:1px;
    height:866px;
    position: absolute;
    top: 70px;
    left: 0;
}
.j-wrap.membership-page .section-III .main-wrap .plan{
    background: white;
    margin: auto 33px;
    padding-top: 70px;
    padding-bottom: 54px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    min-height: 1040px;
    border-radius: 8px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .title{
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    line-height:36px;
    margin-bottom:15px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .price{
    line-height: 59px;
    font-size: 40px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
    margin-bottom:10px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .price span{
    font-size:20px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .business{
    line-height: 20px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    margin-bottom:30px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .detail-btn{
    line-height: 27px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    background: #ECF7FF;
    border: 1px solid #1F96F8;
    padding: 16px 64px 13px 64px;
    margin-bottom:40px;
}
.j-wrap.membership-page .section-III .main-wrap .plan .support{
    line-height: 38px;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
.j-wrap.membership-page .section-III .main-wrap .plan .support .extra{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 18px;
    color: #FA1A53;
    background: #FFF2F5;
    border: 1px solid #FA1A53;
    padding:10px 8px;
    border-radius: 4px;
    max-width:200px;
    display: inline-block;
}
.j-wrap.membership-page .section-III .main-wrap .try-btn{
    background: #1F96F8;
    border: 1px solid #1F96F8;
    line-height: 27px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding: 16px 64px 13px 64px;
}
.j-wrap.membership-page .section-III .main-wrap .paid-plan .try-btn{
    background: #FA1A53;
    border :1px solid #FA1A53;
}
.j-wrap.membership-page .section-III .describe{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 20px;
    color: #BBBBBB;
    max-width: 490px;
    margin-top:20px;
} */
/* ------------------------------------------------------------------------ */
.j-wrap.membership-page .section-IV {
    margin-top:80px;
    padding: 0;
}
.j-wrap.membership-page .section-IV .service-plan-left,
.j-wrap.membership-page .section-IV .service-plan-right{
    flex: 1;
}
.j-wrap.membership-page .section-IV .service-plan-mid{
    width: 1px;
    background: #eee;
    margin: 75px;
}
.j-wrap.membership-page .section-IV .service-plan-cnt{
    height: 868px;
    margin-bottom: 24px;
}
.j-wrap.membership-page .section-IV .plan-card {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 4px 4px 0px 0px;
}
.j-wrap.membership-page .section-IV .title{
    background: linear-gradient(45deg, #3A90FD 0%, #1D6FFF 100%);
    border-radius: 4px 4px 0px 0px;
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    opacity: 1;
    padding:32px;
}
.j-wrap.membership-page .section-IV  .red-card .title{
    background: linear-gradient(45deg, #FF9073 0%, #FA644D 100%);
}
.j-wrap.membership-page .section-IV  .orange-card .title{
    background: linear-gradient(45deg, #F3BB24 0%, #FEA201 100%);
}
.j-wrap.membership-page .section-IV  .purple-card .title{
    background: linear-gradient(45deg, #AF99FE 0%, #9C88FB 100%);
}
.j-wrap.membership-page .section-IV .detail-info {
    margin-top: 242px;
    padding-bottom:35px;
}
.j-wrap.membership-page .section-IV .detail-info .price {
    font-size: 38px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
}
.j-wrap.membership-page .section-IV .detail-info .price .value{
    font-size: 117px;
}
.j-wrap.membership-page .section-IV .detail-info .sale{
    font-size: 28px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    opacity: 1;
    background: #F5F5F5;
    border-radius: 8px;
    background: #ffdc1b;
    margin: 48px;
    padding: 8px 46px 6px 46px;
}
.j-wrap.membership-page .section-IV .detail-info .try-btn{
    font-size: 38px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    border: 1px solid #1F96F8;
    opacity: 1;
    margin-top: 90px;
    padding: 19px 110px;
}
.j-wrap.membership-page .more-service-btn{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #FFFFFF;
    padding:17px 76px 16px 76px;
    background: #1F96F8;
    border: 1px solid #1F96F8;
    margin-top:60px;
    margin-bottom:60px;
}
/* *******membership detailed page******************************************************************************************************************************** */
.j-wrap.membership-page.membership-detail-page .section-III table{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
}
.j-wrap.membership-page.membership-detail-page .section-III{
    margin-bottom:150px;
}
.j-wrap.membership-page.membership-detail-page .section-III table{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
}
.j-wrap.membership-page.membership-detail-page .table-bordered td, .table-bordered th{
    border-color:#DDDDDD;
}
.j-wrap.membership-page.membership-detail-page .table-striped tbody tr:nth-of-type(odd) {
    background-color:#F2F8FD;
}
.j-wrap.membership-page.membership-detail-page .table-striped tbody tr:nth-of-type(even) {
    background-color:#FFFFFF;
}
.j-wrap.membership-page.membership-detail-page .section-III table p{
    margin:0px;

}
.j-wrap.membership-page.membership-detail-page .section-III table th,
.j-wrap.membership-page.membership-detail-page .section-III table td{

    vertical-align: middle;
}
.j-wrap.membership-page.membership-detail-page .section-III table thead{
    background: #1F96F8;
    opacity: 0.9;
    color:white;
    vertical-align: middle;
}
.j-wrap.membership-page.membership-detail-page .section-III table thead .price{
    font-size: 12px;
    padding:2px;
    background: #FF7700;
    border-radius: 2px;
    display:inline;
}
.j-wrap.membership-page.membership-detail-page .section-III table tr td:first-child{
    text-align: left;
    padding-left:120px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #333333;
    background: #F6F6F6;
    width:360px;
}

.j-wrap.membership-page.membership-detail-page .section-III table th:first-child{
    font-size:20px;
}
.j-wrap.membership-page.membership-detail-page .section-III table .false-sign, 
.j-wrap.membership-page.membership-detail-page .section-III table .true-sign{  
    padding:0;
}
.j-wrap.membership-page.membership-detail-page .section-III table .false-sign span{  
    background: url(../../img/membership-service/g_356.png);
    width: 26px;
    height: 26px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin:auto;
}
.j-wrap.membership-page.membership-detail-page .section-III table .true-sign span{  
    background: url(../../img/membership-service/g_354.png);
    width: 26px;
    height: 26px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin:auto;
}
.j-wrap.membership-page.membership-detail-page .section-III table .subtitle-row td{
    background: #1F96F8 !important;
    color: white;
    font-weight: 500;
}
.j-wrap.membership-page.membership-detail-page .section-III table .subtitle-row td:first-child{
    border-right:none;
}
.j-wrap.membership-page.membership-detail-page .section-III table .subtitle-row td{
    border-left:none;
}
.j-wrap.membership-page.membership-detail-page .section-III table .try-row td:first-child{
    background: white;
}
.j-wrap.membership-page.membership-detail-page .section-III table .try-row{
    padding:20px;
    height:100px;
}
.j-wrap.membership-page.membership-detail-page .section-III table .try-row span{
    color: white;
    font-size:18px;
    border-radius: 4px;
    padding:16px 39px;
}
/* ---------------Help center page****************************************************************************************** */
.j-wrap.helpcenter-page .section-I .tag-line{
    font-size: 18px;
    font-weight: 400;
}
.j-wrap.helpcenter-page .section-I .question-search{
    margin-top:30px;
    padding:0 10px;
}
.section-I .search-title{
    margin-left: 363px !important;
}
.j-wrap.helpcenter-page .section-I .question-search .search-text{
    background: #FFFFFF;
    border-radius: 4px 0px 0px 4px;
    padding:15px 20px;
    font-size:20px;
    height:50px;
}
.j-wrap.helpcenter-page .section-I .question-search .search-text::placeholder{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #BBBBBB;
}
.j-wrap.helpcenter-page .section-I .question-search .search-button{
    background: #1F96F8;
    border-radius: 0px 4px 4px 0px;
    outline: none;
    border: none;
    height:50px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding:16px 15px;
}
.j-wrap.helpcenter-page .section-I .question-search .search-button:hover{
    background: #FA1A53;
}
.j-wrap.helpcenter-page .section-II{
    margin-top : 50px;
}
.j-wrap.helpcenter-page .section-II .issue-list .col-lg-6{
    margin-bottom: 48px;
}
.j-wrap.helpcenter-page .section-II .common-problem,.j-wrap.helpcenter-page .section-II .help-title-box{
    height: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 1px 1px 11px #ddd;
    border-radius: 10px;
    padding-bottom: 24px;
}
.j-wrap.helpcenter-page .section-II .issue-card .issue-title{
    border-radius: 4px;
    font-size: 32px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    padding:20px 30px 17px 30px;
}
.common-problem .issue-title{
    color: #1F96F8;
}
.common-problem .info .go-arrow{
    cursor: pointer;
    box-shadow: 4px -4px 14px #eee;
    color: #1F96F8;
    border-color: #1F96F8;
}
.j-wrap.helpcenter-page .section-II .issue-card .issue-title span{
    height: 24px;
}
.j-wrap.helpcenter-page .section-II .issue-card .detailed-info{
    padding: 0 20px 0 36px;
    margin-bottom:36px;
}
.detailed-info .info{
    position: relative;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    border-bottom: 1px solid #eee;
    list-style: disc;
    padding: 19px 0;
    margin:0;
}
.detailed-info .info:hover{
    color: #1F96F8;
}
.info .go-arrow{
    width: 30px;
    position: absolute;
    right: 0;
    top: 14px;
    transform: rotate(180deg);
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info:hover .go-arrow{
    cursor: pointer;
    box-shadow: 4px -4px 14px #eee;
    border-color: #1F96F8;
}
.j-wrap.helpcenter-page .section-II .issue-card .issue-title img{
    width:32px;
    height:32px;
    margin-right:15px;
    vertical-align: sub;
}
.j-wrap.helpcenter-page .section-II .issue-card .more-btn{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    padding: 8px 43px;
    border: 1px solid #1F96F8;
    margin-bottom:25px;
}
.j-wrap.helpcenter-page .section-II .common-problem .issue-card .detailed-info{
    padding:10px 30px 10px 30px;
}
/* .j-wrap.helpcenter-page .section-II .common-problem .issue-card .detailed-info .info{
    font-size: 13px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
    padding:20px 0;
    border-bottom: 1px solid #EEEEEE;
    margin:0;
} */
/* .j-wrap.helpcenter-page .section-II .common-problem .issue-card .detailed-info .info:last-child{
    border: none;
    margin-bottom:46px;
} */
.j-wrap.helpcenter-page .section-II .common-problem .issue-card .detailed-info {
    padding: 0 20px 0 36px;
    margin-bottom: 0;
}
.j-wrap.helpcenter-page .section-II .common-problem .tec-support {
    background: #FEEBDB;
    border-radius: 4px;
    padding-top:30px;
    padding-bottom:20px;
    margin-bottom: 30px;
}
.j-wrap.helpcenter-page .section-II .common-problem .tec-support .title{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FF7700;
    margin-bottom:15px;
}
.j-wrap.helpcenter-page .section-II .common-problem .tec-support .desc{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FF7700;
    margin-bottom:36px;
}
.j-wrap.helpcenter-page .section-II .common-problem .tec-support .try-btn{
    font-size: 16px;
    font-family: Source Han Sans SC;
    color: #FFFFFF;
    padding:8px 43px;
    background: #FF7700;
    border-radius: 4px;
}
/* --------Product detail page------ *****************************************************************************/
.j-wrap.productdetail-page .section-I{
    margin-top:10px;
}

.j-wrap.productdetail-page p,
.j-wrap.productdetail-page label{
    margin:0;
    padding: 0;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding:18px 30px;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs{
    display: inline-block;
    list-style:none;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link a{
    margin-right: 27px;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link a:after{
    content: '\f105';
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    color: #BBBBBB;
    margin-left: 10px;
    top:11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link:last-child a{
    color: #1F96F8;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link:last-child a:after{
    content: '';
    display:none;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .right-wrap{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 28px;
    color: #999999;
}
.j-wrap.productdetail-page .section-I .bread-crumbs-wrap .right-wrap .fingerprint{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    padding:3px 6px;
    background: #FF7700;
    border-radius: 2px;
    color:white;
    margin-left:10px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap{
    margin-top:10px;
    padding: 20px;
    background: white;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .featured-img{
    border-radius: 6px;
    max-width: 520px;
    max-width: 520px;
    width:100%;
    max-height: 410px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-other-img-list{
    overflow:auto;
    margin-top:20px;
}
.product-img-list-box {
    width:auto;
    height:75px;
    white-space: nowrap;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-other-img-list img.other-img{
    width:70px;
    height:70px;

}
.j-wrap.productdetail-page .section-I .product-info-wrap{
    padding:10px 30px;
}
.j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .title{
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #333333;
    max-width:672px;
}

.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap {
    max-width:672px;
}
.j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .title .new-badge{

    background: #FFECDB;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FF7700;
    padding:5px 11px;
    margin-left:10px;
}
.j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .share-btn{
    background: #F1F1F1;
    opacity: 1;
    border-radius: 15px;
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    padding: 6px 14px;
    margin-top: 8px;
    min-width: 70px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap{
    background: #F5F5F5;
    margin-top:20px;
    padding: 11px 20px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap p,
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap label{
    margin:0;
    padding: 0;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .main-price{
    font-size: 24px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #1F96F8;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .main-price label{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-title,
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-value{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    padding:6px;
    border-radius: 2px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-title{
    background: #1F96F8;
    color:#FFFFFF;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-value{
    background: #1F96F810;
    color:#1F96F8;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable-wrap{
    margin-top:20px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable{
    background: #F5F5F5;
    border-radius: 4px;
    padding:6px 26px;
    margin-right:30px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable-wrap .value{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable-wrap .desc{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-color-wrap{
    margin-top: 20px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-color-wrap label{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-color-wrap img{
    margin-left:20px;
    width:50px;
    height:50px;
}

.j-wrap.productdetail-page .section-I .product-detail-wrap .product-size-wrap{
    margin-top: 20px;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-size-wrap label{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #333333;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-size-wrap .p-size{
    margin-left:10px;
    padding: 3px 17px;
    font-size:14px;
    border: 1px solid #DDDDDD;
    border-radius: 2px; 
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .product-size-wrap .p-size.active{
    background:#1F96F8;
    color:white;
    border: 1px solid #1F96F8;
}
.j-wrap.productdetail-page .section-I .product-detail-wrap .custom-design-btn{
    margin-top:49px;
    background:#1F96F8;
    color:white;
    border-radius: 4px;
    padding:13px 55px;
}
/* --------------------------------------------------------------- */
.j-wrap.productdetail-page .section-II,
.j-wrap .product-info-wrap-style {
    margin-top:30px;
    margin-bottom:150px;
}
.j-wrap.productdetail-page .section-II .p-info-nav li a,
 .j-wrap .product-info-wrap-style .p-info-nav li a{
    background: #FFFFFF;
    border-radius: 4px;
    width: 120px;
    /* padding: 13px 24px; */
    padding-top: 13px;
    padding-bottom: 12px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    margin-right:20px;
    color: #CCCCCC;
    border: 1px solid #EEEEEE;
}
.j-wrap.productdetail-page .section-II .p-info-nav li.active a,
 .j-wrap .product-info-wrap-style .p-info-nav li.active a{
    background: #1F96F8;
    color: #FFFFFF;
    border:1px solid #1F96F8;
    line-height: 25px;
}
.j-wrap.productdetail-page .section-II .product-tab-content ,
 .j-wrap .product-info-wrap-style .product-tab-content {
    padding:20px;
    background: #FFFFFF;
    border-radius: 2px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    margin-top:10px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .title,
 .j-wrap .product-info-wrap-style .product-tab-content .title{
    background: #F5F5F5;
    font-size: 16px;
    width:120px;
    padding-top:13px;
    padding-bottom:13px;
    line-height: 25px;
    margin:0;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content{
    margin-top:20px;
    margin-bottom:18px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    line-height: 30px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content{
    margin-top:20px;
    margin-bottom:18px;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}

.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .tab-row label,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .tab-row label{
    min-width:100px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .tab-row label,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .tab-row label,
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .tab-row .content,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .tab-row .content{
    line-height: 30px;
}

.j-wrap.productdetail-page .section-II .product-tab-content .warning-text,
 .j-wrap .product-info-wrap-style .product-tab-content .warning-text{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
.j-wrap.productdetail-page .section-II .product-tab-content .table,
 .j-wrap .product-info-wrap-style .product-tab-content .table{
    border: 1px solid #EEEEEE;
}

.j-wrap.productdetail-page .section-II .product-tab-content table thead th ,
 .j-wrap .product-info-wrap-style .product-tab-content table thead th ,
.j-wrap.productdetail-page .section-II .product-tab-content table td,
 .j-wrap .product-info-wrap-style .product-tab-content table td{
    vertical-align: middle !important;
}
.j-wrap.productdetail-page .section-II .product-tab-content .table th,
 .j-wrap .product-info-wrap-style .product-tab-content .table th{
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    border-bottom:none;   
}
.j-wrap.productdetail-page .section-II .product-tab-content .table td,
 .j-wrap .product-info-wrap-style .product-tab-content .table td{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
.j-wrap.productdetail-page .section-II .product-tab-content .table th ,
 .j-wrap .product-info-wrap-style .product-tab-content .table th ,
.j-wrap.productdetail-page .section-II .product-tab-content .table tbody tr:nth-of-type(even) ,
 .j-wrap .product-info-wrap-style .product-tab-content .table tbody tr:nth-of-type(even) {
    background: #FBFBFB;
}
.j-wrap.productdetail-page .section-II .product-tab-content .table tbody tr:nth-of-type(odd) ,
 .j-wrap .product-info-wrap-style .product-tab-content .table tbody tr:nth-of-type(odd) {
    background: #FFFFFF;
}
.j-wrap.productdetail-page .section-II #packing-specification.product-tab-content .table th,
 .j-wrap .product-info-wrap-style #packing-specification.product-tab-content .table th{
    font-size: 14px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .p-item,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .p-item{
    margin:10px;
    width: 220px;
    outline: none;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .p-item .p-img,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .p-item .p-img{
    border-radius: 6px;
    width:100%;
    /* min-width: 220px; */
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .p-item .price-btn,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .p-item .price-btn{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    border:1px solid #1F96F8;
    border-radius: 20px;
    background:#FFFFFF;
    padding:8px 20px;
    margin-top:15px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .p-item .show-btn,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .p-item .show-btn{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    width:100%;
    border:1px solid #1F96F8;
    border-radius: 4px;
    background:#FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:15px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .arrow-btn,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .arrow-btn{
    min-width:40px;
    height: 100px;
    margin-top:45px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .prev-arrow,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .prev-arrow{
    background:url(../../img/product-details/g_201.png);
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .next-arrow,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .next-arrow{
    background:url(../../img/product-details/g_200.png);
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .slider-list,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .slider-list{
    width: calc(100% - 120px);
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .slider_dots ul li,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .slider_dots ul li{
    margin: 0 9px;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .slider_dots ul ,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .slider_dots ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.j-wrap .product-info-wrap-style .j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .slider_dots ul li button ,
 .product-tab-content .tab-main-content .slider_dots ul li button {
    text-indent: 100px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    overflow: hidden;
    opacity: .23;
    transition: all .25s;
    background: #1F96F8;
    text-decoration: none !important;
    outline: none !important;
    border: none;
}
.j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .slider_dots ul li.slick-active button ,
 .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .slider_dots ul li.slick-active button {
    opacity: 1;
}
/* ----------------------online-customization page***************************************************************************************** */
.j-wrap.onlinecustom-page .section-I{
    margin-top:10px;
}
.j-wrap.onlinecustom-page .section-I p{
    margin:0;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar{
    padding:0 20px;
    background: #EEEEEE;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul{
    list-style:none;
    display:flex;
    flex-direction: row;
    align-items: center;
    margin:0;
    padding:10px 0;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    padding:12px 22px 11px 22px;
    margin-right: 20px;
    background:#FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li.active a{
    color: #1F96F8;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li:last-child a{
    margin-right:0;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a img{
    width: 15px;
    height:15px;
    margin-right:5px;
    margin-top:-1px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .left-wrap{
    background: #EEEEEE;
    padding:20px;
    font-size:12px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .left-wrap .row-field{
    margin-bottom: 10px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .btn{
    padding: 6px 15px;
    color: #1F96F8;
    border: 1px solid #1F96F8;
    opacity: 1;
    border-radius: 2px;
    font-size:12px;
    margin-right:10px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .close-btn{
    background: url(../../img/online-customization/g_624.png);
    background-repeat: no-repeat;
    background-size:100%;
    width:24px;
    height:24px;    
    display: block;
    float: right;
    margin-top:3px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .btn.active{
    color: #FFFFFF;
    background: #1F96F8;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor{
    padding-top: 20px;
    padding-bottom: 20px;
    background:#FFFFFF;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-II button.btn{
    margin-left:10px;
    border-radius: 2px;
    background: #1F96F8;
    color: #FFFFFF;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-II input{
    height:34px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-II input::placeholder{
    font-size:12px;
    /* padding:8px; */
    color:#DDDDDD
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-III select{
    height:34px;
    color: #333333;
    margin-right: 20px;
    font-size:12px; 
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-IV{
    margin-top:20px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-IV span.btn{
    border:none;
    padding:0;
    min-width: 18%;
    margin-right:0;
    margin-bottom:10px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-IV span.btn img{
    width:100%;
}

.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-V p{
    padding: 5px 8px 2px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    background: #EEEEEE;
    color: #999999;
    margin-bottom:0;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-V span{
    color: #999999;
    margin-top: 2px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-V .nav-btn p{
    margin-right:10px;
    padding:4px 8px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .row-V input{
    width:26px;
    height:26px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    background: #EEEEEE;
    margin:0 5px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .main-wrap .main-editor-section .object{
    max-width:100%;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .main-wrap .main-editor-section{
    background: url(../../img/online-customization/tile.png);
    background-repeat: repeat;
    min-height: 490px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .tool-editor-section{
    background: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 8px 20px;
    margin-top:20px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .tool-editor-section ul{
    list-style: none;
    flex-wrap: wrap;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-II{
    background: #EEEEEE;
    padding: 20px;
    font-size: 12px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-field{
    margin-bottom:20px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-field span img{
    width:100%;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-II p{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 24px;
    color: #999999;
    margin-bottom:20px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-III img{
    /* min-width:40px; */
    /* height:40px; */
    width:100%;
    height:auto;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-III span{
    width:100%;
    margin-right:5px;
}
.j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-IV span{
    font-size: 8px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #CCCCCC;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    width:24%;
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
}
/* ----product-category-page************************************************************************************* */

.j-wrap.productcategory-page .section-I{
    margin-top:10px;
}

.j-wrap.productcategory-page .section-I .select-wrap{
    background: #FFFFFF;
    padding:25px 30px 0 20px;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field{
    display: flex;
    /* justify-content:space-between; */
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field label{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #333333;
    margin-right:20px;
    min-width:100px;
    margin-top:15px;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field.row-I label{
    margin-top:0px;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field .option-list{
    padding-bottom:15px;
    margin-top:15px;
    border-bottom: 1px solid #EEEEEE;
    display:flex;
    width:100%;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field ul{
    list-style: none;
    padding:0;
    margin:0;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field ul.all li{
    width:max-content;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field ul li span{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    padding:3px 16px 2px 16px;
    border-radius: 2px;
    margin-right:10px;
    margin-top:10px;
    line-height: 28px;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field ul li.active span{
    background: #1F96F8 !important;
    color: #FFFFFF !important;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field ul li.active span{
    background: #1F96F8 !important;
    color: #FFFFFF !important;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field.row-VI ul li span{
    border: 1px solid #CCCCCC;
    opacity: 1;
    border-radius: 2px;
    padding-top:6px;
    padding-bottom:6px;
}
.j-wrap.productcategory-page .section-I .select-wrap .row-field.row-VI .option-list{
    border: none;
}
.j-wrap.productcategory-page .section-II{
    margin-bottom:150px;
    margin-top:30px;
}
.j-wrap.productcategory-page .section-II .sorting-bar{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding:15px 30px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item{
    margin-right:30px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item label{
    color: #999999;
    margin:0;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item.active label{
    color: #1F96F8;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .sort-btn-wrap{
    margin-top: -10px;
    color:#DDDDDD;
    margin-left:5px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .sort-btn-wrap p,
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .sort-btn-wrap p i.fa,
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .sort-btn-wrap p i.fa:before{
    width:7.7px;
    height:1.23px;
    margin-bottom:0px;
    font-size:10px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item.active .sort-btn-wrap .up-filter.active{
    color:#1F96F8;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item.active .sort-btn-wrap .down-filter.active{
    color:#1F96F8;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .range-text{
    background: #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    height:30px;
    font-size:14px;
    width:64px;
    margin-left:9px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item hr{
    width:12px;
    margin-left:9px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .sort-item .search-btn{
    background: #1F96F8;
    border-radius: 2px;
    color:white;
    height:30px;
    font-size:14px;
    margin-left:20px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .right-wrap .latest-product{
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    width:20px;
    height:20px;
    margin-right:10px;
}
.j-wrap.productcategory-page .section-II .sorting-bar .right-wrap span{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
.j-wrap.productcategory-page .section-II .product-list{
    margin-top:20px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item{
    padding:10px;
    background:#FFFFFF;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 3px 6px rgba(165, 165, 165, 0.15);
    border-radius: 6px;  

    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    max-width: 19%;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .p-img,
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
    height: auto;
    width: 100%;
    height: 300px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-field{
    margin-top:10px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-I span{
    padding:6px 6px;
    background: #F3F3F3;
    opacity: 1;
    border-radius: 2px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider{
    display:flex;
    flex-direction: row;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider .info-slider-item{
    background: #1F96F8;
    border: 1px solid #1F96F8;
    opacity: 1;
    border-radius: 2px;
    color: white;
    padding: 3px 16px;
    margin-right: 10px;
    /* align-items: center;
    display: flex;
    justify-content: center;
    max-width: 70px;
    text-align: center;
    flex-direction: column; */
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider .info-slider-item p{
    margin:0;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider-arrow-wrap span i{
    background: #33333355;
    border-radius: 50%;
    color:white;
    width:20px;
    height:20px;
    padding: 4px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider-arrow-wrap{
    width:calc(100% - 20px);   
    position: absolute;
    margin-top: -29px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider-arrow-wrap span.next-btn i{
    padding: 4px 4px 4px 8px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item hr{
    margin:10px 0;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-III p{
    margin-bottom:5px;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-III label{
    margin:0;
}
.j-wrap.productcategory-page .section-II .product-list .p-item .row-III span{
    color:#1F96F8;
    margin:0;
}

.j-wrap.productcategory-page .section-II .product-list_ .p-item{
    padding:0px;
    background: #FFFFFF;
    border-radius: 4px;
    max-width:19%;
    margin-top:30px;
    border: none;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
    border-radius: 4px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap{
    padding:10px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-field{
    margin-bottom:10px;
    overflow: hidden;
    overflow-x: auto;
}
.scroll-bar::-webkit-scrollbar{
    width:6px;
    height:10px;
    background-color:#fff;
}
.scroll-bar::-webkit-scrollbar-thumb{
    border-radius:6px;
    background-color:rgba(144,147,153,.3);
}
.row-field-list-box {
    width:auto;
    height:50px;
    white-space:nowrap;
}

.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-field::webkit-scrollbar{width:0!important}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-I .various-img{
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #1F96F8;
    border-radius: 2px;
    margin-right:10px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-II .p-name{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #333333;
    margin:0;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-III .p-price{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    padding:3px 20px;
    border: 1px solid #1F96F8;
    border-radius: 15px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-III span{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding:6px;
    background: #FF7700;
    opacity: 1;
    border-radius: 2px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap hr{
    width: 100%;
    height: 1px ;
 
    margin:10px 0px;
}
.j-wrap.productcategory-page .section-II .product-list_ .p-item .p-desc-wrap .row-IV p{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    margin:0;
}
.j-wrap.productcategory-page .section-II .pagination-bar{
    margin-top:50px;
}
.j-wrap.productcategory-page .section-II .pagination-bar ul{
    flex-wrap:wrap;
}
.j-wrap.productcategory-page .section-II .pagination-bar ul li a{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    margin:0 5px;
    padding:6px 12px 5px 12px;
}
.j-wrap.productcategory-page .section-II .pagination-bar ul li.active a{
    color: #FFFFFF;
    background: #1F96F8;
}
/* ************************************************************************************************************* */
/* The container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
}
  
/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* -----login page---------------------------------------------------------------------------------------------- */
.j-wrap.login-page-style  .section-I{
    background: url(../../images/login_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%; 
    padding-top:60px;
    padding-bottom:90px;
}
.j-wrap.login-page-style  .section-I .container .con-row{
    border-radius: 10px;
    overflow: hidden;
    flex-wrap: nowrap;
    background: #fff;
}
.j-wrap.login-page-style  .container .left-side{
    background: url(../../images/login_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /* border-radius: 10px 0px 0px 10px; */
    /* width: 56.25%; */
    position: relative;
    padding-top: 48.875%;
    display: flex;
    justify-content: center;
    margin-left: 67px;
}
.j-wrap.login-page-style  .container .left-side .content{
    position: absolute;
    width:52%;
    max-width:360px;
    top: 30%;
}
.j-wrap.login-page-style  .container .left-side .content .title,
.j-wrap.login-page-style  .container .right-side .content .title{
    font-size: 32px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #1F96F8;
    margin-bottom:21px;
}
.j-wrap.login-page-style  .container .left-side .content p{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    margin-bottom:30px;
}
.j-wrap.login-page-style  .container .left-side .content span{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding:10px 32px;
    background: #1F96F8;
    border: 1px solid #82C7FF;
    border-radius: 4px;
}
.j-wrap.login-page-style  .container .right-side{
    background:#ffffff;
}
.j-wrap.login-page-style  .container .right-side .content{
    padding:40px 50px;
}
.j-wrap.login-page-style  .container .right-side .content .row-I{
    display: flex;
    justify-content: space-around;
}
.j-wrap.login-page-style  .container .right-side .content .row-I .link-btns{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
    /* padding: 7px 32px; */
    padding: 5px 20px;
    border-radius: 23px;
}
.j-wrap.login-page-style  .container .right-side .content .link-btns.active{
    background: #1F96F8;
    box-shadow: 0px 3px 6px rgba(31, 150, 248, 0.6);
    color: #FFFFFF;
    border-radius: 25px;
    padding: 0.375rem 1.5rem;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .title{
    margin-top:30px;
    margin-bottom:10px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .sub-desc{
    margin-bottom:30px;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #CCCCCC;
}
.j-wrap.login-page-style  .container .right-side .content .row-II input.input-field::placeholder{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #CCCCCC;
}

.j-wrap.login-page-style  .container .right-side .content .row-II{
    max-width: 450px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .input-field{
    height:56px;
    width:100%;
    background: #F1F1F1;
    border-radius: 10px;
    margin-bottom:20px;
    
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    padding:18px 30px;
    border:none;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .input-field.capcha{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    opacity: 1;
    padding: 0;
    margin-bottom:10px;
    background: #DDDDDD;
    display: flex;
    justify-content: center;
    align-items: center;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn{
    border-radius: 10px;
    margin: 0;
    height: 56px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -66px;
    background: none;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 56px;
    background: none;
    outline: none;
    /* opacity: 0.7; */
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider:hover {
    /* opacity: 1; */
}
.j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 60px;
    height: 56px;
    background: white url(../../img/login/5.png);
    background-repeat: no-repeat;
    cursor: pointer;
    border-radius:10px;
    border: 2px solid #EFEFEF;
    background-position: center;
}

.j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-moz-range-thumb {
    width: 60px;
    height: 56px;
    background: white url(../../img/login/5.png);
    cursor: pointer;
    border-radius:10px;
    border: 2px solid #EFEFEF;
    background-position: center;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .login_and_reset_row {
    margin-top:10px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .login_and_reset_row a{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    margin-bottom:32px;
    margin-top: 8px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II button{
    font-size: 22px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    background: #1F96F8;
    box-shadow: 0px 3px 6px rgba(31, 150, 248, 0.6);
    border-radius: 10px;
    margin-bottom:40px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .caption{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #999999;
    margin-right:20px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .qq-login,
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .wexin-login{
    background: #F7F7F7;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
    padding:10px 12px;

}
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .qq-login img,
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .wexin-login img{
    margin-right:7px;
}
.j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login .wexin-login{
    margin-left:30px;
    color: #0ABB04;
}
.j-wrap.login-page-style.register-page .container .right-side .content .row-I {
    display: flex;
    justify-content: start;
}
.j-wrap.login-page-style.register-page .container .right-side .content .row-II .input-field {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    height: 52px;
    padding: 18px 30px;
    margin-bottom: 18px;
}
.j-wrap.login-page-style.register-page .container .right-side .content .row-II .input-field.account-number {
    margin-top:30px;
}
.j-wrap.login-page-style.register-page .container .right-side .content .row-II .get-code-btn {
    margin-left:15px;
    width:150px;
    color: white;
    line-height: 16px;
    background: #1F96F8;
}
 
.j-wrap.login-page-style.register-page .container .right-side .content .row-II .policy-row {
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #1F96F8;
}
.j-wrap.login-page-style.register-page .container .right-side .content .row-II .policy-row span{
    color: #999999
}
.j-wrap.login-page-style .container .right-side .content .row-II button {
    margin-bottom: 25px !important;
}
.j-wrap.login-page-style .container .first-layer {
    background:#FFFFFF;
    opacity: 0.6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height:20px;
    margin:0 50px;
}
.j-wrap.login-page-style .container .second-layer {
    background:#FFFFFF;
    opacity: 0.23;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height:20px;
    margin:0 100px;
}
/* ************************************************************************************************************* */
@media (min-width: 1680px){
    .j-wrap .container{
        max-width:1600px;
    }

    .j-wrap .j-btn,
    .j-wrap header .additional-header-bar .left-section .tab-item{
/*        border: 1px solid white;*/
        border-radius: 22px;
        font-size: 18px;
        font-family: Source Han Sans SC;
        font-weight: 500;
        line-height: 28px;
        text-align:center;
        color: #999999;
        margin-right:24px;
        padding:9px 24px 8px 24px;
    }
    .j-wrap .promotion-wrap .left-wrap{
        max-width: 54%;
        min-width: 54%;
    }
    .j-wrap.erp-page .card-row .img-wrap{
        padding:40px 50px !important;
    }
    .j-wrap.erp-page .section-II .inventory-module .module{
        margin:10px 32px;
    }
    /* .j-wrap.membership-page .section-I,
    .j-wrap .membership-page-section-I-style{
        background-size: 100% 350px !important;
    } */
    .j-wrap.membership-page.membership-detail-page .section-III table th{
        height:80px;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table td{
        height:59.5px;
    }
    .j-wrap.helpcenter-page .section-II .issue-card .detailed-info .info{
        font-size: 18px;
    }
    .j-wrap.helpcenter-page .section-II .common-problem .issue-card .detailed-info .info{
        font-size: 16px;
    }
    
    .main-input{
        width: 100%;
    }
    .j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .title{
        font-size: 24px;
        max-width:672px;
    }
    .j-wrap.productdetail-page .section-I .product-info-wrap .price-wrap{
        font-size: 24px;
        max-width:672px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-IV span{
        font-size: 11px;
    }
    .j-wrap.productcategory-page .section-II .product-list .p-item .row-I span {
        padding: 6px 27px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-subject{
        font-size: 24px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-adv p{
        font-size: 12px;
    }
    
    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 40px;
    }
    .j-wrap.login-page-style  .container .left-side .content p{
        font-size: 18px;
    }
    .j-wrap.login-page-style  .container .left-side .content span{
        font-size: 14px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-I .link-btns{
        font-size: 18px;
        padding:7px 22px;
    }
    .j-wrap.login-page-style  .container .right-side .content{
        padding:60px 65px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .title{
        margin-top:45px;
        margin-bottom:16px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .sub-desc{
        margin-bottom:45px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .input-field{
        height:70px;
        padding:18px 30px;
        margin-bottom: 25px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn{
        height: 60px;
        margin-top:-70px;
    }
    
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider {
        height: 60px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-webkit-slider-thumb {
        width: 70px;
        height: 60px;
    }

    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-moz-range-thumb {
        width: 70px;
        height: 60px;
    }
}
@media (min-width: 1480px) and  (max-width: 1680px){
    
    .j-wrap.erp-page .section-II .inventory-module .module{
        margin:10px auto;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-other-img-list img.other-img {
        margin-right: 30px;
    }
    .j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .title{
        font-size: 22px;
        max-width:600px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap {
        max-width:600px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-IV span{
        font-size: 11px;
    }
    .j-wrap.productcategory-page .section-II .product-list .p-item .row-I span {
        padding: 6px 27px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-subject{
        font-size: 24px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-adv p{
        font-size: 12px;
    }
}
@media (min-width: 1200px) and  (max-width: 1480px){
    
    .j-wrap .navbar-nav a.nav-link {
        margin: 0 5px;
    }
    .navbar-nav a.nav-link{
        font-size: 12px;
    }
    .j-wrap header .h-main-wrap .sec-wrap .title{
        font-size: 18px;
    }
    .j-wrap header .h-main-wrap .sec-wrap .desc{
        font-size: 11px;
    }
    .j-wrap .navbar-nav li.dropdown a.nav-link.select-search-field {
        padding: 7px 30px 5px 5px !important;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a{
        font-size:12px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor {
        padding: 20px 0px;
        background: #FFFFFF;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .btn {
        padding: 6px 8px;
        margin-right: 0;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-III img {
        width: 40px;
        height:auto;
    }
    .j-wrap.productcategory-page .section-II .product-list .p-item .row-II .info-slider .info-slider-item {
        padding: 3px 0;
    }

    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 30px;
        margin-bottom: 18px;
    }
    .j-wrap.login-page-style  .container .left-side .content p{
        font-size: 15px;
        margin-bottom: 24px;
    }
    .j-wrap.login-page-style  .container .left-side .content span{
        font-size: 10px;
        padding: 10px 30px;   
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .input-field{
        height: 50px;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 15px 30px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn{
        height: 50px;
        margin-top:-60px;
    }
    
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider {
        height: 50px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-webkit-slider-thumb {
        width: 56px;
        height: 50px;
    }

    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-moz-range-thumb {
        width: 56px;
        height: 50px;
    }
    
    .j-wrap.login-page-style  .container .right-side .content .row-II .input-field::placeholder{
        font-size:12px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II button {
        font-size: 18px;
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) and  (max-width: 1200px){
   
    .j-wrap .brand {
        margin-right: 15px;
    }
    .j-wrap .navbar-nav a.nav-link {
        margin: 0 1px;
    }
    .navbar-nav a.nav-link{
        font-size: 12px;
    }
    .j-wrap a.nav-link.login-btn .login-icon {
        width: 9px;
        margin-right: 3px;
    }
    .j-wrap .navbar-nav.search-field {
        width: 210px;
    }
    .j-wrap .navbar-nav .text-search-field {
        margin-right: 10px !important;
        border: none;
        outline: none;
        text-indent: 10px;
        max-width: 94px;
    }
    .j-wrap .navbar-nav .text-search-field::placeholder{
        color: #CCCCCC;
        font-size:12px;
    }
    .j-wrap .navbar-nav li.dropdown a.nav-link.select-search-field {
        padding: 8px 23px 5px 5px !important;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a{
        font-size:10px;
        padding: 10px 10px 9px 10px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .right-wrap .row-III img {
        width: auto;
        height:auto;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .left-wrap {
        padding: 20px 10px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .main-editor .btn {
        padding: 6px 5px;
        font-size: 10px;
        margin-right: 6px;
    }
    .j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .tab-row label,
    .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .tab-row label{
        min-width:80px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-title,
    .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-value {
        font-size: 12px;
        font-family: Source Han Sans SC;
        font-weight: 400;
        padding: 6px 3px;
        border-radius: 2px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-subject {
        font-size: 17px;
        margin-right: 12px;
    }
    .j-wrap.erp-page .section-I .shop-card .shop-adv p {
        font-size: 10px;
    }
    .j-wrap.erp-page .section-I .shop-card {
        padding: 25px 16px;
    }
    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 26px;
        margin-bottom: 16px;
    }
    .j-wrap.login-page-style  .container .left-side .content p{
        font-size: 14px;
        margin-bottom: 16px;
    }
    .j-wrap.login-page-style  .container .left-side .content span{
        font-size: 10px;
        padding: 8px 24px;   
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .input-field::placeholder{
        font-size:12px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II button {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .input-field{
        height: 50px;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 15px 30px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn{
        height: 50px;
        margin-top:-60px;
    }
    
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider {
        height: 50px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-webkit-slider-thumb {
        width: 56px;
        height: 50px;
    }

    .j-wrap.login-page-style  .container .right-side .content .row-II .scroll-btn .slider::-moz-range-thumb {
        width: 56px;
        height: 50px;
    }
    .j-wrap.login-page-style  .container .right-side .content .row-II .other-way-login{
        flex-direction: column !important;
    }
}

@media (min-width: 992px){
   
    .j-wrap .section-VI .associate-store .a-store,
    .j-wrap .s-VI-style .associate-store .a-store{
        max-width: 20% !important;
    }
    .j-wrap .section-III .product-1st-row .p-item{
        max-width: 18% !important;
    }
    .j-wrap .section-III .product-2nd-row .p-item{
        max-width: 18% !important;
    }
    .j-wrap header {
        margin-top: 90px;
    }
    .j-wrap footer ul.links li:not(:last-child) {
        margin-bottom: 10px !important;
    }   
    .j-wrap.helpcenter-page .section-I .question-search .search-text{
        min-width: 460px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-img-wrap{
        width: 40%;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-info-wrap{
        width: 60%;
    }
    .j-wrap.login-page-style  .container .left-side{
        width: 62.25%;
    }
    .j-wrap.login-page-style  .container .right-side{
        width: 42.75%;
    }
}

@media (max-width: 991.98px) and (min-width: 460px){
    .j-wrap .social-bar .fs-item {
        width: 50%;
        /* justify-content: center; */
        padding-left: 10%;
    }
}
/* mobile device */
@media (max-width: 991.98px){
    .j-wrap .social-bar {
        height:unset;
    }
    .j-wrap .social-bar .fs-item{
        width: 50%;
    }
    .j-wrap .social-bar .fs-item .fs-title{
        font-size: 15px;
    }
    .j-wrap .social-bar .fs-item .fs-desc{
        font-size: 12px;
    }
    .j-wrap .footer-main-menu{
        padding: 30px 10px;
    }
    .j-wrap footer .footer-copyright {
        line-height: 10px;
        font-size: 12px;
    }
    .j-wrap footer ul{
        min-width: unset;
    }
    .j-wrap header .additional-header-bar .left-section .tab-item{
        margin-right:0;
    }
    .j-wrap .section .section-head h3 hr {
        width: 40px;
    }
    .j-wrap .section-IV,
    .j-wrap .section-V{
        /* margin-bottom: 34px; */
        padding: 30px 0px;
    }
    .j-wrap .section-IV .promotion-wrap,
    .j-wrap .section-V .mobile-promote{
        /* margin-bottom: 34px; */
        padding: 20px 0px;
    }
    .j-wrap .section-V .mobile-promote .right-wrap{
        /* margin-bottom: 34px; */
        padding: 20px;
    }
    .j-wrap .section-II .section-head h3 {
        font-size: 16px;
    }
    .j-wrap .navbar-nav li.dropdown.j-mega ol {
        display: block;
        left: 0px;
        z-index: 1;
        position: relative;
        top: 0;
    }
    .j-wrap .navbar-nav li.dropdown.j-mega ol li a{
        height:85px;
        padding:5px 8px;
    }
    .j-wrap .navbar-nav li.dropdown.j-mega ol li::before,
    .j-wrap .navbar-nav li.dropdown.j-mega ol li a::before {
        border:none;
    }
    .j-wrap.erp-page .card-row .desc-wrap .title{
        font-size:20px;
    }
    .j-wrap.erp-page .card-row .desc-wrap .desc{
        font-size:16px;
    }
    .j-wrap.membership-page .section-I,
    .j-wrap .membership-page-section-I-style{
        margin-top: 60px;
    }
    .j-wrap.membership-page .section-I .title,
    .j-wrap .membership-page-section-I-style .title{
        font-size: 28px;
    }
    .j-wrap.membership-page .section-I .tag-line,
    .j-wrap .membership-page-section-I-style .tag-line{
        font-size: 18px;
    }
    .j-wrap.membership-page .section-II .service-list .service .desc-wrap .title{
        font-size: 12px;
    }
    .j-wrap.membership-page .section-II .service-list .service .desc-wrap .desc{
        font-size: 10px;
    }
    .j-wrap.membership-page .section-II .service-list .service-wrap {
        min-width: 133px;
    }
    .j-wrap.membership-page .section-III .section-title,
    .j-wrap .section-title-style{
        font-size:28px;
    }
    .j-wrap.membership-page .section-III .main-wrap .plan {
        margin: auto;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table tr td:first-child{
        padding-left:50px;
        width:240px;
    }
    .j-wrap.helpcenter-page .section-II .common-problem .tec-support .title {
        font-size:18px;
    }
    .j-wrap.helpcenter-page .section-II .common-problem .tec-support .desc {
        font-size:12px;
    }
    
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-other-img-list img.other-img {
        max-width: 20%;
        margin-right: 3%;
        height: auto;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a {
        font-size: 12px;
    }
    .j-wrap.productdetail-page .section-II .product-tab-content .tab-main-content .tab-row label,
    .j-wrap .product-info-wrap-style .product-tab-content .tab-main-content .tab-row label{
        min-width:80px;
    }
    .j-wrap.productcategory-page .section-II .product-list .p-item {
        max-width: 100%;
    }
    .j-wrap.productcategory-page .section-II .product-list_ .p-item {
        max-width: 100%;
    }
    .j-wrap.productcategory-page .section-II .sorting-bar .sort-item hr {
        margin-left: auto;
    }
    .j-wrap.productcategory-page .section-II .sorting-bar .sort-item .range-text {
        margin-left: 0px;
    }
    .j-wrap.productcategory-page .section-II {
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable {
        padding: 6px 14px;
        margin-right: 8px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-title, .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price .custom-price-value {
        font-size: 11px;
    }
    .j-wrap.login-page-style  .container .left-side {
        padding-top: 83.333%;
        margin: 10px;
        border-radius: 10px;
    }
    .j-wrap.login-page-style  .container .right-side{
        border-radius: 10px;
        margin: 10px;
    }
    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 24px;
        margin-bottom: 12px;
    }
    .j-wrap.login-page-style  .container .left-side .content p{
        font-size: 12px;
        margin-bottom: 12px;
    }
    .j-wrap.login-page-style  .container .left-side .content span{
        font-size: 10px;
        padding: 6px 22px;  
    }
}

@media (max-width: 768px){
    .j-wrap.productcategory-page .section-I .select-wrap {
        background: #FFFFFF;
        padding: 10px 15px 0 10px;
    }
    .j-wrap.membership-page .section-III .main-wrap .paid-plan::before{
        content:'';
        border-right: none;
        width:1px;
        height:866px;
        position: absolute;
        top: 70px;
        left: 0;
    }
    .j-wrap.membership-page .more-service-btn {
        font-size: 12px;
        padding: 10px 50px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .j-wrap.membership-page .section-IV .title {
        padding: 16px;
        font-size:20px;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table{
        font-size:12px;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table tr td:first-child{
        padding-left:20px;
        width:135px;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table .try-row{
        height: 80px;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table .try-row td{
        padding:0;
    }
    .j-wrap.membership-page.membership-detail-page .section-III table .try-row span{
        color: white;
        font-size:12px;
        border-radius: 4px;
        padding:8px 10px;
    }
    .j-wrap.helpcenter-page .section-II .common-problem .tec-support .title {
        font-size:20px;
    }
    .j-wrap.helpcenter-page .section-II .common-problem .tec-support .desc {
        font-size:14px;
    }
    .j-wrap.onlinecustom-page .section-I .editor-wrap .editor-bar ul li a {
        padding: 10px 6px 10px 10px;
    }
    .j-wrap .tab-main-content table.table{
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .j-wrap.productcategory-page .section-II .sorting-bar .sort-item {
        margin-right: 15px;
        font-size:12px;    
        margin-bottom: 10px
    }
    .j-wrap.productcategory-page .section-II .sorting-bar {
        padding: 15px 9px;
    }
    .j-wrap.productdetail-page .section-I .product-info-wrap {
        padding: 10px 0;
    }
    .j-wrap.productdetail-page .section-I .bread-crumbs-wrap .bread-crumbs {
        flex-wrap:wrap;
    }
    .j-wrap.productdetail-page .section-I .bread-crumbs-wrap {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        padding: 18px 8px;
    }
    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .j-wrap.login-page-style  .container .left-side .content p{
        font-size: 10px;
        margin-bottom: 12px;
    }
    .j-wrap.login-page-style  .container .left-side .content span{
        font-size: 10px;
        padding: 6px 6px; 
    }
}
@media (max-width: 400px){
    .j-wrap.productcategory-page .section-I .select-wrap .row-field label {
        font-size: 14px;
        margin-right :0px;
        min-width: 80px;
    }
    .j-wrap.productdetail-page .section-I .bread-crumbs-wrap {
        background: #FFFFFF;
        border: 1px solid #EEEEEE;
        padding: 18px 6px;
    }
    .j-wrap.productdetail-page .section-I .product-info-wrap .title-wrap .title {
        font-size: 16px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-color-wrap img {
        margin: 10px 10px;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .price-wrap .custom-price{
        flex-wrap: wrap;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable-wrap .value {
        font-size: 14px;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #333333;
    }
    .j-wrap.productdetail-page .section-I .product-detail-wrap .product-variable-wrap .desc {
        font-size: 10px;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #BBBBBB;
    }
    .j-wrap.login-page-style  .container .left-side .content .title,
    .j-wrap.login-page-style  .container .right-side .content .title{
        font-size: 15px;
        margin-bottom: 12px;
    }
}



@media (max-width: 1700px) and (min-width: 1500px){
    .j-wrap.productcategory-page .section-II .product-list_ .p-item{
        max-width: 24%;
    }
    .j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
          height:342px;
    }
}
@media (max-width: 1500px) and (min-width: 1000px){
    .j-wrap.productcategory-page .section-II .product-list_ .p-item{
        max-width: 24%;
    }
    .j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
          height:290px;
    }
}
@media (max-width: 1000px) and (min-width: 1200px){
    .j-wrap.productcategory-page .section-II .product-list_ .p-item{
        max-width: 24%;
    }
    .j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
          height:260px;
    }
}

@media (max-width: 1000px) and (min-width: 600px){
    .j-wrap.productcategory-page .section-II .product-list_ .p-item{
        max-width: 24%;
    }
    .j-wrap.productcategory-page .section-II .product-list_ .p-item .p-img{
          height:250px;
    }
}

.shouye{
	color:#007bff;
}

.catlist{
	color:#999999;
}

.j-wrap.productcategory-page .section-I .bread-crumbs-wrap{
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding:18px 30px;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .bread-crumbs{
    display: inline-block;
    list-style:none;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link a{
    margin-right: 27px;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #BBBBBB;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link a:after{
    content: '\f105';
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    color: #BBBBBB;
    margin-left: 10px;
    top:11px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link:last-child a{
    color: #1F96F8;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .bread-crumbs li.b-link:last-child a:after{
    content: '';
    display:none;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .right-wrap{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    line-height: 28px;
    color: #999999;
}
.j-wrap.productcategory-page .section-I .bread-crumbs-wrap .right-wrap .fingerprint{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    padding:3px 6px;
    background: #FF7700;
    border-radius: 2px;
    color:white;
    margin-left:10px;
}