@font-face { font-family: Rubik-Regular;  src:url('../fonts/Rubik-Regular.woff.ttf') format('truetype');}
@font-face {font-family: Rubik-Medium; src:url('../fonts/Rubik-Medium.woff.ttf') format('truetype');}
@font-face {font-family: Rubik-Bold;src:url('../fonts/Rubik-Bold.woff.ttf') format('truetype');}
@font-face {font-family:Rubik-MediumItalic;src:url('../fonts/Rubik-MediumItalic.woff.ttf') format('truetype');}
body{ font-family: Rubik-Medium; }
p{margin: 0;}
ul,li,i{font-style: normal;list-style: none;}
.clearfix:after{display: block;content: "";clear: both;}
.textOver{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
a:hover,a{text-decoration: none !important;color:#333; }
a:focus{ color:#333;}
.layout{width: 1170px;margin: 0 auto;}
.saleHotBox{min-width:1170px;}
main{ padding-top: 45px; padding-bottom: 100px;box-sizing: border-box;background: url("../img/sep/uk/bg.png") no-repeat;background-size: 100% 100%;}
.bannerBox{max-width: 100%;min-width:1170px;}
.bannerBox img{width: 100%;}
.bannerContent{display: flex;}
.bannerLeft{width: 532px;height: 420px;margin-top: 120px;}
.banner-title{
    font-family: Rubik-MediumItalic;
    font-size: 64px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: 0px;
    color: #ffffff;
}
.banner-info{
    font-family: Rubik-MediumItalic;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 51px;
    letter-spacing: 0px;
    color: #ffffff;
    margin: 83px 0 46px 0;
}
.banner-Extra{
    font-family: Rubik-MediumItalic;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 51px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-bottom: 39px;
}
.bannerRight img{width: 521px;height: 473px;margin-top: 93px;}
.line{
    margin: 0 auto;
    width:1200px;
    height:10px;
    background:rgba(230,230,230,1);
    border-radius:5px;
}
.couponCode{display: flex;justify-content: space-between;width: 1170px; margin: 0 auto;}
.couponCode>div{width: 350px; height: 214px;background:url("../img/sep/au/coupon.png"); background-size: 100% 100%;color: #fff;margin-bottom: 76px;margin-top: 55px; }
.couponCode>div p:nth-child(1){ font-size: 32px;padding: 47px 0px 5px 35px; }
.couponCode>div p:nth-child(2){font-size: 27px; padding-left: 120px;font-family: Rubik; }
.couponCode>div code{color: #fff;font-size: 36px;background-color:rgba(230,230,230,0);text-transform: uppercase;padding-left:78px; font-weight: 600;line-height: 36px; }
.hotSaleBox{margin-top:11px;margin-bottom: 60px;display: none;}
.title{
    color:#fff;
    font-weight: 400;
    font-size: 50px;
    margin: 0px auto 0px auto;
    text-align: center;
    height:217px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title p{height: 173px;color:#fff; text-transform: uppercase;width: 1170px;margin: 0 auto;line-height: 245px; }
.coiloversBox0 .title p{ background: url("../img/sep/uk/title2.png");background-size: 100% 100%;  }
.coiloversBox1 .title p{ background: url("../img/sep/uk/title1.png");background-size: 100% 100%;  }
.coiloversBox2 .title p{ background: url("../img/sep/uk/title2.png");background-size: 100% 100%;  }
.coiloversBox3 .title p{ background: url("../img/sep/uk/title1.png");background-size: 100% 100%;  }
.coiloversBox4 .title p{ background: url("../img/sep/uk/title2.png");background-size: 100% 100%;  }
.coiloversBox5 .title p{ background: url("../img/sep/uk/title1.png");background-size: 100% 100%;  }
.pro-item{float: left;text-align: center; width: 270px;height: 444px;margin: 0 30px 40px 0;
    position: relative; background:#fff;color: #333;
    cursor: pointer;}
.pro-item:hover{
    color: #333;
    box-shadow:0px 8px 16px 2px rgba(0, 0, 0, 0.11);
}
.pro-item-active{
}
.pro-item:nth-child(4n){margin-right: 0;}
.discount{
    position: absolute;
    flex-direction: column;
    height:72px;
    width: 71px;
    display: flex;
    line-height: 24px;
    font-size:16px;
    font-family:Rubik-Medium;
    padding-top: 28px;
    font-weight:500;
    padding-right: 5px;
    color:#000;
    top:5px;
    background: url("../img/sep/uk/item.png");background-size: 100% 100%;
    letter-spacing:1px;}
.discount P:nth-child(1){}
.discount P:nth-child(2){ margin-top: -10px; transform: scale(0.6,0.6)}
.pro-img img{width: 269px;height: 270px;}
.pro-info{width:240px;
    height:72px;
    padding-bottom: 16px;
    font-size:14px;
    margin: 12px auto;
    text-align: left;
    line-height:25px;

}
.pro-item  .textOver{-webkit-line-clamp: 3; }
.pro-price-buy{display: flex;justify-content:space-between;padding: 16px 16px; border-top:1px solid #CCCCCC; }
.pro-price-buy .pro-price{display: flex;align-items: center;}
.pro-price-now{font-size:24px;
    font-family:Rubik-Bold;
    font-weight:bold;
    color:#FFA43F;
    line-height:24px;
    letter-spacing:1px;
    margin-right: 3px;

}
.pro-price-old{
    font-size:18px;
    font-family:rubik;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:30px;
    text-decoration: line-through;
}

.pro-buy{
    width:110px;
    height:34px;
    text-align: center;
    line-height: 32px;
    font-size:18px;
    color:#fff;
    background:#FFA43F ;
    font-family: Rubik;
}
.pro-item:hover .pro-buy{
    background:#FF9E32;
    border: none;
    color: #000;
}
.pro-buy-active{
    background:rgba(227,165,20,1);
    border: none;
}

.see-more{
    cursor: pointer;
    width:180px;
    height:53px;
    margin: 30px auto 50px auto;
    text-align: center;
    line-height: 53px;
    font-size:24px;
    font-family:Rubik-Medium;
    color: #fff;
    display: block;
    background: #FFA43F;
    text-transform: capitalize;
    text-decoration: none !important;
}
.see-more:hover{ border:none; background:#FFA43F;color: #000;  }
.see-more-active{
    background:rgba(227,165,20,1);
}
.backToTop{text-align: center; cursor: pointer;}
.backToTop img{margin: 0 auto 0 auto;cursor: pointer;}
.backToTop p{ font-size: 36px;text-align: center;margin-top:100px;color:#FFA43F; }


/*sale*/
.banner {
    margin: 0 auto;
}
.large_box {
    margin: 0 auto;
    width:1170px;
    overflow:hidden;
    margin-bottom: 30px;
    background: #fff;
}
.large_box ul{background: #fff;  }
.large_box .hot-discount{
    width:149px;
    justify-content: center;
    height:42px;
    font-size:24px;
    color:#000;
    line-height:32px;
    text-align: center;
    position: absolute;
    top:36px;
    left:0px;
    display: flex;
    align-items: center;
    background: url("../img/sep/au/sale.png") no-repeat; background-size: 100% 100%;

}
.large_box .hot-discount span{ padding-left: 6px;font-size: 18px; font-family: Rubik; }

.large_box ul li{ display:flex; position: relative;padding: 40px 57px;box-sizing: border-box;cursor: pointer;}
.large_box ul li .large_left{ width:420px;  }
.large_box ul li .large_left img{ width:340px; height:340px;}
.large_box ul li .large_right{ width:620px; display:block; text-decoration:none; color:#333; }
.large_box ul li .large_right .larRiPri{ display:flex; justify-content:space-between;align-items:center;}
.large_box ul li .large_right .larRiPri .RiBuy{
    font-size:28px;
    font-family:Rubik;
    margin-left: 94px;
    width:240px;
    height:60px;
    text-align: center;
    line-height: 60px;
    background:#FFA43F;
    color:#fff;}
.large_box ul li .large_right .larRiPri .RiBuy:hover{background:#FFA43F; border: none; color: #000;}
.large_box ul li .large_right .larRiPri .clickActive{
    background:rgba(201,146,18,1);
}

.large_box ul li .large_right .larRiPri span:nth-child(1){
    font-size:48px;
    color:#FFA43F;
    line-height:57px;
    margin-right: 31px;
    font-weight: 600;
    letter-spacing:2px; }
.large_box ul li .large_right .larRiPri span:nth-child(2){text-decoration:line-through;font-size:36px;
    font-family:Rubik;
    color:rgba(153,153,153,1);
    line-height:43px;}
.large_box ul li .large_right .larRiTxt{font-size:28px;font-family:Rubik;
    line-height:36px;margin-bottom: 30px;height: 142px;}
.large_box ul li .large_right .larRiRe{ margin-bottom:60px;font-family:Rubik-Medium,Rubik;color:#fff;
    font-size:18px;align-items:center;display:flex; font-weight: 500;}
.large_box .RiPrice{display: flex;align-items: center;}
.large_box ul li .large_right .larRiRe span{ margin-right:9px; color:#FFA43F;height: 20px; }
.small_box {
    height: 200px;
    width: 1334px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.small_list {
    position: relative;
    float: left;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.small_list ul {
    height: 195px;
    padding-top: 10px;
    overflow: hidden;
}
.small_list ul li {
    position: relative;
    float: left;
    width: 170px;
    height: 170px;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 14px;
}

.small_list ul li img {
    display: block;
     width: 100%;
}
.small_list ul li .pro_on{
    width:100%;
    height:100%;
}
.small_list ul li.on{
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border: 2px solid #FFA43F;
}
.small_list ul li .bun_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 73px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .6
}

.small_list ul li.on .bun_bg {
    display: block
}

.saleHotBox .btn {
    display: block;
    width: 35px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.left_btn:hover {
    background-image: url("../img/sep/au/arrow_press.png");
    background-size: 100% 100%;
}
.right_btn:hover {
    background-image: url("../img/sep/au/arrow_press.png");
    transform:scaleX(-1);
    background-size: 100% 100%;
}
.small_box .active{background:red;}
.left_btn {
    background-image: url("../img/sep/au/arrow.png");
    background-size: 100% 100%;
}
.right_btn {
    background-image: url("../img/sep/au/arrow.png");
    transform:scaleX(-1);
    background-size: 100% 100%;
}

.btn1 {
    display: block;
    width: 35px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.mid_sales{ display: none; text-transform: uppercase; font-family: Impact; height:161px; color: #fff; line-height: 225px; width:1170px; background-image: url("../img/sep/au/hot.png");background-size: 100% 100%; margin: 0px auto;margin-bottom: 30px; font-size: 50px;text-align: center;}
.alert-danger{background-color: #f44336; }
.alertCont{ width: 1170px; margin: 0 auto; display: flex; align-items: center;justify-content: space-between;}
.alertTxt{ display: flex; align-items: center;}
.alertCont i{ width: 60px; height: 60px;padding-top: 5px; background:#d32f2f; display: inline-block;text-align: center; margin-right: 20px; }
.alertCont i img{ display: none;}
.alertCont span{ display: inline-block;margin-left: 60px;}
.alert {position: relative;z-index: 30;color: #fff;border-radius: 0;height: 60px;box-sizing: border-box;
    border: none;font-weight: 600;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);transition: 1s all cubic-bezier(1, -0.01, 0, 0.99); }
.alert a{color: #ffcdd2; text-decoration: none;}
.alert a:hover {text-decoration: underline; }
.alert button.close {font-size: 26px;line-height: 0px;color: #fff;opacity: 0.7;background: none;border: none;-moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);transform: translate(0, -50%); }
.alert button.close:hover, .alert button.close:focus {opacity: 1;color: #fff; }
.couponAlert{ display: none;}
.bannerBox{position: relative;}
.bannerBox .sharebox{position: absolute;top: 10px;right: 10px;}