/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, sectio{
display: block;
}
ol, ul{
list-style:none;
margin:0px;
padding:0px;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
body{height:100%; font:14px/18px "Microsoft Yahei", Tahoma, Helvetica, Arial, Verdana, "\5b8b\4f53", sans-serif; }
.checkspan { margin-top:10px;}
.chk_1 {
display: none;
}
/*******STYLE 1*******/
.chk_1 + label {
background-color: #FFF;
border: 1px solid #C1CACA;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 9px;
border-radius: 5px;
display: inline-block;
position: relative;
margin-right:1px;
}
.chk_1 + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.chk_1:checked + label {
background-color: #ECF2F7;
border: 1px solid #92A1AC;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
color: #243441;
}
.chk_1:checked + label:after {
content: '\2714';
position: absolute;
top: 0px;
left: 0px;
color: #758794;
width: 100%;
text-align: center;
font-size: 1.4em;
padding: 1px 0 0 0;
vertical-align: text-top;
}
/* start editing from here */
a {
text-decoration:none;
}
.txt-rt {
text-align:right;
}/* text align right */
.txt-lt {
text-align:left;
}/* text align left */
.txt-center {
text-align:center;
}/* text align center */
.float-rt {
float:right;
}/* float right */
.float-lt {
float:left;
}/* float left */
.clear {
clear:both;
}/* clear float */
.pos-relative {
position:relative;
}/* Position Relative */
.pos-absolute {
position:absolute;
}/* Position Absolute */
.vertical-base {
vertical-align:baseline;
}/* vertical align baseline */
.vertical-top {
vertical-align:top;
}/* vertical align top */
nav.vertical ul li {
display:block;
}/* vertical menu */
nav.horizontal ul li {
display: inline-block;
}/* horizontal menu */
img {
max-width:100%;
}
.whtie {
color:#FFF;
}
/*end reset*/
/****-----start-signin----****/
body {
background: #f2f2f2;
font-family: '���ź�', sans-serif;
}
.body-bg {
background: #0ccec0;
}
body a, form li, .button input[type="button"], .new h3 a, .new h4 a {
transition: 0.1s all;
-webkit-transition: 0.1s all;
-moz-transition: 0.1s all;
-o-transition: 0.1s all;
}
.signin-form {
background:url(../images/bg.png) center;
background-size:cover;
}
.location {
text-align:center;
padding:2em 0;
}
form {
width:100%;
margin:0 auto;
}
form li {
border: 2px solid rgba(255, 255, 255, 0.6);
border-radius: 0.2em;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;
list-style:none;
margin:2em 0;
position:relative;
height:71px;
}
form li .input-text, form li .input-password {
font-family: 'Droid Sans', sans-serif;
width: 80%;
padding: 1.1em 1em 1.1em 4em;
color: #fff;
font-size:20px;
outline: none;
background: none;
border:none;
}
form li .input-code {
font-family: 'Droid Sans', sans-serif;
width: 50%;
padding: 1.1em 1em 1.1em 1.1em;
color: #fff;
font-size:20px;
outline: none;
background: none;
border:none;
float:left;
}
form li .input-code img {
width:200px;
height:71px;
}
form li .input-text:hover, form li .input-password :hover, form li .input-code:hover {
color:#fff;
}
form li .icon {
height:71px;
width:70px;
position:absolute;
top:0px;
left:0px;
}
form li .hotel {
background: url(../images/icons_hotel.fw.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .user {
background: url(../images/icons01.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .lock {
background: url(../images/icons02.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .code {
height:71px;
width:200px;
position:absolute;
top:0px;
right:0px;
background:rgba(255, 255, 255, 0.35);
}
.button {
margin: 4em 0;
}
.signin-form input[type="button"] {
font-size: 20px;
font-weight: 300;
color: #fff;
cursor: pointer;
outline: none;
height:71px;
width:100%;
border: 2px solid rgba(255, 255, 255, 0.6);
background: -webkit-linear-gradient(135deg, #56c5f0, #6cdb99); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(135deg, #56c5f0, #6cdb99); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(135deg, #56c5f0, #6cdb99); /* Firefox 3.6 - 15 */
background: linear-gradient(135deg, #56c5f0, #6cdb99); /* ��������������������� */
border-radius: 0.2em;
-o-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;
font-weight:bold;
}
input[type="button"]:hover {
background:#6cdb99;
border: 2px solid #6cdb99;
color: #fff;
}
/****-----end-signin----****/
/*-----s-design------*/
header .header-bg {
position:fixed;
z-index:1000;
background:#2589e6;
/*padding:1em 0.5%;*/
padding-top:1em;
padding-bottom:1em;
height:46px;
width: 94%;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
}
header .header-bg-space-occupying {
background:#2589e6;
padding-top:1em;
padding-bottom:1em;
PADDING-LEFT: 3%;
PADDING-RIGHT: 3%;
height:46px;
width:94%;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
header .btn-Unbound {
border-radius: 1em;
-o-border-radius: 1em;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
padding:0 1em;
color:#fff;
background:#1a60a1;
line-height:46px;
font-size:24px;
margin-top: -1.9em;
}
header .btn-Unbound:hover {
background:#0c457a;
}
header .btn-return {
background:url(../images/Return.png) no-repeat;
width:50px;
height:46px;
}
header .btn-return:hover {
background:url(../images/Return-h.png) no-repeat;
}
header .btn-Quit {
background:url(../images/Quit.png) no-repeat;
width:50px;
height:46px;
}
header .btn-left {
background:url(../images/left_arrow.png) no-repeat;
width:50px;
height:46px;
margin-top: -3.26em;
}
header .btn-right {
background:url(../images/right_arrow.png) no-repeat;
width:50px;
height:46px;
margin-top: -3.26em;
}
header .btn-menu {
background:url(../images/menu.png) no-repeat;
width:50px;
height:46px;
margin-top: -33px;
background-size:40px;
}
header .btn-exit-right {
background:url(../images/icon35.png) no-repeat;
width:50px;
height:46px;
margin-top: -3.26em;
}
header .btn-Quit:hover {
background:url(../images/Quit-h.png) no-repeat;
}
.hotel-list-panel{
position: fixed;
top: 0;
width: 100%;
height: 100%;
display:none;
}
.hotel-list-panel .m-mask{
height: 100%;
width: 100%;
background-color: #000;
opacity: .8;
}
.hotel-list-panel .panel{
position: absolute;
top: 100px;
width: 100%;
}
.hotel-list-panel .panel .box{
margin:30px;
padding:30px;
background-color: #fff;
border-radius:10px;
}
.hotel-list-panel .panel .box li{
padding:7px 0px;
}
.hotel-list-panel .panel .box a{
line-height:40px;
display: block;
text-align: center;
background-color: #b9b9b9;
color: #fff;
border-radius: 10px;
}
.menu-panel{
position: absolute;
top: -100px;
right: 2px;
background: #fff;
transition: .3s all;
z-index: 999;
}
.menu-panel.open{
top:60px;
}
.menu-panel:before{
content:"";
width:20px;
height:20px;
background-color:#2589e6;
position:absolute;
right: 17px;
top: -24px;
transform: rotate(-45deg);
}
.menu-panel ul{
border:1px solid #2589e6;
background-color:#fff;
border-radius: 7px;
}
.menu-panel li{
padding:5px 0px;
}
.menu-panel li:not(:first-child){
border-top:1px solid #2589e6;
}
.menu-panel li a{
padding:5px 20px;
display:block;
color:#2589e6;
}
header .title {
text-align:center;
color:#fff;
font-size:30px;
line-height:46px;
/*float:left;*/
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
display:block;
padding-left: 1.5em;
padding-right: 1.5em;
}
.Hotel-function {
background:#fff;
padding:1em 2em;
border-bottom:1px solid #ddd;
}
.Hotel-setting-function {
background:#fff;
border-bottom:1px solid #ddd;
}
.Hotel-function-btn {
float:left;
margin: 1em 2% 1em 2%;
}
.Hotel-function-btn-width {
width:6em;
height:6em;
}
.Hotel-function-icon-yellow {
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
border-radius: 3em;
/*width:6em;
height:6em;*/
background: url(../images/function-btn-icon01.png) no-repeat center #fdcf31;
}
.Hotel-setting-icon-ColorBrown {
background: url(../images/ColorBrown.png) no-repeat center;
background-size:80px 80px;
}
.Hotel-setting-icon-ColorLightBlue {
background: url(../images/ColorLightBlue.png) no-repeat center;
background-size:80px 80px;
}
.Hotel-function-btn:hover .Hotel-function-icon-yellow {
background: url(../images/function-btn-icon01.png) no-repeat center #fedd6d;
}
.Canyin {
background: url(../images/canyin.png) no-repeat center #BFEFFF;
}
.Hotel-function-icon-red {
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
border-radius: 3em;
/*width:6em;
height:6em;*/
background: url(../images/function-btn-icon02.png) no-repeat center #ff6662;
}
.Hotel-function-btn:hover .Hotel-function-icon-red {
background: url(../images/function-btn-icon02.png) no-repeat center #ff9290;
}
.Hotel-function-icon-green {
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
border-radius: 3em;
/*width:6em;
height:6em;*/
background: url(../images/function-btn-icon03.png) no-repeat center #00d4be;
}
/*.Hotel-function-icon-blue {
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
border-radius: 3em;
width:6em;
height:6em;
background: url(../images/canyin.png) no-repeat center #4DC7EE;
}*/
.Hotel-function-btn:hover .Hotel-function-icon-green {
background: url(../images/function-btn-icon03.png) no-repeat center #4ae0d1;
}
.Hotel-function-icon-blue {
-moz-border-radius: 3em;
-webkit-border-radius: 3em;
border-radius: 3em;
/*width:6em;
height:6em;*/
background: url(../images/canyin.png) no-repeat center #4dc7ee;
}
.Hotel-function-btn:hover .Hotel-function-icon-blue {
background: url(../images/canyin.png) no-repeat center #81d7f3;
}
.Hotel-function-text {
text-align:center;
font-size:24px;
color:#353535;
margin-top:0.8em
}
.Hotel-function-btn:hover .Hotel-function-text {
color:#7b7b7b;
}
.Hotel-date-grid{background:#fff; border-bottom:1px solid #ddd; margin-top:1em; color:#7b7b7b; margin-bottom:20px; }
.Title-grid{
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
background:#fff;
display:flex;
}
.Title-icon{
width:8px;
background:#2589e6;
height: 35px;
margin-right: 2em;
/* flex: 0.0; */
}
.Title-text{font-size: 18px;color:#2589e6;line-height: 35px;
flex:1;
}
.Title-update{
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
padding:0 1em;
color: #FFF;
background: #2589e6;
border:2px solid #ddd;
line-height: 23px;
font-size: 10px;
margin-top: 0.1em;
margin-bottom: 0.1em;
margin-right: 1.31em;
width: 5em;
/* flex: 0.2; */
}
/*.Title-update:hover{ color:#fff; background:#aaa;}*/
.Title-update-hover{
border-radius: 0.3em; -o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em; padding:0 1em; color:#fff; background:#aaa; border:2px solid #ddd; line-height:31px; font-size:18px; margin-top:0px; margin-right:2em;
}
.Hotel-date-num{padding:1em 2em;}
.Today-num-grid{ margin:0em 8em 0em 8em; }
.Hotel-date-number{color:#4dc7ee; font-size:48px; font-weight: bold; text-align:center; line-height:48px; border-bottom:0.2em;}
.Hotel-date-num-text{text-align:center; font-size:24px; line-height:30px; color:#7b7b7b; font-weight:normal;}
.Hotel-date{border-top:1px solid #f2f2f2; padding:1em 2em;display: table; }
.Hotel-date-today-icon{
border-radius: 0.5em;
-o-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
padding:0 1.2em;
color:#fff;
background:#00d4be;
line-height:46px;
font-size:24px;
/* width: 40%; */
margin-left: 0.5em;
}
.Hotel-date-today-rate{font-size:24px; line-height:46px; padding:0 0.5em;width:100%}
.Hotel-date-today-rate span{color:#2589e6;}
.Hotel-date-price{font-size:24px; line-height:46px; padding:0 1em;width:100%}
.Hotel-date-price span{color:#ff6662;}
.Hotel-date-tomorrow-icon{
border-radius: 0.5em;
-o-border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
padding:0 1.2em;
color:#fff;
background:#4dc7ee;
line-height:46px;
font-size:24px;
/* width: 40%; */
margin-left: 0.5em;
}
.Hotel-statistics{background:#fff; border-bottom:1px solid #ddd; margin-top:1em; color:#7b7b7b;}
.table-statistics tr td{ border:1px solid #ddd; font-size:20px; text-align:center; }
.table-statistics thead tr td{line-height:2em; background:#f6f6f6; color:#4d4d4d; font-weight:bold;}
.table-statistics tbody tr td{line-height: 2em;color:#5d5d5d;}
/*----- end start-hotel-design------*/
/*------state------*/
.none{ display:none;}
.area{ height:auto; margin-left:0.4em; position:relative; }
.area-1 {
height:auto; margin-left:2%; margin-right:2%; position:relative;
}
/* ѡ�� ����*/
.return_reques,.return_reque,.return_requ{ position:relative;}
.return_reques input,.return_reque input,.return_requ input{
width:400px;height:70px;text-indent:0.5rem; background-color:#fff; border:2px solid #4dc7ee; border-radius:5px; vertical-align:middle; line-height:30px; color:#258ae6; font-size:50px; margin-right:30px;}
.return_reques .local,.return_reque .local,.return_requ .local{
background:url(../images/bot_imgs.png) no-repeat;background-position:99% center;}
.return_reques .local2,.return_reque .local2,.return_requ .local2{
background:url(../images/bot_imgs-h.png) no-repeat;background-position:99% center;}
.return_reques .bomb_con_style,.return_reque .bomb_con_style,.return_requ .bomb_con_style{
background-color:#fff; position:absolute;left:0px;z-index:999999; cursor:pointer;f3478c;border:1px solid #ccc; height:330px; overflow:auto;}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{
background-color:#fff;height:50px;line-height:50px;color:#f3478c;font-size:50px; color:#666; text-indent:0.5em;}
.return_reques .bomb_con_style dd:hover,.return_reque .bomb_con_style dd:hover,.return_requ .bomb_con_style dd:hover{
background-color:#258ae6; color:#fff;}
/* ѡ�� ���� ����*/
.state-update{
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
/*color:#fff;*/
background:#2589e6;
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
padding:0 1em;
color: #FFF;
background: #2589e6;
border:2px solid #ddd;
line-height: 2.20em;
font-size: 1em;
margin-top: 1em;
margin-right: 0.4em;
}
.state-update:hover{ background:#aaa;color:#FFF}
.normal-button{
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
padding:0 1em;
color: #258ae6;
background: #fff;
border:2px solid #4dc7ee;
line-height: 2.20em;
font-size: 1em;
margin-top: 1em;
margin-right: 0.4em;
}
.normal-button:hover{ background:#aaa;color:#FFF}
.default-button{
border-radius: 0.3em;
-o-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
padding:0 1em;
color: #FFF;
background: #2589e6;
border:2px solid #ddd;
line-height: 2.20em;
font-size: 1em;
margin-top: 1em;
margin-right: 0.4em;
}
.default-button:hover{ background:#aaa;color:#FFF}
/*Hotel_state_box*/
.Hotel_state_box { width:100%; height:auto; float:left; background:#dcf0f9; position:relative; z-index:0; padding:1em 0em 1em 0em}
.Hotel_state { width:15%; height:18vw; float:left; border-radius:10px;background:#fff; border-radius:10px; margin:0.5vw 0.1vw 1vw 1vw; text-align:center; padding-top:1vw}
.Hotel_state p { color:#000;line-height:50px; float:left; font-size:40px; width:15vw}
.Hotel_state img {/* width: 6vw; *//* height:6vw; */}
.Check { background:#2589e6; }
.Non { background:#2589e6; }
.strong { font-weight:bold}
.empty { }
.Remarks { }
.Arrivals { }
.Departure { background:#2589e6}
.Dirty { background:#939393}
.in_dirty { background:#2589e6}
.lock {}
.Repair { background:#ff0000}
.seal { background:#ff9c00}
.fo_ml {color:#1b60a3;font-size:18px;margin-left:20px;line-height:50px;/* width:100%; */float:left;}
.DropDownList {
position: relative;
width: 80%;
height:50px;
background-color:#fff;
border:2px solid #4dc7ee;
border-radius:7px;
vertical-align:middle;
line-height:17px;
color:#258ae6;
font-size:15px;
margin-right: 10%;
margin-top:10px;
margin-bottom:10px;
margin-left: 10%;
position:fixed;
z-index:20000;
}
.DropDownListBack {
position: relative;
width: 80%;
height:50px;
background-color:#fff;
border:2px ;
border-radius:7px;
vertical-align:middle;
line-height:17px;
font-size:15px;
margin-right: 10%;
margin-top:10px;
margin-bottom:10px;
margin-left: 10%;
}
.WX_backtop {
z-index: 100000;
position: fixed;
right: 0;
width: 40px;
height: 40px;
/*font-size: 0;*/
/*text-indent: -9999em;*/
overflow: hidden;
/*background-color: rgba(0,0,0,.7);*/
border-radius: 3px 0 0 3px;
display: none;
bottom: 60px;
/*display: block;*/
/*background: url('../images/top.png' ) no-repeat center;*/
background: url(../images/top.png) no-repeat center #81d7f3;
background-size: 25px;
}
.Hotel-date-tomorrow-icon-div {
width:24%;
/*height:50px;
background-color:#6cdb99;*/
text-overflow:ellipsis;
overflow:hidden;
float:left;
}
.Hotel-date-today-icon-div {
width:24%;
/*height:50px;
background-color:#4dc7ee;*/
text-overflow:ellipsis;
overflow:hidden;
float:left;
text-align:center;
margin:0 auto;
}
.Hotel-date-today-rate-div {
width:41%;
/*height:50px;
background-color:#ddd;*/
text-overflow:ellipsis;
overflow:hidden;
float:left;
text-align:center;
margin:0 auto;
}
.Hotel-date-price-div {
width:35%;
/*height:50px;
background-color:#2589e6;*/
text-overflow:ellipsis;
overflow:hidden;
float:left;
text-align:center;
margin:0 auto;
}
.Hotel-date-tomorrow-icon {
overflow:hidden;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
text-align:center;
/* margin:0 auto; */
}
.Hotel-date-today-icon {
text-align:center;
/* margin:0 auto; */
overflow:hidden;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.Hotel-date-today-rate {
text-align: left;
margin:0 auto;
overflow:hidden;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.Hotel-date-price {
text-align: left;
margin:0 auto;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.DropDownList-div {
/*padding-left:1%;*/
padding-right:1%;
/*position:fixed;*/
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.DropDownList-FT {
/*position: relative;*/
width: 5em;
height:2.5em;
background-color:#fff;
border:2px solid #4dc7ee;
border-radius:0.3em;
vertical-align:middle;
line-height:2.5em;
color:#258ae6;
font-size:1em;
margin-top:1em;
margin-bottom:1em;
/*position:fixed;*/
}
.DropDownList-CT {
/*position: relative;*/
width: 200px;
height:2.5em;
background-color:#fff;
border:2px solid #4dc7ee;
border-radius:0.3em;
vertical-align:middle;
line-height:2.5em;
color:#258ae6;
font-size:1em;
margin-top:1em;
margin-bottom:1em;
/*position:fixed;*/
}
.Statistics-FT{
margin-bottom:10px;
}
.Statistics-FT .item{
width:33%;
float:left;
padding:0.2em 0;
}
.Statistics-FT .item .propname {
color: #7b7b7b;
font-size: 13px;
padding-left: 0.5em;
}
.Statistics-FT .item .strong{
font-weight:bold;
}
.Statistics-FT .item .propval {
color: #2589e6;
font-size: 16px;
}
.Statistics-icon-fixed {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: red;
padding-left: 0;
}
.Statistics-icon-emptyclean {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: white;
border:#939393 solid 1px;
padding-left: 0;
}
.Statistics-icon-inclean {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #2589e6;
padding-left: 0;
}
.Statistics-icon-indirty {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #2589e6;
padding-left: 0;
}
.Statistics-icon-emptydirty {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #939393;
padding-left: 0;
}
.Statistics-icon-seal {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #ff9c00;
padding-left: 0;
}
.Statistics-icon-free {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #2589e6;
padding-left: 0;
}
.Statistics-icon-selfuse {
width: 1rem;
height: 1rem;
float: left;
padding-left: 1em;
background-color: #2589e6;
padding-left: 0;
}
.hide{
display:none;
}
/*房态界面，弹出的高级搜索窗口*/
.pop-search-win{
position: relative;
width:90%;
/*height:250px;*/
background:#fff;
margin-left:5%;
margin-top:40%;
/*padding:10px 0;*/
}
.pop-search-win .win-client{
padding:10px 0;
}
.pop-search-win .group{
border-bottom:1px solid #ddd;
margin-bottom:5px;
}
.pop-search-win .title{
height: 35px;
line-height: 35px;
font-weight:bold;
font-size:18px;
padding-left:1.0em;
}
.pop-search-win .item{
height: 30px;
line-height: 30px;
float:left;
width:33%;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.pop-search-win label{
padding-left:0.6em;
}
.pop-search-win label:last-child{
padding-right:0.6em;
}
.pop-search-win .button-bar{
}
.pop-search-win .button-bar .default-button,
.pop-search-win .button-bar .normal-button{
margin-top:0;
float:right;
margin-right:1.5em;
}
/*房态界面，弹出的详细窗口*/
.pop-detail-win{
position: relative;
width:90%;
/*height:250px;*/
background:#fff;
margin-left:5%;
/*padding:10px 0;*/
margin-top:20%;
}
.pop-detail-win .title-bar{
background:#ddd;
}
.pop-detail-win .title-bar .title{
height: 35px;
line-height: 35px;
font-weight:bold;
text-align:center;
}
.pop-detail-win .win-client{
padding:35px 0;
}
.pop-detail-win .detail-content{
margin-bottom:10px;
}
.pop-detail-win .detail-content .item{
border-bottom:1px solid #ddd;
}
.pop-detail-win .detail-content .item-title{
float:left;
width:20%;
font-size:14px;
line-height:24px;
}
.pop-detail-win .detail-content .item-content{
float:left;
width:80%;
font-size:16px;
line-height:24px;
}
.pop-detail-win .detail-content .item-title span,
.pop-detail-win .detail-content .item-content span{
padding:0.4em 0.5em;
display:inline-block;
}
.pop-detail-win .button-bar{
}
.pop-detail-win .button-bar .default-button,
.pop-detail-win .button-bar .normal-button{
margin-top:0;
float:right;
margin-right:1.5em;
}
/* END OF 房态界面相关弹出窗口*/
.buil-item-Dirty-div {
margin-top:-1vw;
}
.tbhj {
background-color: rgba(220, 222, 224, 0.4)!important;
}
/*-----end-responsive-design------*/
@media (max-width:1440px) {
form {
width: 50%;
}
.button {
margin: 2em 0;
padding-bottom:6em;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:8em;
height:8em;
background-size:70%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:70%}
.Hotel-function-btn {
margin: 1em 1.5em 1em 1.5em;
}
.Hotel-function-text {
font-size:32px;
margin-top:0.8em
}
header .title {
/* margin-left: 200px; */
font-size:40px;
line-height:46px;
}
header .btn-Unbound {
padding:0 1em;
line-height:50px;
font-size:30px;
font-size:35px;
margin-top: -1.385em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:100%
}
header .btn-Quit:hover {
background-size:100%
}
header .btn-left {
margin-top: -3.26em;
background-size:100%;
}
header .btn-right {
margin-top: -24px;
background-size:50%;
}
header .btn-exit-right {
margin-top: -3.26em;
background-size:100%;
}
header .btn-left:hover {
background-size:100%
}
header .btn-right:hover {
background-size:100%
}
header .btn-exit-right:hover {
background-size:100%
}
.Title-text{font-size: 23px;}
/*.Title-update{line-height: 31px;font-size: 16px;margin-top:0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:16px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size:90px; line-height:90px; border-bottom:0.2em;}
.Hotel-date-num-text{ font-size:30px; line-height:40px; }
.Today-num-grid{ margin:0em 7em 0em 7em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:46px; font-size:36px;}
.Hotel-date-today-rate{font-size:34px; line-height:46px; padding:0 0.5em;}
.Hotel-date-price{font-size:34px; line-height:46px; padding:0 0.5em; }
.table-statistics tr td{ font-size:30px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:100%
}
header .btn-return:hover {
background-size:100%
}
.return_reques input,.return_reque input,.return_requ input{width:300px;height:50px; border:2px solid #4dc7ee; border-radius:5px; font-size:30px; margin-right:20px; }
.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }
/*.state-update{ font-size:30px; margin-top:0px; margin-right:10px; padding:0 2em; line-height:50px;}*/
.Hotel_state { width:18%; height:19vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:50px; font-size:36px; width:18vw}
.Hotel_state img {/* width: 8vw; *//* height:8vw; */}
.hotel-tab td {
font-size:30px;
}
.hotel-tab td p{
font-size:24px;
}
}
@media (max-width:1366px) {
form {
width: 55%;
}
.button {
margin: 2em 0;
padding-bottom:6em;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:8em;
height:8em;
background-size:70%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:70%}
.Hotel-function-btn {
margin: 1em 1.5em 1em 1.5em;
}
.Hotel-function-text {
font-size:32px;
margin-top:0.8em
}
header .title {
/* display:inline; */
/* margin-left: 400px; */
font-size:40px;
line-height:46px;
}
header .btn-Unbound {
padding:0 1em;
line-height:50px;
font-size:30px;
font-size:35px;
margin-top: -1.38em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:100%
}
header .btn-Quit:hover {
background-size:100%
}
header .btn-left {
margin-top: -3.26em;
background-size:100%;
}
header .btn-left:hover {
background-size:100%
}
.Title-text{font-size: 23px;}
/*.Title-update{line-height: 31px;font-size: 18px;margin-top:0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:18px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size:70px; line-height:90px; border-bottom:0.2em;}
.Hotel-date-num-text{ font-size:30px; line-height:40px; }
.Today-num-grid{ margin:0em 7em 0em 7em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:46px; font-size:36px;}
.Hotel-date-today-rate{font-size:34px; line-height:46px; padding:0 0.5em;}
.Hotel-date-price{font-size:34px; line-height:46px; padding:0 0.5em; }
.table-statistics tr td{ font-size:30px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:100%
}
header .btn-return:hover {
background-size:100%
}
.return_reques input,.return_reque input,.return_requ input{width:300px;height:50px; border:2px solid #4dc7ee; border-radius:5px; font-size:30px; margin-right:10px;}
.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }
/*.state-update{ font-size:30px; margin-top:0px; margin-right:30px; padding:0 2em; line-height:50px;}*/
.Hotel_state { width:18%; height:19vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:50px; font-size:36px; width:18vw}
.Hotel_state img {/* width: 8vw; *//* height:8vw; */}
.hotel-tab td {
font-size:30px;
}
.hotel-tab td p{
font-size:24px;
}
}
@media (max-width:1280px) {
form {
width: 60%;
}
.button {
margin: 2em 0;
padding-bottom:6em;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:8em;
height:8em;
background-size:70%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:70%}
.Hotel-function-btn {
margin: 1em 1.5em 1em 1.5em;
}
.Hotel-function-text {
font-size:32px;
margin-top:0.8em
}
header .title {
font-size:40px;
line-height:46px;
}
header .btn-Unbound {
padding:0 1em;
line-height:50px;
font-size:30px;
font-size:35px;
margin-top: -1.38em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:100%
}
header .btn-Quit:hover {
background-size:100%
}
header .btn-left {
/* margin-top:0.2em; */
background-size:100%;
}
header .btn-left:hover {
background-size:100%
}
.Title-text{font-size: 18px;}
/*.Title-update{line-height: 31px;font-size: 18px;margin-top: 0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:18px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size: 50px;line-height: 50px;border-bottom:0.2em;}
.Hotel-date-num-text{font-size: 24px;line-height: 24px;}
.Today-num-grid{ margin:0em 6em 0em 6em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:46px; font-size:36px;}
.Hotel-date-today-rate{font-size:34px; line-height:46px; padding:0 0.5em;}
.Hotel-date-price{font-size:34px; line-height:46px; padding:0 0.5em; }
.table-statistics tr td{ font-size:30px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:100%
}
header .btn-return:hover {
background-size:100%
}
.return_reques input,.return_reque input,.return_requ input{width:300px;height:50px; border:2px solid #4dc7ee; border-radius:5px; font-size:30px }
.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }
/*.state-update{ font-size:30px; margin-top:0px; margin-right:30px; padding:0 2em; line-height:50px;}*/
.Hotel_state { width:18%; height:19vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:50px; font-size:36px; width:18vw}
.Hotel_state img {/* width: 8vw; *//* height:8vw; */}
.hotel-tab td {
font-size:30px;
}
.hotel-tab td p{
font-size:24px;
}
}
@media (max-width:1024px) {
form {
width: 70%;
}
.button {
margin: 2em 0;
padding-bottom:60em;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:8em;
height:8em;
background-size:70%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:70%}
.Hotel-function-btn {
margin: 1em 1.5em 1em 1.5em;
}
.Hotel-function-text {
font-size:32px;
margin-top:0.8em
}
header .title {
/* margin:200px; */
font-size:40px;
line-height:46px;
}
header .btn-Unbound {
padding:0 1em;
line-height:50px;
font-size:30px;
font-size:25px;
margin-top: -1.9em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:100%
}
header .btn-Quit:hover {
background-size:100%
}
header .btn-left {
/* margin-top:0.2em; */
background-size:100%;
}
header .btn-left:hover {
background-size:100%
}
.Title-text{font-size: 23px;}
/*.Title-update{line-height: 31px;font-size: 28px;margin-top: 0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:28px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size: 50px;line-height: 50px;border-bottom:0.2em;}
.Hotel-date-num-text{font-size: 24px;line-height: 24px;}
.Today-num-grid{ margin:0em 2.5em 0em 2.5em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:46px; font-size:36px;}
.Hotel-date-today-rate{font-size:34px; line-height:46px; padding:0 0.5em;}
.Hotel-date-price{font-size:34px; line-height:46px; padding:0 0.5em; }
.table-statistics tr td{ font-size:30px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:100%
}
header .btn-return:hover {
background-size:100%
}
/*
.return_reques input,.return_reque input,.return_requ input{width:200px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:14px }
.state-update{ border:2px solid #ddd; font-size:12px; margin-top:0px; margin-right:30px; padding:0 4em}
*/
.return_reques input,.return_reque input,.return_requ input{width:200px;height:50px; border:2px solid #4dc7ee; border-radius:5px; font-size:30px }
.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:10%}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }
/*.state-update{ font-size:30px; margin-top:0px; margin-right:10px; padding:0 1em; line-height:50px;}*/
.Hotel_state { width:23%; height:24vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:45px; font-size:32px; width:23vw}
.Hotel_state img {/* width: 10vw; *//* height:10vw; */}
}
@media (max-width:768px) {
form {
width: 90%;
}
.button {
margin: 2em 0;
padding-bottom:6em;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:8em;
height:8em;
background-size:70%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:70%}
.Hotel-function-btn {
margin: 1em 1.3em 1em 1.3em;
}
.Hotel-function-text {
font-size:25px;
margin-top:0.8em
}
header .title {
/* display: inline; */
/* margin-left: 200px; */
font-size:30px;
line-height:46px;
}
/*header .btn-Unbound {
padding:0 1em;
line-height:40px;
font-size:25px;
}*/
header .btn-Unbound {
padding:0 1em;
line-height:45px;
font-size:20px;
margin-top: -2.3em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:90%
}
header .btn-Quit:hover {
background-size:90%
}
header .btn-left {
margin-top: -3.156em;
background-size:90%;
}
header .btn-left:hover {
background-size:90%
}
.Title-text{font-size: 14px;}
/*.Title-update{line-height: 31px;font-size: 14px;margin-top: 0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:14px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size: 44px;line-height: 44px;border-bottom:0.2em;}
.Hotel-date-num-text{f;font-size: 1.5em;line-height: 1em;}
.Today-num-grid{ margin:0em 2.2em 0em 2.2em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height: 46px;font-size: 24px;}
.Hotel-date-today-rate{font-size: 24px;line-height:46px;padding:0 0.5em;}
.Hotel-date-price{font-size: 24px;line-height:46px;padding:0 0.5em;}
.table-statistics tr td{ font-size:21px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:80%
}
header .btn-return:hover {
background-size:80%
}
.return_reques input,.return_reque input,.return_requ input{width:140px;height:50px; border:2px solid #4dc7ee; border-radius:5px; font-size:16px ; margin-right:2px; }
.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }
/*.state-update{ font-size:30px; margin-top:0px; margin-right:30px; padding:0 1em; line-height:50px; font-size:30px;}*/
.Hotel_state { width:23%; height:24vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:40px; font-size:28px; width:23vw}
.Hotel_state img {/* width: 10vw; *//* height:10vw; */}
.hotel-tab td {
font-size:21px;
}
.hotel-tab td p{
font-size:17px;
}
}
@media (max-width:640px) {
.signin-form {
background:url(../images/bg-min.png) center;
}
.location {
text-align:center;
padding:0;
}
.location img {
width:0%;
margin:0;
}
form {
width: 80%;
}
form li {
border: 1px solid rgba(255, 255, 255, 0.6);
margin:1em 0;
height:50px;
}
form li .input-text, form li .input-password {
width: 80%;
padding: 0.8em 0.5em 0.8em 4em;
font-size:16px;
}
form li .input-code {
width: 50%;
padding: 0.8em 0.5em;
font-size:16px;
}
form li .code, form li .input-code img {
width:130px;
height:50px;
}
form li .icon {
height:50px;
width:50px;
}
form li .user {
background: url(../images/icons01-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .lock {
background: url(../images/icons02-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
.button {
margin: 1em 0;
padding-bottom:4em;
}
.signin-form input[type="button"] {
font-size: 16px;
font-weight: 300;
height:50px;
border: 1px solid rgba(255, 255, 255, 0.6);
}
input[type="button"]:hover {
border: 1px solid #6cdb99;
}
.form-check {
font-size:16px; line-height:16px;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width: 5em;
height: 5em;
background-size: 40%;
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:60%}
.Hotel-function-btn {
margin: 1em 1.0em 1em 1.0em;
}
.Hotel-function-text {
font-size: 18px;
margin-top:0.8em;
}
header .title {
/* margin:150px; */
font-size: 20px;
line-height: 36px;
}
header .btn-Unbound {
padding:0 1em;
line-height:40px;
font-size:25px;
line-height:40px;
font-size:20px;
margin-top: -1.75em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:90%
}
header .btn-Quit:hover {
background-size:90%
}
header .btn-left {
margin-top: -2.55em;
background-size:90%;
}
header .btn-left:hover {
background-size:90%
}
.Title-text{font-size: 14px;}
/*.Title-update{line-height: 31px;font-size: 14px;margin-top: 0px;margin-right:2em;}
.Title-update-hover{line-height:31px; font-size:14px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size: 3em;line-height: 1em;border-bottom:0.2em;}
.Hotel-date-num-text{font-size: 1.5em;line-height: 1em;}
.Today-num-grid{margin: 0em 0.8em 0em 0.8em;}
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height: 36px;font-size: 20px;}
.Hotel-date-today-rate{font-size: 20px;line-height: 36px;padding:0 0.5em;}
.Hotel-date-price{font-size: 20px;line-height: 36px;padding:0 0.5em;}
.table-statistics tr td{ font-size:21px; }
/*��̬*/
header .btn-return {
margin-top:0.5em;
background-size:80%
}
header .btn-return:hover {
background-size:80%
}
/*.return_reques input,.return_reque input,.return_requ input{width:150px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:16px; margin-right:2px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:20px; }*/
.return_reques input,.return_reque input,.return_requ input{width:120px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:16px ; margin-right:2px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:20px; }
/*.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}*/
/*.state-update{ border:2px solid #ddd; font-size:14px; margin-top:0px; margin-right:0px; line-height:30px; padding:0em 3em}*/
.Hotel_state { width:23%; height:24vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:30px; font-size:23px; width:23vw}
.Hotel_state img {/* width: 10vw; *//* height:10vw; */}
.DropDownList {
position: relative;
width: 80%;
height:25px;
background-color:#fff;
border:2px solid #4dc7ee;
border-radius:7px;
vertical-align:middle;
line-height:17px;
color:#258ae6;
font-size:15px;
margin-right: 10%;
margin-top:10px;
margin-bottom:10px;
margin-left: 10%;
position:fixed;
z-index:20000;
}
.DropDownListBack {
position: relative;
width: 80%;
height:25px;
background-color:#fff;
border:2px ;
border-radius:7px;
vertical-align:middle;
line-height:17px;
font-size:15px;
margin-right: 10%;
margin-top:10px;
margin-bottom:10px;
margin-left: 10%;
}
.hotel-tab td {
font-size:21px;
}
.hotel-tab td p{
font-size:17px;
}
}
@media (max-width:480px) {
.signin-form {
background:url(../images/bg-min.png) center;
}
.location {
text-align:center;
padding:3em 0 1em 0;
}
.location img {
width:40%;
margin:0;
}
form {
width: 97%;
}
form li {
border: 1px solid rgba(255, 255, 255, 0.6);
margin:1.5em 0;
height:50px;
}
form li .input-text, form li .input-password {
width: 80%;
padding: 0.8em 0.5em 0.8em 4em;
font-size:16px;
}
form li .input-code {
width: 50%;
padding: 0.8em 0.5em;
font-size:16px;
}
form li .code, form li .input-code img {
width:130px;
height:50px;
}
form li .icon {
height:50px;
width:50px;
}
form li .user {
background: url(../images/icons01-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .lock {
background: url(../images/icons02-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
.button {
margin: 2em 0;
padding-bottom:0em;
}
.signin-form input[type="button"] {
font-size: 16px;
font-weight: 300;
height:50px;
border: 1px solid rgba(255, 255, 255, 0.6);
}
input[type="button"]:hover {
border: 1px solid #6cdb99;
}
.form-check {
font-size:16px;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:3.5em;
height:3.5em;
background-size:55%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:55%}
.Hotel-function-btn {
margin: 1em 0.5em 1em 0.5em;
}
.Hotel-function-text {
font-size:15px;
margin-top:0.8em
}
header .header-bg {
z-index:1000;
position:fixed;
background:#2589e6;
padding-top:1em;
padding-bottom:1em;
width:100%;
height:26px;
}
header .header-bg-space-occupying {
background:#2589e6;
padding-top:1em;
padding-bottom:1em;
height:26px;
}
header .title {
/* margin:60px; */
font-size:23px;
line-height:26px;
}
header .btn-Unbound {
padding:0 1em;
line-height:30px;
font-size:20px;
margin-top: -1.45em;
}
header .btn-Quit {
margin-top:0.2em;
background-size:50%
}
header .btn-Quit:hover {
background-size:50%
}
header .btn-left {
margin-top: -1.7em;
background-size:50%;
}
header .btn-left:hover {
background-size:50%
}
.Title-text{font-size:18px;}
/*.Title-update{line-height: 31px;font-size: 14px;margin-top: 0.74px;margin-right:2em;display: inline-block;}
.Title-update-hover{line-height:31px; font-size:14px; margin-top:0.74px; margin-right:2em;}*/
.Hotel-date-number{font-size: 2em;line-height: 1em;border-bottom:0.2em;}
.Hotel-date-num-text{font-size: 1em;line-height: 1.2em;}
.Today-num-grid{margin: 0em 0.8em 0em 0.8em;}
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:26px;font-size: 14px;}
.Hotel-date-today-rate{font-size:14px; line-height:26px; padding:0 0.5em;}
.Hotel-date-price{font-size:14px; line-height:26px; padding:0em 0.5em; }
.table-statistics tr td{ font-size:15px; }
/*��̬*/
header .btn-return {
margin-top:0.2em;
background-size:50%
}
header .btn-return:hover {
background-size:50%
}
/*.return_reques input,.return_reque input,.return_requ input{width:40px;height:20px; border:2px solid #4dc7ee; border-radius:5px; font-size:12px; margin-right:3px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:12px; }*/
.return_reques input,.return_reque input,.return_requ input{width:70px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:12px ; margin-right:3px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:12px; }
/*.return_reques .local,.return_reque .local,.return_requ .local{background:url(../images/bot_imgs.png) no-repeat;background-position:99% center; background-size:20%}*/
/*.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }*/
/*.return_reques input,.return_reque input,.return_requ input{width:70px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:10px; margin-right:5px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:10px; }*/
/*.state-update{ border:2px solid #ddd; font-size:12px; margin-top:0px; margin-right:5px; padding:0 2em; line-height:30px;}*/
.Hotel_state { width:23%; height:24vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:17px; font-size:11px; width:23vw;}
.Hotel_state img {/* width: 30px; *//* height:30px; */}
.buil-item-Dirty-div {
margin-top:-2vw;
}
.hotel-tab td {
font-size:15px;
}
.hotel-tab td p{
/* font-size:9px;*/
}
}
@media (max-width:320px) {
.signin-form {
background:url(../images/bg-min.png) center;
background-size:cover;
padding-bottom:3em;
}
.location {
text-align:center;
padding:2em 0 1em 0;
}
.location img {
width:40%;
margin:0;
}
form {
width: 87%;
margin: 0 auto;
}
form li {
border: 1px solid rgba(255, 255, 255, 0.6);
margin:1em 0;
height:40px;
}
form li .input-text, form li .input-password {
width: 80%;
padding: 0.7em 0.5em 0.7em 4em;
font-size:14px;
}
form li .input-code {
width: 50%;
padding: 0.7em 0.5em;
font-size:14px;
}
form li .code, form li .input-code img {
width:113px;
height:40px;
}
form li .icon {
height:40px;
width:40px;
}
form li .user {
background: url(../images/icons01-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
form li .lock {
background: url(../images/icons02-min.png) no-repeat center rgba(255, 255, 255, 0.35);
}
.button {
margin: 2em 0;
padding-bottom:0em;
}
.signin-form input[type="button"] {
font-size: 14px;
font-weight: 300;
height:40px;
border: 1px solid rgba(255, 255, 255, 0.6);
}
input[type="button"]:hover {
border: 1px solid #6cdb99;
}
.form-check {
font-size:14px;
}
/*�Ƶ�����*/
.Hotel-function-btn-width {
width:3em;
height:3em;
background-size:50%
}
.Hotel-function-btn:hover .Hotel-function-btn-width{background-size:50%}
.Hotel-function-btn {
margin: 1em 0.5em 1em 0.5em;
}
.Hotel-function-text {
font-size:12px;
margin-top:0.8em
}
header .header-bg {
z-index:1000;
position:fixed;
background:#2589e6;
padding-top:1em;
padding-bottom:1em;
height:26px;
}
header .header-bg-space-occupying {
background:#2589e6;
padding-top:1em;
padding-bottom:1em;
height:26px;
}
header .title {
margin: 7px;
font-size: 18px;
line-height: 18px;
}
header .btn-Unbound {
padding:0 1em;
line-height:26px;
font-size:18px;
}
header .btn-Quit {
margin-top:0.5em;
background-size:50%
}
header .btn-Quit:hover {
background-size:50%
}
header .btn-left {
margin-top: -2.1em;
background-size:50%;
}
header .btn-right {
margin-top: -2.1em;
background-size:50%;
}
header .btn-exit-right {
margin-top: -2.1em;
background-size:50%;
}
header .btn-left:hover {
background-size:50%
}
header .btn-right:hover {
background-size:50%
}
header .btn-exit-right:hover {
background-size:50%
}
.Title-grid{border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#fff;}
.Title-icon{width:8px;background:#2589e6;height:30px;margin-right: 2em;}
.Title-text{font-size:18px;line-height:30px}
/*.Title-update{line-height: 26px;font-size: 10px;margin-top: 0px;margin-bottom: 0px;margin-right: 2em;}
.Title-update-hover{line-height:26px; font-size:10px; margin-top:0px; margin-right:2em;}*/
.Hotel-date-number{font-size:26px; line-height:26px; border-bottom:0.2em;}
.Hotel-date-num-text{ font-size:14px; line-height:20px; }
.Today-num-grid{ margin:0em 0.5em 0em 0.5em; }
.Hotel-date-tomorrow-icon,.Hotel-date-today-icon{line-height:26px;font-size: 12px;}
.Hotel-date-today-rate{font-size:12px; line-height:26px; padding:0 0.5em;}
.Hotel-date-price{font-size:12px; line-height:26px; padding:0 0.5em; }
.table-statistics tr td{ font-size:14px; }
/*��̬*/
header .btn-return {
margin-top:0.4em;
background-size:50%
}
header .btn-return:hover {
background-size:50%
}
.return_reques input,.return_reque input,.return_requ input{width:70px;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:10px; margin-right:5px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:10px; }
/*.return_reques input,.return_reque input,.return_requ input{width:20%;height:30px; border:2px solid #4dc7ee; border-radius:5px; font-size:10px ; margin-right:5px; }
.return_reques .bomb_con_style dd,.return_reque .bomb_con_style dd,.return_requ .bomb_con_style dd{height:40px;line-height:30px;font-size:30px; }*/
/*.state-update{ font-size:12px; margin-top:0px; margin-right:5px; padding:0 1em; line-height:30px;}*/
.Hotel_state { width:23%; height:24vw; margin:0.5vw 0.1vw 1.2vw 1.5vw; padding-top:1vw }
.Hotel_state p { line-height:18px; font-size:12px; width:23vw}
.Hotel_state img {/* width: 30px; *//* height:30px; */}
.hotel-tab td {
font-size:14px;
}
.hotel-tab td p{
font-size:8px;
}
}
/*酒店信息今日实时数据 今日微调 开始*/
.hotel-tab {
width:100%;
}
.hotel-tab td {
/*vertical-align:middle;*/
line-height: 1.2em;
}
.hotel-tab td p{
line-height:1.2em;
text-align:left;
letter-spacing:1px;
}
.hotel-tab-td-w {
width:24%;
text-align:center;
}
.hotel-tab-td-w-s {
width:30%;
text-align:left;
}
.hotel-tab-td-em {
width:calc(100% - 2em);
background:#4dc7ee;
color:#FFF;
border-radius:0.5em;
padding: 0.5em;
}
.hotel-tab--tr-em {
color:#4dc7ee;
}
.bluecolor {
color:#4dc7ee;
}
.table-statistics thead{
width:100%;
}
/*酒店信息今日实时数据 今日微调 结束*/
.ch-table-thead{
position:fixed;
line-height:0;
top:52px;
}
.cp-list-table{
width:100%;
}
.ch-table-thead tr{
width:100%;
}
.cp-list-table tr{
line-height:30px;
}
.cp-list-table thead tr{
background:#2589e6;
color:#fff;
}
.cp-list-table thead td {
text-align:center;
padding:0px 5px;
}
.cp-list-table tbody tr:not(last-child) {
border-top:1px dashed #fff;
}
.cp-list-table tbody tr:last-child {
border-top:1px solid #fff;
}
.cp-list-table tbody td {
background: #ddd;
}
.cp-list-table tbody .sum {
width: 100%;
text-align: right;
display: block;
}
.hide {
display: none;
}
.pop-mask {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
z-index: 100001;
}