html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em.625em.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,table,th,td,form,fieldset,input,button,textarea,figure,img{margin:0;padding:0}a,span{text-decoration:none;display:inline-block}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button{border:none;background:transparent}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:normal}html,body,fieldset,img,iframe{border:0}i,em{font-style:normal}li{list-style:none}body,textarea,input,button,select,keygen,legend{outline:0}img{border:none}input{appearance:none;-webkit-appearance:none}ul,li,h1,h2,h3,h4,h5,p,dl,dd{margin:0;padding:0;list-style:none;font-weight:normal}body{font:14px/1.5 "Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;color:#4d4d4d; background:#f9f8f5}input{font-family:"Microsoft YaHei","微软雅黑",helvetica,arial,verdana,tahoma,sans-serif;list-style:none;-webkit-list-style:none;-webkit-appearance:none;-webkit-appearance:pus-button}

.blue{ color:#00baff }
.red{ color:#ff3a4e }
.green{ color:#23ae3d }
.orange{ color:#e07c07 }
.boxflex{ display:-webkit-box; display:-moz-box; display:box; display:flex }
.boxflex-1{ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; flex:1; display:block }
.lft{ float:left }
.rght{ float:right }
input{ background:none; border:none; display:block }
.relative{ position:relative }
.font14{ font-size:14px }

.btn-login{ background:#ff2424; color:#fff; border-radius:5px; display:inline-block; line-height:25px; height:25px; padding:0 12px; text-align:center; margin-right:5px }
.btn-line{ border:1px solid #ed3434; border-radius:5px; color:#ed3434; font-size:12px; display:inline-block; height:35px; line-height:35px; padding:0 10px }
.btn{ border-radius:5px; color:#fff; font-size:18px; line-height:45px; height:45px; background:#ff2424; display:block; text-align:center }
.btn-grey{ background:#c1c1c1 }
.bottom-btn-wrap{ border:none }
.bottom-btn-wrap .btn-bottom{ background:#ff2424; color:#fff; display:block; width:100%; height:54px; line-height:54px; font-size:15px }

.wrap-outer{ left:0; right:0; bottom:0; top:0; position:absolute; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align:center; z-index:0 }
.wrap-inner{ position:relative; width:100%; max-width:1024px; margin:0 auto; min-height:100%; text-align:center; background:#f9f8f5 }

header{ background:url(/Images/ShoppingMall/topbar-bg.jpg) no-repeat 0 0; background-size:100% 100%; height:50px; position:relative }
header .su8-header-title{ margin:0 65px; color:#fff }
header .su8-header-title{ padding-top:9px }
header .su8-header-title h1{ font-size:20px; line-height:33px }
header .index-header-title h1{ line-height:22px }
header .index-header-title p{ font-size:9px; line-height:11px }
header .su8-header-login{ position:absolute; right:0; top:0; bottom:0; min-width:45px; padding-left:27px; background:url(/Images/ShoppingMall/icon-login.png) no-repeat 9px center; background-size:11px auto; color:#fff; text-align:left; line-height:50px }
header .header-user-info{ position:absolute; right:0; top:0; bottom:0; min-width:45px; font-size:11px; line-height:15px; color:#fff; text-align:right; padding:9px 10px }
header .header-user-info b{ font-size:13px; padding-left:3px }
header .header-return{ display:block; position:absolute; left:0; top:0; bottom:0; width:50px; background:url(/Images/ShoppingMall/icon-return.png) no-repeat center; background-size:10px auto }

.fixed-head{ position:fixed; top:0; left:0; right:0; z-index:500 }

.swipe{ overflow:hidden; visibility:hidden; position:relative }
.swipe-wrap{ overflow:hidden; position:relative }
.swipe-wrap img{ width:100%; height:auto; display:block}
.swipe-wrap>figure{ float:left; width:100%; position:relative}
#circle{ position:absolute; left:50%; height:10px; bottom:8%; margin-left:-30px}
#circle li{ width:10px; margin:0 5px; float:left; height:10px; background:url(/Images/ShoppingMall/cir1.png)no-repeat; -webkit-background-size:cover; background-size:cover }
#circle li.current{ background-image:url(/Images/ShoppingMall/cir2.png) }

.price-list{ font-size:12px; color:#aaa; line-height:20px; height:20px }
.price-list .room-night{ color:#00baff }
.price-list .cash{ color:#ff3a4e }
.price-list .num{ font-size:18px }
.group-sale .num{ font-size:18px }

.goods-name{ font-size:13px; line-height:18px; color:#888; margin:12px 0 8px; width:100%; height:18px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden; text-overflow: ellipsis  }

.bottom-nav-55{ padding-bottom:55px }
.bottom-nav{ position:fixed; left:0; right:0; bottom:0; height:54px; background:#fff; border-top:1px solid #e9eced; z-index:500 }
.bottom-nav li{ float:left; width:33.33% }
.bottom-nav li a{ display:block; padding-top:33px; color:#3a3a3a; line-height:18px; font-size:12px; background:url(/Images/ShoppingMall/icon-btm-home.png) no-repeat center 3px; background-size:30px }
.bottom-nav li .nav-goods{ background-image:url(/Images/ShoppingMall/icon-btm-goods.png) }
.bottom-nav li .nav-cart{ background-image:url(/Images/ShoppingMall/icon-btm-cart.png) }
.bottom-nav li .nav-mine{ background-image:url(/Images/ShoppingMall/icon-btm-mine.png) }
.bottom-nav li .nav-share{ background-image:url(/Images/ShoppingMall/icon-btm-share.png) }
.bottom-nav .current .nav-index{ background-image:url(/Images/ShoppingMall/icon-btm-home-red.png); color:#ff2424 }
.bottom-nav .current .nav-goods{ background-image:url(/Images/ShoppingMall/icon-btm-goods-red.png); color:#ff2424 }
.bottom-nav .current .nav-cart{ background-image:url(/Images/ShoppingMall/icon-btm-cart-red.png); color:#ff2424 }
.bottom-nav .current .nav-mine{ background-image:url(/Images/ShoppingMall/icon-btm-mine-red.png); color:#ff2424 }
.bottom-nav .nav-cart{ position:relative }
.bottom-nav .nav-cart .amount{ display:none; font-size:9px; color:#fff; background:#ff2424; width:15px; height:15px; line-height:15px; border-radius:10px; position:absolute; top:3px; left:50%; margin-left:-20px  }

.bottom-block-detail{ display:-moz-box; display:-webkit-box; display:box; display:flex }
.bottom-block-detail .btn-detail{ width:25%; line-height:54px; color:#fff; font-size:15px }
.bottom-block-detail .nav-in-detail{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; flex:1 }
.bottom-block-detail .nav-in-detail li{ width:33% }
@media screen and (max-width:355px){
	.bottom-block-detail .btn-detail{ padding:0 5px }
}

.bg-yellow{ background:#f7b42d }
.bg-red{ background:#ff2424 }
.bg-grey{ background:#D0D0D0 }

.go-back-to-top{ position:fixed; right:12px; bottom:70px; display:none; width:50px; height:50px; background:url(/Images/ShoppingMall/scroll-up.png) no-repeat 0 0; background-size:50px auto }

.icon-refill{ position:absolute; right:0; top:0; width:11.27%; height:100%; background:url(/Images/ShoppingMall/icon-refill.png) no-repeat center; background-size:auto 50%; display:none }

.pop-tip-flash{ position:fixed; width:47%; max-width:250px; left:50%; z-index:800; background:rgba(0,0,0,.7); color:#fff; padding:15px 10px; border-radius:15px; display:none }

.pop-bottom-jiathis{ background:#fff; position:fixed; left:0; bottom:0; right:0; z-index:1000; border-top:1px solid #d6d3cd; padding:25px 5% 15px; width:90%; display:none }

.pop-bottom{ background:#fff; position:fixed; left:0; bottom:0; right:0; z-index:1000; border-top:1px solid #d6d3cd; padding:25px 5% 15px; width:90%; display:none }
.pop-bottom .icon-close, .pop-center .icon-close, .pop-login .icon-close, .pop-alert .icon-close, .pop-confirm .icon-close{ position:absolute; right:0; top:0; display:block; background:url(/Images/ShoppingMall/icon-close.png) no-repeat center; background-size:40px; width:40px; height:40px }
.pop-center{ background:#fff; width:100%; max-width:435px }

/*会员登录弹层*/
.pop-login{ background:#fff; border-radius:10px; width:95%; max-width:400px; color:#4d4d4d; text-align:left }
.pop-login .txts-wrap{ padding:15px }
.pop-login .txts-wrap .tit{ font-size:15px; line-height:20px; margin-bottom:30px }
.pop-login .txts-wrap .member-form li{ border:1px solid #dcdcdc; border-radius:5px; line-height:45px; height:45px; padding-left:50px; margin-bottom:10px; position:relative }
.pop-login .txts-wrap .member-form .name{ background:url(/Images/ShoppingMall/icon-user.png) no-repeat 14px center; background-size:18px }
.pop-login .txts-wrap .member-form .password{ background:url(/Images/ShoppingMall/icon-lock.png) no-repeat 14px center; background-size:18px }
.pop-login .txts-wrap .member-form .check{ background:url(/Images/ShoppingMall/icon-check.png) no-repeat 15px center; background-size:17px; display:-webkit-box; display:-moz-box; display:box; display:flex }
.pop-login .member-form li .i-txt-login{ border:none; height:45px; width:100%; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif }
.pop-login .txts-wrap .member-form .check .i-txt-login{ -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; flex:1 }
.pop-login .txts-wrap .member-form .check .img-check-num{ width:auto;height:100% }
.pop-login .btn-wrap{ background:#efefef; padding:20px 20px 5px; border-radius:0 0 10px 10px }
.pop-login .btn-wrap .intro-link{ line-height:45px; color:#4d4d4d; text-decoration:underline }

.amount-select{ float:left; border:1px solid #d6d3cd; border-radius:10px; width:125px; height:34px; background:#fff; text-align:center }
.amount-select .minus, .amount-select .plus{ width:30px; height:34px; display:block }
.amount-select .minus{ background:url(/Images/ShoppingMall/icon-minus.png) no-repeat center; background-size:13px auto; float:left; border-right:1px solid #d6d3cd }
.amount-select .plus{ background:url(/Images/ShoppingMall/icon-add.png) no-repeat center; background-size:13px; float:right; border-left:1px solid #d6d3cd }
.amount-select .num{ font-size:18px; line-height:34px }
/*间夜不足弹层*/
.pop-alert{ background:#fff; border-radius:10px; width:65%; padding:10%; max-width:250px; color:#4d4d4d; text-align:left; position:relative; text-align:center }
.pop-alert .tit{ font-size:18px; margin-bottom:25px }
.pop-alert .room-night-detail{ margin-bottom:20px }
.pop-alert .room-night-detail li{ font-size:15px; line-height:24px }
.pop-alert .room-night-detail li .num{ font-size:18px }
/*确认弹层*/
.pop-confirm{ background:#fff; border-radius:10px; width:65%; padding:8% 5% 5%; max-width:250px; color:#4d4d4d; position:relative; text-align:center }
.pop-confirm .infos{ font-size:16px; line-height:20px; padding:8% 0 15% }
.pop-confirm .btn-wrap .btn{ width:44%; margin:0 2%; display:inline-block; font-size:15px }
.pop-confirm .phone-num{ font-size:24px; color:#119bf3; padding:12px 0}
@media screen and (max-width:390px){
	.pop-confirm .confirm-words-long{ font-size:12px }
}


.pop-room-date h4.tit{ color:#4d4d4d; font-size:15px; line-height:18px; text-align:left; margin-bottom:12px }
.pop-room-date h4.tit .tip{ color:#919191; padding-left:8px }
.pop-room-date h4.tit .red{ font-size:18px; padding:0 2px }
.pop-room-date h5.month{ color:#4d4d4d; font-size:15px; line-height:20px; padding-top:12px; text-align:left  }
.pop-room-date .date-ul{ overflow:hidden }
.pop-room-date .date-ul li{ width:14.2%; float:left }
.pop-room-date .date-ul .date{ float:left; border:1px solid #dcdcdc; border-radius:25px; width:38px; height:38px; line-height:38px; font-size:20px; color:#494949; margin:5px 10px 3px 0 }
.pop-room-date .date-ul .current .date{ color:#00baff; border-color:#00baff; font-weight:bold }
.pop-room-date .week-ul li{ text-align:left; color:#aaa; font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:12px }