.logo_big {background-image:url(../pic/h-logo-global.png?t=201709121553);}

/* icon */
.ico-smile {display:inline-block; width:24px; height:24px; background:url(../pic/ico-smile.png?t=201605311748) no-repeat; overflow:hidden; vertical-align:-8px; *vertical-align:middle;}

/* inn-hotel sidebar operation */
.h-operation {margin:30px 7px; border:1px solid #9dcb42; background-color:#fff;}
.h-operation a {display:block; height:24px; line-height:24px; padding:10px 0 10px 13px; color:#000; font-size:14px;}
.h-operation a i {display:inline-block; width:24px; height:24px; margin-right:10px; background:url(../pic/h-operation.png?t=201605311748) no-repeat; vertical-align:-7px; *vertical-align:middle; overflow:hidden;}
.h-operation .book i {background-position:0 0;}
.h-operation .hour i {background-position:0 -24px;}
.h-operation .clean i {background-position:0 -48px;}
.h-operation .lock i {background-position:0 -72px;}
.h-operation .book:hover {background-color:#e6f6fd;}
.h-operation .hour:hover {background-color:#fff0df;}
.h-operation .clean:hover {background-color:#edeff7;}
.h-operation .lock:hover {background-color:#f0f7e3;}

/* inn-hotel header */
.h-header {margin:-15px -15px 20px -30px; padding:5px 15px; background:#f7f7f7; border-bottom:1px solid #ccc;}
.h-header-fixed {position:fixed; top:60px; left:161px; right:0; z-index:1; margin:0 0 20px 0;}
.h-header .droplist {background-color:#fff;}
.h-header .datepos .box {width:181px;}
.h-header .datepos .box .datebox {width:70px;}
.h-header .datepos .box .dealbtn {width:181px;}

.h-datepicker {float:left; width:148px; height:30px; position:relative;}
.h-datepicker .b {width:16px; height:16px; margin-top:2px; background:url(../pic/h-datepicker.png?t=201605311748) no-repeat; overflow:hidden; position:absolute; top:5px;}
.h-datepicker .prev {background-position:0 0; left:0px;}
.h-datepicker .prev:hover {background-position:0 -16px;}
.h-datepicker .next {background-position:0 -32px; right:0px;}
.h-datepicker .next:hover {background-position:0 -48px;}
.h-datepicker .picker {background-position:0 -64px; right:22px;}
.h-datepicker .value {font-size:14px; border:1px solid #ccc; background-color:#fff; padding:4px 30px 4px 5px; position:absolute; top:0; left:20px; cursor:pointer;}
.h-datepicker .value:hover {border-color:#393;}

.h-data {float:left; margin-left:20px; line-height:30px;}
.h-data strong {color:#4a840c; font-size:18px; margin:0 5px;}

.h-search {float:right; width:240px; position:relative;}
.h-search .text {width:202px; padding-right:30px; box-shadow:none;}
.h-search .go {width:28px; height:28px; border-left:1px solid #ccc; background:url(../pic/ico-crmsearch.png?t=201605311748) no-repeat; position:absolute; right:1px; top:1px;}
.h-search .go:hover {background-color:#ededed; background-position:0 -28px;}

/* inn-hotel search */
.h-global-search {position:fixed; top:110px; right:30px;}
.h-global-search .total {position:relative; padding:10px;}
.h-global-search .close {top:5px;}

/* inn-hotel room filter */
.h-room-filter .title {float:left; line-height:28px; padding:0 5px; margin-right:10px;}
.h-room-filter .all {display:block; float:left; line-height:24px; padding:0 5px; margin:0 5px 0 0; color:#000;}
.h-room-filter .all_on, .h-room-filter .all_on:hover {color:#fff; background-color:#69a02e; cursor:default;}
.h-room-filter ul {float:left; margin-top:2px; max-width:65%;}
.h-room-filter li {float:left; max-width:100px; padding:2px 5px; margin:0 5px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h-room-filter li .ico-checkbox {margin-right:3px;}
.h-room-filter .other {position:relative; width:24px; height:20px; padding:2px 0; overflow:visible;}
.h-room-filter .checked {color:#fff; background-color:#69a02e; cursor:default;}
.h-room-filter .checked .ico-checkbox {background-position:0 -14px;}
.h-room-filter .checked:hover {color:#fff;}
.h-room-filter li:hover {color:#69a02e;}
.h-room-filter .ico-checkbox {display:inline-block; width:14px; height:14px; background:url(../pic/h-filter.png?t=201605311748) 0 0 no-repeat; overflow:hidden; vertical-align:-2px; *vertical-align:middle;}
.h-room-filter .ico-expand, .h-room-filter .ico-collapse {display:inline-block; width:18px; height:18px; border:1px solid #ccc; background:#fff url(../pic/h-filter.png?t=201605311748) 2px -92px no-repeat; overflow:hidden; vertical-align:-2px; *vertical-align:middle; position:absolute; top:2px; right:4px;}
.h-room-filter .ico-expand:hover, .h-room-filter .ico-collapse {background-position:2px -126px; border-color:#69a02e;}
.h-room-filter .ip-dropdown {z-index:10; left:-86px; top:23px; border-top:0;}
.h-room-filter .ip-dropdown div label {border-top:1px solid #ccc; padding:5px 25px 5px 10px;}
.h-room-filter .ip-dropdown div label.on {background-image:url(../pic/h-filter.png?t=201605311748); background-position:85px -28px; background-repeat:no-repeat;}
.h-room-filter .ip-dropdown div label.on:hover {background-position:85px -58px;}
.h-header .filter_ava{border:1px solid #cccccc; padding:5px; background:#fff; color:#000; cursor:pointer}
.h-header .filter_ava i {display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../pic/ico-select.png?t=201605311748) no-repeat 0-14px; overflow:hidden; vertical-align:-3px; *vertical-align:middle;}
.h-header .filter_ava:hover{border-color:#999;}
.h-header .filter_ava_yes{color:#488500}
.h-header .filter_ava_yes i {background-position:0 0;}

/* inn-hotel legend */
.h-content-wrap {bottom:35px;}
.h-content-bottom {padding:15px 5px; background-color:#fff; border-top:1px dashed #e1e1e1; position:fixed; bottom:0; left:161px; right:0; z-index:1;}
.foot .h-legend {background-color:#fff; border:1px solid #ccc; padding:2px 5px; position:absolute; top:4px; left:15px;}
.foot .h-legend .bar {float:left; cursor:pointer;}
.foot .h-legend .bar i {background:url(../pic/h-datepicker.png?t=201605311748) no-repeat 0 -32px;}
.foot .h-legend .bar:hover i {background-position:0 -48px;}
.foot .h-legend .bar_expand i {background-position:0 0;}
.foot .h-legend .bar_expand:hover i {background-position:0 -16px;}
.foot .h-legend ul {float:left; margin-left:10px;}
.h-legend li {float:left; margin-right:20px; color:#333;}
.h-legend i {display:inline-block; width:16px; height:16px; margin-right:4px; background:url(../pic/h-legend.png?t=201605311748) no-repeat; vertical-align:-4px; *vertical-align:middle; overflow:hidden;}
.h-legend .checkin {background-position:0 0;}
.h-legend .booked {background-position:0 -16px;}
.h-legend .empty {background-position:0 -32px;}
.h-legend .locked {background-position:0 -48px;}
.h-legend .checkout {background-position:0 -64px;}
.h-legend .hourly {background-position:0 -80px;}
.h-legend .debt {background-position:0 -96px;}
.h-legend .exit {background-position:0 -112px;}
.h-legend .ec-error {background-position:0 -128px;}
.h-legend .ec-check {background-position:0 -144px;}
.h-legend .bell {background-position:0 -160px;}
.foot .tool {top:8px;}
.foot .footfunction {float:right; padding:0 10px; border-right:1px solid #b7b7b7; color:#000; cursor:pointer;}
.foot .footfunction:first-child {border-right:0;}
.foot .footfunction:hover {color:#69a02e;}
.foot .footfunction a {color:#000;}
.foot .footfunction a:hover {color:#69a02e;}
.foot .footfunction i {display:inline-block; width:20px; height:20px; background:url(../pic/h-footfunction.png?t=201605311748) no-repeat; vertical-align:-5px; *vertical-align:middle;}
.foot .ff-report i {background-position:0 0;}
.foot .ff-roomstatus i {background-position:0 -20px;}
.foot .ff-remind i {background-position:0 -100px; position:relative;}
.foot .ff-bell i {background-position:0 -40px;}
.foot .ff-hourly i {background-position:0 -60px;}
.foot .ff-lock i {background-position:0 -80px;}
.foot .ff-video i {background-position:0 -120px;}
.foot .ff-unpay i {background-position:0 -140px;}
.foot .ff-thumb i {background-position:0 -160px;}
.foot .ff-contact i {background-position:0 -180px;}
.foot .ff-lockroom i {background-position:0 -200px;}
.foot .ff-lockstatus i{background-position:0 -220px;}
.foot .ff-report:hover i {background-position:-20px 0;}
.foot .ff-roomstatus:hover i {background-position:-20px -20px;}
.foot .ff-bell:hover i {background-position:-20px -40px;}
.foot .ff-hourly:hover i {background-position:-20px -60px;}
.foot .ff-lock:hover i {background-position:-20px -80px;}
.foot .ff-remind:hover i {background-position:-20px -100px;}
.foot .ff-video:hover i {background-position:-20px -120px;}
.foot .ff-unpay:hover i {background-position:-20px -140px;}
.foot .ff-thumb:hover i {background-position:-20px -160px;}
.foot .ff-contact:hover i {background-position:-20px -180px;}
.foot .ff-lockroom:hover i {background-position:-20px -200px;}
.foot .ff-lockstatus:hover i{background-position:-20px -220px;}
.foot .ff-remind .rp {display:none; width:9px; height:9px; background:url(../pic/icon-alert-i.gif?t=201605311748) no-repeat; position:absolute; top:0; right:0;}
.foot .ff-remind-unread i {-webkit-animation:alert-shake 1s 2s infinite; -moz-animation:alert-shake 1s 2s infinite; animation:alert-shake 1s 2s infinite;}
.foot .ff-remind-unread .rp {display:block;}

/* inn-hotel roombox */
.h-roombox {overflow-x:auto;}
.h-room {width:100%;}
.h-room-name, .h-room-o {width:97px; min-width:50px; text-align:center; border:1px solid #ccc;}
.h-room-name {border-left:2px solid #9dcb42;}
.h-room-num {border:1px solid #ccc;}
.h-roombox-mul .h-room-num {border:0;}
.h-room-num ul {min-height:92px; background-color:#f7f7f7; padding:0 5px 15px 0;}
.h-roombox-mul .h-room-num ul {min-height:0; padding:0;}
.h-room-num li {float:left; width:88px; height:98px; margin:10px 0 0 15px; border:1px solid #ccc; background-color:#fff; text-align:center; position: relative;}
.h-roombox-mul .h-room-num li {margin:0; border-left-width:0; border-bottom-width:0;}
.h-roombox-mul .h-room-num .today {background-color:#f7fbf0;}
.h-roombox-mul .h-room-num .selected {background-color:#fcecec;}
.h-roombox-mul .h-room-expand {border-bottom-color:#a6a6a6;}
.h-roombox-mul .h-room-expand-li li {border-top-color:#a6a6a6;}
.h-room-divider {border-bottom-color:#a6a6a6 !important;}
.h-room-divider li {border-top-color:#a6a6a6 !important;}
.h-room-num .weekend {border-right-color:#9dcb42;}
.h-room-num .noroom {background:#f7f7f7;}
.h-room-num .lastline {margin-bottom:0 \9;}
.h-room-num .o {height:78px; padding:10px 0; cursor:pointer; position:absolute; left: 0; right: 0;}
.h-room-num .o:hover {background-color:#fffbd9;}
.h-room-num .o div {line-height:16px;}
.h-room-num .o .num {margin-bottom:5px;}
.h-room-num .o .num, .h-room-num .o .name, .h-room-num .o .orderfrom, .h-room-num .o .counts {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h-room-num .o .orderfrom {color:#006fc6;}
.h-room-num .o .counts {padding-top:6px;}
.h-room-num .o .sortorder {position:absolute; cursor:move; top:0; left:0; width:40px; bottom:0;}
.h-room-num .o .green {color:#4ac04e !important;}
.h-room-num .o .line {height:0; border-bottom:2px solid #fff; position:absolute; bottom:0; left:0; right:0;}
.h-room-num .o .line_o {display:none;}
.h-room-num .o .line_l {left:10px;}
.h-room-num .o .line_r {right:10px;}
.h-room-num .oci .line {border-color:#faab00;}
.h-room-num .ob .line {border-color:#69a02e;}
.h-room-num .oex .line {border-color:#b5b5b5;}
.h-room-num .olink {padding:4px 0 !important; border:2px dashed #ff8c51 !important;}
.h-room-num .oci {background-color:#fde785; border:1px solid #ccaf2e; height:30px; margin:-1px 5px -1px -1px; text-align:center; height:28px !important;}
.h-room-num .oci:hover {background-color:#f4dd79;}
.h-room-num .ob {background-color:#bbd97f; border:1px solid #6cbd2c; height:30px; margin:-1px 5px -1px -1px; text-align:center; height:28px !important;}
.h-room-num .ob:hover {background-color:#b4d17a;}
.h-room-num .ow {background-color:#dcdcdc !important;}
.h-room-num .ow:hover {background-color:#d0d0d0 !important;}
.h-room-num .num {font-size:14px;}
.h-room-num .oe .num {padding-top:20px;}
.h-room-num .oex .num {padding-top:10px;}
.h-room-num .box {position:absolute; top:2px; right:0; width:20px;}
.h-room-num .box-b {top:auto; bottom:5px;}
.h-room-num .olink .box {top:0px; right:-2px;}
.h-room-num .olink .box-b {bottom:3px; top:auto;}
.h-room-num .oee, .h-room-num .oee:hover {background-color:#fff02a !important;}
.h-room-num .oec, .h-room-num .oec:hover {background-color:#d5110d !important;}
.h-room-num .olock {cursor:not-allowed; background: url(../pic/icon_lock.png?t=201605311748) no-repeat center;}
.h-room-summary {margin:0 15px; padding:10px 7px; border-bottom:1px dashed #e1e1e1;}
.h-room-summary strong {color:#4a840c; font-size:18px; margin:0 5px;}
.h-dailyorder-summary {margin:0 0 20px; padding:10px 5px;}
.color-hover {background-color:#ebebeb !important;}

.h-mulcontent-wrap .h-roombox {position:fixed; top:100px; bottom:35px; left:0; right:0;}
.h-mulcontent-wrap .h-roombox-mul {position:fixed; top:150px; bottom:35px; left:0; right:0;}
.h-mulcontent-wrap .h-room-infowrap {height:100%; background-color:#f8f8f8;}
.h-mulcontent-wrap .h-room-detailwrap {height:100%; background:#f8f8f8 url(../pic/bg-pickerarea.png?t=201605311748) no-repeat bottom center;}
.h-room-detailwrap .datepickerempty {font-size:20px; color:#999; padding:200px 0 0; text-align:center;}
.h-room-detailwrap .datepickerempty a {font-size:20px;}

/* inn-hotel roombox multiply */
.h-roombox-mul .h-room-num li {width:75px; height:42px;}
.h-roombox-mul .h-room-num .o {height:32px; padding:5px 1px;}
.h-roombox-mul .h-room-num .ui-sortable-helper {opacity:0.7; border-style:dashed;}
.h-roombox-mul .h-room-num .oex {height:28px; margin:-1px 5px -1px -1px; padding:5px 1px; background-color:#e6e6e6; border:1px solid #b2b2b2;}
.h-roombox-mul .h-room-num .olink {padding:4px 0;}
.h-roombox-mul .h-room-infowrap {float:left; overflow-y:hidden;}
.h-roombox-mul .h-room-info {border-right:1px solid #ccc;}
.h-roombox-mul .h-room-info .h-room-name {width:72px; height:40px; background-color:#f8f8f8; cursor:pointer;}
.h-roombox-mul .h-room-info .h-room-name:hover {background-color:#fffbd9;}
.h-roombox-mul .h-room-info .h-room-name .rtname {width:73px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h-roombox-mul .h-room-detailwrap {margin-left:147px; overflow-x:auto;}
.h-roombox-mul .h-room-o {width:70px; height:42px; border-right:0; background-color:#f8f8f8;}
.h-roombox-mul .h-room-o.on {background-color:#fff7b2;}
.h-roombox-mul .h-room-o div {width:70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.h-room-name .collapse, .h-room-name .expand {display:none; text-align:center; height:10px; line-height:10px;}
.h-room-name .collapse i {display:inline-block; width:11px; height:6px; background:url(../pic/h-collapse.png?t=201605311748) no-repeat 0 0;}
.h-room-name .expand i {display:inline-block; width:11px; height:6px; background:url(../pic/h-collapse.png?t=201605311748) no-repeat 0 -6px;}
.bb {border-bottom:1px solid #ccc;}

.h-mulcontent-wrap {bottom:35px; left:0; padding-left:0;}
.h-mulcontent-wrap .page-cnt {padding:15px 0 0 0;}
.h-mulcontent-wrap .h-header {margin:-15px 0 -1px 0;}

/* inn-hotel roombox datepicker */
.h-roombox-top {position:relative; height:50px; overflow:hidden; box-shadow:0 1px 5px -2px rgba(0,0,0,.5); z-index:1;}
.h-roombox-top .picker {width:147px; height:49px; background-color:#f0f0f0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:absolute; top:0; left:0;}
.h-roombox-top .picker .prev, .h-roombox-top .picker .next {width:20px; height:49px; margin:0; vertical-align:middle; border:1px solid #dcdcdc; border-width:0 1px; cursor:pointer; position:absolute; top:0;}
.h-roombox-top .picker .prev {left:0;}
.h-roombox-top .picker .next {right:0;}
.h-roombox-top .picker .prev:hover, .h-roombox-top .picker .next:hover {Opacity:.6}
.h-roombox-top .picker .prev {background:url(../pic/btn-prev.png?t=201605311748) no-repeat center; float:left;}
.h-roombox-top .picker .next {background:url(../pic/btn-next.png?t=201605311748) no-repeat center; float:right;}
.h-roombox-top .picker .range {height:49px; font-size:12px; text-align:center; cursor:pointer; position:absolute; left:22px; right:22px; top:0;}
.h-roombox-top .picker .range:hover {color:#009000; background:#fffde9;}
.h-roombox-top .picker .range p{line-height:1em; padding-top:12px; font-size:14px; font-weight:bold; }
.h-roombox-top .picker .range b{font-size:11px; color:#777}
.h-roombox-top .calendar {height:50px; position:absolute; top:0; left:147px;}
.h-roombox-top .calendar li {float:left; width:75px; height:48px; padding-top:1px; border:1px solid #ccc; border-left-width:0; border-bottom-width:0; background-color:#f0f0f0; text-align:center; position:relative;}
.h-roombox-top .calendar li.weekend {border-right-color:#9dcb42;}
.h-roombox-top .calendar li.today {border-top:2px solid #2b8e15; padding-top:0; background-color:#f7fbf0;}
.h-roombox-top .calendar li.selected {border-top:2px solid #dc5656; padding-top:0; background-color:#ffefa2;}
.h-roombox-top .calendar li.on {background-color:#fff7b2;}
.h-roombox-top .calendar li:hover {background-color:#ffefa2;}
.h-roombox-top .calendar li b, .h-roombox-top .calendar li i {display:block; cursor:default;}
.h-roombox-top .calendar li b {margin-top:5px; color:#7d7d7d; font-weight:400;}
.h-roombox-top .calendar li b tt {margin-left:5px; color:#7d7d7d;}
.h-roombox-top .calendar li.today b, .h-roombox-top .calendar li.today tt {color:#000;}
.h-roombox-top .calendar li b.holiday {padding-right:5px;}
.h-roombox-top .calendar li b.holiday tt {padding:0 5px; margin-left:5px; background-color:#b8d682; color:#157e15; border-radius:4px;}
.h-roombox-top .calendar li i {font-style:normal; color:#7d7d7d;}

/* inn-hotel roombox full page */
.h-roombox .fullbtn {display:block; width:80px; height:80px; position:fixed; bottom:35px; background:url(../pic/fb-btn.png?t=201605311748) no-repeat; top:80%; margin-top:-40px; opacity:.5; -webkit-transition:opacity .5s ease-in-out;}
.h-roombox .fullbtn:hover {opacity:1;}
.h-roombox .fb-prev {left:30px; background-position:-80px 0;}
.h-roombox .fb-prev:hover {background-position:-80px -80px;}
.h-roombox .fb-next {right:30px; background-position:0 0;}
.h-roombox .fb-next:hover {background-position:0 -80px;}
.h-roombox .picker {width:197px;}
.h-roombox .h-roombox-top .calendar {left:197px;}
.h-roombox .picker .prev, .h-roombox .picker .next {display:none;}
.h-roombox .picker .range {border-right:1px solid #ccc; left:0; right:0;}
.h-roombox .h-room-detailwrap {margin-left:197px;}
.h-roombox .h-room-info .h-room-name {width:122px;}
.h-roombox .h-room-info .h-room-name .rtname {width:123px;}

/* inn-hotel table btn */
.h-table-btn {display:inline-block; padding:0 10px; text-align:center; border-radius:20px; background-color:#9bca64; color:#fff !important;}
.h-table-btn:hover {background-color:#609028;}
.h-table-btn-info {background-color:#88c1e9;}
.h-table-btn-info:hover {background-color:#4491c7;}

.table .tc {text-align:center !important;}
.table-partner td {line-height:30px;}
.table-vm th, .table-vm td {vertical-align:middle;}

.report-room {margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}
.report-room:first-child {margin-top:0; padding-top:0; border-top:0;}
.report-room dt {float:left; width:70px; font-weight:700;}
.report-room dd {margin-left:70px;}
.report-room dd span {white-space:nowrap;}

/* inn-hotel Common JqueryUI */
.ui-corner-all {border-radius:0;}
.ui-tooltip {border:0; background:#333; background:rgba(0,0,0,.8); color:#fff;}
.ui-tooltip .price {color:#f7b267;}

/* inn-hotel Switch Hotel */
.inn-name h1 .switch {margin-left:15px; font-size:12px;}
.inn-name h1 .switch i {display:inline-block; width:10px; height:20px; margin-left:2px; background:url(../pic/h-switchhotel.png?t=201605311748) no-repeat; overflow:hidden;  vertical-align:-5px; *vertical-align:middle;}
.yzg-switchhotel {width:128px; position:fixed; top:45px; left:265px; z-index:100;}
.yzg-switchhotel .yzg-mulcolumnlist-content {border-color:#ccc; min-height:0; max-height:400px; overflow-y:auto;}
.yzg-switchhotel .arrow, .yzg-switchhotel .arrow-b {width:0; height:0; border-width:6px; border-style:solid; position:absolute; left:10px;}
.yzg-switchhotel .arrow {border-color:transparent transparent #fff transparent; top:-11px;}
.yzg-switchhotel .arrow-b {border-color:transparent transparent #ccc transparent; top:-12px;}

/* inn-hotel Pop */
.h-orderpop ul.cntlist li a.add-book, .h-orderpop ul.cntlist li a.del-book{background:url(../pic/h-addremove.png?t=201605311748) no-repeat 0 0;}
.h-orderpop ul.cntlist li a.add-book:hover{background-position:-20px 0;}
.h-orderpop ul.cntlist li a.del-book{background-position:0 -20px;}
.h-orderpop ul.cntlist li a.del-book:hover{background-position:-20px -20px;}
.h-orderpop ul.cntlist li a.addfinance, .h-orderpop ul.cntlist li a.removefinance {color:#020300;}
.h-orderpop ul.cntlist li a.addfinance i, .h-orderpop ul.cntlist li a.removefinance i {display:inline-block; width:16px; height:16px; margin-right:4px; background:url(../pic/h-addfinance.png?t=201605311748) no-repeat 0 0; vertical-align:middle;}
.h-orderpop ul.cntlist li a.removefinance i {background-position:0 -16px;}
.h-orderpop .datepos {position:relative;}
.h-orderpop .datepos .date {color:#898989; position:absolute; top:5px; right:5px; /*right:26px;*/}
.h-orderpop .datepos i {display:none; width:16px; height:16px; background:url(../pic/h-datepicker.png?t=201605311748) no-repeat 0 -64px; overflow:hidden; position:absolute; top:7px; right:5px;}
.h-orderpop .datepos-dis input {background:#f7f7f7;}
.h-orderpop .datepos-dis i {display:none;}
.h-orderpop .addrecord {display:block;}
.h-orderpop .addrecord i {display:inline-block; width:20px; height:20px; margin-right:3px; background:url(../pic/h-addremove.png?t=201605311748) no-repeat 0 0; overflow:hidden; vertical-align:-6px; *vertical-align:middle;}
.h-orderpop .pop-booking-room .title {width:70px;}
.h-orderpop .pop-booking-finance {width:283px; border-right:1px dotted #ccc;}
/*.h-orderpop .multiguest {width:20px; height:20px; margin-top:5px; border:0; background:url(../pic/h-addremove.png?t=201605311748) no-repeat 0 0;}*/
.h-orderpop .multiguest .count, .modal-header h3 b .count {width:16px; height:16px; line-height:16px; background:url(../pic/ico-guestcount-s.png?t=201605311748) no-repeat 0 0; top:-12px; right:-12px;}

.h-printBox li {float:left; margin:15px 0 0 15px;}
.h-printBox li a {display:block; width:165px; height:20px; line-height:20px; padding:70px 0; font-size:20px; text-align:center; color:#555; background-color:#ededed; -webkit-transition:background-color .25s ease-in;}
.h-printBox li a:hover {background-color:#bbd97f; color:#fff;}

.datepos .timepicker {width:16px; height:14px; background:url(../pic/h-timepicker.png?t=201605311748) no-repeat 0 0; position:absolute; right:1px;}
.datepos .time-up {background-position:0 0; top:1px;}
.datepos .time-up:hover {background-position:-16px 0; background-color:#f5f5f5;}
.datepos .time-down {background-position:0 -14px; top:15px;}
.datepos .time-down:hover {background-position:-16px -14px; background-color:#f5f5f5;}

.label-list {display:inline-block; margin:0 10px 10px 0; white-space:nowrap;}

.yzg-pricedetail {width:300px; border:1px solid #69a02e; background-color:#fff; position:relative;}
.yzg-pricedetail .arrow, .yzg-pricedetail .arrow-b {width:0; height:0; border-width:10px; border-style:solid; position:absolute; right:35px;}
.yzg-pricedetail .arrow {border-color:transparent transparent #fff transparent; top:-20px;}
.yzg-pricedetail .arrow-b {border-color:transparent transparent #69a02e transparent; top:-21px;}
.yzg-pricedetail .content {padding:5px; max-height:200px; overflow-y:auto;}
.yzg-pricedetail .table {min-width:0;}
.yzg-pricedetail .table th {width:30%; font-size:12px;}
.yzg-pricedetail .table td {position:relative;}
.yzg-pricedetail .table td a {display:block;}
.yzg-pricedetail .table td input {width:50px; padding:0;}

/*
.h-finance .room {float:left; width:200px; padding-right:10px; border-right:1px dotted #ccc;}
.h-finance .other {float:left; width:204px; padding-left:10px;}
.h-finance .lh .title, .h-finance .lh .value {line-height:30px;}
.h-finance .title {display:inline-block; width:60px; text-align:right;}
*/
.confirm .t14 span {font-size:14px;}

/*page*/
.yzg-paging {float:left; width:100%; overflow:hidden; position:relative; margin:20px 0}
.yzg-paging .box {margin:0 auto;}
.yzg-paging a, .yzg-paging span {float:left; display:block; width:30px; height:20px; line-height:20px; padding:4px 0; border:1px solid #ddd; border-left-width:0; background-color:#fff; text-align:center;}
.yzg-paging a:first-child {border-left-width:1px; border-radius:4px 0 0 4px;}
.yzg-paging a:last-child {border-radius:0 4px 4px 0;}
.yzg-paging a:hover {background-color:#f5f5f5;}
.yzg-paging span {background-color:#f5f5f5; color:#999; cursor:default;}
.yzg-paging .disable, .yzg-paging .disable:hover {color:#999; cursor:default; background-color:transparent;}

/*bind ele card*/
.bindele {width:770px; margin-left:-385px;}
.bindele .table .pd0 {padding:0;}
.bindele .table tr:hover {background-color:#fff;}
.bindele .table th {text-align:center;}
.bindele .table td {text-align:center;}
.bindele .table td input {border-color:#fff; box-shadow:none; cursor:default; text-align:center; padding:4px 0;}
.bindele .table .has input {cursor:text;}
.bindele .table .has:hover input {border-color:#ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}

.h-roombox-ec .h-roombox-top {height:35px;}
.h-roombox-ec .h-roombox-top .picker .range {height:34px;}
.h-roombox-ec .h-roombox-top .picker .range p {padding-top:10px;}
.h-roombox-ec .h-roombox-top .picker {height:34px;}
.h-roombox-ec .h-roombox-top .picker .prev, .h-roombox-ec .h-roombox-top .picker .next {height:34px;}
.h-roombox-ec .h-roombox-top .calendar {height:35px;}
.h-roombox-ec .h-roombox-top .calendar li {height:33px;}
.h-roombox-ec .h-roombox-mul .h-room-o {background-color:#fff;}
.h-roombox-ec .h-roombox-mul .h-room-info .h-room-name:hover {background-color:#f8f8f8; cursor:default;}
.h-roombox-ec .o {cursor:default;}
.h-roombox-ec .o:hover {background-color:#fff;}

/* guest level setting */
.guestlevelsetting a.add-book, .guestlevelsetting a.del-book{display:inline-block; width:20px; height:20px; background:url(../pic/h-addremove.png?t=201605311748) no-repeat 0 0; vertical-align:middle; font-size:20px; float:none;}
.guestlevelsetting a.add-book:hover{background-position:-20px 0;}
.guestlevelsetting a.del-book{background-position:0 -20px;}
.guestlevelsetting a.del-book:hover{background-position:-20px -20px;}

/* report order */
.page-reportorder .h-header {margin-bottom:0;}
.page-reportorder .h-room-summary {margin:0;}

/* group room mapping*/
.g-room-mapping {padding:10px 0 0 0;}
.g-room-mapping .room-row {float:left; width:40%;}
.g-room-mapping .room-linked {width:55%; margin-right:30px;}
.g-room-mapping .room-unsort {float:right; width:40%;}
.g-room-mapping .room-row .header {height:20px; padding:5px; background:#fff; border-bottom:2px solid #ddd; border-left:5px solid #009000; font-size:14px; line-height:20px;}
.g-room-mapping .room-row .room-content .single {margin-bottom:10px;}
.g-room-mapping .room-row .room-block .move {background:#f5f5f5; border:1px solid #ccc; cursor:move;}
.g-room-mapping .room-row .room-block .move:hover {border-color:#568e42}
.g-room-mapping .room-row .room-block .ui-sortable-helper {opacity:.7; border-color:#568e42;}
.g-room-mapping .room-row .room-block li .text {font-size:12px; white-space:nowrap;}
.g-room-mapping .room-row .room-block .linked {display:block; color:#C00; margin-top:25px; text-align:center;}
.g-room-mapping .room-row .room-block li {float:left; width:40px; height:20px; padding:2px 5px; margin:0 5px 5px 0; background:#fff; border:1px solid #ccc; border-radius:10px; text-align:center; cursor:default; position:relative;}
.g-room-mapping .room-linked .room-block {min-height:70px; padding:5px; margin-top:5px; background:#fff; border:1px dashed #ccc; border-radius:5px; overflow:hidden;}
.g-room-mapping .room-linked .room-block-tip {background:#fff url(../pic/bg-groom-mapping.png?t=201605311748) no-repeat center;}
.g-room-mapping .room-linked .room-block li {background:#fff; border-color:#999;}
.g-room-mapping .room-unsort .room-block {margin-top:10px; padding-bottom:10px;}
.g-room-mapping .single-header {height:30px; padding-top:10px;}
.g-room-mapping .single-header span {float:left; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; line-height:28px;}
.g-room-mapping .single-header .link {float:left; margin-left:10px; line-height:30px;}

/* ota manage */
.ico-system {display:inline-block; width:16px; height:16px; margin-right:3px; background:url(../pic/icon-tool.png?t=201605311748) no-repeat -7px -67px; overflow:hidden; vertical-align:-3px;}
.btn-cancel .ico-system {background:url(../pic/icon-system.png?t=201605311748) no-repeat center;}
.table-otamanage .date th {color:#777; font-weight:400;}
.table-otamanage .d-calendar {padding:0;}
.table-otamanage .d-calendar a {display:block; background:#f7f7f7; height:40px; line-height:40px; font-weight:700; font-size:14px; text-align:center;}
.table-otamanage .d-calendar a:hover {background:#fffde9;}
.table-otamanage td label {display:block;}

.innCityPop {width:420px; margin-left:-210px;}
.innCityPop .modal-body ul.cntlist li tt.lab {width:100px;}

/*modal-supplement*/
.modal-supplement{width:880px; height:auto; margin-left:-400px;}
.modal-supplement .modal-body{padding:15px;}
.supplement-content{padding:25px 25px 35px;}
.supplement-content h3{height:36px; width:100%; background:url(../pic/bg-title.png) no-repeat center center; line-height:36px; font-size:24px; font-weight:400; text-align: center; background-size:100%;}
.supplement-content .word{padding:30px 0; font-size:14px; color:#000; line-height:28px;}
.supplement-content .word span{display: block; font-size:16px; margin-bottom:10px;}
.supplement-border{width:100%; border:1px solid #ccc; padding:0 20px; box-sizing: border-box;}
.supplement-border .supplement-dashed-item{padding:10px 0 20px; border-top:1px dashed #ccc;}
.supplement-border .supplement-dashed-item:first-child{border-top:0;}
.modal-supplement .inntb th{color:#000; text-align: left;}
.modal-supplement .inntb th span{color:#999;}
.modal-supplement .inntb td{color:#000;}
.modal-supplement .journalEdit li{margin:5px 20px 5px 0;}
.modal-supplement .journalEdit li.greater{width:220px;}
.modal-supplement .close{font-size:30px;}
.launch{display:block; width:160px; height:40px; text-align:center; line-height:40px; color:#fff; background:#7ab15d; font-size:16px; margin:30px auto;}
.launch:hover{background:#4a840c; color:#fff;}
.icon-inn{display: inline-block; width:20px; height:20px; background:url(../pic/icon-inn.png) no-repeat center center; background-size:20px 20px; vertical-align: -5px; margin-left:3px;}
.doorlock-pwd li {width: 228px;}
.doorlock-pwd li input.txt {width: 93px;font-size: 12px;}
/*.journalEdit li input.btn {top:-1px; right:-3px;}*/

.room-mapping {padding:10px 10px 20px 0;}
.room-mapping .room-row {float:left; width:200px;}
.room-mapping .room-linked {width:65%; margin-right:30px;}
.room-mapping .room-fixed {position:fixed; top:60px;}
.room-row .header {height:20px; padding:5px 10px; background:#fff; border-bottom:2px solid #ddd; border-left:5px solid #2ca600; font-size:14px; line-height:20px;}
.room-row .room-content {padding-left:15px;}
.room-row .room-content .single {float:left; width:45%; margin-bottom:10px; margin-right:10px; position:relative;}
.room-row .room-content .singleone {width:100%;}
.room-row .single .msgAlert {position:absolute; left:0; right:0; cursor:default;}
.room-row .single .in {bottom:-30px;}
.room-row .room-block li {float:left; height:20px; padding:2px 10px; margin:0 5px 5px 0; background:#fff; border:1px solid #ccc; border-radius:10px; text-align:center; cursor:default; position:relative;}
.room-linked .room-block li {background:#fff; border-color:#999;}
.room-row .room-block .move {background:#f5f5f5; border:1px solid #ccc; cursor:move;}
.room-row .room-block .move:hover {border-color:#009f7b}
.room-row .room-block .add {background:#fff; border:1px solid #009000; color:#009000; cursor:pointer; -webkit-transition:all .2s ease-in; -moz-transition:all .2s ease-in; transition:all .2s ease-in;}
.room-row .room-block .add:hover {border-color:#45d6af; color:#45d6af;}
.room-row .room-block .ui-sortable-helper {opacity:.7; border-color:#568e42;}
.room-row .room-block li .text {font-size:14px; white-space:nowrap;}
.room-row .room-block .linked {display:block; color:#C00; margin-top:25px; text-align:center;}
.room-linked .room-block {min-height:130px; padding:5px; background:#fff; border:1px dashed #ccc; border-radius:5px; overflow:hidden;}
.room-linked .room-block-sl {min-height:30px;}
.room-linked .table td {vertical-align:middle;}
.room-linked .room-block-tip {background:#fff url(../pic/bg-room-mapping.png?t=201507011830) no-repeat center;}
.room-linked .room-block-error {border-color:#eb7070;}
.room-linked .single-header {height:20px; padding-top:10px; margin-bottom:5px; position:relative;}
.room-linked .single-header span {float:left; max-width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;}
.room-linked .single-header .setprice{ position: absolute;right: 0px; text-decoration: none!important; cursor:pointer;}
.room-linked .single-header .ip-dropdown {top:4px; right:-6px; z-index:1;}
.room-linked .single-header .ip-dropdown div span,
.room-linked .single-header .ip-dropdown div a {float:none; text-align:right;}
.room-linked .single-header .ip-dropdown div span {display:block; max-width:none; padding:5px; color:#00b181; font-size:12px;}
.room-linked .sh-full span {max-width:100%;}
.room-linked .single-header a {float:left;}
.room-yunzhanggui .room-block {margin-top:30px; padding-bottom:10px;}
.room-fullwidth .room-row {float:none;}
.room-fullwidth .room-linked {width:100%;}
.room-fullwidth .room-row .room-content .single {margin-right:4%;}
.room-linked .single .droplist{position: absolute; right: 0;top: 6px;}
.room-linked .header-sel{padding-top: 15px; padding-bottom: 5px;}
.room-linked .yzg-mulcolumnlist-catalog .yzg-mulcolumnlist-heightfixed,.room-linked .yzg-mulcolumnlist-content{min-height: 150px;}
.room-linked .yzg-mulcolumnlist-heightfixed{height: 150px;}

.table-btn {display: inline-block;padding: 0 10px;text-align: center;border-radius: 20px;background-color: #2ca600;color: #fff !important;text-decoration: none !important;}
.table-btn-alt {background-color: #88c1e9;}

.modal.doorlocklist{width:900px; margin-left:-450px;}
.doorlock-status li {float:left; width:133px; height:68px; padding:20px 10px 0; margin:0 10px 10px 0; border:1px solid #ccc; border-radius:5px; background-color:#f5f5f5; position: relative;}
.doorlock-status li .name {font-size:14px; text-align:center; max-height:40px; overflow:hidden;}
.doorlock-status li .status {margin-top:10px; text-align:center;}
.doorlock-status li .battery-pic{ position: absolute;right: 10px; top: 5px; width: 14px; height: 18px;  padding-right: 4px;background: url(../pic/icon-battery-empty.png?t=201607061600) no-repeat}
.doorlock-status li .battery{height: 6px;position: absolute; top: 6px;width: 12px;left: 2px;max-width: 12px; overflow: hidden;}
.doorlock-status li .battery .battery-more{ height:100%; background-color: #006d54;display: block;width: 100%;}

.ico-lockoff {display: inline-block;width: 18px;height: 18px;background: url(../pic/icon-lockoff.png?t=201607061600) no-repeat;vertical-align: -5px;margin-left:0px;}
.ico-lock {display: inline-block;width: 16px;height: 16px;background:url(../pic/icon-key.png) no-repeat; vertical-align: -3px;margin-left:60px;}
.ico-unlock {display: inline-block;width: 18px;height: 18px;background: url(../pic/icon-unlock.png?t=201607061600) no-repeat;vertical-align: -5px;margin-left:60px;}
.doorlock-status li .status .ico-lockoff{margin-left:0;}
.doorlock-status li .status .ico-lock{margin-left:0;}
.doorlock-status li .status .ico-unlock{margin-left:0;}
.notice{display: inline-block; margin-left:5px; font-weight:normal; font-size:13px; color:#fd9245;}
.notice-none{display: inline-block; margin-left:5px; font-weight:normal; font-size:13px; color:#999;}
.icon-waiting{display: inline-block; width:16px; height:16px; vertical-align: -3px; background:url(../pic/icon-waiting.png) no-repeat center center; background-size:16px 16px; margin-right:5px;}
.icon-none{display: inline-block; width:16px; height:16px; vertical-align: -3px; background:url(../pic/icon-paying.png) no-repeat center center; background-size:16px 16px; margin-right:5px;}