body{margin: 0;font-size: 15px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;color: rgba(0,0,0,0.8);}
ul{ list-style-type:none;margin-bottom: 0px;}
li{list-style-type:none;}
a{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
a:hover{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}


/*首页*/

.blackhead{width: 100%;margin: 0 auto;position: fixed;top: 0;height:60px;line-height:60px;color: rgba(0,0,0,0.8);font-size: 15px;z-index: 120;padding: 0px 6%;border-bottom: 1px solid #818181;background: rgba(255,255,255,0.8)}
.mobilehead{width: 100%;margin: 0 auto;position: fixed;top: 0;padding: 0px 5%;color: #ffffff;font-size: 15px;z-index: 120;}
.logo{width: 10%;float: left}
.logo img{width: 100px;margin-top: 13px}
.menuul{float: right;cursor: pointer;position: absolute;    right:6%;}
.menu li{float: left;   text-align: center;width: 110px;    position: relative;}
.menu .first{width: 87px}
.menu .cart{ margin:20px 0px 0px 0;position: relative;text-align: right;width: 50px;height: 40px;}
.cart img{width: 25px;position: absolute}



.blackhead .menutitle{color:  rgba(0,0,0,0.8);font-size: 15px;-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;}
.menu ul li:hover .menutitle{color: #b99a6e;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.blackhead .active{color: #b99a6e;}

.menu_list{width: 100%;background: rgba(255,255,255,0.5);display: none;position: absolute}
.menu_list li{width: 100%;text-align: center;line-height: 40px}
.menu_list li:hover{color: #b99a6e;}
.menuicon img{width: 25px;margin-top: 15px}
.mobilemenu{  top:0; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;display: none; overflow: scroll;position: fixed;  color: #fff;  z-index: 165;  width: 100%;  right: 0;  text-align: center; height: 100%;}
.mobilemenu img{width: 25px;  height: 25px;  margin-top: 12px;  }
.mobile_head{background: #b99a6e;clear: both;padding: 15px 0;border-bottom: 1px solid #ffffff}
.mobile_body{background: #d8b88b;}
.mobile_body li{padding: 15px 0;border-bottom: 1px solid #ffffff}
.mobile_body a{color: #fff}
.closebg{width: 60%;float: left;height: 100%;z-index: 168;background: transparent}
.mobilemenu_fr{width: 40%;float: right;background: #fff;height: 100%}


.banner img{width: auto;width: 100%}
.banner-vtext{ position: absolute;display:none}
.banner-vtext .vtext_title{font-size: 36px;font-weight: 700;width: 35px ;margin-right: 0;  margin-left: 20px; ; }
.banner-vtext1 p {line-height: 120%; font-size: 14px;    right: 15%;  top: 25%; letter-spacing: 1px;  float: right;  width: 20px;  margin-right: 15px;  word-wrap: break-word;   height: 290px;  writing-mode: horizontal-tb;  text-align: left;   }
.black p{color: rgba(0,0,0,0.8);}
.mobile{display: none}
.banner_txt{padding: 0 6%; color: #fff;  bottom:60px;  position: absolute;letter-spacing: 2px;line-height: 1.6;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.arrow{width: 100%;margin:0 auto;bottom:20px;  position: absolute;    text-align: center;}
.arrow img{width: 35px;opacity: 0;cursor: pointer;}



/*一品香事*/
.twomenu{    position:fixed;  color: #fff;  text-align: center;  top: 130px;z-index: 110}
.twomenu a{ color: #fff;font-size: 16px;}
.twomenu .first a{font-size: 18px;font-weight: 700}
.twomenu a:hover{ color: #b99a6e;}
.threemenu{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.threemenu a{font-size: 16px;font-weight: 300}
.shuline{    height: 20px;  width: 1px;  background: #fff;  margin: 12px 0 0 28px;}
.black a{ color: rgba(0,0,0,0.8)}
.black .shuline{  background: rgba(0,0,0,0.8);}
.lineactive{background:#b99a6e }
.black .lineactive{background:#b99a6e }
.twomenu_active a{color: #b99a6e;}
.twomenu_active span{color: #b99a6e;}
.txt img{width: 100%;vertical-align: bottom;line-height: 1.8;}

/*香品*/
.titlebg {  height: 400px;  }
.incense_txt {  background: #FFF;  text-align: center;  padding: 4% 0;  font-size: 15px;line-height: 1.8;  padding-left: 15%;}
.incense_list{/*width: 70%;*/margin: 0 auto;margin-top: 40px}
.incense_list ul{padding: 0 4% 0% 4% }
.incense_list ul li{float: left;margin: 2% 0 0 0;margin-right: 3.5%;width: 31%;}
.incense_list ul li img{width: 100%;vertical-align: middle;}
.incense_list p{font-size: 20px;font-weight: 700;margin-top: 20px;opacity: 0}
.giftstxt{padding: 0 20px}
/*.giftstxt img{margin-top: 20px}*/
.incense_list ul li:nth-child(3n){margin-right: 0}
.incensemenu{    background: rgba(0,0,0,0.3);  color: #fff;  font-size: 30px;  padding: 22% 0;  position: absolute;  margin: 0 auto;  width: 100%;  height: 100%;display: none}
.incense_list ul li:hover p{opacity: 1}
.incense_list ul li:hover img{ -webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  -ms-transform: scale(1.05);  -o-transform: scale(1.05);  transform: scale(1.05);  }
.incensetitle{font-size: 36px ;font-weight: 700;}
.incense_txt4{padding: 0 35%}
.bg img{width: 100%}
.bgmobile img{width: 100%}
.threelist ul{width: 100%}
.threelist ul li{float:left;width:30% ;margin-right: 5%;margin-bottom: 2%;cursor: pointer;position: relative}
.threelist ul li:nth-child(3n){margin-right: 0}
.threelist ul li img{width: 100%}
.twolist{width: 65%;margin: 0 auto}
.twolist ul li{float:left;width:45% ;margin-right: 10%;margin-bottom: 2%;cursor: pointer;position: relative}
.twolist ul li:nth-child(2n){margin-right: 0}
.twolist ul li img{width: 100%}
.xn_menu{   opacity: 0; font-size: 18px;  text-align: center;font-weight: 700;margin-top: 10px}
.threelist ul li:hover .xn_menu{opacity: 1}
.list_txt{background: #FFF;  text-align: center;  font-size: 15px;line-height: 1.8;}
.txt1{text-align: center;line-height: 1.8;padding-left: 50px;margin-top: 12%}
@media all and (max-width:1300px){
    .txt1{margin-top: 0}

}
.incense_txt4 .txt1{text-align: center;line-height: 1.8;padding-left: 0;margin-top: 0}
.width49{width:49%}
.xnlist li{float: left;width: 48%;margin-right: 4%;cursor: pointer;}
.xnlist li:nth-child(2n){margin-right: 0}
.xnlist li img{width: 100%;height: 100%}
.two_img{display: table;width: 100%}
.xnlist  .two_img li{float: left;width:48%;padding-left:0% ;margin-bottom: 4%;margin-right: 4%}
.xnlist  .two_img li:nth-child(2n){margin-right: 0}




/*香器*/
.protxt4{padding:3% 10%}
.fourlist  ul{width: 100%}
.fourlist  ul li{float:left;width:22.6% ;margin-bottom:3.2%;margin-right: 3.2%;cursor: pointer;}
.fourlist  ul li:nth-child(4n){margin-right: 0}
.fourlist  ul li img{width: 100%;vertical-align: middle;cursor: pointer;}
.fourlist  ul li .one_list li{width: 100%;margin-bottom: 20px;cursor: pointer;}
.mtop{margin-top: 96px}
#giftsname{display:none;z-index:152;text-align: center;width: 50%;margin-left:25%;line-height:40px;font-size: 16px;/*font-weight: 700;*/position: fixed}
@media all and (max-width:1024px){
    #giftsname{display:block}

}


/*加盟*/
.cooperation_txt{width: 1000px;margin-left:20%;margin-top: 220px;position: absolute;color: rgba(0,0,0,0.8);}
.cooperation-title{font-size: 24px;font-weight: 700;text-align: center;  margin-bottom: 100px;    color: rgba(0,0,0,0.8);}
@media all and (max-width:1300px){
    .cooperation_txt{width: 1000px;margin-left:20%;margin-top: 14%;position: absolute;color: #fff;}
    .cooperation-title{font-size: 24px;font-weight: 700;text-align: center;  margin-bottom: 40px;}

}
.cooperation_txt li{float: left;margin-bottom: 2.4%}
.cooperation_txt li dd{font-size: 15px;color: rgba(0,0,0,0.8);float: left; line-height: 40px;}
.cooperation_txt .lione{width: 440px}
.mleft{margin-right: 120px}
.cooperation_txt .litwo{width: 100%}
.cooperation_txt .lione dd{width: 200px}
.cooperation_txt .lione dt{width: 240px;    float: right;}
.cooperation_txt .litwo dd{width: 200px}
.cooperation_txt .litwo dt{width: 800px;    float: right;}
.inputclass{background:transparent;border: 0;border-bottom: 1px solid rgba(0,0,0,0.8);width: 100%;font-size: 14px;color: rgba(0,0,0,0.8);padding: 5px}
.referbtn{width:185px;font-size: 24px;background:#b99a6e;color: #ffffff;border: 0;text-align: center;padding: 10px 0 ;cursor: pointer}


/*未觉活动*/
.new{width: 75%;margin-top: 150px;margin-left: 19%;text-align: center}
.new img{max-width: 100%;}
@media all and (max-width:1400px){
    .new{width: 71%;margin-left: 23%;}

}
.newtitle{font-size: 36px;font-weight: 700;margin-bottom: 35px}
.newmenu_fl{width: 20%;float: left}
.newmenu_fr{width: 80%;float: right}
.mobile_yearbody{    float: right;  width: 80%;}
.hengline{width: 80%;margin-top:30px;height: 1px;border-bottom: 1px solid rgba(0,0,0,0.8);float: left}
.newarrow{width: 25px;float: right;margin-top: 20px}
.newarrow img{width: 100%}
.yearhead{cursor: pointer;color: rgba(0,0,0,0.8);}
.yearbody{margin-top: 10px;width: 200px;text-align: left;background: rgba(255,255,255,0.5)}
.yearbody li{line-height: 2}
.yearbody a{color: rgba(0,0,0,0.8);;cursor: pointer}
.yearbody li:hover a{color:#b99a6e}
.current1{color:#b99a6e}
.shuline{    height: 20px;  width: 1px;margin: 12px 0 0 18px;}
.yearhead .shuline{background: rgba(0,0,0,0.8);}
.shuline1{    height: 20px;  width: 1px;  border-left: 1px solid rgba(0,0,0,0.8);;  margin: 12px 0 0 18px;}
.shuline11{ border-left: 1px solid #b99a6e;}
.img1{transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */}


/*加入未觉*/
.findus_txt{width: 70%;margin-top: 200px;position: absolute;color: rgba(0,0,0,0.8);line-height: 1.6;opacity: 1}
.findustitle{font-size: 24px;margin-bottom: 30px}
.show_name{position: relative;  font-size: 24px;float:left;width: 34%;  top: -20px; text-align: center; letter-spacing: 2px; color: #b99a6e}
.finduslist li{float: left;width: 50%; height: 200px;  font-family:"微软雅黑"; }
.listtitle{font-size: 18px;margin-bottom: 20px}
.fineline{width: 33%;height: 1px;border-bottom: 1px solid #b99a6e;float: left}

/*店铺信息*/
.map{width: 75%;margin: 10% 10% 0 15%;display: table}
.address{color: rgba(0,0,0,0.8);   margin-bottom: 30px;}
.addrtitle{font-weight: 700;font-size: 24px;margin-bottom: 35px}
.addrlist{margin-top: 55px;width: 330px}
.addrlist img{width: 100%;margin: 10px 0;}
.tradename{font-size: 24px;margin-bottom: 10px;font-weight: 700}
.addrlist .active{color: #b99a61}

.width40{width: 40%}
.width60{width: 60%}
.width45{width: 45%}
.width55{width: 55%}
.width50{width: 50%}
.incense_txt4 .width55{width: 100%}
.incense_txt4 .width45{width: 100%}
.two_img li{float: left;width: 50%;padding-left:5% ;margin-bottom: 5%}
.two_img li img{width: 100%;vertical-align: bottom}
.big_img{width: 47.5%;margin-left: 2.5%}


@media all and (max-width:1400px){
    .blackhead{font-size: 14px;padding: 0px 4%;}
    .incensetitle {  font-size: 32px;  }
     body{font-size: 14px;}
    .menu li{float: left;   text-align: center;width:90px}
    .menu .first{width: 80px}
    .menu .first .menu_list{width: 80px;text-align: center}
    .menu .first .menu_list li{width: 80px}
}
@media all and (max-width:1200px){
	 .blackhead{font-size: 14px;padding: 0px 2%;}
    .menu li{float: left;   text-align: center;width: 80px}
    .menu .first{width: 55px}
    .menu .first .menu_list{width: 70px;text-align: center}
    .menu .first .menu_list li{width: 70px}
    .menu .cart {width: 20px;}
}
.xysjbg{width: 85%;  float: right; padding-right: 6%; margin-top: 130px;}
.bg{width: 85%;  float: right; padding-right: 6%; margin-top: 130px;}
.xysjbg img{width: 100%}
.protxt{width: 85%;  float: right;padding-right: 6%;padding-left: 0}
.protxt1{width: 85%;  float: right;padding-right: 6%;padding-left: 0}
.protxt2{width: 85%;  float: right;padding-right: 6%;padding-left: 0}
.protxt4{width: 85%;padding-right: 6%;float: right;padding-left: 0}
.txt2{width: 85%;padding-right: 6%;float: right;padding-left: 0}



.backimg{float: right;right:6%;position: fixed;top:80px;}
.backimg a:hover{opacity: 0.6;}
.backimg img{width: 100px;}


.txt{width: 88%;margin: 0 auto;line-height: 1.6;margin-top: 140px;}
.txt input{padding: 0;width: 100%;}
/*竖屏 css*/
/*@media all and (max-width:1024px)*/
@media screen and (orientation: portrait){ /*ipad*/
	.backimg{top:60px;}
	.backimg a:hover{opacity: 0.6;}
	.backimg img{width: 80px;}
	.txt{width: 88%;margin: 0 auto;line-height: 1.6;margin-top: 110px;}
	/*.txt{margin: 0 auto;width: 100%;}*/
    .protxt{margin-top: -0%;z-index: 101;position: absolute;width: 100%;padding:10%}
    .protxt1{margin-top: -0%;z-index: 101;position: absolute;width: 100%;padding: 10%}
    .protxt2{margin-top: -0%;z-index: 101;position: absolute;width: 100%;padding:10%}
    .protxt4{padding:10%;width: 100%}
    .txt2{width: 100%;padding:10%}
    .incense_list p {  font-size: 12px;  margin-top: 0px;  opacity: 1;  }
    .incense_list{width: 100%;}
    .mobilemenu{right: -200%;display: block}
    .head{    background: rgba(0,0,0,0.8);;padding: 0 5%}
    .blackhead{padding: 0px 5%;border-bottom: 0px solid rgba(0,0,0,0.8);;height: 40px;line-height: 40px}
    .pc{display:none}
    .mobile{display:block}
    .logo img{width: 70px;margin-top: 9px;}
    .menuicon img {  width: 23px;  margin-top: 9px;  }

    /*香品*/
    .bg {  margin-top: 0px;  }
    .txt1 {  padding-left: 0;  }
    .titlebg {  height: 160px;  }
    .incense_txt { padding:20px;  font-size: 12px;padding-left: 0 }
    .incensetitle {  font-size: 24px;  }
    .incense_list ul li {  width: 23.5%;  margin: 40px 0; margin-right: 2%; }
    .incense_list ul li:nth-child(3n){margin-right: 2%}
    .incense_list ul li:nth-child(2n){margin-right: 0}
    .incensemenu {  font-size: 24px;  padding: 22px 0  }
    .txt1{margin: 30px 0}
    .incense_txt4{padding: 0}
    .giftstxt {  padding: 20px 20px; /*display: inline-block;*/ }
    .jewelrylist ul li{ float: left;  width: 30%;  margin-right: 5%;  margin-bottom: 10px}
    .jewelrylist img{width: 100%;margin-top: 0}
    .jewelrylist ul li:nth-child(3n){margin-right: 0}
    .xn_menu{   opacity:1; font-size: 14px;  text-align: center;font-weight: 700;margin-top: 5px}
    .jewelrylist ul li:hover .xn_menu{opacity: 1}
    .threelist ul li {      float: left; width: 100%;  margin-right: 5%;  margin-bottom: 10px}
    .threelist ul li:nth-child(3n){margin-right: 0}
    .list_txt {  /*padding: 20px 0; */ font-size: 12px;  }
    .fourlist  ul li{float:left;width:48% ;margin-bottom:4%;margin-right: 4%}
    .fourlist  ul li:nth-child(2n){margin-right: 0}
    .mtop{margin-top: 50px}
    .jewelrylist ul li{float:left;width:47.5% ;margin-right: 5%;margin-bottom: 0px;margin-top: 30px}
    .jewelrylist ul li:nth-child(3n){margin-right: 5%}
    .jewelrylist ul li:nth-child(2n){margin-right: 0}
    .banner-vtext1 p{display: none}
    .twolist{width: 100%;margin: 0 auto}
    .twolist ul li{float:left;width:100% ;margin-right: 10%;margin-bottom: 2%;cursor: pointer;position: relative}
    .twolist ul li:nth-child(2n){margin-right: 0}
    .twolist ul li img{width: 100%}

    .width50{width: 100%}
    .two_img li{float: left;width: 48%;padding-left:0% ;padding-right:0%;margin-bottom: 4%;margin-right: 4%}
    .two_img li:nth-child(2n){margin-right: 0}
    .two_img li img{width: 100%;vertical-align: bottom}
    .big_img{width: 100%;margin-left: 0}

    .width49{width:100%;    margin-bottom: 10px;}
    .xnlist li{float: left;width: 100%;}
    .xnlist  .two_img li{float: left;width:48%;padding-left:0% ;margin-bottom: 4%;margin-right: 4%}
    .xnlist  .two_img li:nth-child(2n){margin-right: 0}



    /*加盟*/
    .cooperation_txt{width: 90%;margin:0 auto;margin-left:0%;margin-top: 0;padding-top: 80px;position: static;/*height: 520px*/}
    .cooperation-title{font-size: 18px;font-weight: 700;text-align: center;  margin-bottom: 20px;}
    .cooperation_txt li{float: left;margin-bottom: 0px}
    .cooperation_txt li dd{font-size: 12px;color: #fff;float: left; line-height: 40px;}
    .cooperation_txt .lione{width: 100%}
    .mleft{margin-right: 0px}
    .cooperation_txt .lione dd{width:50%}
    .cooperation_txt .lione dt{width: 50%;}
    .cooperation_txt .litwo dd{width: 50%}
    .cooperation_txt .litwo dt{width: 50%;}
    .inputclass{font-size: 12px;}
    .referbtn{width:120px;font-size: 18px;background:#b99a6e;color: #ffffff;border: 0;text-align: center;padding: 5px 0 ;cursor: pointer;margin-top: 20px}

     .login_content{padding-top: 80px;width: 90%;margin:0 auto;font-size: 14px}
     .login_content p{width: 100%;color:rgba(0,0,0,0.8);clear: both;display: table;margin-bottom: 5px;/*height: 30px;line-height:30px;*/}
    .width1{float: left;width: 50%;height: 30px;line-height: 35px}
    .width2{float: right;width: 50%}
    .input{background:transparent;border: 0;font-size: 13px;color: rgba(0,0,0,0.8);height: 25px;line-height:30px;border-bottom: 1px solid rgba(0,0,0,0.8);;width: 100%}
    .inputclass{width: 100%;border-bottom: 1px solid rgba(0,0,0,0.8);}


    /*未觉活动*/
    .new{width: 90%;margin-top: 60px;margin-left: 5%;text-align: center}
    .newtitle{font-size: 18px;font-weight: 700;margin-bottom: 35px}
    .mobile_yearhead{padding: 10px 0;clear: both;width: 100%;display: table}
    .mobile_yearbody ul{padding: 10px 0;clear: both;width: 100%}
    .mobile_yearbody li{padding: 10px 0}




    /*加入未觉*/
    .findus_txt{width: 90%;margin-top: 100px;margin-left: 5%;font-size: 12px}
    .findustitle{font-size: 18px;margin-bottom: 15px}
    .show_name{position: relative;  font-size: 18px;float:left;width: 50%;  top: -12px;}
    .finduslist li{float: left;width: 100%; height: auto; margin-bottom: 40px }
    .listtitle{font-size: 16px;margin-bottom: 20px}
    .fineline{width: 25%;}


    /*店铺信息*/
    .map{width: 90%;margin: 20% 5% 20% 5%;display: table}
    .map1{width: 100%;margin: 0;display: table}
    .address{color: rgba(0,0,0,0.8);;width: 100%}
    .addrtitle{font-weight: 700;font-size: 24px;margin-bottom: 35px}
    .addrlist{margin-top: 40px;width: 100%;text-align: center;font-size: 13px}
    .tradename{font-size: 16px;margin-bottom: 10px;font-weight: 700}
    .addrlist .active{color: #100}
    select {  width: 100%;  margin-right: 0;  margin-bottom: 20px;  font-weight: 100}
    select option{font-weight: 700;line-height: 35px;height: 35px}


    .width40{width: 100%}
    .width45{width: 100%}
    .width55{width: 100%}
    .width60{width: 100%}

}
@media all and (max-width:758px){
    .fourlist ul li {  width: 100%;  margin-bottom: 3.2%;  margin-right: 0%;  }
    .main{display: none}
    .incensemenu {  font-size: 16px;  padding: 20% 0  }
    .banner-vtext p {  width: 20px;margin-right: 10px; font-size: 13px; }
    .banner-vtext .vtext_title{font-size:24px;font-weight: 700;width: 20px ;margin-right: 10px;margin-left: 0}
    .banner-vtext {  position: absolute;  top:25%;  right: 12%;  }
    .incense_list ul li {  width:48%;  margin: 5px 0; margin-right: 4%; }
    .incense_list ul li:nth-child(2n){margin-right: 0}
}