/* CSS Document */
@font-face {
  font-family:'ab1';
  src: url('../font/ABChanel2014Couture-Lig.otf'); 
  font-style:normal; font-weight:normal;
}
@font-face {
  font-family:'num';
  src: url('../font/ABChanel-PB-Regular-M.otf'); 
  font-style:normal;
}
*{ margin:0; padding:0;}
ul,li,dl,dt{ list-style:none;}
a{ text-decoration:none;}
input{ border:none;}
html { background: #fff; }
body{ font-family: abchanel-couture,"华文细黑",STXiHei,"微软雅黑","Microsoft Yahei","华文黑体","ST Heiti","MS黑体","MS Hei",abchanel-couture,Arial,Helvetica,sans-serif;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
}
select,input[type="button"], input[type="submit"],input[type="submitupdate"],input[type="tel"],input[type="text"], input[type="reset"] { 
	border-radius:0;
     -webkit-appearance: none;
	 -moz-appearance: none;
     appearance: none;
	 word-break: break-all;
}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{margin:0;padding:0;}
input,select{font-size:12px;vertical-align:middle;}
textarea,input{	word-wrap:break-word;word-break:break-all;padding:0px;}
li{list-style-type:none;}
img{border:0 none;display:block;}
a:link, a:visited{
	color:#000;
	text-decoration: none;
}
a:hover{
	color:#000;
	text-decoration: none;
}
.box{  width:750px; position:relative; overflow:hidden;}
.box_store{ width:100%; max-width:594px; margin:0 auto; overflow:hidden;}
.logo_store{    width: 43%;margin: 9.3% auto;overflow: hidden;}
.logo_store img{ width:100%; overflow:hidden;}
.select{ width:85%; margin:0 auto 9.6% auto; overflow:hidden;}
    .province,.city{ width:45%; float:left; background:url(../img/store_07.png) no-repeat 95% center; background-size:7px; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box; line-height:40px; color:#a3a3a3; font-size:15px; text-indent:6px; overflow:hidden;}
.city{ float:right;}
.con{ width:90%; margin:0 auto; border-top:1px solid #7f7f7f; padding:5.5% 0 5.2% 0; overflow:hidden;}
.store_dl{ width:100%; overflow:hidden;}
.store_dl dt{ float:left; font-family:"ab1"; font-size:14px; width:10%;}
.store_dl dd{ float:left; width:90%; text-align: left}
.store_title{ width:100%; font-size:16px; line-height:18px; overflow:hidden; text-align: left}
.address{ width:100%; margin:3.4% 0 2.2% 0; font-size:12px; color:#8d8d8d; line-height:16px; overflow:hidden; text-align: left}
.map{ width:100%; color:#000; line-height:14px; font-size:10px; font-family:"num"; overflow:hidden; text-align: left}
.map img{ float:left; width:7px; margin-right:5px;}
.province,.city{ line-height:40px;height: 40px;}

/*店铺*/
.s_map{width: 100%;height: 500px;overflow: hidden;}
.s_map img{width: 100%;}
.introduce{width:100%;text-align: left;font-size: 22px;}
.introduce .i_title{font-size: 30px;font-weight: bold;margin-top: 20px;margin-left: 50px;height:60px;line-height:60px;}
.introduce ul{margin-left: 50px;}
.introduce ul li{min-height: 60px;line-height: 60px;padding: 0 50px 0 0;}
.introduce ul li:first-child{color: #979797;}
.introduce ul li span:first-child{margin-top: 10px;width: 60px;}
.introduce ul li span{display:block;float: left;}
.introduce ul li button {width: 200px;background: #000000;height: 60px;border: none;margin-top: 20px;color: #ffffff;font-size: 30px;cursor:pointer;}

/* 横屏提示 */
@-webkit-keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

@keyframes rotation {
    10% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    50%, 60% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg)
    }
    90% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
    100% {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg)
    }
}

#orientLayer {
    display: none;
}

@media screen and (min-aspect-ratio: 12/7) {
    #orientLayer {
        display: block;
    }
}

.mod-orient-layer {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #333;
    z-index: 9997
}

.mod-orient-layer__content {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -144px;
    text-align: center
}

.mod-orient-layer__icon-orient {
    background:url(../img/orien.png)  no-repeat;
    display: inline-block;
    width: 134px;
    height: 218px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-animation: rotation infinite 1.5s ease-in-out;
    animation: rotation infinite 1.5s ease-in-out;
    -webkit-background-size: 67px;
    background-size: 134px 218px;
}

.mod-orient-layer__desc {
    text-align:center;
    margin-top: 30px;
    font-size: 32px;
    color: #fff
}