﻿/*
* @Author: Administrator
* @Date:   2017-10-27 13:21:20
* @Last Modified by:   Administrator
* @Last Modified time: 2017-10-27 14:27:32
*/
@charset "utf-8";
/* CSS Document */

/* CSS Reset 
/*-----------------------------------------------------------------------------------*/
.p10 { padding: 10px; }
.pt { padding-top: 10px; }
.pb { padding-bottom: 10px; }
.pr { position: relative; }
.w { width: 100%; }
.w50 { width: 50px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.ml10 { margin-left: 10px; }
.mr20 { margin-right: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.h25 { height: 25px; }
.h35 { height: 35px; }
.lh25 { line-height: 25px; }
.lh35 { line-height: 35px; }
.mt20 { margin-top: 20px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.dis-block { display: block; }
.dis-block01 { display: inline-block; }
.tc { text-align: center; }
.fr { float: right; }
.fl { float: left; }
.BR { border-right: 1px dashed #999; }




/* Border radius
/*------------------------------------------*/
.radius4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.radius6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.radius8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.radius20 { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }


/* btn color
/*------------------------------------------*/

a.btn:link, a.btn:visited, a.btn:hover { background: #1f7ef4; color: #fff; text-decoration: none; text-align: center; }
a.btn:link, a.btn:visited { background: #1f7ef4; }
a.btn:hover { background: #2174db; }


a.btn01:link, a.btn01:visited, a.btn01:hover { color: #fff; text-decoration: none; text-align: center; }
a.btn01:link, a.btn01:visited { background: #b0973d; }
a.btn01:hover { background: #ac5f41; }



body { background: #fff; max-width: 640px; margin: 0 auto !important; }

/* Header  line
/*------------------------------------------*/
.header { background: #edeffc; width: 100%; height: 55px; line-height: 56px; font-size: 16px; min-width: 300px; text-align: center; color: #333; font-weight: bold; }
/*.menu-icon,.back-icon{ position: absolute; top: 6px; left: 15px;}*/
/*.member-iocn{ position: absolute; top: 6px; right: 15px;}*/
.menu-icon, .back-icon { float: left; margin-top: 6px; margin-left: 15px; }
.member-iocn { float: right; margin-top: 6px; margin-right: 15px;; }


/* Logo line
/*------------------------------------------*/
.logo-box { width: 100%; height: 50px; }
.logo { position: absolute; top: 60px; left: 15px; width: 63px; height: 50px; }
.lauguage { position: absolute; top: 60px; right: 15px; font-size: 16px; }
a.lauguage:link, .a.lauguage:visited { color: #333; text-decoration: none; height: 44px; width: 80px; line-height: 44px; display: block; text-align: right; font-family: "微软雅黑"; }

/* weather line
/*------------------------------------------*/
.weather { width: 94%; height: 30px; background: url("../../../Images/Mobile/Mobile/weather-bg.png") repeat-x; margin: 10px auto; text-align: right; line-height: 30px; color: #685639; font-family: "微软雅黑"; font-size: 15px; }
.weather p { float: right; margin-right: 5px; margin-left: 5px; display: block; }

.line { width: 94%; height: 1px; margin: 12px auto; background: #f0f0f0; }
.line01 { width: 94%; height: 1px; margin: 10px auto; background: #f0f0f0; }


/* 文档性质的title和内容
/*------------------------------------------*/
.text-box { width: 89%; margin: 0 auto; }
.text-box p { font-size: 16px; color: #555555; line-height: 1.5; padding-bottom: 10px; }
.text-box p span { font-size: 18px; font-weight: bold; color: #333; display: block; }
.text-box p a.more:link, .text-box p a.more:visited { color: #9a7f53; text-decoration: none; margin-top: 10px; display: block; }
.text-box img { width: 100%; height: 180px; }
.text-box img.room-list { width: 100%; height: 70px; }
.text-box p.minw70 { min-width: 70px; }
.text-box.mt20 { margin-top: 20px; }
.text-box.mb20 { margin-bottom: 20px; }



/* 主页预订和优惠促销icon
/*------------------------------------------*/
.order-promotion { width: 90%; margin: 0 auto; }
.order-promotion ul { list-style: none outside none; margin: 0; padding: 0; width: 90%; margin: 0 auto; }
.order-promotion ul li { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; float: left; height: auto; list-style: none outside none; text-align: center; width: 50%; }

.order-promotion ul li a { /*background: url("../../Images/Mobile/circle-order-bg.png") center center no-repeat;*/ color: #ffffff; text-align: center; text-decoration: none; width: 100%; display: block; }
.order-promotion ul li img { display: inline-block; /*max-width: 100%;*/ width: 80px; height: 80px; }

.order-promotion ul li a span { color: #000; display: block; font-size: 16px; line-height: 15px; margin-top: 10px; text-align: center; }


.dd { /*background:-webkit-gradient(linear,0% 0%, 0% 100%,from(#46a0e1),to(#3280bf));*/ /*background:-moz-linear-gradient(top,#46a0e1,#3280bf);*/ /*background:-o-linear-gradient(top,#46a0e1,#3280bf);*/ /*background:-ms-linear-gradient(top,#46a0e1,#3280bf);*/ /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46a0e1',endColorstr='#3280bf');*background:#DDD;*/ /*background:linear-gradient(top,#46a0e1,#3280bf);*/ background: #f8f8f8; border: 1px solid #e9e7e7; -moz-box-shadow: 0px 3px 3px #e4e4e4; -webkit-box-shadow: 0px 3px 3px #e4e4e4; box-shadow: 0px 3px 3px #e4e4e4; display: table; height: auto; }

.alphabg { /*background-color:#a84f25;*/ /*filter:alpha(opacity=60);*/ /*-moz-opacity:0.6;*/ /*opacity:0.6;*/ /*width:auto;*/ /*height:50px;*/ /*position: absolute;*/ /*top: 100px;*/ /*left:0px;*/ }
.alpha-text { z-index: 10; font-size: 14px; padding-left: 10px; height: 50px; padding: 0 10px; font-weight: bold; line-height: 50px; }

.icon-left { width: 94%; height: auto; display: table; min-width: 300px; margin: 10px auto; font-size: 12px; color: #333; }
.icon-left p { line-height: 20px; margin-left: 10px; margin-bottom: 10px; padding-left: 6.8em; text-indent: -6.8em; font-size: 12px; padding-right: 2px; }
.icon-left p a { font-size: 12px; }
.icon-left em { width: 30px; height: 30px; font-style: normal; font-weight: bold; font-size: 12px; }
.icon-left em img { width: 16px; height: 20px; vertical-align: middle; margin-right: 5px; }
.icon-left em.pl30 { padding-left: 30px; }






/* 新闻和促销
/*------------------------------------------*/

.news-box { width: 94%; height: auto; display: table; margin: 0 auto; }
.news-box p { width: 96%; height: auto; display: table; background: url("../../Images/Mobile/arrow.png") center right no-repeat; border-bottom: 1px solid #eae9e9; padding: 2%; }
.news-box p span { width: 90%; display: block; padding-right: 10%; }
.news-box p span.title { font-size: 16px; color: #333; }
.news-box p span.content { font-size: 12px; color: #888; }
.news-box a:link, .news-boxa:visited { text-decoration: none; }


.price-line { padding: 10px; margin: 10px auto; }
.prici-left { float: left; }
.prici-left span { display: inline-block; }
.prici-left span.rmb-fuhao { height: 25px; line-height: 25px; position: absolute; top: 0; left: 10px; color: #555; }
.prici-left span.price { height: 25px; line-height: 25px; position: absolute; top: 5px; left: 17px; color: #333; font-family: arial; font-size: 20px; }
.prici-left span span { height: 25px; line-height: 25px; color: #888; font-size: 12px; }


.prici-right { float: right; margin-top: -10px; }
.add-price { width: 96%; margin: 10px auto; background: #fff; padding: 1% 2%; font-size: 14px; color: #555; }
.add-price span { color: #333; font-size: 16px; display: block; font-weight: bold; }
.add-prici-box { width: 96%; position: relative; top: 10px; margin: 0 auto; }

.text-box dl { padding: 5px; clear: both; }
.text-box dl dt { text-align: right; width: 120px; float: left; font-weight: bold; font-size: 16px; }
.text-box dl dd { text-align: left; float: left; font-size: 14px; color: #555; }


.icon-left01 { width: 90%; height: auto; display: table; min-width: 300px; margin: 10px auto; padding: 0 10px; font-size: 16px; color: #333; }
.icon-leftbox { display: table; height: auto; margin: 10px auto; width: 100%; }
.icon-left01 .data-icon { width: 8%; height: 50px; font-style: normal; background: url("../../Images/Mobile/data-icon.png") center left no-repeat; float: left; }
.icon-left01 .datalable { width: 30%; height: 50px; line-height: 50px; float: left; text-align: left; border-bottom: 1px solid #c3c3c3; }
.icon-left01 .inputbox { width: 59%; height: 50px; float: left; border-bottom: 1px solid #c3c3c3; }
.icon-left01 .inputbox input { background: none; height: 50px; line-height: 50px; width: 94%; font-size: 16px; color: #555; border: none; text-align: right; }
.icon-leftbox.m0 { margin-top: 0px; margin-bottom: 0px; }

.btnright { float: right; font-size: 16px; font-weight: bolder; margin-right: 5px; vertical-align: middle; }

.btnright span { display: inline-block; float: left; height: 40px; line-height: 40px; text-align: center; width: 40px; color: #999; }
.btn_add, .btn_jianshao { background: url("../../Images/Mobile/zengjia.png") no-repeat scroll center center rgba(0, 0, 0, 0); border: medium none; cursor: pointer; display: inline-block; float: left; height: 40px; text-indent: -999999px; width: 40px; }
.btn_add { background: url("../../Images/Mobile/zengjia.png") no-repeat scroll center center rgba(0, 0, 0, 0); }
.btn_jianshao { background: url("../../Images/Mobile/jianshao.png") no-repeat scroll center center rgba(0, 0, 0, 0); }

.icon-left01 input.btnlogin { width: 100%; height: 35px; line-height: 35px; font-size: 16px; display: block; cursor: pointer; background: url("../../Images/Mobile/btn-input-bg.png") repeat-x; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: none; margin: 20px auto; }
.btn01 { display: table; height: auto; margin: 20px auto; text-align: center; width: 100%; }

.table { border-collapse: collapse; width: 98%; }
.table th { background: #D291AF; }
.table td, .table th { border: 1px solid #877764; text-align: center; line-height: 2; }
