/*font-size*/
.fs16{font-size: 16px;}
.fs24{font-size: 24px;}
/*margin-bottom*/
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb60{margin-bottom: 60px;}
/*h*/
.index-new h1{
    font-size: 24px;
    margin: 0 0 5px 0;
}
.index-new h2{
    font-size: 24px;
    margin: 0 0 5px 0;
}
.index-new h3{
    font-size: 24px;
    margin: 0 0 5px 0;
}
.index-new h4{
    font-size: 24px;
    margin: 0 0 5px 0;
}
/*index-new*/
.index-new a{
    color: #333;
}
/*color*/
.col4c{color: #4c4c4c;}
/*swiper-container-banner*/
.swiper-container-banner .swiper-container{
    margin: 0px auto 40px;
}
/*select_color*/
.index-new .select_color>span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    padding: 1px;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    position: relative;
}
.index-new .select_color>span.active{
    border: 1px solid #06b4d1;
}
.index-new .select_color>span>span{
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
    padding-left: 0;
    padding-right: 0;
}
/*fashion-frames*/
.fashion-frames{
    padding: 50px 30px 0;
    height: 260px;
}
.fashion-frames button{
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    border: 0 none;
    color: #333;
    padding: 0;
}
.fashion-frames{
    background: url("../images/index-new/frame1.jpg?v=2020030301") no-repeat;
}
.fashion-frames.newArrivals{
    background-image: url("../images/index-new/frame2.jpg?v=20190507");
}
/*on-sale*/
.on-sale{
    padding: 73px 0 0;
    height: 300px;
}
.on-sale button{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    border: 0 none;
    color: #333;
    padding: 0;
}
.on-sale{
    background: url("../images/index-new/sale1.jpg?v=20190919") no-repeat;
}
.on-sale.buyGet{
    background-image: url("../images/index-new/new_sale2.jpg?v=20200205");
}
/*buy-your*/
.buy-your button{
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    border: 0 none;
    color: #333;
    padding: 0;
}
.buy-your{
    background: url("../images/index-new/style1.jpg?v=2019111801") no-repeat center;
    padding: 35px 22px 0;
    height: 500px;
}
.buy-your.catEye{
    background-image: url("../images/index-new/style2.jpg?v=2019111101");
    padding: 25px 22px 0;
    height: 240px;
}
.buy-your.progressive{
    background-image: url("../images/index-new/style3.jpg");
    padding: 25px 22px 0;
    height: 240px;
}
.buy-your.fryEye{
    background-image: url("../images/index-new/style4.jpg");
    padding: 35px 22px 0;
    height: 500px;
}
/*free-shipping*/
.free-shipping{
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    font-family: Roboto;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #5d9ca9;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.free-shipping img{
    margin-right: 20px;
}
.free-shipping span{
    color: #a7f0ff;
}
/*show-yourself*/
.show-yourself{
    position: relative;
}
.shop-morning{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.8);
    text-align: center;
    font-size: 16px;
    padding-top: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}
.show-yourself:hover .shop-morning{
    opacity: 1;
}
.shop-morning button{
    font-family: segoe-ui_bold;
    display: inline-block;
    width: 190px;
    height: 40px;
    line-height: 40px;
    background-color: transparent;
    border: 1px solid #333;
    color: #333;
    padding: 0;
    transition: all 0.3s ease;
}
.shop-morning button:hover{
    background-color: #333;
    color: #fff;
}
button.view-look{
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #4c4c4c;
    text-align: center;
    color: #333;
    padding: 0;
}
/*new banner*/
.lr-bn {
    height: 260px;
    position: relative;
}
.left-bn,.right-bn {
    width: 585px;
    display: inline-block;
    position: absolute;
}
.left-bn {
    left: 0;
}
.right-bn {
    right: 0;
}
/*color*/
.color-red {
    background-color: #ff0000;
}

.color-brown {
    background-color: #800000;
}

.color-pink {
    background-color: #ffc0cb;
}

.color-blue {
    background-color: #0000ff;
}

.color-black {
    background-color: #000000;
}

.color-gunmetal {
    background-color: #a9988f;
}

.color-silver {
    background-color: #aea9a6;
}

.color-purple {
    background-color: #581f61;
}

.color-golden {
    background-color: #f0e7d5;
}

.color-yellow {
    background-color: #ffff00;
}

.color-burgundy {
    background-color: #42191d;
}

.color-green {
    background-color: #008000;
}

.color-white {
    background-color: #fff;
}

.color-gray {
    background-color: #808080;
}

.color-orange {
    background-color: #ffa500;
}

.color-chocolate {
    background-color: #3d150b;
}

.color-champagne {
    background-color: #e9c892;
}

.color-beige {
    background-color: #edd7c0;
}

.color-bronze {
    background-color: #63472f;
}

.color {
    background: url(../images/color/colors.png?2019071104) no-repeat;
}

.color-black-brown {
    background-position: -13px -15px;
}

.color-blue-tortoise {
    background-position: -43px -15px;
}

.color-black-blue {
    background-position: -13px -40px;
}

.color-black-zebra {
    background-position: -43px -40px;
}

.color-black-rose-golden {
    background-position: -13px -65px;
}

.color-multicolour {
    background-position: -43px -65px;
}

.color-purple-pink {
    background-position: -13px -90px;
}

.color-brown-chocolate {
    background-position: -43px -90px;
}

.color-black-red {
    background-position: -13px -115px;
}

.color-black-yellow {
    background-position: -43px -115px;
}

.color-yellow-tortoise {
    background-position: -13px -140px;
}

.color-burgundy-crystal {
    background-position: -43px -140px;
}

.color-red-crystal {
    background-position: -13px -165px;
}

.color-blue-crystal {
    background-position: -43px -165px;
}

.color-red-cyan {
    background-position: -13px -190px;
}

.color-black-chocolate {
    background-position: -43px -190px;
}

.color-red-black {
    background-position: -13px -215px;
}

.color-red-tortoise {
    background-position: -43px -215px;
}

.color-tortoise-crystal {
    background-position: -13px -240px;
}

.color-tortoise-pink {
    background-position: -13px -540px;
}

.color-black-white {
    background-position: -43px -240px;
}

.color-brown-yellow {
    background-position: -13px -265px;
}

.color-crystal-tortoise {
    background-position: -43px -265px;
}

.color-gunmetal-pink {
    background-position: -13px -290px;
}

.color-tortoise-black {
    background-position: -43px -290px;
}

.color-red-red-clip-on {
    background-position: -13px -315px;
}

.color-black-tortoise {
    background-position: -43px -315px;
}

.color-brown-stripe {
    background-position: -13px -340px;
}

.color-black-gray {
    background-position: -43px -340px;
}

.color-gray-crystal {
    background-position: -13px -365px;
}

.color-purple-tortoise {
    background-position: -43px -365px;
}

.color-white-crystal {
    background-position: -13px -390px;
}

.color-black-silver {
    background-position: -43px -390px;
}

.color-mblack {
    background-position: -13px -415px;
}

.color-green-purple {
    background-position: -43px -415px;
}

.color-red-pink {
    background-position: -13px -440px;
}

.color-purple-crystal {
    background-position: -43px -440px;
}

.color-black-green {
    background-position: -13px -465px;
}

.color-blue-white {
    background-position: -43px -465px;
}

.color-crystal-white {
    background-position: -13px -490px;
}

.color-blue-tortoise {
    background-position: -43px -490px;
}

.color-rose-tortoise {
    background-position: -13px -515px;
}

.color-pink-blue {
    background-position: -43px -515px;
}

.color-multicolour-pink {
    background-position: -13px -540px;
}

.color-purple-tortoise {
    background-position: -43px -540px;
}

.color-multicolour-crystal {
    background-position: -13px -565px;
}

.color-red-white {
    background-position: -43px -565px;
}

.color-green-pattern {
    background-position: -13px -590px;
}

.color-crystal-pattern {
    background-position: -43px -590px;
}

.color-pink-pattern {
    background-position: -13px -615px;
}

.color-black-tortoise {
    background-position: -43px -615px;
}

.color-black-purple {
    background-position: -13px -640px;
}

.color-black-blue-pattern {
    background-position: -43px -640px;
}

.color-black-golden {
    background-position: -13px -665px;
}

.color-crystal-tortoise {
    background-position: -43px -665px;
}

.color-champagne-crystal {
    background-position: -13px -690px;
}

.color-silver-purple {
    background-position: -43px -690px;
}

.color-golden-tortoise {
    background-position: -13px -715px;
}

.color-golden-red {
    background-position: -43px -715px;
}

.color-purple-green {
    background-position: -13px -740px;
}

.color-brown-golden {
    background-position: -43px -740px;
}

.color-blue-silver {
    background-position: -13px -765px;
}

.color-cream {
    background-position: -43px -765px;
}

.color-zebra {
    background-position: -13px -790px;
}

.color-crystal {
    background-position: -43px -790px;
}

.color-tortoise {
    background-position: -13px -815px;
}

.color-floral {
    background-position: -43px -815px;
}

.color-black-crystal {
    background-position: -13px -840px;
}

.color-black-gunmetal {
    background-position: -43px -840px;
}

.color-rose {
    background-position: -13px -865px;
}

.color-red-flora {
    background-position: -43px -865px;
}

.color-pink-flora {
    background-position: -13px -890px;
}

.color-green-flora {
    background-position: -43px -890px;
}

.color-flora-clear {
    background-position: -13px -915px;
}

.color-flora {
    background-position: -43px -915px;
}

.color-black-orange {
    background-position: -13px -940px;
}

.color-floral-clear {
    background-position: -43px -940px;
}

.color-black-floral {
    background-position: -13px -965px;
}

.color-purple-floral {
    background-position: -43px -965px;
}

.color-pink-floral {
    background-position: -13px -990px;
}

.color-yellow-floral {
    background-position: -43px -990px;
}

.color-blue-floral {
    background-position: -13px -1015px;
}

.color-tortoise-golden {
    background-position: -43px -1015px;
}

.color-gray-golden {
    background-position: -13px -1040px;
}

.color-champagne-golden {
    background-position: -43px -1040px;
}

.color-deep-blue {
    background-position: -13px -1065px;
}

.color-patterned-black {
    background-position: -43px -1065px;
}

.color-gunnmetal {
    background-position: -13px -1090px;
}

.color-blue-golden {
    background-position: -43px -1090px;
}

.color-pink-golden {
    background-position: -13px -1115px;
}

.color-crystal-golden {
    background-position: -43px -1115px;
}

.color-grey {
    background-position: -13px -1140px;
}

.color-silver-black {
    background-position: -43px -1140px;
}

.color-gunmetal-brown {
    background-position: -13px -1165px;
}

.color-red-silver {
    background-position: -43px -1165px;
}

.color-green-tortoise {
    background-position: -13px -1140px;
}

.color-gunmetal-black {
    background-position: -43px -1190px;
}

.color-grey-silver {
    background-position: -13px -1140px;
}

.color-silver-silver {
    background-position: -43px -1190px;
}

.color-golden-silver {
    background-position: -13px -1140px;
}

.color-gunmetal-silver {
    background-position: -43px -1140px;
}

.color-red-golden {
    background-position: -13px -1215px;
}

.color-blue-blue {
    background-position: -43px -1215px;
}

.color-blue-black {
    background-position: -13px -1290px;
}

.color-green-black {
    background-position: -43px -1290px;
}

.color-golden-pink {
    background-position: -13px -1315px;
}

.color-golden-black,.color-black-rose-gold {
    background-position: -43px -1315px;
}

.color-cyan {
    background-position: -13px -1340px;
}

.color-brown-crystal {
    background-position: -43px -1340px;
}

.color-purple-golden {
    background-position: -13px -1365px;
}

.color-matte-black {
    background-position: -43px -1365px;
}

.color-grain {
    background-position: -13px -1390px;
}

.color-brown-tortoise {
    background-position: -43px -1390px;
}

.color-blue-gunmetal {
    background-position: -13px -1415px;
}

.color-rose-golden, .color-golden-rose {
    background-position: -43px -1415px;
}

.color-tortoise-blue, .color-blue-tortoise {
    background-position: -13px -1440px;
}

.color-blue-red, .color-red-blue {
    background-position: -43px -1440px;
}

.color-black-pink, .color-pink-black {
    background-position: -13px -1465px;
}

.color-blue-green, .color-blue-green {
    background-position: -43px -1465px
}

.color-multicolor {
    background-position: -13px -1490px;
}
.color-floral-golden{ background-position: -43px -1490px; }
.color-tortoise-rose-golden { background-position: -13px -1515px; }
.color-deep-purple { background-position: -43px -1515px; }
.color-silver-gray { background-position: -13px -1540px; }
.color-burgundy-silver { background-position: -43px -1540px; }
.color-tortoise-brown { background-position: -13px -1565px; }
.color-burgundy-golden { background-position: -43px -1565px; }
.color-champagne-silver.mirror-coating { background-position: -13px -1590px; }
.color-cyan-silver-mirror-coating { background-position: -43px -1590px; }
.color-silver-blue-mirror-coating { background-position: -13px -1615px; }
.color-crystal-pink-mirror-coating { background-position: -43px -1615px; }
.color-matte-blue { background-position: -13px -1640px; }
.color-gunmetal-blue { background-position: -43px -1640px; }
.color-gunmetal-red { background-position: -13px -1665px; }
.color-pink-silver { background-position: -43px -1665px; }
.color-gray-pink { background-position: -13px -1690px; }
.color-rose-gold { background-position: -43px -1690px; }
.color-mblack-gray { background-position: -13px -1715px; }
.color-silver-pink { background-position: -43px -1715px; }
.color-purple-silver { background-position: -13px -1740px; }
.color-tortoise-rose-golden { background-position: -43px -1740px; }
.color-lavender { background-position: -13px -1765px; }
.color-silver-silver-mirror-coating { background-position: -43px -1765px; }
.color-blue-blue-mirror-coating { background-position: -13px -1790px; }
.color-purple-pink-mirror-coating { background-position: -43px -1790px; }
.color-grey-silver-mirror-coating { background-position: -13px -1815px; }
.color-black-silver-mirror-coating { background-position: -43px -1815px; }
.color-golden-silver-mirror-coating { background-position: -13px -1840px; }
.color-rose-gold-pink { background-position: -43px -1840px; }
.color-rose-golden-purple { background-position: -13px -1865px; }
.color-clear-pattern { background-position: -40px -1860px; }
.color-black-silver-silver-mirror-coating { background-position: -10px -1885px; }
.color-rose-gold-black { background-position: -40px -1885px; }
.color-green-silver { background-position: -10px -1910px; }
.color-mblack-blue { background-position: -40px -1910px; }
.color-mblack-pink { background-position: -10px -1935px; }
.color-mblack-gunmetal { background-position: -40px -1935px; }
.color-clear-pattern { background-position: -43px -1865px; }
.color-black-silver-silver-mirror-coating { background-position: -13px -1890px; }
.color-rose-gold-black { background-position: -43px -1890px; }
.color-green-silver { background-position: -13px -1915px; }
.color-mblack-blue { background-position: -43px -1915px; }
.color-mblack-pink { background-position: -13px -1940px; }
.color-mblack-gunmetal { background-position: -43px -1940px; }
.color-brown-green { background-position: -13px -1965px; }
.color-blue-pink { background-position: -43px -1965px; }
.color-black-multicolor { background-position: -13px -1990px; }
.color-brown-multicolor { background-position: -43px -1990px; }
.color-purple-multicolor { background-position: -13px -2015px; }
.color-rose-gold-rose-gold-mirror-coating { background-position: -43px -2015px; }
.color-gunmetal-blue-mirror-coating { background-position: -13px -2040px; }
.color-black-golden { background-position: -43px -2040px; }
.color-gray-purple { background-position: -13px -2065px; }
.color-tortoise-purple { background-position: -43px -2065px; }
.color-blue-tortoise-blue { background-position: -13px -2090px; }
.color-blue-tortoise-crystal { background-position: -43px -2090px; }
.color-mblack-silver-mirror-coating { background-position: -13px -2115px; }
.color-mblack-blue-mirror-coating { background-position: -43px -2115px; }
.color-rose-gold-pink-mirror-coating { background-position: -13px -2140px; }
.color-pink-tortoise { background-position: -43px -2140px; }