body{
    font-family: 微软雅黑;
}
html,body,ul,p,h2,h5{
    margin:0;
    padding:0;
}
a{
    text-decoration: none;
}
button:focus{
    outline: none;
}
li{
    list-style: none;
}

.wrap{
    width:100%;
}
.indexNav{
    width:100%;
    position: relative;
    /*width: 1000px;*/

}
.navTitle{
    position: absolute;
    top:10px;
    right:200px;
}
.indexNav a{
    color: #000;
    margin-left:10px;
}
.indexNav .logout{
    display: none;
}
.navImg{
    width:100%;
    /*width:1000px;*/
    display: block;
    margin:auto;
}
.logIn{
    display: none;
    color:#000;
}
.shoppingGuide{
    background: url('../image/Button-bg.jpg') no-repeat  left top ;
    background-size: 100% 100%;
}
.shoppingGuide-container{
    width: 1200px;
    height: 100%;
    margin: auto;
}
.button-tit{
    width:313px;
    vertical-align: top;
}
.shoppingGuide-container .guideItem{
    width:166px;
    height:245px;
    background:#fff;
    border:2px solid #9cb8df;
    display: inline-block;
    color: red;
    text-align: center;
    margin:43px 0 20px 30px;
}
.shoppingGuide-container .rmb{
    font-size:22px;
    line-height: 60px;
}
.shoppingGuide-container .rmb-num{
    font-size:40px;
}
.shoppingGuide-container .rmb-num-tip{
    font-size:24px;
    line-height: 88px;
    letter-spacing: 2px;
}
.shoppingGuide-container button{
    background:#c3d8f3;
    color:#fff;
    width:128px;
    height:28px;
    line-height:28px;
    border-radius:30px;
    font-size:16px;
    border:none
}
button:hover{
    cursor: pointer;
}
.anchorNav{
    /*height:1043px;*/
    background: url('../image/Nav-bg.jpg') no-repeat  left top ;
    background-size: 100% 100%;
    overflow: auto;
}
.anchorNavContainer{
    width: 1200px;
    height: 913px;
    margin: 65px auto 65px;
    background: #fff;
    text-align: center;
}
.anchorNavBox{
    width:900px;
    height: 635px;
    background:#f7f7f7;
    margin:auto;
}
.anchorNavBox img{
    margin:8px;
}
.anchorNavBoxTop{
    height: 430px;
    margin-bottom:16px;
    display: flex;
}
.anchorNavBoxTopL{
    height: 428px;
    display: inline-block;
}
#hot{
    text-align:center;
}
/*.sectionTitleImg{*/
    /*margin: 25px 0;*/
/*}*/
.titleText{
    margin: 30px 0;
    text-align:center;
}
.titleText .textEnglish{
    font-family: "Segoe UI Symbol";
}
#hot .hotT{
    background: url('../image/HOT-bg1.jpg') no-repeat  left top ;
    background-size: 100% 100%;
}
#hot .hotTGoods{
    display: inline-block;
    vertical-align: top;
    margin-top: 72px;
    margin-right: 10px;
    font-weight: bold;
    width:135px;
}

#hot .hotTGoods span{
    display: block;
}
.hotTGoodsTitle{
    font-size:68px;
}
.hotTGoodsSpecs{
    width:156px;
    height: 34px;
    line-height: 34px;
    background: #fcc900;
    border-radius: 20px;
    position: absolute;
    /*margin-top:10px;*/
}
.hotTGoodsPrice{
    position: absolute;
    font-size:40px;
    margin-top:45px;
}
#hot .hotTGoodsPrice span{
    display: inline-block;
}
#hot .hotTGoodsPic {
    display: inline-block;
    width: 644px;
    margin-top:90px;
    /*height: 727px;*/
}
#hot .hotTGoodsPic img{
    width: 100%;
    /*height: 727px;*/
}
#hot .hotB{
    /*margin: 5px;*/
    /*height: 740px;*/
    background: url('../image/HOT-bg2.jpg') no-repeat  left top ;
    background-size: 100% 100%;
    overflow: hidden;
}
.flexContainer{
    display: flex;
    margin-top: 50px;
}
.hotBContainer{
    width:1200px;
    margin: 25px auto 25px;
}
.discountItemsContainer{
    width:1200px;
    margin: auto;
}
.commonFlexItem{
    position: relative;
    color: #000;
    flex:1;
    text-align: center;
}
 .commonGoodsItem{
     float: left;
     margin-top: 57px;
     position: relative;
     color: red;
     text-align: left;
     margin-right: 20px;
}
.hotrmb{
    font-size:12px;
}
#discount .discountItems{
    background: url('../image/Sample-bg.jpg') no-repeat  left top ;
    background-size: contain;
}

.cartIcon{
    width:56px;
    position: absolute;
    right: 22px;
    bottom: 20px;
}


#fruitSection{
    background: url('../image/Fruit-pg_33.jpg') no-repeat  left top;
}
#ywSection{
    background: url('../image/Best-bg.jpg') no-repeat  left top;
}
#xtkSection{
    background: url('../image/Chante-bg.jpg') no-repeat  left top;
}
#ysldSection{
    background: url('../image/Estee-bg.jpg') no-repeat  left top;
}
#fruitSection, #ywSection,#xtkSection,#ysldSection{
    margin-top:50px;
    background-size: contain;
    overflow: hidden;
}
.sectionTitle{
    text-align: center;
    margin-top:125px;
}
.sectionTitle h1{
    font-size:70px;
    margin-bottom:0;
}
.sectionTitle h3{
    margin-top:0;
    font-size:22px;
}
.discountTop, .discountMiddle{
    margin-left:400px;
    display: flex;
}
.discountTop a{
    margin:50px 0;
}
.sectionContainer{
    width:1200px;
    overflow: hidden;
    margin: 155px auto 0;
}
.sectionCommonImgLT{
    width: 410px;
    margin-left: 100px;
    display: inline-block;
}
.sectionCommonImgLT .itemLTImg{
    width:100%;
    vertical-align: bottom;
}
.commonDetailItemText{
    width: 100%;
    height:30px;
    background:#98b9e2;
    color:#fff;
    line-height: 30px;
    text-indent:20px;
}
.sectionCommonImg{
    width:300px;
    vertical-align: top;
    margin:200px 0 0 150px;
}
.commonLTPrice{
    float: right;
    padding-right: 20px;
    height: 100%;
}

.commonrmb{
    font-size:12px;
}
.detailItemText{
    font-size: 20px;
    text-align: left;
    padding-left:18px;
}
.hotBGoodsPrice, .redGoodsPrice{
    position: absolute;
    right:84px;
}
#bottomSection{
    width:100%;
    margin-top:50px;
    position: relative;
}
.bottomGoodsBg{
    width:100%;
}
.bottomSectionInfo{
    width: 250px;
    height: 360px;
    background: #000;
    position:absolute;
    top:0;
    right:225px;
    color:#fff;
}
.bottomSectionInfo p{
    text-indent: 20px;
}
.bottomSectionInfo p:nth-of-type(1){
    line-height: 100px;
}
.bottomSectionInfo p:nth-of-type(2){
    line-height: 74px;
}
.bottomSectionInfo p:nth-of-type(3){
    font-size:34px;
    line-height: 50px;
}
.bottomSectionInfo p:nth-of-type(4){
    font-size:14px;
    line-height: 18px;
}
.bottomSectionInfo p:nth-of-type(5){
    font-size: 68px;
    line-height: 90px;
}
.bottomSectionInfo .bottomGoodsInfo, .bottomRmb{
    font-size:12px;
}
.address-mask{
    width: 100%;
    height:100%;
    z-index:2;
    display: none;
    position: absolute;
    left:0;
    top:0;
    right: 0;
    bottom: 0;
}
.address-mask .mask{
    width: 100%;
    height:100%;
    background: #000000;
    opacity: 0.6;
    z-index:3;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.addressListBox{
    display: none;
    z-index: 5;
    width: 600px;
    padding: 20px 20px;
    background:#fff;
    position: fixed;
    left:50%;
    top:50%;
    margin-left: -300px;
    margin-top: -225px;
    text-align: center;
    /**/
}
.addressList{
    overflow: hidden;
}
.addressList a{
    cursor: pointer;
}
.addressForm{
    padding: 50px;
    background:#fff;
    position: fixed;
    left:50%;
    top:50%;
    margin-left: -225px;
    margin-top: -125px;
    text-align: center;
    z-index: 5;
    display: none;
}
.addressForm div{
    line-height: 22px;
}
.addressForm label{
    display: inline-block;
    width:80px;
    vertical-align: top;
    text-align-last:justify;
    text-align:justify;
    margin-right: 10px;
}
label::after{
    content:" ";
    display:inline-block;
    width:100%;
}
.addressItemBox{
    flex:1;
}
.addressItemBtn{
    width:120px;
    float:left;
}
.addressItemBtn{
    display: none;
}
.addressItem{
    height: 34px;
    line-height: 34px;
    border-bottom:1px solid #eee;
    /*list-style: none;*/
    display: flex;
}
.addressAdd, .addressSave{
    margin-top: 20px;
    width:130px;
    height: 40px;
    background:#FF7694;
    border:none;
    color:#fff;
    font-size:14px;
}
.defaultAddress{
    width:120px;
    float:left;
    display: none;
}
.maskClose{
    display: block;
    width:30px;
    height:30px;
    border-radius: 50%;
    line-height: 30px;
    z-index: 5;
    margin: 15px auto 0;
    cursor: pointer;
    background:#ffe6e9;
}
.defaultAddressBg{
    background:#FF7694;
    height: 34px;
    line-height: 34px;
    display: flex;
}
.maskBoxTitle{
    line-height: 50px;
}
.red{
    color:#f6514d;
}
.hotBGoodsSpec{
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: left;
    text-indent: 18px;
}
.goodsBorder{
    border: 2px solid #ffd8ca;
}