/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0; font-size:12px;} 
pre,xmp,plaintext,listing{white-space:normal;}
article,aside,dialog,figure,footer,header,hgroup,nav,section,select,time{display:block;}
h1,h2,h3,h4,h5,h6,input,textarea,select,button,label,address,caption,cite,code,em,strong,var{font-weight:normal;font-style:normal;}
i{font-style:normal;}
ul,dl,ol,li,dt,dd{list-style:none;}
img,fieldset,input[type="submit"]{border:none;}
input{-webkit-appearance:none;}
input,textarea,select{border:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0); background:#fff;}
a{color:#7A7A7A;text-decoration:none;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}
a:hover{color:#f85d4f;text-decoration:none;}
body{-webkit-user-select:none;/* 禁止选中文本 */-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05);/* 设置点击链接时遮罩层为全透明 */
background:#fff;}
html,body{-webkit-text-size-adjust:none;height:100%;width:100%;}/* 设置webkit内核下文字大小不小于12px */
a,button,input{-webkit-touch-callout:none;outline:none;}/* 禁止长按链接、按钮、输入框出现系统默认弹框菜单 */
a,a:visited{text-decoration:none;-webkit-touch-callout:none;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after {content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;clear:both;}
#dxlBackgroundDiv{z-index:999; position:absolute; top:0; left:0; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; background:#000; transition:display 0.3s ease-in-out;-webkit-transition:display 0.3s ease-in-out;}
/* reset css */

/* 模拟原生alert */
#mAlert{ width:220px;z-index:9999; position:absolute;background-color:rgba(51,51,51,0.9); text-align:center; font-size:12px;color:#fff; line-height:16px;
border-radius:2px; -webkit-border-radius:2px;  box-shadow:-1px 0px 6px #505050;-webkit-box-shadow:-1px 0px 6px #505050; }
#mAlert .mAlertBox{padding:15px;}


/***下载***/
#mAppDownBot {position: fixed;bottom: 0;	left: 0;width: 100%;height: 50px;	background: rgba(0, 0, 0, 0.7);	z-index: 2;}
#mAppDownBot .appDownDiv {width: 320px; margin: 0 auto;height: 50px;}
#mAppDownBot .close {position: absolute;top: 0;left: 0;width: 35px;height: 30px;	background: url(/public/img/appDown/08_close.png) no-repeat left top;background-size: 20px auto;}
#mAppDownBot .topBg{ width: 68px; height:65px; position: absolute; top:-42px; left: 50%; margin-left: -34px;
background: url(/public/img/appDown/08_bg.png) no-repeat left top;background-size:68px auto; }
#mAppDownBot .words{ width: 280px; margin: 11px auto 0;}
#mAppDownBot .words span{ float: left; display: block;}
#mAppDownBot .words .le{ width: 33px; height: 33px; border-radius: 5px;
background:url(/public/img/logo/wap.png) no-repeat center center;background-size: 33px auto;}
#mAppDownBot .words .mid{ width:158px; font-size: 13px; color: #fff; margin: 0 7px; }
#mAppDownBot .words .ri{ width:70px; line-height: 27px; text-align: center; font-size: 14px; color: #ff608e; 
 border-radius: 5px; border: 2px solid #ff608e;}




body{ background: #f0f0f0;}
.bodyHide{ position: fixed; left:-1000px;}
.items{margin-bottom: 15px; position: relative; border-width: 1px 0;  border-color:#d7d7d7; border-style: solid;}

.items .tit{ line-height: 45px; color: #333; font-size: 15px; padding-left: 3%;} 
.items .more{margin-top:10px;border-top: 1px solid #d7d7d7; line-height: 43px; padding-left: 3%;position: relative;}
.items .more:after{content:"";position:absolute;right:3%;top:50%;width:7px;height:7px; margin-top: -4px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.items .more a{ display: block;}
.items .more span{color: #333; font-size: 15px; display: inline-block; vertical-align:middle;}
.items .more i{display: inline-block;margin-left: 10px; vertical-align:middle;
-webkit-transition:all ease-in-out .8s; transition:all ease-in-out .8s; 
content:""; display: inline-block;width:7px;height:7px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(132deg);-ms-transform:rotate(132deg);transform:rotate(132deg);	}	
.items .upMore i{ -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg);}

.vrRed{ text-align: center;color: #ff3366;padding-left: 15px;
	border-radius:33px;border:1px solid #ff3366;	box-sizing: border-box;-webkit-box-sizing: border-box; }
.vrRed:before{position: absolute;content: ""; width:8px; height:15px; display: inline-block;
background: url(/www/img/detail-w/vrRed.png) no-repeat center center;background-size:8px auto;}

/*header*/
header{ width: 100%; position: absolute; top:0; left: 0; height: 90px;}
header a{ background-image:url(../../images/09_header.png); background-repeat: no-repeat; background-size: 40px auto;
display: block;}
header .prev{ width: 30px; height:22px; background-position:0 1px; position: absolute; left: 3%; top: 14px;} 
header .riIcon{ position: absolute; right: 20px; top: 14px;} 
header .riIcon a{ float: left;}
header .riIcon .collect{width: 30px; height:24px; background-position:6px -111px; margin-right: 14px;}
header .riIcon .screen{width: 30px; height:24px; background-position:6px -74px;}
header .riIcon .notCollect{background-position:6px -37px;  }

/*头图/酒店名/价格*/
#topImg .TopImgBox{ min-height: 60px; background: #d7d7d7;}
#topImg .TopImgBox img{ width: 100%; height: auto; display: block;}

.picVR{width: 50px;height: 50px;margin-top:-55px;float:right;margin-right:10px;
    background: url(../../images/vr50.png) 50% no-repeat;opacity: 0.75}

#topImg .topInfos{ background: #fff; padding:8px 3%;position: relative;}
#topImg .topInfos h1{ font-size: 18px; color: #333;}
#topImg .topInfos .pinglun{ margin:5px 0 8px; }
#topImg .topInfos .pinglun .le,#topImg .topInfos .pinglun .le i{display: inline-block; height:12px;
background-image: url(/www/img/detail-w/09_star.png); background-repeat: no-repeat; background-size: 95px auto;}
#topImg .topInfos .pinglun .le{ width: 72px;background-position:0 -27px; }
#topImg .topInfos .pinglun .le i{ width: 70%;background-position:0 0;}
#topImg .topInfos .pinglun .ri{ font-size: 12px; color: #999; margin-left: 10px; }
#topImg .topInfos .pirce .le{ color: #999; font-size: 13px; margin-right: 4px;}
#topImg .topInfos .pirce .ri{ color: #fc3768;  border: 1px solid #fc3768; padding:1px 4px; font-size: 9px;}
#topImg .topInfos .vrRed{position: absolute; right:8px;bottom: 8px;height:30px; line-height:30px; width:83px;}
#topImg .topInfos .vrRed:before{left:18px;top:7px;}

/*特惠礼/到店礼/订单礼*/
#hui{ padding:5px 3%; position: relative;background-color: #f8f8f8;}
#hui:after{content:"";position:absolute;right:3%;top:50%;width:7px;height:7px; margin-top: -4px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#hui li{ line-height: 28px; color: #333;font-size: 14px;}
#hui li	i{ color: #ff3366; padding-right: 5px;}

/*地图*/
#map{background-color: #fff;}
#map ul{ padding-left:3%; }
#map ul li{line-height: 45px; color: #333; font-size: 15px;position:relative; border-top: 1px solid #e1e1e1;}
#map ul li:before{width: 16px; height: 18px;content: ""; display:inline-block;vertical-align: middle; margin-right: 5px;
background-image:url(../../images/09_mapIcon.png); background-repeat: no-repeat; background-size:16px auto;}

#map ul li:after{ content:"";position:absolute;right:3%;top:50%;width:7px;height:7px; margin-top: -4px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#map ul li a{ display: inline-block;padding-right: 20px; vertical-align: middle; width: 84%;}
#map ul li a span{color: #333; font-size: 15px; }
#map ul li a i{ color: #999; font-size:12px; float: right; padding-right: 8px;}
#map ul li:nth-child(1){margin: 13px 0; border: 0; position: relative; line-height: inherit;}
#map ul li:nth-child(1) a{ line-height: 20px;vertical-align: top}
#map ul li:nth-child(1):before{background-position:0 0; vertical-align: top; margin-top: 3px;}
#map ul li:nth-child(2):before{background-position:0 -30px;}
#map ul li:nth-child(3):before{background-position:0 -57px;}

/*宴会厅*/
#yanhuiting{ background-color: #fff;}
#yanhuiting ul{padding-left: 3%; overflow: hidden;}
#yanhuiting li{ padding: 10px 3% 10px 0; min-height:45px;border-top: 1px solid #e1e1e1;}
#yanhuiting li .le{ float: left; position: relative; width:60%;}
#yanhuiting li .VR{float:left;margin-top:8px;border-radius: 15px;border: 1px solid black;color: black;font-weight: 200;font-size: 15px;line-height: 28px;text-align: center;width: 62px;height: 28px;}
#yanhuiting li .le img{ position: absolute; left: 0; top: 0; width:60px; height: 45px;}
#yanhuiting li .le .leInfo{ margin-left: 70px; color: #999;  }
#yanhuiting li .le .leInfo h4{ color: #333; font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
#yanhuiting li .le .leInfo h5{ line-height: 14px;}
#yanhuiting li .le .vrRed{width:62px; position: absolute;right: 0; top:7px;line-height: 28px;}
#yanhuiting li .le .vrRed:before{left:16px;top:7px;}

#yanhuiting li .ri{ float: right; line-height: 28px; text-align:center;  margin-top: 8px; width:62px;border-radius: 15px; border: 1px solid #ccaa77;color: #ccaa77;}
#yanhuiting .more{ text-align: center; display: none;}
#yanhuiting .more:after{ width: 0; height: 0;}

/*婚宴菜单*/
#menus{ background-color: #fff;}
#menus ul{ padding-left:3%;}
#menus li{ line-height: 45px;  padding-right: 20px; position: relative;border-top: 1px solid #e1e1e1;}
#menus li:after{content:"";position:absolute;right:3%;top:50%;width:7px;height:7px; margin-top: -4px;border-top:1px solid #999;
border-right:1px solid #999;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#menus li a{font-size: 14px; color: #333; display: block;}
#menus li span{ color: #999; float: right; padding-right: 8px;}

/*评论*/
#pingLun{ margin-top:15px; background-color: #fff;}
#pingLun ul{  padding-left: 3%; margin:0 auto;}
#pingLun li{ position:relative;padding:12px 0 10px;border-top: 1px solid #e1e1e1;}
#pingLun li a{ display: block;}
#pingLun li .le{ position:absolute; top:10px; left:0; width:50px; height:50px; border-radius:25px; -webkit-border-radius:25px; border:1px solid #f5f5f5;}
#pingLun li .ri{ margin-left:62px;color:#666; line-height:18px; padding-right: 3%;}
#pingLun li .ri h3{ color:#333; font-size:14px; }
#pingLun li .ri h3 p{ float:right;}
#pingLun li .ri h3 .star,#pingLun ul li .ri h3 .star span{display: inline-block; height:14px;
background-image: url(/www/img/detail-w/09_star.png); background-repeat: no-repeat; background-size: 95px auto;}
#pingLun li .ri h3 .star{ width: 72px;background-position:0 -27px; vertical-align: middle;  }
#pingLun li .ri h3 .star span{ width: 70%;background-position:0 0;}
#pingLun li .ri div{ margin:5px 0; color: #999; line-height: 20px;word-wrap:break-word; }
#pingLun li .ri dd{width: 30%; float: left;height:73px;margin:0 3% 3% 0;box-sizing: border-box; -webkit-box-sizing: border-box;
overflow: hidden;background: url(/www/img/detail-w/09_imgBg.png) repeat center top;}
#pingLun li .ri dd:last-child{ margin-right:0; }
#pingLun li .ri dd img{ width:auto;height:73px; display: block; margin: 0 auto;}

/*您可能会喜欢*/
#mayEnjoy{ padding-bottom: 70px; border-bottom: 0;}
#mayEnjoy .tit{background-color: #fff;}
#mayEnjoy ul{ background-color: #fff;padding-left: 3%;border-bottom: 1px solid #d7d7d7;}
#mayEnjoy li{ position:relative; padding:10px 0; min-height: 63px;border-top: 1px solid #e1e1e1;}
#mayEnjoy li a{ display:block;}
#mayEnjoy li .sellTXLe{ width:90px; height:66px; position:absolute; top:10px; left:0;}
#mayEnjoy li .sellTXRi{ margin-left:100px; padding-right: 3%;}
#mayEnjoy li .sellTXRi h3{ font-size:14px; color:#333;}
#mayEnjoy li .sellTXRi h3 span{ font-size:14px;vertical-align:middle; display:inline-block; padding-right: 3px;
max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#mayEnjoy li .sellTXRi h3 i{ vertical-align:middle;display:inline-block; width:18px; height:18px; margin-left: 3px;
background-position:center center;background-size:18px auto; background-repeat:no-repeat;}
#mayEnjoy li .sellTXRi h3 .fan{background-image:url(/www/img/detail-w/09_hui.png);}
#mayEnjoy li .sellTXRi h3 .li{ background-image:url(/www/img/detail-w/09_fan.png);}
#mayEnjoy li .sellTXRi h3 .hui{background-image:url(/www/img/detail-w/09_fu.png);}
#mayEnjoy li .sellTXRi h3 .fu{background-image:url(/www/img/detail-w/09_li.png);}
#mayEnjoy li .sellTXRi .price{ color:#333; font-size:12px; position:relative; line-height: 28px; margin-top: 1px;}
#mayEnjoy li .sellTXRi .price .ri{ float: right;display:inline-block; color: #999;}
#mayEnjoy li .sellTXRi .info span{ padding-right:8px; color: #999;}

/*底部工具条*/
#tooBar{ background: #fff; width: 100%; height: 48px;line-height: 48px; position: fixed; bottom: 0; left: 0;
text-align: center; overflow: hidden; border-top: 1px solid #d7d7d7;}
#tooBar ul{ display: block;width: 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
#tooBar li a{ display: block;}
#tooBar li i{ padding-top: 12px;color: #999; display: inline-block;}
#tooBar .online{ border-right: 1px solid #e6e6e6;
background: url(/www/img/detail-w/09_online.png) no-repeat center 7px; background-size: 19px auto;}
#tooBar .contact{ background: url(../../images/09_contact.png) no-repeat center 7px; background-size: 16px auto;width:25%;}
/*#tooBar .dangqi{ color: #fff;background: #ccaa77;color: #fff;font-size: 16px;}*/
#tooBar .yuyue{color: #fff;background: #fc3768;font-size: 16px;width:75%;}
/*#tooBar .online,#tooBar .contact{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;}*/
#tooBar .dangqi,#tooBar .yuyue{-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2; color: #fff;}

/*优惠 弹层*/
#huiDialog{ overflow-y:auto; position:fixed; top:0; left:100%;background:#fff; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;}
#huiDialog .dialogWrap{ position:relative; overflow-y: auto;}
#huiDialog .diaH3Tit{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold;
background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} 
#huiDialog .diaH3Tit span{display:block; width:50px; height:35px; position:absolute; left:0; top:3px;
background:url(../../images/hyTip.png) no-repeat center center; background-size:21px auto;}
#huiDialog .info{ padding-bottom:30px; margin-bottom:36px;}
#huiDialog .info .infoItem h3{ background:#f5f5f5; color:#999; font-size:14px; line-height:35px;padding:0 3%;}
#huiDialog .info .infoItem div{ color:#333; font-size:14px; line-height:20px; padding:10px 3%;}
#huiDialog .info .infoItem div p{ font-size:14px; line-height:22px;}
#huiDialog .order{ width:94%; position:fixed; bottom:0; left:0; background:#fff; padding:15px 3%; border-top:1px solid #e6e6e6;}
#huiDialog .order.scrollClass{ position:fixed; top:0; left:0;}
#huiDialog .order input,#huiDialog .order span{font-size:14px; border-radius:5px; -webkit-border-radius:5px;float:left;}
#huiDialog .order input{  color:#bbb; text-indent:10px; border:1px solid #ff608e; width:64.5%; line-height: 23px; padding: 5px 0 ;
margin-right:4.3%;}
#huiDialog .order span{ background:#ff608e;text-align:center; color:#fff; width:30%; line-height:35px;}

/*酒店详情 弹层*/
#infoDialog{ overflow-y:auto; position:fixed; top:0; left:100%;background:#fff; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;}
#infoDialog .dialogWrap{ position:relative;}
#infoDialog .diaH3Tit{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold;background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} 
#infoDialog .diaH3Tit span{display:block; width:50px; height:40px; position:absolute; left:0; top:0px;
background:url(../../images/hyTip.png) no-repeat center center; background-size:21px auto;}
#infoDialog .info{ padding-bottom:30px;}
#infoDialog .info .infoItem h3{ background:#f5f5f5; color:#999; font-size:14px; line-height:35px;padding:0 3%; margin-bottom:8px;}
#infoDialog .info .infoItem .jianjieCon{line-height:22px; padding:0 3%; margin:10px 0;overflow:hidden;}
#infoDialog .info .infoItem .jianjieCon div{color:#666; font-size:14px;}
#infoDialog .info .infoItem div p{ font-size:14px; line-height:22px; padding:2px 3%; color:#666;}
#infoDialog .info .jianjie p{ height:30px; margin-bottom:10px;}
#infoDialog .info .jianjie p span{ display:block; margin:0 auto; width:23px; height:30px;
background:url(/www/img/detail-w/09_down.png) no-repeat left center; background-size:23px auto;
transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s;}
#infoDialog .info .jianjie p.up span{ -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#infoDialog .info .serviceItem p{ line-height:20px;}

/*菜单 弹层*/
#menuDialog{ overflow-y:auto; position:fixed; top:0; left:100%;background:#fff; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;}
#menuDialog .dialogWrap{ position:relative;}
#menuDialog .diaH3Tit{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold;background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} 
#menuDialog .diaH3Tit span{display:block; width:50px; height:40px; position:absolute; left:0; top:0px;
background:url(../../images/hyTip.png) no-repeat center center; background-size:21px auto;}
#menuDialog .info{ padding-bottom:30px;}
#menuDialog .info .infoItem h3{ background:#f5f5f5; color:#999; font-size:14px; line-height:35px;padding:0 3%; margin-bottom:8px;}
#menuDialog .info .infoItem .jianjieCon{line-height:22px; padding:0 3%; margin:10px 0;overflow:hidden;}
#menuDialog .info .infoItem .jianjieCon div{color:#666; font-size:14px;}
#menuDialog .info .infoItem div p{ font-size:14px; line-height:22px; padding:2px 3%; color:#666;}
#menuDialog .info .jianjie p{ height:30px; margin-bottom:10px;}
#menuDialog .info .jianjie p span{ display:block; margin:0 auto; width:23px; height:30px;
background:url(/www/img/detail-w/09_down.png) no-repeat left center; background-size:23px auto;
transition:all ease-in-out .3s; -webkit-transition:all ease-in-out .3s;}
#menuDialog .info .jianjie p.up span{ -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#menuDialog .info .serviceItem p{ line-height:20px;}

/*预约看店*/
#yuyueOrder{ background: #fff;color: #333; z-index: 1000; display: none; width: 100%; position: fixed; bottom: 0; left: 0;}
#yuyueOrder .yy_1{padding: 0 3% 10px; border-bottom: 1px solid #e1e1e1;position: relative;}
#yuyueOrder .yy_1 h3{ font-size: 15px; line-height: 45px; }
#yuyueOrder .yy_1 li{ line-height: 25px; font-size: 14px;}
#yuyueOrder .yy_1 li i{ color: #ff3366;}
#yuyueOrder .yy_1 .closeY{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; margin-top:-3px;
background:url(../../images/close2.png) no-repeat center center; background-size:15px auto;}
#yuyueOrder .yy_2{ padding: 0 3% 20px;color: #999;}
#yuyueOrder .yy_2 h3{ line-height: 35px;}
#yuyueOrder .yy_2 p{ line-height: 27px; color: #ccc;}
#yuyueOrder .yy_2 p input{ border-radius: 20px 0 0 20px; display: block; float: left; width: 68%; line-height:20px;
padding: 9px 0;border-width: 1px 0 1px 1px; border-style: solid; border-color:#bbb; text-indent: 10px;}
#yuyueOrder .yy_2 p span{ background: #fc3768; text-align: center;display: block; float: left; width: 30%; line-height: 40px;
border-radius: 0 20px 20px 0; color: #fff; font-size: 18px;}

/*宴会厅图片弹层*/
#yhtDialog{ position:fixed; top:0; left:100%;-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none;background:#2d2821;}
#yhtDialog .yhtDiaCon{ position: relative;}
#yhtDialog .top{display:block; width:50px; height:40px; position:fixed; left:0; top:0;
background:url(/www/img/detail-w/09_back.png) no-repeat center center; background-size:12px auto;z-index: 100;}
#yhtDomList{width: 100%;}
#yhtDomList ul{position: absolute;}
#yhtDialog .yhtDom{height: 100%;float: left;}
#yhtDialog .yhtDom img{ width: 100%; height: auto;}

#yhtDialog .yhtDom .photoDiv{position: relative;}
#yhtDialog .yhtDom .photoDiv .vrWhite{ height: 30px; line-height:30px; width:130px;position: absolute; left: 50%; top:50%; text-align: center;
	color: #fff;margin:-10px 0 0 -75px;background:rgba(0,0,0,.5); border-radius:33px;border:1px solid #fff;padding-left:17px;
	box-sizing: border-box;-webkit-box-sizing: border-box;}
#yhtDialog .yhtDom .photoDiv .vrWhite:before{position: absolute;left:23px;top:8px;content: ""; width:8px; height:15px; display: inline-block;
background: url(/www/img/detail-w/vrWhite.png) no-repeat center center;background-size:8px auto; }

#yhtDialog .yhtDom .photo{width: 100%;}
#yhtDialog .yhtDom .yhtInfo{padding:20px 15px;color: #fff;line-height: 1.8}
#yhtDialog .yhtDom .yhtInfo .yhtTitle h4{float: left;font-size: 15px;}
#yhtDialog .yhtDom .yhtInfo .yhtTitle p{float: right;font-size: 15px;}
#yhtDialog .yhtDom .yhtInfo .yhtTitle p span{color:#ff608e;font-size: 17px;}
#yhtDialog .yhtDom .yhtInfo .yhtData{color:#999}
#yhtDialog .yhtDom .yhtInfo .yhtData span{padding-right: 1em;}
#yhtDialog .bottom{position:fixed;bottom:0; left: 0; width:100%;background:#45403f;height: 55px;padding:10px;box-sizing: border-box;z-index:100;border-top: 1px solid #605a58;}
#yhtDialog .phoneNum{border:1px solid #d8d8d8;border-radius: 5px;width: 60%;float: left;height: 30px;line-height: 30px;background:#45403f;text-indent: 1em;color: #d8d8d8}
#yhtDialog .sure{color:#333;background: #fff; border-radius: 5px;border:1px solid #fff;width: 30%;float: right;text-align: center;line-height:30px;height:30px;}

/*在线咨询弹层*/
#onLineDialog {z-index: 1000; position: fixed; left: 0; top: 0; width: 100%; display: none;}
#onLineDialog span{ line-height: 44px; display: block; text-align: center; 
background: #ececec;border-radius: 5px; width: 90%; margin: 0 auto;}
#onLineDialog .toLine{ font-size: 18px; color: #157efb; margin-bottom: 7px;}
#onLineDialog .noLine{ font-size: 16px; color: #333;}

/*档期查询弹层*/
#dqDialog{ overflow-y:auto; position:fixed; top:0; left:100%;background:#f0f0f0; -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; opacity:0; z-index:7; display:none; color: #999;}
#dqDialog .dqDiaCon{ position:relative;}
#dqDialog .diaH3Tit{color:#666; text-align:center; position:relative;height:30px;line-height:30px; font-size:17px;margin:0 auto; font-weight:bold;background:#fff; padding:5px 5%;border-bottom:1px solid #e0e0e0;} 
#dqDialog .diaH3Tit span{display:block; width:50px; height:40px; position:absolute; left:0; top:0;
background:url(../../images/hyTip.png) no-repeat center center; background-size:21px auto;}
#dqDialog .dqNames,#dqDialog .dqTips{font-size: 13px;padding:0 5%;}
#dqDialog .dqNames{ line-height:2.5;}
#dqDialog .dqNames span{font-size: 15px;color: #333;}
#dqDialog .dqTips{line-height: 1.7;margin-top:10px;}
#dqDialog .dqCale{position:relative; width:100%; margin:12px auto;}
#dqDialog .dqCale:before{ position:absolute; left:5%; top:12px; width:18px; height:22px; content:""; 
background:url(/www/img/detail-w/calendar.png) no-repeat 50% 50%; background-size:16px auto;}
#dqDialog .dqCale .dqCaleDate{ font-size:14px; height:45px;background:#fff;line-height:45px;padding-left:12%;
box-sizing: border-box; -webkit-box-sizing: border-box;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;color:#bbb;}
#dqDialog .dqMobile{margin:12px auto; background: #fff; width: 100%; position: relative;}
#dqDialog .dqMobile:before{position:absolute; left:5%; top:12px; width:18px; height:22px; content:""; background:url(/www/img/detail-w/phone.png) no-repeat 50% 50%; background-size:14px auto; z-index: 1; }
#dqDialog .dqMobile .mobileIn{display:block;color:#bbb;width:88%;font-size:14px;line-height:25px;padding:10px 0;
padding-left: 12%;}
#dqDialog .dqMobile .clearMobile{position:absolute;right:0;top:0; width:50px; height:47px; background:url(/www/img/detail-w/close.png) no-repeat 50% 50%; background-size:16px auto; display: none;}
#dqDialog .dqMobile .mobileIn::-webkit-input-placeholder{color:#bbb;}
#dqDialog .submit{ display:block; width:90%; margin:26px auto; text-align:center;line-height:45px; background:#ff608e; color:#fff; font-size:14px;border-radius:5px; -webkit-border-radius:5px;}



.showInDown{animation:showInDown 0.8s; -webkit-animation:showInDown 0.8s; }
.showOutUp{animation:showOutUp 0.8s; -webkit-animation:showOutUp 0.8s;} 

/* 预约看店 弹层效果 */
@-webkit-keyframes showInDown {
  from{
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  to{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes showInDown {
  from{
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  to{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes showOutUp {
  from{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to{
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes showOutUp {
  from{
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to{
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}


/* 320:iphone 4,5 */
@media screen and (max-width : 320px){
	#yanhuiting li .le{ width: 60%; }
	#yanhuiting li .le .leInfo{ margin-left:64px; }
	#yanhuiting li .le .vrRed,#yanhuiting li .ri{ width: 60px; }
}

/* 360: galaxy note3 */
@media screen and (min-width : 321px) and (max-width : 360px){

}

/* 375:iphone 6 */
@media screen and (min-width : 361px) and (max-width : 414px){

}

/* 414:iphone 6p */
@media screen and (min-width : 414px){
	#yanhuiting li .le .vrRed,#yanhuiting li .ri{ width: 70px; }
}

#youhuiName1, #youhuiName2 {
	color: #ff3366;
	font-size:14px; line-height:35px;
}

