@font-face {
    font-family: 'iconfont';
    /* project id："92762" */
    src: url();
    src: url() format('embedded-opentype'), url() format('woff'), url() format('truetype'), url() format('svg');
}

.iconfont {
    font-family: 'iconfont';
    font-style: normal;
    font-size: 14px;
    vertical-align: middle;
}


/*bootstrap*/

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container-fluid::after {
    content: "";
    display: table;
    clear: both;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row::after {
    content: "";
    display: table;
    clear: both;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

.col-1 {
    float: left;
    width: 8.333333%;
}

.col-2 {
    float: left;
    width: 16.666667%;
}

.col-3 {
    float: left;
    width: 25%;
}

.col-4 {
    float: left;
    width: 33.333333%;
}

.col-5 {
    float: left;
    width: 41.666667%;
}

.col-6 {
    float: left;
    width: 50%;
}

.col-7 {
    float: left;
    width: 58.333333%;
}

.col-8 {
    float: left;
    width: 66.666667%;
}

.col-9 {
    float: left;
    width: 75%;
}

.col-10 {
    float: left;
    width: 83.333333%;
}

.col-11 {
    float: left;
    width: 91.666667%;
}

.col-12 {
    float: left;
    width: 100%;
}


/*end bootstrap*/

.clear-float:after {
    clear: both;
    content: '';
    display: block;
}


/*nav*/

.head-nav {
    width: 100%;
    height: 90px;
    text-align: left;
}

.head-nav a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

.head-nav .nav-wrap {
    height: 90px;
    border-bottom: 1px solid #e5e5e5;
}

.mmc-logo {
    width: 20%;
    height: 90px;
    line-height: 90px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    padding: 0 0 0 20px;
}

.mmc-logo .logo{
    width: 100%;
    text-align: center;
    display: table-cell;
    margin-top: 0;
    padding: 11px 0;
}
@media(max-width: 1680px){
    .mmc-logo .logo{
        padding: 15px 0;
    }
}
@media(max-width: 1440px){
    .mmc-logo .logo{
        padding: 20px 0;
    }
}
@media(max-width: 1130px){
    .mmc-logo .logo{
        padding: 25px 0;
    }
}

.mmc-logo .logo img {
    width: 100%;
    vertical-align: middle;
}

.nav-wrap2 {
    width: 58%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    padding: 0 20px;
}
@media(max-width: 1130px){
    .nav-wrap2{
        padding: 0 10px;
    }
}

.nav-wrap3 {
    width: 22%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    float: left;
    padding: 0 20px 0 0;
}
@media(max-width: 1280px){
    .nav-wrap3{
        padding: 0 5px 0 0;
    }
}

.nav-wrap2-list,
.nav-wrap3-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-wrap2-list .nav-list-item {
    position: relative;
    float: left;
    height: 90px;
    line-height: 90px;
    padding: 0 15px;
}

.nav-wrap2-list .nav-list-item a.first-link {
    display: inline-block;
    height: 90px;
    line-height: 90px;
}

.nav-wrap2-list .nav-list-item a.nav_red {
    color: #ff3399;
}

.nav-wrap2-list .nav-list-item:hover {
    background-color: #ff3399;
}
.nav-wrap2-list .nav-list-item:hover a.first-link {
    color: #fff!important;
    text-decoration: underline;
}

@media (max-width: 1440px) {
    .nav-wrap2-list .nav-list-item {
        padding: 0 10px;
    }
}
@media (max-width: 1225px) {
    .nav-wrap2-list .nav-list-item {
        padding: 0 7px;
    }
}

@media (max-width: 1130px) {
    .nav-wrap2-list .nav-list-item {
        padding: 0 4px;
    }
}

.nav-wrap3-list li {
    position: relative;
    float: right;
    padding: 0 15px;
    height: 90px;
}
@media (max-width: 1440px){
    .nav-wrap3-list li{
        padding: 0 10px;
    }
}
@media (max-width: 1130px){
    .nav-wrap3-list li{
        padding: 0 4px;
    }
}

.nav-wrap3-list li a.shopping_cart {
    height: 30px;
    line-height: 30px;
    padding: 23px 15px 37px;
}

.nav-wrap3-list li a em {
    font-style: normal;
}

.nav-wrap3-list li .icon-bag {
    font-size: 32px;
}

.nav-wrap3-list li .icon-search {
    font-size: 20px;
    font-weight: bold;
    margin-right: 5px;
}

.nav-wrap3-list:after {
    clear: both;
    content: '';
    display: block;
}


/*end nav*/


/*index*/
.main-container{
    margin: 0 5%;
}
.index-swiper {
    width: 100%;
}

.index-swiper .swiper-slide img {
    width: 100%;
}

.index-swiper .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    background: #fff;
    opacity: 1;
}

.index-swiper .swiper-pagination-bullet-active {
    background: #ff3399;
}

.index-swiper .icon-left {
    left: 60px;
    background: none;
    font-size: 48px;
    color: #000;
}

.index-swiper .icon-right {
    right: 85px;
    background: none;
    font-size: 48px;
    color: #000;
}

.index-fluid {
    margin: 35px 5.5%;
}

.index-fluid .ckbanyy {
    margin-bottom: 0;
    float: none;
    width: auto;
}

.index-fluid .ckbanyy a {
    float: none;
    display: block;
}

.index-fluid .fulid-img {
    padding-bottom: 20px;
    padding-right: 25px;
    padding-left: 25px;
}

.index-fluid .fulid-img img {
    width: 100%;
}

.index-fluid .fulid-img-s1 {
    padding-right: 7px;
}

.index-fluid .fulid-img-s2 {
    padding-left: 7px;
}

.quick-regist {
    margin: 0 -15px;
}

.quick-regist .regist-con {
    background: #000;
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
}

.regist-con form#newsletterForm {
    float: none;
    width: auto;
    margin-top: 0;
}

.quick-regist i,
.quick-regist span,
.quick-regist input,
.quick-regist a {
    display: inline-block;
}

.quick-regist .icon-email {
    width: 22px;
    height: 15px;
    background: url(/image/icon-email-w_v5b018f4.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}

.quick-regist span {
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 15px;
}

.quick-regist input.regist-input {
    width: 460px;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 10px;
    border: 1px solid #000;
    box-sizing: border-box;
    color: #000;
    margin-right: 5px;
    background: #fff;
}
@media(max-width: 1280px){
    .quick-regist input.regist-input{
        width: 350px;
    }
}

.quick-regist input.sign-link {
    color: #cb9895;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 15px;
    cursor: pointer;
    background: #000;
    border: none;
    outline: none;
}

.regist-con .news_loading {
    display: none;
    position: absolute;
    right: 20px;
    top: 16px;
    width: 21px;
}

.regist-lenstate {
    line-height: 14px;
    margin-top: 5px;
    color: red;
    text-align: center;
}

.that-new {
    text-align: center;
    margin: 0 -15px;
}

.that-new h3 {
    margin: 30px 0 20px 0;
    font-size: 28px;
    text-transform: uppercase;
}

.that-new .that-new-swiper#productsContent1 {
    float: none;
}

.that-new-swiper .swiper-slide {
    padding: 0;
}

.that-new-swiper .swiper-slide img {
    width: 100%;
}

.that-new-swiper .iconfont {
    background: none;
    font-size: 42px;
    color: #000;
}

.that-new-swiper .swiper-button-next {
    right: 25px;
}

.new-arrivals-link {
    margin: 30px 0 60px 0;
}

.new-arrivals-link a {
    text-transform: uppercase;
    text-decoration: underline;
    color: #000;
}

.red-model-fulid {
    margin-right: 0;
    margin-left: 0;
}

.red-model-fulid .red-con {
    padding-left: 25px;
    padding-right: 25px;
}

.red-model-fulid .red-con img {
    width: 100%;
}

.red-model-fulid .red-con:nth-child(2) img {
    position: relative;
    top: -5px;
}

.red-model-fulid .red-des {
    padding-top: 30px;
    text-align: center;
}

.red-model-fulid .red-des p.des-title {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding-bottom: 10px;
}
.red-model-fulid .red-des p.des-title a{
    color: #000;
}
.red-model-fulid .red-des p.des-title a:hover{
    text-decoration: underline;
}

.red-model-fulid .red-des p.des-icon {
    margin: 0;
    padding-bottom: 20px;
}

.red-model-fulid .red-des p.des-icon i {
    font-size: 16px;
    padding-right: 4px;
}

.red-model-fulid .red-des p.des-details {
    margin: 0;
    padding-bottom: 20px;
}

.red-model-fulid .red-des p.des-name {
    margin: 0;
}

.instagram-con {
    position: relative;
    text-align: center;
    margin: 0 -15px;
}

.instagram-con h3 {
    margin-top: 50px;
    margin-bottom: 0;
    font-size: 28px;
}

.instagram-con h3 a {
    color: #000;
    text-decoration: none;
}

.instagram-con p.instagram-p {
    padding: 10px 0;
}

.instagram-con p.instagram-p a {
    color: #000;
    text-decoration: none;
}

.instagram-con .image-box {
    float: left;
    width: 18%;
    box-sizing: border-box;
    margin-right: 2.5%;
}

.instagram-con .image-box:last-child {
    margin-right: 0;
}

.instagram-con .image-box img {
    width: 100%;
}


/*end index*/


/*footer*/

.mmc-footer {
    margin-top: 50px;
}

.mmc-footer .footer-t {
    position: relative;
    background: #f8eff0;
    padding: 40px 10%;
}

.mmc-footer .footer-t .live-chat {
    position: absolute;
    bottom: 0;
    right: 3.5%;
}

.mmc-footer .footer-t .live-chat a {
    display: block;
    width: 80px;
    height: 80px;
    background: url(/image/icon-livechat_v961bf52.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}

.mmc-footer .footer-t .live-chat a img {
    opacity: 0;
}

.mmc-footer .footer-b {
    padding: 0 10%;
    background: #fff;
    height: 50px;
}

.mmc-footer .footer-b p {
    margin: 0;
    padding-left: 15px;
}

.footer-left {
    font-size: 14px;
}

.footer-left h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.footer-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-left ul li {
    line-height: 23px;
    text-transform: capitalize;
}

.footer-left ul li a {
    text-decoration: none;
    color: #666;
}

.footer-left ul li:hover a {
    color: #ff3399;
    text-decoration: underline;
}

.footer-right {
    padding-right: 30px;
}

.footer-right h6 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.footer-right h6 .icon-email {
    display: inline-block;
    width: 22px;
    height: 19px;
    background: url(/image/icon-email-b_v656bc1f.png) no-repeat;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

.footer-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-right ul li {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #c8c4c3;
    background: #c8c4c3;
    border-radius: 50%;
    margin-right: 19px;
    margin-bottom: 20px;
}

@media (max-width: 1299px) {
    .footer-right ul li {
        margin-right: 10px;
    }
}

.footer-right ul li:hover {
    background: #cc9998;
    border: 1px solid #cc9998;
}

.footer-right ul li a {
    color: #fff;
    text-decoration: none;
}

.footer-right ul li .iconfont {
    font-size: 32px;
}

.footer-right form#newsletterForm {
    width: 100%;
    margin-top: 0;
}

.footer-right .getin-input {
    position: relative;
}

.footer-right .getin-input input#newsletter_email {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    outline: none;
    border: 1px solid #fff;
    color: #666;
    background: #fff;
}

.footer-right .getin-input input#news-button {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-left: 9px solid #cc989c;
    border-bottom: 9px solid transparent;
    background: #fff;
    outline: none;
}

.footer-right .getin-input .icon-rightarrow:hover {
    cursor: pointer;
}


/*end footer*/

.back-to-top {
    position: fixed;
    bottom: 125px;
    right: 1%;
}

.back-to-top span.backToTop {
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
    background: none;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    padding: 0;
}

.back-to-top span.backToTop:hover {
    cursor: pointer;
    background-color: #ff3399;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    color: #fff;
}

.header_topy .header_top {
    width: 100%;
    text-align: center;
}

.header_topy .header_top .header_information {
    width: auto;
    margin-left: 0;
}

.header_top .header_information ul li {
    list-style-type: none;
    padding: 0 35px;
    margin: 10px 0;
    line-height: 20px;
}

.header_information ul li.shipping_60free {
    border-right: 2px solid #999;
}

.nav-list-item .Second_ca {
    position: absolute;
    top: 90px;
}

.nav-wrap3-list .logo_right1 {
    width: auto;
}

.logo_right1.shopbag-icon {
    padding: 0;
}

.nav-wrap3-list .logo_rightyy {
    float: none;
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 1002;
    width: auto;
    height: 90px;
    padding-bottom: 0;
    margin-left: 0;
}

.logo_rightyy .cart_items {
    position: static;
    width: 32px;
    height: 36px;
    line-height: 42px;
    background: url(/image/shop-bag_vfe147d3.png) no-repeat;
    background-size: contain;
    font-size: 14px;
}

.logo_rightyy:hover .cart_items {
    background: url(/image/shop-bag-white_vad29db9.png) no-repeat;
}

.logo_rightyy .cart_items b {
    color: #000;
}

.logo_rightyy a.shopping_cart:before,
.logo_right1 a.not_login:before,
.logo_rightyy #attr_shopcart:before,
.logo_right1 .user_profile_hidd:before {
    display: none;
}

.logo_rightyy #attr_shopcart {
    position: absolute;
    top: 90px;
    right: -20px;
    border-top: none;
    box-shadow: none;
}

.logo_right1 .logo_rightyy:hover .cart_items b,
.shopping_cart_hov .cart_items b {
    color: #fff;
}

.logo_right1 .basket_no_login a {
    color: #d10000;
    text-decoration: underline;
}

.logo_right1 .header_login {
    display: none;
    float: none;
    margin: 0;
    width: auto;
    text-align: center;
    padding-right: 0;
}

.logo_right1 ul li.login_reg {
    height: 90px;
    line-height: 90px;
    font-size: 14px;
    padding: 0;
}

.logo_right1 .user_profile_hidd {
    position: absolute;
    left: -15px;
    top: 90px;
    border-top: none;
    box-shadow: none;
}

.nav-wrap3-list .logo_right1 ul li > a.not_login,
.nav-wrap3-list .logo_right1 ul li > a {
    padding: 0;
}

.login_reg#my_profile > a > b {
    position: absolute;
    right: -10px;
    top: 43px;
    display: none;
}

.nav-wrap3-list .tool1 {
    position: absolute;
    right: 0;
    top: 24px;
}

.nav-wrap3-list .tool1 .search {
    margin: 0;
    padding: 0;
    height: 38px;
}

.tool1 .search input#searchKeyword {
    height: 38px;
    line-height: 38px;
}

.tool1 .search .btn-sear {
    height: 38px;
}

.nav-wrap3-list .hd-search {
    line-height: 90px;
}

.nav-wrap2 .scroll {
    width: auto;
}

.index_body_scroll .tool1 .search {
    width: 360px;
}

.index_checkout_body .mmc-footer {
    display: none;
}