/*主页*/
body { overflow: hidden; background: #C7DDF4; }
.login .bg_login { z-index: -1; background: url(../images/default/back_login.png); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
.login .bg_apps { z-index: -1; background: url(../images/default/login_bg.png); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
.login .lang_box { position: fixed; top: 20px; left: 20px; font-size: 14px; color: #fff; }
.login .lang_box span {margin:10px;cursor:pointer; }
.login .lang_box span:hover {color:#ddd; }
.login .time_box {position:fixed;right:10px;top:20px;font-family: Microsoft JhengHei;}
.login .time_box td {color:#fff; padding: 0 10px;font-size: 14px; }
.login .time_box td.td_time {border-right: 1px solid #fff;font-size: 40px;line-height: 40px; }
.login .login_box { position: fixed; left: 50%; top: 50%; width: 420px; margin-left: -200px; margin-top: -200px; background-color: rgba(0,0,0,0.4); padding: 20px 40px 40px; box-shadow:0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.login .login_box .logo_box {width:100%; }
.login .login_box .logo_box img{width:100%; }
.login .login_box .logo_box .webname {font-size:44px; font-weight: bold; }
.login .login_box .logo_box .line { height: 12px; margin-bottom: 8px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0.28))); border-radius: 50px; }
.login .login_box .logo_box .name { font-size: 22px; font-weight: bold; letter-spacing: 4px; line-height: 24px; }
.login .login_box .logo_box .version {font-size:14px }
.login .login_box .login_main{ width:100%; }
.login .login_box .login_main .login_item { background: rgba(255,255,255,0.2); height: 40px; margin: 10px 0; font-size: 18px; }
.login .login_box .login_main .login_item .shift_box { padding-left:5px; }
.login .login_box .login_main .login_item .shift_box label {border-radius: 3px;display: inline-block; padding: 2px 21px; margin-top: 4px; color: #fff; background: #4A206E; cursor: pointer; }
.login .login_box .login_main .login_item .shift_box label.active {background-color: #44b549; }
.login .login_box .login_main .login_item .shift_box label.active:hover {background-color: #44b549; }
.login .login_box .login_main .login_item .shift_box label:hover {background-color:rgba(255, 255, 255, 0.2); }
.login .login_box .login_main .login_item .div_name { color: #fff;border-right: 1px solid #fff;padding: 0 15px;width:110px;display:inline-block;text-align: center; }
.login .login_box .login_main .login_item input, .login .login_box .login_main .login_item select { width: 190px; background: rgba(0,0,0,0); border: 0; color: #fff; padding: 8px 8px 7px; }
.login .login_box .login_main .btn_login { width:100%;height:42px; border-radius:2px;color:#fff;font-size:18px; background: linear-gradient(#FFA700, #FF6E00);border:0; }
.login .foot_box { position:fixed;left:50%;bottom:36px; width:320px;margin-left:-160px;}
.login .foot_box td { text-align:center; color:#fff; padding: 4px; }
.login .foot_box td img{ width:48px; }
.brand_hotel_list { display: none; width: 650px; position: absolute; top: 140px; left: 20px; padding: 15px; background-color: #ffffff; z-index: 9999; box-shadow: 0px 0px 6px 0px rgba(0,0,0,.5); overflow: auto; border-radius: 3px; }
.brand_hotel_list .brand_list { display: block; max-height: 200px; overflow-y: auto }
.brand_hotel_list .chain_list { max-height: 300px; padding-right: 5px; overflow-y: auto; }
.brand_hotel_list .brand_list li { display: inline-block; padding: 7px 10px; width: 135px; margin-right: 25px; margin-top: 12px; text-align: center; background-color: #FFFFFF; border: 1px solid #C7DDF4; cursor: pointer; border-radius: 3px; white-space: nowrap; }
.brand_hotel_list .brand_list li:nth-child(4n){ margin-right: 0; }
.brand_hotel_list .chain_list li { display: inline-block; width: 30%; margin-top: 12px; padding: 5px 10px; margin-right: 5%; text-align: center; background-color: #FFFFFF; border: 1px solid #C7DDF4; cursor: pointer; border-radius: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brand_hotel_list .chain_list li:nth-child(3n) { margin-right: 0;}
.brand_hotel_list .brand_list li.active, .brand_hotel_list .chain_list li.active { background-color: #035178; color: #fff; border-color: #035178; }
.login .chain_box { position: fixed; left: 50%; top: 55%; width: 80%; margin-left: -40%; margin-top: -270px; }
.login .chainlst_box { height: 400px; float: left; width: 60%; background: rgba(0,0,0,0.4); padding: 0 10px 30px 30px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.login .chain_box .chain_panel{ height:320px;overflow-y:auto;}
.login .chain_box li {cursor: pointer;width:99.4%; background: rgba(255,255,255,0.2); height: 40px; font-size: 16px; color: #fff; line-height: 38px; padding-left: 14px; }
.login .chain_box li:nth-child(2n+1) { background: rgba(255,255,255,0.1); }
.login .chain_box li:hover { border: 1px solid #fff; }
.login .chain_box li .icon_right { display: none; float: right; margin: 14px 14px 0 0; }
.login .chain_box li.active { border: 1px solid #fff;background: rgba(0, 0, 0, 0); }
.login .chain_box li.active .icon_right{ display:block;}
.login .chain_box .shift_box { height:400px;    float: right; width: 38%; background: rgba(0,0,0,0.4);padding: 0 20px 30px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.login .chain_box .shift_box .shift_panel { height: 320px; overflow-y: auto; }
.login .chain_box .shift_box .shift_panel .shift_item {cursor:pointer;padding-top: 16px; color: #fff; font-size: 14px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); background: rgba(255,255,255,0.1); border-radius: 4px; float: left; width: calc(50% - 20px); text-align: center; height: 90px;margin: 0 10px 20px; }
.login .chain_box .shift_box .shift_panel .shift_item:hover { border: 1px solid #fff;}
.login .chain_box .shift_box .shift_panel .shift_item .shift_name_box{font-size:26px; }
.login .chain_box .shift_box .shift_panel .shift_item .shift_name_box .shiftname{font-size:16px; }

/*header style*/
.header { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; border: 0; width: 100%; }
.header .menubar { height: 32px; color: #042e44; font-size: 12px; background: #ffffff; width: 100%;min-width:1366px; padding-left: 150px;position:absolute; }
.header .menubar span {  float: left; line-height: 33px; }
.header .menubar .chain_box { padding-left: 20px; margin-left: 10px; background: url(../images/default/icon_home.png); background-position: left center; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .user_box { float: right; padding: 0 10px; }
.header .menubar .chain_box .select_chain { color: #44b549; padding: 0 10px; }
.header .menubar .manage_box {  font-size: 14px; color: #042e44; }
.header .menubar .manage_box .manage { color: #042e44;  padding: 0 10px; }
.header .menubar span a { color: #042e44; }
.header .head_menu { position: absolute; width: 150px; color: #c7ddf4; overflow: hidden; background: #02091f; height: 100%; padding: 90px 0 10px; }
.header .head_menu .index_logo {text-align: center;padding:12px 20px; height: 90px; border-bottom: 1px solid #111b23; margin-top: -90px;background: #02091f;line-height: 56px;}
.header .head_menu .index_logo img {max-height:100%;max-width:100%; }
.header .head_menu .index_setting { padding: 10px; border-top: 1px solid #111b23; position: absolute;width: 100%;bottom: 0;left: 0;text-align: center; height: 60px; }
.header .head_menu .index_setting:hover {opacity: .8; -webkit-transition: opacity .2s ease-in-out; }
.header .head_menu .index_setting img {height:100%; background: #aaa;border-radius: 50%; }
.header .head_menu .head_menu_wrap{ height: 100%; overflow-y: auto; }
.header .head_menu .head_menu_wrap::-webkit-scrollbar {display: none;}
.header .seconNavImg {position: absolute;width: 11px;left: 150px;top: 380px;cursor: pointer;background-color: #042e44;}
.header .seconNavImg::after {content: "";position: absolute;top: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);left: 0;}
.header .seconNavImg.show::after{right:0px; transform: rotate(-135deg);}
.header .seconNavIcon {width: 11px;height: 40px; display:flex;}

.header .head_menu .seconNav { padding-left:44px;padding-top:5px;line-height: 31px; font-size: 12px;background-color:#02091f}
.header .head_menu .seconNav.more_arrow.active>img, .header .head_menu .seconNav.more_arrow.show>img{transform:rotate(270deg)}
.seconNav img {
    width: 12px;
    position: relative;
    left: -5%;
    top: -2px;
    transform: rotate(180deg);
    transition: transform .5s;
}
.header .head_menu .seconNav.more_arrow + ul,.header .head_menu .seconNav.more_arrow.show + ul{display:none;}
.header .head_menu .seconNav.more_arrow.active + ul,.header .head_menu .seconNav.more_arrow.show + ul{display:block !important;}
.header .head_menu .threeNav{padding-left:50px;font-size:12px;display:flex;align-items:center;}
.header .head_menu .threeNav::before{content:"";display:inline-block;width:5px;height:5px;background:#fff;border-radius:50%;margin-right:5px;}
.header .second {position:absolute;background-color:#063b57;min-height:10px;width:100px;display:none;border-radius: 3px;}
.header .second .secondTitle{display:block;width:100%;height:35px;cursor: pointer;padding-left:4px;background-color:#042e44;color: white;font-size: 14px;}
.header .second ul .secondContent{display:block;width:100%;height:35px;cursor: pointer;margin-left:4px;color: white;padding-top: 8px;}

.head_menu_list { border-bottom: 1px solid #111b23; }
.header .head_menu .menu_title { height: 48px; line-height: 48px; margin-left: 10px; padding-right: 16px; position: relative; font-size: 15px; color: #ffffff; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .head_menu .menu_title .arrow { width: 8px; height: 8px; display: inline-block; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(-225deg); position: absolute; top: 50%; right: 10px; margin-top: -6px; transition: transform .3s; font-size: 12px; }
.header .head_menu ul { margin-left: 0;  }
.header .head_menu ul li { text-align: left; font-size: 14px; margin: 0px; cursor: pointer; height: 43px; width: 100%; }
.header .head_menu ul li.active {background-color: #266485 !important; color:#C7DDF4 ; }
.header .head_menu ul li:hover { background-color: #266485 }
.header .head_menu ul li.active span { background-color: #266485 !important; color: #C7DDF4; }

.header .head_nav { color: #fff; width: 100%; overflow: hidden; background: #f1f1f1;border-bottom: 1px solid #C7DDF4;}
.header .head_nav ul { height:30px;}
.header .head_nav ul li {text-shadow: 1px 1px 1px #aaa;position: relative; float: right; text-align: center; font-size: 12px; cursor: pointer; height: 30px; width: 110px; margin-top: 4px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 30px solid #91E28A; color: #fff; line-height: 27px; }
.header .head_nav ul li:hover { border-bottom: 30px solid #79DA71; }
.header .head_nav ul li.active { border-bottom: 30px solid #75CC6E; }
.header .head_nav ul li img { height: 24px; position: absolute; right: 3px; padding: 4px; }
.back_shade {display:none;width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9999999998; background: rgba(0,0,0,0.15); }

/*选择分店*/
.index .chainlst {display:none; position: absolute; left: 150px; top: 32px;padding-bottom: 10px; background: #72727A;z-index: 9999999998; color: #FFF;width:220px; height: 400px; overflow: auto; line-height: 28px; }
.index .chainlst .items { clear: both;}
.index .chainlst .items b { line-height: 36px; width: 100%; display: block; text-align: left; font-size: 16px;padding-left: 15px; }
.index .chainlst .items ul { }
.index .chainlst .items ul li {background:rgba(255,255,255,0.1); cursor: pointer; float: left; width: 100%; text-align: left;padding: 5px 5px 0px 20px; }
.index .chainlst .items ul li:nth-child(2n+1) {background:rgba(255,255,255,0.2); }
.index .chainlst .items ul li:hover { border: 1px solid #fff; }

/*container style*/
.center {width: 100%;padding: 40px 10px 10px 160px; height: 100%; }
.center .c_frame { width: 100%; height: 100%; margin: 0; padding: 0; }
/*container style end*/


/*二级页面样式*/
.container { height: 100%; }
.container.deep { }
.container.deep .mainframe { padding: 0; }
.mainframe.deep_bg { width: calc(100% - 20px); height: calc(100% - 20px); margin-left: 10px; margin-top: 10px; }
.mainframe.deep_bg.top36 { height: calc(100% - 56px); }
.container .tblcontent { border: 1px solid #C7DDF4; background-color: #F3F3F3;margin-top: -1px;}
.container .tblcontent .mintable{border-top:0; }

/*左侧导航-房态图*/
.container .key_nav { position: fixed; top: 20px; left: 50%; margin-left: -180px;width:628px; }
.container .key_nav .hotkeyRoomLock {margin-left: -110px; }
.container .key_nav li {margin-right:30px; float: left; height: 30px; line-height: 30px; padding-right: 14px; background: #E5E7EC;  border-radius: 2px; cursor: pointer; }
.container .key_nav .key_num { float: left; font-size: 16px; background: #44B549; color: #fff; width: 40px; margin-top: -2px; height: 34px; text-align: center; line-height: 34px; margin-right: 10px; border-radius: 2px; }
.roomstate .total_statis { clear: both; padding: 10px 0 0 10px; color: #042e44; }
.roomstate .total_statis .total_title { font-size: 18px; font-weight: bold; }
.roomstate .total_statis span { margin-bottom: -4px;padding-left: 5px; display: inline-block; width: 88px; overflow: hidden; white-space: nowrap; }
.roomstate .total_statis span.span_name{width:44px; padding-left: 0;text-align: right; }
.roomstate .total_statis .total_detail span {width: 75px; }
.roomstate .total_statis .total_detail span.span_name {width: 55px;padding-left: 0;text-align: right; }
.roomstate .total_statis li { clear: both; height: 15px; line-height: 15px; margin: 10px auto;white-space: nowrap; }
.container .content {height:100%; width:100%; }

/*左侧导航-会员*/
.container .meb_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.meb_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.meb_nav .nav_bigt { width: 130px; }
.meb_nav .nav_link { margin-top: 10px; }
.meb_nav .nav_link li { clear: both; text-align: left; font-size: 14px; height: 50px; line-height: 50px; width: 100%; margin: 0px; padding-left: 0px; color: #042e44; border-bottom: 1px solid #DFEBEF; cursor: pointer; }
.meb_nav .nav_link li img { width: 18.7px; height: 19px; margin: -3px 2px 0px 30px; }
.meb_nav .nav_link li span { float: right; padding-right: 10px; font-family: cursive; font-size: 22px; color: #BED8E0; }
.meb_nav .nav_link li.active { background: #DFEBEF; }
.meb_nav .nav_link li.on_01 { color: #FF7061; }
.meb_nav .nav_link li.on_02 { color: #018EB7; }
.meb_nav .nav_link li.on_03 { color: #018EB7; }
.meb_nav .nav_statis { margin-top: 10px; }
.meb_nav .nav_statis li { clear: both; font-size: 14px; padding-left: 42px; width: 100%; height: 30px; line-height: 30px; }
.meb_nav .nav_statis li b { float: left; font-weight: normal; width: 70px; }
.meb_nav .nav_statis li b:nth-child(2) { color: #02A2CB; }
.meb_nav .nav_statis li:nth-child(1) { background: url(../images/default/mebs/icon_sm_01.png) no-repeat 10% center; }
.meb_nav .nav_statis li:nth-child(2) { background: url(../images/default/mebs/icon_sm_02.png) no-repeat 10% center; }
.meb_nav .nav_statis li:nth-child(3) { background: url(../images/default/mebs/icon_sm_03.png) no-repeat 10% center; }
.meb_nav .nav_statis li:nth-child(4) { background: url(../images/default/mebs/icon_sm_01.png) no-repeat 10% center; }

/*左侧导航-报表*/
.container .report_nav { position: absolute; right: 0; height: 100%; width: 190px; background: #E5E7EC; overflow-x: hidden; overflow-y: auto; }
.report_nav .nav_title { cursor: pointer; font-weight: normal; text-align: left; color: #042e44; font-size: 18px; background: #E5E7EC; width: 100%; height: 51px; font-weight: normal; line-height: 51px; border-bottom: 1px solid #C7DDF4; padding-left: 20px; }
.report_nav .nav_title img { width: 24px; height: 24px; margin: -4px 5px 0px 10px; }
.report_nav .nav_title span { float: right; padding-right: 10px; font-size: 24px; line-height: 45px; font-weight: bold; }
.report_nav .nav_title span.sml { font-size: 32px; padding-right: 13px; }
.report_nav .nav_link { }
.report_nav .nav_link li { clear: both; overflow: hidden; text-align: left; font-size: 14px; height: 44px; line-height: 44px; width: 100%; background: #F6f6f6; margin: 0px; padding-left: 0px; color: #707083; border-bottom: 1px solid #E5E7EC; padding-left: 30px;border-left: 1px solid #E5E7EC; }
.report_nav .nav_link li a { color: #707083; }
.report_nav .nav_link li b { font-weight: normal; }
.report_nav .nav_link li.active, .nav_link li.active a { color: #44b549 !important; }
.nav_link li a:hover { color: #44b549; }

/*左侧导航-订单*/
.container .order_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.order_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.order_nav .nav_statis { margin-top: 10px; }
.order_nav .nav_statis.first { border-bottom: 1px solid #e5e5e5; height: 200px; }
.order_nav .nav_statis li { clear: both; font-size: 14px; padding-left: 42px; width: 100%; height: 30px; line-height: 30px; }
.order_nav .nav_statis li b { float: left; font-weight: normal; }
.order_nav .nav_statis li b:first-child { width: 80px; }
.order_nav .nav_statis li b:nth-child(2) { color: #02A2CB; }
.order_nav .nav_statis li.ic_01 { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_02 { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_03 { background: url(../images/default/orders/icon_03.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_04 { background: url(../images/default/orders/icon_04.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_05 { background: url(../images/default/orders/icon_05.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_06 { background: url(../images/default/orders/icon_06.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_07 { background: url(../images/default/orders/icon_07.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_08 { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.order_nav .nav_statis li.ic_09 { background: url(../images/default/orders/icon_09.png) no-repeat 10% center; background-size: 18px 18px; }

/*左侧导航-房单*/
.container .roomfolio_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.roomfolio_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.roomfolio_nav .nav_statis { margin-top: 10px; }
.roomfolio_nav .nav_statis.first { border-bottom: 1px solid #e5e5e5; height: 200px; }
.roomfolio_nav .nav_statis li { clear: both; font-size: 14px; padding-left: 42px; width: 100%; height: 30px; line-height: 30px; }
.roomfolio_nav .nav_statis li b { float: left; font-weight: normal; }
.roomfolio_nav .nav_statis li b:first-child { width: 80px; }
.roomfolio_nav .nav_statis li b:nth-child(2) { color: #02A2CB; }
.roomfolio_nav .nav_statis li.ic_01 { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_02 { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_03 { background: url(../images/default/orders/icon_03.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_04 { background: url(../images/default/orders/icon_04.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_05 { background: url(../images/default/orders/icon_05.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_06 { background: url(../images/default/orders/icon_06.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_07 { background: url(../images/default/orders/icon_07.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_08 { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }
.roomfolio_nav .nav_statis li.ic_09 { background: url(../images/default/orders/icon_09.png) no-repeat 10% center; background-size: 18px 18px; }

/*左侧导航-工作张*/
.container .workfolio_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.workfolio_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.workfolio_nav .nav_bigt { width: 150px; }
.workfolio_nav .nav_statis { margin-top: 10px; }
.workfolio_nav .nav_statis li { clear: both; font-size: 14px; padding-left: 42px; width: 100%; height: 30px; line-height: 30px; }
.workfolio_nav .nav_statis li b { float: left; font-weight: normal; }
.workfolio_nav .nav_statis li b:first-child { width: 80px; }
.workfolio_nav .nav_statis li b:nth-child(2) { color: #02A2CB; }
.workfolio_nav .nav_statis li:nth-child(1) { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.workfolio_nav .nav_statis li:nth-child(2) { background: url(../images/default/orders/icon_08.png) no-repeat 10% center; background-size: 18px 18px; }

/*左侧导航-房管*/
.container .rm_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.rm_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.rm_nav .nav_statis { margin-top: 10px; }
.rm_nav .nav_statis.first { border-bottom: 1px solid #e5e5e5; height: 200px; }
.rm_nav .nav_statis li { clear: both; font-size: 14px; padding-left: 42px; width: 100%; height: 30px; line-height: 30px; }
.rm_nav .nav_statis li b { float: left; font-weight: normal; }
.rm_nav .nav_statis li b:first-child { width: 80px; }
.rm_nav .nav_statis li b:nth-child(2) { color: #02A2CB; }
.rm_nav .nav_statis li.ic_01 { background: url(../images/default/orders/icon_01.png) no-repeat 10% center; background-size: 18px 18px; }
.rm_nav .nav_statis li.ic_02 { background: url(../images/default/orders/icon_02.png) no-repeat 10% center; background-size: 18px 18px; }
.rm_nav .nav_statis li.ic_03 { background: url(../images/default/orders/icon_03.png) no-repeat 10% center; background-size: 18px 18px; }
.rm_nav .nav_statis li.ic_04 { background: url(../images/default/orders/icon_04.png) no-repeat 10% center; background-size: 18px 18px; }

/*左侧导航-夜审*/
.container .night_nav { float: left; border-right: 1px solid #e0e0e0; width: 190px; background: #F4F7F8; overflow-x: hidden; overflow-y: auto; }
.night_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.night_nav .nav_bigt { width: 130px; }
.night_nav .nav_link { margin-top: 10px; border-top: 1px solid #DFEBEF; }
.night_nav .nav_link li { clear: both; text-align: left; font-size: 14px; height: 50px; line-height: 50px; width: 100%; margin: 0px; padding-left: 0px; color: #042e44; border-bottom: 1px solid #DFEBEF; cursor: pointer; padding-left: 50px; }
.night_nav .nav_link li span { float: right; padding-right: 10px; font-family: cursive; font-size: 22px; color: #BED8E0; }
.night_nav .nav_link li.item_01 { background: url(../images/default/nights/icon_01.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_01.active { color: #02AAD5; background: #DFEBEF url(../images/default/nights/icon_01_active.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_02 { background: url(../images/default/nights/icon_02.png) no-repeat 15% center; background-size: 18px 18px; }
.night_nav .nav_link li.item_02.active { color: #02AAD5; background: #DFEBEF url(../images/default/nights/icon_02_active.png) no-repeat 15% center; background-size: 18px 18px; }

/*二级页导航*/
.menupanel { height: 47px; border-bottom: 1px solid #c7ddf4; background-color: #FFFFFF; margin-bottom: 10px; }
.menupanel .menu_title { float: left; }
.menupanel .menu_title b:nth-child(1) { font-weight: normal; color: #FC6E64; font-size: 15px; line-height: 56px; display: block; float: left; height: 47px; }
.menupanel .menu_title b:nth-child(2) { font-weight: normal; height: 47px; color: #333; font-size: 24px; display: block; float: left; line-height: 47px; padding-left: 10px; }
.menupanel .menu_title b:nth-child(3) { padding-left: 40px; font-weight: normal; color: #FC6E64; font-size: 15px; line-height: 56px; display: block; float: left; height: 47px; }
.menupanel .menu_title b:nth-child(4) { font-weight: normal; height: 47px; color: #333; font-size: 24px; display: block; float: left; line-height: 47px; padding-left: 20px; }
.menupanel .menu_title b:nth-child(5) { padding-left: 40px; font-weight: normal; color: #FC6E64; font-size: 15px; line-height: 56px;  float: left; height: 47px; }
.menupanel .menu_title b:nth-child(6) { padding-left: 40px; font-weight: normal; color: #FC6E64; font-size: 15px; line-height: 56px;  float: left; height: 47px; }
.menupanel .menus { height: 100%; overflow: hidden; float: right; }
.menupanel .menus ul { float: right; }
.menupanel .menus ul li { width: 90px; height: 46px; border-left: 1px solid #C7DDF4; border-top: 1px solid #C7DDF4; background-color: #277297; text-align: left; line-height: 46px; font-size: 14px; color: #fff; float: left; }
.menupanel .menus ul li:last-child {border-right: 1px solid #C7DDF4; }
.menupanel .menus ul li.active { border-left: 1px solid #eee; background: #ffffff; border-top: 4px solid #277297; line-height: 40px; }
.menupanel .menus ul li.active a {color: #333; }
.menupanel .menus ul li a {text-align: center; color: #fff; display: block; }
.menupanel .menus ul li a img { float: left; display: block; margin: 18px 5px 20px 10px; }
.menupanel .menus ul li .m_tips_num {position: absolute; width: 20px; height: 20px; border-radius: 50%; background:#44b549; color: #fff; font-weight: bold; text-align: center; line-height: 20px; margin-top: -48px; margin-left: 83px;display:none;}

/*内容页布局*/
.tools.room_filter_box { height: calc(100% - 270px); }
.tools .item { width:100%;border-bottom: 1px solid #F6F6F6; padding: 5px 0; }
.tools .item input, .tools .item select { width: 120px; margin: 16px; }
.tools .room_filter { overflow: auto;height: 100%; }
.tools .room_filter ul { margin-top: 5px; }
.tools .room_filter ul li { overflow: hidden; cursor: pointer; text-align: left; line-height: 26px; font-size: 14px;background:url(../images/default/nosel_icon.png)no-repeat;background-position: 120px 8px; }
.tools .room_filter ul li:hover {background-color: #ececec; }
.tools .room_filter ul li.active {background:url(../images/default/sel_icon.png)no-repeat;background-position: 120px 8px;}
.tools .room_filter ul li i { height: 18px; width: 18px; font-size: 11px; display: block; float: left; color: #fff; line-height: 18px; margin:4px 10px 3px 14px; border-radius: 50%; }
.tools .room_filter ul li i.dirty { background: #72727A; }
.tools .room_filter ul li i.stop { background: #d75959; }
.tools .room_filter ul li i.checkin { background: #48845E; }
.tools .room_filter ul li i.clean { background: #548BB6; }
.tools .room_filter ul li i.cleansing { background: rgb(73,106,227); }
.tools .room_filter ul li i.check { background: url(../images/default/roomstatus/icon_check.png);background-size: 100%; }
.tools .room_filter ul li i.vip { background: url(../images/default/roomstatus/icon_vip.png); background-size: 100%; }
.tools .room_filter ul li i.readygo { background: url(../images/default/roomstatus/icon_readygo.png); background-size: 100%; }
.tools .room_filter ul li i.arrearage { background: url(../images/default/roomstatus/icon_own.png); background-size: 100%; }
.tools .room_filter ul li i.sort { background: url(../images/default/roomstatus/icon_sort.png); background-size: 100%; }
.tools .room_filter ul li i.inner { background: url(../images/default/roomstatus/icon_innersort.png); background-size: 100%; }
.tools .room_filter ul li i.connect { background: url(../images/default/roomstatus/icon_connect.png); background-size: 100%; }
.tools .room_filter ul li i.free { background: url(../images/default/roomstatus/icon_free.png); background-size: 100%; }
.tools .room_filter ul li i.timeroom { background: url(../images/default/roomstatus/icon_timeroom.png); background-size: 100%; }
.tools .room_filter ul li i.long { background: url(../images/default/roomstatus/icon_long.png); background-size: 100%; }
.tools .room_filter ul li i.ckbox { background: #fff; color: #000; }
.tools .room_filter ul li i.ckboxac { background: #fff url(../images/default/icon_check.png) no-repeat center center; }
.tools .room_filter ul li .num { font-size: 12px; color: #aaa; margin-left: 10px; }
.tools .room_filter ul li .name { width: 40px; display: inline-flex;white-space: nowrap;overflow:hidden; }

/* 列表头部筛选 */
.mainframe .serchbar, .mainheader .serchbar {position:relative;}
.mainframe .serchbar::after, .mainheader .serchbar::after {content:"";display:block;clear:both;}
/*.mainframe .serchbar .input_group span { font-size: 12px; padding: 0 10px; }*/
.mainframe .serchbar .input_group, .mainheader .serchbar .input_group{background-color: #ffffff;display: inline-flex;align-items:center;height: 30px;line-height: 30px;margin-right: 25px;margin-bottom:8px;}
.mainframe .serchbar .input_group .group_name, .mainheader .serchbar .input_group .group_name{ display: inline-block; width: 70px;text-align:right;padding-right:10px;}

.mainheader { border: 0px solid #C7DDF4; width: 100%; background: #ffffff; height: 52px;margin-bottom: 10px; }
.mainheader .mtab { min-width: 600px; height: 52px; box-sizing: border-box; }
.mainheader .mtab ul.menu_box li { float: left; width: 120px;font-size: 14px; text-align: center; height: 52px; color: #042e44; margin-top: -6px; line-height: 52px; }
.mainheader .mtab ul.menu_box li.active { border-bottom: 2px solid #3eb74f; color: #3eb74f;font-weight: bold; }
.container .c_contiue .select { background: #428BCB; color: #fff; }
.container .c_contiue .clear ul li { cursor: pointer; float: left; width: 47%; text-align: left; font-size: 14px; padding: 5px 5px 10px 10px; margin: 3px; }

.mainfolio { width: 1200px; }
.smallfolio { width: 920px; }
.noleftfolio { width: 990px; }

.mainframe { background-color: #FFFFFF; padding: 10px; height: 100%; border-radius: 3px; }
.mainframe .rmtitle { font-size: 14px; color: #19385b; height: 35px; clear: both; width: 100%; display: block; text-align: left; }
.mainframe .rmtitle .roomno { font-size: 26px; padding-left: 5px; }
.mainframe .rmtitle .foliono { font-size: 13px; padding-left: 5px; }
.mainframe .rmtitle .reportname { font-size: 16px; padding-left: 5px; }
.mainframe .rmtitle .goback { float: right; padding-right: 10px; font-weight: normal; }
.mainframe .rmtitle a { color: #009F95; }
.mainframe .rmtitle a:hover { text-decoration: underline; }

/*房型状态*/
.mainframe .roomstatus { width: 100%; height: 100%; overflow-y: auto; padding: 10px 10px; background-color: #E5E7EC;-webkit-user-select:none; }
.mainframe .roomstatus ul { margin: 0; padding: 0; }
.mainframe .roomstatus ul li {position: relative;font-family:"黑体"; cursor: pointer; float: left; background: #72727A; color: #eee; padding: 4px; margin: 0px 5px 5px 0px; font-size: 14px; height: 78px; width: 78px; }
.mainframe .roomstatus ul li:hover {opacity: 0.8;  }
.mainframe .roomstatus ul li.dirty { background: #72727A; }
.mainframe .roomstatus ul li.stop { background: #d75959; }
.mainframe .roomstatus ul li.clean { background:#548BB6; }
.mainframe .roomstatus ul li.cleansing { background: rgb(73,106,227); }
.mainframe .roomstatus ul li.check { background: #DCE8D0; }
.mainframe .roomstatus ul li.checkindirty { background: #48845E; }
.mainframe .roomstatus ul li.checkin { background: #4EA953; }
.mainframe .roomstatus ul li.readygo { background: #959595; }
.mainframe .roomstatus ul li.arrearage { background: #959595; }
.mainframe .roomstatus ul li.inner { background: #959595; }
.mainframe .roomstatus ul li.connect { background: #959595; }
.mainframe .roomstatus ul li.free { background: #959595; }
.mainframe .roomstatus ul li.selected { -webkit-transform: scale(1.11); transition: 0.2s; box-shadow:1px 1px 10px #000;z-index: 2; }
.mainframe .roomstatus ul li.twinkling { -webkit-animation: twinkling 1s infinite ease-in-out; }
.room_state_calendar { display: inline-block; font-size: 16px; }
.room_state_calendar span{ padding: 3px 5px; font-size: 12px; background-color: #277297; color: #FFFFFF; line-height:normal;}
.hoder10::after { display: block; content: ""; margin-top: 5px; margin-left: -10px; width: calc(100% + 20px); height: 10px; background-color: #C7DDF4; z-index: 999; }
@-webkit-keyframes twinkling { 
    0% { opacity: 0.7;  }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
  }

/*房型标记*/
.mainframe .roomstatus ul li span { display: block; }
.mainframe .roomstatus ul li span.roomnum { font-size: 16px;font-weight:bold; }
.mainframe .roomstatus ul li span.span_guest_name { font-size: 14px; height: 21px;overflow: hidden; padding-top:3px;  }
.mainframe .roomstatus ul li span.roomcode { padding-top: 4px; overflow: hidden; height: 20px; }
.mainframe .roomstatus ul li span.span_sign { width: 15px; position: absolute; margin-left: 58px; }
.mainframe .roomstatus ul li span i { height: 15px; width: 15px; font-size: 11px; display: block; float: left; color: #fff; }
.mainframe .roomstatus ul li span i.vip { background: url(../images/default/roomstatus/icon_vip.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.save { background: url(../images/default/roomstatus/icon_save.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.readygo { background: url(../images/default/roomstatus/icon_readygo.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.arrearage { background: url(../images/default/roomstatus/icon_own.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.sort { background: url(../images/default/roomstatus/icon_sort.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.inner { background: url(../images/default/roomstatus/icon_innersort.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.connect { background: url(../images/default/roomstatus/icon_connect.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.free { background: url(../images/default/roomstatus/icon_free.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.timeroom { background: url(../images/default/roomstatus/icon_timeroom.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.check { background: url(../images/default/roomstatus/icon_check.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.long { background: url(../images/default/roomstatus/icon_long.png); background-size: 100%; }


/*楼层*/
.roomfloor { position: fixed; top:70px;right: 155px;}
.roomfloor ul li { cursor: pointer; font-size: 14px; border-bottom: 1px solid #fff; background: #D6DAE2; width: 25px; height: 30px; line-height: 30px; }
.roomfloor ul li span { display: block; text-align: center; font-family: monospace; }
.roomfloor ul li.active { background-color:#E5E7EC; border-right: 2px solid #44b549;color:#44b549;font-weight: bold; }

/*状态提示*/
.roomstate { width: 150px; background: #E5E7EC; position: absolute; top: 0; right: 0; height: 100%; }

/*当前房态*/
.mainframe .curryroomstatus { width: 100%; height: auto; }
.mainframe .curryroomstatus .chain_info { height: 50px; background: #E5E7EC ; margin-top: 10px; text-align: left; line-height: 50px; cursor: pointer; float: left; width: 100%; }
.mainframe .curryroomstatus .chain_info span:nth-child(1) { margin-left: 10px; background: url(../images/default/icon_hide.png) no-repeat center left; width: 10px; height: 50px; display: block; float: left; }
.mainframe .curryroomstatus .chain_info span:nth-child(2) { font-size: 18px; margin-left: 10px; }
.mainframe .curryroomstatus .lbltable { clear: both; border-collapse: collapse; width: 100%; }
.mainframe .curryroomstatus .lbltable caption { font-size: 22px; text-align: left; line-height: 30px; padding: 5px 10px; }
.mainframe .curryroomstatus .lbltable tr {background:#E5E7EC; }
.mainframe .curryroomstatus .lbltable tr:nth-child(2n+1) {background:#F6F6F6; }
.mainframe .curryroomstatus .lbltable tr:hover { background:#F4E3E3; }
.mainframe .curryroomstatus .future_rate_type tr { }
.mainframe .curryroomstatus .lbltable tr th { padding: 0 5px;white-space: nowrap;text-align: center; color: #ffffff; line-height: 40px; background: #277297;font-weight: 400;font-size: 13px; }
.mainframe .curryroomstatus .lbltable tr td { min-width: 100px; text-align: center; color: #042e44; line-height: 40px; }
.mainframe .curryroomstatus .lbltable tr td.date { background: url(../images/default/icon_date.png); background-repeat: no-repeat; background-position: center center; background-size: 26px 26px; }
.mainframe .curryroomstatus .lbltable tr th span { display: block; text-align: center; }
.mainframe .curryroomstatus .lbltable .noborder { border-left: 0; }
.mainframe .curryroomstatus .lbltable .nobg { background: none !important; color: #666 !important; }

.mainframe .curryroomstatus .removebackground tr {background:#fff; }
.mainframe .curryroomstatus .removebackground tr:nth-child(2n+1) {background:#fff; }
.mainframe .curryroomstatus .removebackground tr:hover { background:#fff; }


.mainframe .curryroomstatus .chain_box { position: relative; }
.mainframe .curryroomstatus .chain_roomtype { width: 100px; position: absolute; }

.container .ratelist { position: absolute; right: 0; height: 100%; width: 150px; background: #E5E7EC; overflow-x: hidden; overflow-y: auto;}
.container .ratelist ul { margin-top: 70px; border-top: 1px solid #F6F6F6; padding: 15px 0 10px 10px; }
.container .ratelist ul li { margin: 5px; line-height: 22px; }
.container .ratelist ul li input { float: left; margin-top: 5px; margin-right: 7px; }

/*订单列表*/
.formBox{position:relative;}
.mainframe .orderlist { width: 100%; }
.container .input_group .filter, .mainframe .orderlist .span_More { padding: 3px 10px; cursor: pointer; }
.container .input_group .filter { display: inline-block; font-size: 13px; width: 120px; padding: 5px 0; text-align: center; cursor: pointer; margin-right: 5px; /*background: #F6F8F9;*/ border-radius: 3px; border: 1px solid #c7ddf4; }
.mainframe .orderlist .subfilter { padding: 3px 10px; cursor: pointer; background: #999; color: #fff; border-radius: 3px; }
.container .input_group .filter.select, .mainframe .orderlist .select { background: #035178; color: #fff; border-radius: 3px; }
.mainframe .orderlist .subfilter.select {background: #44b549; }
.container .lsttable { clear: both; border-collapse: collapse; width: 100%; border-top-right-radius: 3px; border-top-left-radius:3px; overflow: hidden; }
.container .lsttable caption { font-size: 22px; text-align: center; line-height: 30px; padding: 5px 10px; }
.container .lsttable tr th { height: 40px;line-height:38px; padding: 1px; padding-left:10px;text-align: left; background-color: #277297; color: #FFFFFF; font-weight: normal; font-size: 13px; word-break: break-all; white-space: nowrap; overflow: inherit; text-overflow: ellipsis; }
.container .lsttable tr td { padding: 1px; height: 36px; padding-left:10px; text-align: left; word-break: break-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.container .lsttable tr td.limit { overflow: hidden; }
.container .lsttable tr:nth-child(2n) td{ background: #e7eaf1; }
.container .lsttable tr:nth-child(2n) td:last-child {background: #e7eaf1;}
.container .lsttable tr:nth-child(2n+1) td{ background: #F6F7F8; }
.container .lsttable tr:nth-child(2n+1) td:last-child {background: #F6F7F8;}
.container .lsttable tr:hover td{ background: #F4E3E3; }
.container .lsttable tr th span { display: block; text-align: center; }
.container .lsttable tr td div { height: 38px; padding: 1px; text-align: center; background-color: #277297; color: #FFFFFF; font-weight: normal; font-size: 13px; word-break: break-all; white-space: nowrap; overflow: inherit; text-overflow: ellipsis; }
.container .lsttable tr td a { text-decoration: underline; cursor: pointer; }
.container .lsttable tr.master td:first-child { padding-left: 12px; background: url(../images/default/icon_master.png) no-repeat left center; background-size: 20px; }
.container .lsttable tr span.booking_state { display: inline-block; padding: 3px 0; width: 30px; font-size: 12px; color: #ffffff; background-color: #00b014;  }
.container .lsttable tr span.bookingNum_state {display: inline-block; padding: 3px 0; width: 20px; font-size: 12px; color: #ffffff; background-color: #82cc83; position:relative}
.container .lsttable tr span.booking_state.full { color: #ffffff; background-color: #f60909; }
.container .lsttable tr span.bookingNum_state.Numfull { color: #ffffff; background-color: #e49a9a; }
.MoreSearch { padding: 10px; display: none; width: 100%; }
.MoreSearch .tips {white-space: nowrap;display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.MoreSearch .input,.serchbar .input {background:#fff; }
.MoreSearch .date,.serchbar .date,.date_search .date { background: url(../images/default/icon_date.png)#fff no-repeat right center; }
.container .MoreSearch .frmtable tr th {padding-right:0px; }
.nowrap td { white-space: nowrap; text-overflow: ellipsis;overflow: hidden; }
.container .mainframe .lockTableHeight {min-height: 410px; width: 100%;overflow: auto;background: #f6f7f8;}
.order_fliter { position: absolute; z-index: 999; top: 0; left: 0; }
.order_fliter .item { display: inline-block; width: 120px; height: 36px; margin-right: 5px; line-height: 30px; text-align: center; color: #ffffff; font-size: 14px; background-color: #277297; border-top: 4px solid #277297; cursor: pointer; }
.order_fliter .item.active { border-color: #277297; color: #222; background: #ffffff; }
.order_fliter .item a{ display: inline-block; width: 100%; height: 100%; }
.mainframe.deep_bg .order_fliter { width: 100%; background-color: #fff; }
.mainframe.deep_bg .order_fliter .item { background-color: #FFFFFF; border-top: 4px solid #FFFFFF; color: #042e44; }
.mainframe.deep_bg .order_fliter .item.active { border-color: #277297; color: #222; background: #C7DDF4; }

/*报表*/
.container .rpttable { clear: both; border-collapse: collapse; width: 100%; }
.container .rpttable caption { font-size: 22px; text-align: center; line-height: 30px; padding: 5px 10px; }
.container .rpttable tr {color: #042e44;background:#E5E7EC;  }
.container .rpttable tr:nth-child(2n+1){background:#F6F6F6;  }
 .container .rpttable tr th { height: 32px; line-height: 20px; color: #FFFFFF; padding: 1px; text-align: center; background: #277297; border-right: 1px solid #C7DDF4; border-bottom: 1px solid #C7DDF4; }
.container .rpttable tr td { padding: 1px; height: 32px; text-align: center; word-break: break-all;border-right: 1px solid #C7DDF4; border-bottom: 1px solid #C7DDF4; }
.container .rpttable tr:first-child td { border-top: none; }
.container .rpttable tr th span { display: block; text-align: center; }
.container .rpttable tr th.total { background: #F5E6E6; }
.report .rptserchbar { height: auto; width: 100%; }
.report .rptserchbar .rpttitle { height: 30px; line-height: 20px; width: 100%; font-size: 20px; color: #042e44;text-align: center; }
.report .rptserchbar .conditon { width: 100%; padding-top: 0px; display: inline-block; }
.report .rptserchbar .conditon .s_item { width: 100%; clear: both; line-height: 29px; height: 38px; }
.report .rptserchbar .conditon .s_item span { min-width: 60px; display: block; float: left; padding:0 5px; }
.report .rptserchbar .conditon .s_item a { text-decoration: underline; font-size: 13px; }
.rtpcontent { background-color: #FFFFFF; }

.reportlist { width: 100%; height: 100%;overflow-y: auto; overflow-x: hidden; }
.reportlist.white { background-color: #ffffff; }
.reportlist .lstitem { margin-bottom: 10px; }
.reportlist .lstitem .title { margin-bottom: 10px; padding:0; clear: both; width: 250px; height: 50px; line-height: 50px; font-size: 26px; padding-left: 36px; color: #fff; }
.reportlist .lstitem .title.t_01 { background: #035178; }
.reportlist .lstitem .title.t_02 { background: #815596; }
.reportlist .lstitem ul { height: 100%; display: inline-block; }
.reportlist .lstitem ul li { font-size: 13px; width: 225px; display: block; padding-left: 5px; line-height: 40px; float: left; background: #F6F6F6; height: 40px; margin: 0px 0 10px 10px; overflow: hidden; }
.reportlist .lstitem ul li a { color: #042e44; display: block; width: 240px; }
.reportlist .lstitem ul li b { font-size: 16px; padding: 0px 5px; font-family: cursive; float: left; }
.reportlist .lstitem ul li a:hover { text-decoration: underline; }
.reportlist .lstitem ul li span { line-height: 18px; display: block; padding-left: 25px; padding-top: 5px; font-size: 12px; font-weight: normal; color: #7f7f7f; width: 200px; }
.rpt_silder { position: absolute; left: 193px; top: 1px; transition: left 0.2s; }
.rpt_silder img { cursor: pointer; width: 15px; height: 15px; opacity: 0.4; transition: opacity 1s; box-shadow: 1px #C7DDF4; }
.rpt_silder img:hover { opacity: 1; }

/*报表头部条件过滤2016-04-26*/
.report .rptserchbar .conditon { color: #042e44; border-top: 0; background-color: #FFFFFF; border: 1px solid #C7DDF4; margin-bottom: 2px; }
.report .rptserchbar +div{margin-top: 0; border: 1px solid #C7DDF4; }
.report .rptserchbar .input {background:#f6f6f6; }
.report .rptserchbar .conditon .s_item { padding-left: 10px; margin: 10px 0; height: 36px;}
.report .rptserchbar .conditon .btn { font-size: 12px; border-radius: 2px; }
.report .rptserchbar .conditon .btn[value=查询] { background: #64b83b; }
.report .rptserchbar .conditon .btn[value=全屏查看] { background: #fc6e64; }
.report .rptserchbar .conditon .filter { height: 38px; line-height: 26px; right: 15px; top: 20px; padding: 8px 0 0 0; border-bottom: 1px solid #C7DDF4; margin-bottom: -1px; }
.report .rptserchbar .conditon .filter .date_filter { border-top: 1px solid #C7DDF4; cursor: pointer; padding: 8px 40px; border-right: 1px solid #C7DDF4; background: #eee; margin-right: -3px; }
.report .rptserchbar .conditon .filter .date_filter.select { border-bottom: 1px solid #f6f6f6; background: #f6f6f6; }
.report .rptserchbar .conditon .filter .more_filter { cursor: pointer; padding: 0 20px; }
.report .rptserchbar .conditon .filter .rpt_btn { margin-top: -5px; margin-right: 2px; }
.report .rptserchbar .conditon .sum_data { font-size: 16px; padding: 0 10px 0px 15px; border-top: 1px solid #C7DDF4; margin-top: -1px; }
.report .rptserchbar .conditon .sum_data > span { padding-right: 50px; }
.report .rptserchbar .conditon .sum_data .SumNo { font-size: 28px; }
.report .rptserchbar .conditon .sum_data .TotalDebit { color: #FC6E64; }
.report .rptserchbar .conditon .sum_data .TotalCredit { color: #3074bf; }
.report .rptserchbar .conditon .sum_data .Total { color: #64B83B; }


.mainframe .mintable { width: 100%; font-size: 13px;border: 1px solid #C7DDF4; }
.mainframe .mintable tr { padding-top: 5px; padding-bottom: 5px; cursor: pointer; background:#F6F6F6;}
.mainframe .mintable tr:nth-child(2n+1) { background:#E5E7EC; }
.mainframe .mintable tr:hover { background:#F4E3E3;}
.mainframe .mintable th { height: 36px; text-align: center; font-size: 13px; font-weight: normal; background: #E5E7EC; color: #042e44; }
.mainframe .mintable td { height: 36px; text-align: center; font-size: 12px; color: #5A5A5A; }
.mainframe .mintable tr:nth-child(2n).disabled { text-decoration: line-through; }
.mainframe .mintable tr:nth-child(2n+1).disabled { text-decoration: line-through; }
.mainframe .mintable tr.hadcheckout { background: #F7EDC3; }

/*注册会员*/
.container .frmbtitle { display: block; margin: 0px; font-size: 14px; color: #333;padding-top: 5px; }
.container .frmtable { clear: both; border-collapse: collapse; width: calc(100% - 15px); }
.container .frmtable tr th { text-align: right; padding-right: 5px; color: #7a7777; line-height: 38px; font-weight: normal; width: 80px;white-space:nowrap; }
/*.container .frmtable.thw100, .container .frmtable.thw120 { width: inherit; }*/
.container .frmtable.thw100 tr th { width: 100px; }
.container .frmtable.thw120 tr th { width: 120px; }
.container .frmtable.thw100 tr .input { width: 120px; }
.container .frmtable.thw120 tr .input { width: 150px; }
.container .frmtable tr th.w100{ width: 100px;font-weight:bold}
.container .frmtable tr th.w120{ width: 120px; }
.container .frmtable tr td { text-align: left; color: #666; padding: 5px; }

.container .minipadding td { padding: 2px 0px !important; }
.container .frmctable { clear: both; border-collapse: collapse; width: 100%; }
.container .frmctable .tr_RoomTypeItem { border-bottom: 1px solid #ddd; }
    .container .frmctable tr th { text-align: center; line-height: 33px; font-weight: normal; width: 80px; background-color: #277297; }
.container .frmctable tr td { text-align: center; color: #666; padding: 0px; }

.mainframe .walkin .payinfo { clear: both; border: 1px solid #C7DDF4; background: #FFF; height: 56px; margin-right: 5px; }
.mainframe .payinfo .p_01 { margin: 10px 10px 10px 30px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #F7BC00; }
.mainframe .payinfo .p_02 { margin: 10px 0px 0px 10px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #00A400; }
.mainframe .payinfo .p_03 { margin: 10px 0px 0px 20px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #D92476;}
.mainframe .payinfo .p_04 { margin: 10px 0px 0px 10px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #00A400; }
.mainframe .payinfo .p_05 { margin: 10px 10px 10px 30px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8; border-left: 10px solid #F7BC00; }
.mainframe .payinfo > div > span:nth-child(1) { display: block; font-size: 12px; float: left; margin-top: -8px; width: 45px; padding-left: 5px; text-align: left; }
.mainframe .payinfo > div > span:nth-child(2) { display: block; float: left; padding-left: 5px; font-size: 16px; font-weight: bold; }
.mainframe .payinfo .mo_01 { display: block; color: #D92476; float: left; margin-left: 30px; line-height: 30px; font-size: 14px; }
.mainframe .payinfo .mo_02 { display: block; color: #00A400; float: left; margin-left: 30px; line-height: 30px; font-size: 14px; }

.mainframe .mebtypeinfo .div_mebtype { overflow: hidden;margin: 10px 0px 0px 20px; float: left; text-align: center; line-height: 32px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8;}
.mainframe .mebtypeinfo .div_mebtype:first-child {margin: 10px 0px 10px 30px; }
.mainframe .mebtypeinfo .p_01 { border-left: 10px solid #F7BC00; }
.mainframe .mebtypeinfo .p_02 { border-left: 10px solid #00A400; }
.mainframe .mebtypeinfo .p_03 { border-left: 10px solid #D92476; }

.mainframe .mebtypeinfo .p_01.select { background: #F7BC01; color: #fff; }
.mainframe .mebtypeinfo .p_02.select { background: #00A400; color: #fff; }
.mainframe .mebtypeinfo .p_03.select { background: #D92476; color: #fff; }

/*预订-入住*/
.mainframe .bookin { height: 480px; padding: 0px 20px; }
.mainframe .checkin { height: 521px; padding: 0px 20px; }
.mainframe .checkin .tabcheckinfolio{ border: 1px solid #C7DDF4; width: 100%;background-color: #F6F7F8;padding: 5px; display: block; }
.mainframe .roomfolio { height: 480px; padding: 0px 20px; }
.mainframe .roomfolio .foliofrom { clear: both; float: left; width: 900px; }
.mainframe .roomfolio .tabfoliobase { border: 1px solid #C7DDF4; padding: 5px 0px; display: block;background-color: #FFFFFF; }
.mainframe .arrangin .tabfoliobase { border: 1px solid #C7DDF4; padding: 5px 0px; display: block;background-color: #FFFFFF; }
.mainframe .walkin .tabfoliobase { border: 1px solid #C7DDF4; padding: 15px 0px; display: block; background-color: #FFFFFF;}
.mainframe .workfolio .tabfoliobase { width:100%; display: block; padding: 10px; }


.mainframe .blackfront { font-weight: bold;color: #042e44; }
.mainframe .roomplan { height: 480px; padding: 0px 20px; }
.mainframe .tranlist {  padding: 0px 0px; }
.mainframe .regmeb { height: 480px; padding: 10px 20px; }
.mainframe .regmeb input[type=text], .mainframe .regmeb select {width:140px; }
.mainframe .mebform { height: 522px; padding: 0px 10px; }
.mainframe .regcorpmeb { height: 521px; padding: 10px 10px; overflow: hidden; }
.mainframe .CorpMebInfo { height: 521px; padding: 0px 20px; }
.mainframe .walkin { height: 520px; padding: 0px 20px; }
.mainframe .walkin .foliofrom { clear: both; float: left; width: 920px; }
.mainframe .walkin .foliofrom .blackfront { font-weight: bold;color: black; }


.mainframe .arrangin { height: 480px; padding: 0px 20px; }
.mainframe .arrangin .foliofrom { clear: both; float: left; width: 900px; }
.mainframe .arrangin .foliofrom .blackfront { font-weight: bold;color: black; }

.mainframe .report { padding: 2px 0px 0; }
.tab_CheckInGuest input, .tab_CheckInGuest select { width: 98%; padding: 5px; }
.tr_RoomTypeItem.select { background: #F4E3E3; }


/*关联房*/
.mainframe .connectlst { border: 1px solid #C7DDF4; background: #F3F3F3; overflow: auto; height: 100%; width: 205px; margin-top: 10px; float: right; height: 454px; }
.mainframe .connectlst .ctitle {color: #042e44; display: block; text-align: left; padding-left: 10px; height: 36px; background: #E5E7EC; line-height: 36px; }
.mainframe .connectlst .hadcheckout {text-decoration: line-through; }
.mainframe .connectlst .lsttable tr{background:#E5E5E5; }
.mainframe .connectlst .lsttable tr:nth-child(2n+1) { background:#FDFDFD;}
.mainframe .connectlst .lsttable tr th{background:#FFF;color:#494959;}

.mainframe .menutab { border-bottom: 1px solid #C7DDF4; }
.mainframe .menutab ul { float: right; }
.mainframe .menutab ul li { float: left; height: 26px; text-align: right; margin-left: 15px; font-size: 14px; font-weight: bold; }
.mainframe .menutab ul li.active { text-decoration: underline; }

.mainframe .guesttab { min-width: 600px; overflow: hidden; color: #fff; padding: 18px 0 0; box-sizing: border-box; }
.mainframe .guesttab ul li {word-wrap: break-word;overflow: hidden; float: left; width: 81px; text-align: center; border-left: 1px solid #aaa; border-top: 1px solid #aaa; height: 33px; color: #000; line-height: 30px; }
.mainframe .guesttab ul li:last-child {border-right: 1px solid #aaa; }
.mainframe .guesttab ul li.active { border-top: 2px solid #44b549;background-color: #FFF !important;font-weight: bold; }
.mainframe .guesttab ul li.master { background: url(../images/default/icon_zhu.png); background-repeat: no-repeat; background-position: 2px 40%; background-size: 24px; color: #042e44;padding-left: 8px; }
.mainframe .guesttab ul li.checkout_guest { color: #aaa; }
.mainframe .tab_guestitem {border: 1px solid #C7DDF4;padding: 8px;margin-top: -1px;background-color: #FFF;margin-bottom: 12px;}
.mainframe .tab_guestitem th{width:72px !important; }
.mainframe .foliofrom .input {width:144px; }
.mainframe .checkin .input{width: 155px; }
.mainframe .workfolio .input {width:235px; }

.mainframe .totalinfo { height: 35px; margin-top: 10px; background-color: #FFF; }
.mainframe .totalinfo .titem { margin-right: 2px; float: left; text-align: center; line-height: 35px; font-size: 16px; width: 152px; height: 22px; }
.mainframe .totalinfo .titem:last-child { float: right; }
.mainframe .totalinfo > div > span:nth-child(1) { display: block; font-size: 13px; float: left; padding-left: 5px; padding-right: 5px; text-align: left; }
.mainframe .totalinfo > div > span:nth-child(2) { display: block; float: left; padding-right: 10px; font-size: 14px; }
.mainframe .totalinfo .titem.mini { width: 140px; }

.mainframe .favorites { height: 400px; overflow-x: hidden; overflow-y: auto; }
.mainframe .favorites li { margin-right: 10px; float: left; padding: 0 5px; overflow: hidden; margin-bottom: 10px; width: 108px; height: 60px; border-radius: 5px; line-height: 60px; text-align: center; color: #fff; }
.mainframe .favorites li.clo1 { background: #8a73b9; }
.mainframe .favorites li.clo2 { background: #d75959; }
.mainframe .favorites li.clo3 { background: #92bad7; }
.mainframe .favorites li.clo4 { background: #f4b301; }
.mainframe .favorites li.clo5 { background: #959595; }
.mainframe .favorites li.clo6 { background: #6C7FC5; }
.mainframe .favorites li a.fa_del { background: url(../images/layer/icon.png) no-repeat; background-position: -150px -31px; width: 30px; height: 30px; display: block; margin-top: -12px; margin-left: 85px; position: absolute; }
.mainframe .favorites li a.fa_del:hover { background-position: -181px -31px; }
.mainframe .mlogs { width:100%;height: 420px; overflow-x: hidden; overflow-y: auto; padding: 10px 0px; }
.mainframe .mlogs li { padding: 10px; margin-bottom: 10px; float: left; width: 100%; border: 1px solid #C7DDF4; height: auto; border-radius: 1px; text-align: center; color: #666; }
.mainframe .mlogs li span:nth-child(1) { text-align: left; display: block; color: #000; line-height: 26px; }
.mainframe .mlogs li span:nth-child(2) { text-align: left; display: block; padding-left: 25px; }
.mainframe .mlogs li span:nth-child(3) { text-align: right; display: block; }

/*tips*/

.mainframe .tipsBox { width: 49%; float: left;word-break: break-all; height: 480px; background: #F2F2F2; border: 1px solid #E0E0E0; padding: 10px; }
.mainframe .tipsBoxTips{  margin-right: 21px; }

.mainframe .tipstitle { line-height: 24px; height: 50px; font-size: 24px; padding: 10px 0px 0px 0px; border-bottom: 2px solid; margin-bottom: 10px; }
.mainframe .tipstitle.t_01 {color: #73AB31; }
.mainframe .tipstitle.t_02 {color: #45ADAD;}
.mainframe .tipsclock { height: 88%; overflow-x: hidden; overflow-y: auto; padding: 10px; }
.mainframe .tipsclock li { margin-right: 10px; float: left; padding: 0 5px; margin-top: 5px; overflow: hidden; margin-bottom: 7px; line-height: 22px; width: 156px; height: 62px; border-radius: 5px; text-align: center; color: #fff; }
.mainframe .tipsclock li div { padding-left: 42px; width: 146px; }
.mainframe .tipsclock li .time { color: #EFFFDA; }
.mainframe .tipsclock li .tipsdetail { font-size: 15px; padding-top: 4px; line-height: 36px; height: 36px; width: 160px; padding-left: 42px; overflow: hidden; text-align: left; }
.mainframe .tipsclock li.clo1 { background: url(/Skin/images/default/tips_clock_green.png); background-size: 100%; }
.mainframe .tipsclock li a.finish { background: url(/Skin/images/default/checkbox_green.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: 38px; margin-left: 128px; position: absolute; }
.mainframe .tipsclock li a.set_finish { background: url(/Skin/images/default/checkbox_green_close.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: -10px; margin-left: 128px; position: absolute; cursor: pointer; }
.mainframe .tipsclock li a.set_finish:hover { transform: rotate(15deg); }

.mainframe .goods { height: 88%; overflow-x: hidden; overflow-y: auto; padding: 10px; }
.mainframe .goods li { margin-right: 10px; float: left; padding: 0 5px; margin-top: 5px; overflow: hidden; margin-bottom: 7px; line-height: 22px; width: 156px; height: 62px; border-radius: 5px; text-align: center; color: #fff; }
.mainframe .goods li div { padding-left: 42px; width: 146px; }
.mainframe .goods li .time { color: #E7FFFF; }
.mainframe .goods li .tipsdetail { font-size: 15px; padding-top: 4px; line-height: 36px; height: 36px; width: 160px; padding-left: 42px; overflow: hidden; text-align: left; }
.mainframe .goods li .goodsNum { font-size: 12px; padding-left: 8px; }
.mainframe .goods li.clo1 { background: url(/Skin/images/default/tips_borrow_blue.png); background-size: 100%; }
.mainframe .goods li a.finish { background: url(/Skin/images/default/checkbox_blue.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: 38px; margin-left: 128px; position: absolute; }
.mainframe .goods li a.set_finish { background: url(/Skin/images/default/checkbox_blue_close.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: -10px; margin-left: 128px; position: absolute; cursor: pointer; }
.mainframe .goods li a.set_finish:hover { transform: rotate(10deg); }

/*msg*/
.mainframe .msg_box .title { padding-top: 10px; line-height: 40px; font-size: 18px; margin-left: 30px;border-bottom:1px solid #FEA23D;color:#FEA23D;width:160px }
.mainframe .msg_box .msg_type_box { overflow-x: hidden; overflow-y: auto; padding: 10px 50px; }
.mainframe .msg_box .msg_type_box li {  float: left; padding: 0 5px; margin-top: 5px; overflow: hidden; margin-bottom: 7px; width: 400px; height: 75px; border-radius: 5px; color: #fff; }
.mainframe .msg_box .msg_type_box li:nth-child(2n+1) {margin-right: 50px; }
.mainframe .msg_box .msg_type_box li div { padding-left: 95px; }
.mainframe .msg_box .msg_type_box li div.room_box { height: 35px;  }
.mainframe .msg_box .msg_type_box li .roomno { font-size: 24px;line-height: 42px;  }
.mainframe .msg_box .msg_type_box li .time { float: right; padding: 4px 22px; }
.mainframe .msg_box .msg_type_box li .detail { height: 18px; overflow: hidden; }
.mainframe .msg_box .msg_type_box li.clo_clock { background: url(/Skin/images/default/green_bg.png); background-size: 100%; }
.mainframe .msg_box .msg_type_box li.clo_clock a.type_icon { background: url(/Skin/images/default/knock_icon.png) no-repeat; background-size: 45px; width: 45px; height: 45px; display: block; margin-top: 16px; margin-left: 14px; position: absolute; }
.mainframe .msg_box .msg_type_box li.clo_borrow { background: url(/Skin/images/default/blue_bg.png); background-size: 100%; }
.mainframe .msg_box .msg_type_box li.clo_borrow a.type_icon { background: url(/Skin/images/default/borrow_icon.png) no-repeat; background-size: 45px; width: 45px; height: 45px; display: block; margin-top: 14px; margin-left: 14px; position: absolute; }
.mainframe .msg_box .msg_type_box li.clo_birt { background: url(/Skin/images/default/yello_bg.png); background-size: 100%; }
.mainframe .msg_box .msg_type_box li.clo_birt a.type_icon { background: url(/Skin/images/default/cake_icon.png) no-repeat; background-size: 45px; width: 45px; height: 45px; display: block; margin-top: 14px; margin-left: 14px; position: absolute; }
.mainframe .msg_box .msg_type_box li.clo_clock a.set_finish { background: url(/Skin/images/default/checkbox_green_close.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: -10px; margin-left: 380px; position: absolute; cursor: pointer; }
.mainframe .msg_box .msg_type_box li.clo_borrow a.set_finish { background: url(/Skin/images/default/checkbox_blue_close.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: -10px; margin-left: 380px; position: absolute; cursor: pointer; }
.mainframe .msg_box .msg_type_box li.clo_birt a.set_finish { background: url(/Skin/images/default/checkbox_red_close.png) no-repeat; background-size: 30px; width: 30px; height: 30px; display: block; margin-top: -10px; margin-left: 380px; position: absolute; cursor: pointer; }
.mainframe .msg_box .msg_type_box li a.set_finish:hover { transform: rotate(15deg); }

/*房价设置*/
.roomrateset .title { font-size: 18px; width: 120px; border-bottom: 1px solid; margin-top: 5px;  }
.roomrateset .checkbox.flexbox { display: flex; flex-wrap: wrap; justify-content: space-between; }
.roomrateset .checkbox.wrapbox { display: flex; flex-wrap: wrap; }
.roomrateset .checkbox span { cursor: pointer; height: 32px; min-width: 70px; margin-left: 10px; margin-bottom: 7px; padding:0 10px; display: inline-block; text-align: center; line-height: 32px; border-radius: 3px; border: 1px solid #C7DDF4; }
/*.roomrateset .checkbox span.item:nth-child(4n+1) { margin-left: 0; }*/
.roomrateset .roomtype {white-space: normal;max-height: 150px;min-height: 30px;width: 100%; display: flex;align-items: center;flex-wrap: wrap;}
.roomrateset .checkbox span.item { width: 100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
/*.roomrateset .roomratetype.checkbox span.roomrateItem { width: 70px; }*/
.roomrateset .checkbox span.active { background: #035178; color: #FFFFFF; }
.roomrateset .input { border: 1px solid #C7DDF4; color: #042e44; }
.rooorateset .settingroom{width:120px }
.roomrateset .step1, .roomrateset .step2 { height: 540px; position: relative; }
.roomrateset .lsttable tr td { border: 1px solid #D6DAE2; }
.roomrateset .tr_RoomRateType input { width:40px; }
.roomrateset .dayroom_setting .Divtitle{font-weight:bold ;float:left;padding:15px;}
.roomrateset .dayroom_setting .addData { max-width:25px;margin-left:20px }
.roomrateset .dayroom_setting .removeData { max-width:25px;margin-left:20px }
.roomrateset table .addData { max-width:25px;margin-left:20px }
.roomrateset table .removeData { max-width:25px;margin-left:20px }
.roomrateset .roomratetype{white-space: normal;max-height: 120px;min-height: 40px;}
/*.roomrateset .dayroomtime_box {min-height:50px;max-height: 142px;width: 460px;}*/
/*.roomrateset .roomtype_box{min-height:50px;max-height: 93px;width: 100%;}*/

/*夜审*/
.night {background:#E5E7EC;height: 100%; }
.night .record { height: 350px; }
.record .record_box_01 { width: 619px; height: 341px; background: #f5f5f5; float: left; padding: 30px 30px 30px 80px; }
.record .record_box_01 .tips { color: #042e44; font-size: 18px; line-height: 32px; }
.record .record_box_01 .tips img { width: 20px; height: 20px; margin-top: -3px; }
.record .record_box_01 .tdate { margin-top: 15px; width: 260px; height: 44px; background: #F8D646; border-radius: 5px; color: #fff; font-size: 36px; line-height: 43px; font-family: SanFranciscoDisplay-Regular; text-align: center; }
.record .record_box_01 .timebox { margin-top: 30px; height: 110px; }
.record .record_box_01 .timebox span { display: block; width: 110px; height: 110px; background: #FC6E64; color: #fff; font-family: initial; font-size: 98px; text-align: center; float: left; border-radius: 5px; line-height: 110px; }
.record .record_box_01 .timebox b { display: block; width: 50px; height: 110px; font-family: initial; font-size: 98px; color: #FC6E64; float: left; line-height: 100px; }
.record .record_box_01 .optor { clear: both; margin-top: 25px; font-size: 20px; color: #4A4A4A; text-align: right; }
.record .record_box_01 .optor span { text-decoration: underline; }
.record .night_box { width: 580px; padding: 30px; height: 260px; background:#F6F6F6; border-top: 2px solid #44B549; position: fixed; left: 50%; top: 180px; margin-left: -295px; }
.record .night_box h3 { color: #FC6E64; font-size: 20px; }
.record .night_box p { font-size: 20px; line-height: 20px; color: #042e44; padding: 10px 0px; }
.night .na_btn {border-radius: 2px;clear: both; line-height: 20px; cursor: pointer; width: 580px; height: 40px; margin: 0px 260px 0px; background: #44B549; color: #fff; text-align: center; font-size: 20px; }

/*以下是动态弹出层样式*/
.tiptitles { padding: 10px 0px; margin: 0; color: #FFF; display: block; font-size: 16px; }
.guestinfo_shade { -webkit-transition: right 0.5s; width: 340px; height: 100%; position: absolute; right: -425px; top: 0; z-index: 2; background: rgba(250,250,250,0.7); opacity: 0.8; }
.guestinfo { -webkit-transition: right 0.5s; width: 340px; height: 100%; position: absolute; right: -425px; top: 0; z-index: 3; padding: 10px; background: #494959; }
.guestinfo .txt_EditGuestName { padding: 4px; width: 86%; }
.guestinfo .txt_EditGuestMobile { padding: 4px; width: 100%; }
.guestinfo .tr_Guest,.readcert  .tr_CheckInGuest { border-left: 1px solid #C7DDF4; }
.guestinfo .tr_Guest:last-child ,.readcert  .tr_CheckInGuest:last-child{ border-bottom: 1px solid #C7DDF4;}
.guestinfo .tab_GuestBox th,.readcert .tab_CheckInGuest th { background: #C7DDF4 !important;}

.mainframe { overflow-y: auto; }
.frmtable .community::after{content:"";display:block;clear:both;}
.frmtable .facilities span, .frmtable .community span { display: block; position: relative; float: left; padding: 4px 10px; margin: 0 10px 10px 0; width: 120px; border: 1px solid #DDDDDD; border-radius: 2px; text-align: center; font-size: 12px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/*.frmtable .facilities span:nth-child(4n+1), .frmtable .community span:nth-child(4n+1) { margin-left: 0; }*/
.frmtable .facilities .active, .frmtable .community .active { border-color: #445EAB; }
.frmtable .facilities .active::after, .frmtable .community .active::after { content: ""; position: absolute; top: 0; right: 0; display: inline-block; width: 15px; height: 15px; background: url(../images/default/icon-selected.png) #445EAB no-repeat center/80%; border-bottom-left-radius: 50%; }

.selrooms_shade { -webkit-transition: right 0.5s; width: 930px; height: 100%; position: absolute; right: -930px; top: 0; z-index: 2; background: rgba(250,250,250,0.7); }
.selrooms { -webkit-transition: right 0.5s; width: 1000px; height: 100%; position: absolute; right: -1000px; top: 0; z-index: 3; padding: 10px; background: rgba(250,250,250,0.7); }
.selrooms .seltips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding-left: 5px; }
.selrooms .selpanel { height: 480px; overflow-y: auto; overflow-x: hidden; }
.selrooms .seltitle { display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.selrooms ul { width: 99%; overflow-y: auto; }
.selrooms ul li { cursor: pointer; float: left; width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #48845E; color: #fff; font-size: 14px; font-weight: bold; }
.selrooms ul li.select { background: #F7BC01 !important; }
.selrooms ul li.dirty { background: #959595; }
.selrooms ul li.hadselect { background: #716335; }

.selrooms_1 .seltips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding-left: 5px; }
.selrooms_1 .selpanel { height: 480px; overflow-y: auto; overflow-x: hidden; }
.selrooms_1 .seltitle { display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.selrooms_1 ul { width: 99%; overflow-y: auto; }
.selrooms_1 ul li { cursor: pointer; float: left; width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #48845E; color: #fff; font-size: 14px; font-weight: bold; }
.selrooms_1 ul li.select { background: #F7BC01 !important; }
.selrooms_1 ul li.dirty { background: #959595; }
.selrooms_1 ul li.hadselect { background: #716335; }

.readcert_shade { -webkit-transition: right 0.5s; width: 425px; height: 100%; position: absolute; right: -425px; top: 0; z-index: 2; background: rgba(250,250,250,0.7); }
.readcert { -webkit-transition: right 0.5s; width: 425px; height: 100%; position: absolute; right: -425px; top: 0; z-index: 3; padding: 10px; background: #494959; }

/*批量入住*/
.betchcheckin_shade { -webkit-transition: right 0.5s; width: 930px; height: 100%; position: absolute; right: -930px; top: 0; z-index: 2; background: rgba(250,250,250,0.7); }
.betchcheckin { -webkit-transition: right 0.5s; width: 1000px; height: 100%; position: absolute; right: -1000px; top: 0; z-index: 3; padding: 10px; background: rgba(250,250,250,0.7); }
.betchcheckin .seltips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding-left: 5px; }
.betchcheckin .selpanel { height: 480px; overflow-y: auto; overflow-x: hidden; }
.betchcheckin .seltitle { display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.betchcheckin ul { width: 99%; overflow-y: auto; }
.betchcheckin ul li { position: relative; cursor: pointer; float: left; width: 110px; height: 100px; margin: 5px; line-height: 30px; text-align: center; background: #D6DAE2; color: #000; font-size: 14px; font-weight: bold; box-shadow: 1px 1px 4px #C7DDF4; border: 1px solid #bbb; }
.betchcheckin ul li.select { background: #F7BC01 !important; }
.betchcheckin ul li .btnBox { position: absolute; bottom: 0px; width: 100%; }
.betchcheckin ul li .btnBox .btn { margin: 5px; height: 22px; width: 40px; }
.betchcheckin ul li .guestBox { height: 40px; margin-top: -4px; font-weight: normal; font-size: 12px; background: #F6F6F6; overflow: auto; }
.betchcheckin ul li .guestBox .guestName, .betchcheckin ul li .guestBox .betchAddGuestBtn{overflow: hidden;width: 48px; height: 20px; line-height: 20px; border-radius: 2px; float: left; margin: 8px 0 0 4px; color: #333; box-shadow: 1px 1px 2px #999; background: #E5E7EC; }
.betchcheckin ul li .guestBox .betchAddGuestBtn { width: 20px; background: #ddd;margin-left: 10px; }
.betchcheckin ul li .guestBox .guestName:hover, .betchcheckin ul li .guestBox .betchAddGuestBtn:hover { background: #fff; }

.addBetchGuest .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.addBetchGuest .div_AddBetchGuestItem {margin:5px; }
.addBetchGuest .div_AddBetchGuestItem .input { width:300px;}

/*房单--换房*/
.changerooms { padding: 10px; display: none; width: 100%; }
.changerooms .changetips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.changerooms .changepanel { clear: both; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; }
.changerooms .changetitle { clear: both; display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.changerooms ul { width: 99%; margin-bottom: 10px; }
.changerooms ul li { cursor: pointer; float: left; width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #48845E; color: #fff; font-size: 14px; font-weight: bold; }
.changerooms ul li.select { background: #44b549; }
.changerooms ul li:hover {background:#5CA576 }
/*房单--换房原因*/
.changereason { padding: 10px; display: none; width: 100%; }
.changereason .changetips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.changereason .changepanel { clear: both; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; }
.changereason .changetitle { clear: both; display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.changereason ul { width: 99%; margin-bottom: 10px; }
.changereason ul li { cursor: pointer; float: left; width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #48845E; color: #fff; font-size: 14px; font-weight: bold; }
.changereason ul li.select { background: #44b549; }


/*发票*/
.c_invoice { position: absolute; bottom: 160px; right: 3%; }
.c_invoice .invoicetext {padding: 0 10px; height: 60px; text-align: center; font-size: 22px; color: #FEFEFE; line-height: 60px; border-radius: 5px; background: -webkit-linear-gradient(left top, rgba(0, 128, 255, 0.6), rgba(255, 93, 12, 0.6)); transform: rotateZ(-30deg)translate3d(0, 0, 0); }


/*房单--续住*/
.c_contiue { display: none; }
.c_contiue .ctips { display: block; color: #f74550; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; width: 190px; margin-left: 10px; margin-bottom: 10px; }
.c_contiue .sp1 { display: block; width: 60px; float: left; line-height: 30px; }
.c_contiue .sp2 { display: block; float: left; width: calc(100% - 60px); }
/*房单-门卡/*/
.c_card { display: none; padding: 10px 0px 0px 10px; }
.c_card .mrgl10 div { background-color: #239CC9; color: #fff; }
    .c_card .mrgl10 div:hover { opacity: .6; -webkit-transition: opacity .2s ease-in-out; }
.c_card .cptips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 240px; margin-left: 10px; margin-bottom: 10px; }
.c_card .cp_01 { width: 180px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
.c_card .cp_02 { margin-left: 10px; width: 180px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
.c_card .cp_03 { width: 85px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
.c_card .cp_04 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
.c_card .cp_05 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
.c_card .cp_06 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #C7DDF4; text-align: center; float: left; }
/*房单-门卡信息/*/
.c_roomInfo { display: none; padding: 10px 0px 0px 10px; }
.c_roomInfo .cptips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 240px; margin-left: 10px; margin-bottom: 10px; }
/*房单-续卡时间/*/
.c_roomdate { display: none; padding: 10px; }
.c_roomdate .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 10px; margin-bottom: 10px; }
.c_roomdate .sp1 { display: block; width: 60px; float: left; line-height: 30px; }
.c_roomdate .sp2 { display: block; float: left; width: 84%; }


/*房单--关联房*/
.tab_foliochg .master {  }
.tab_foliochg .self { font-weight: bold;text-decoration: underline; }

/*房单--添加关联房*/
.addchgrooms { display: none; padding: 10px; }
.addchgrooms .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.addchgrooms .addchgpanel { clear: both; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; }
.addchgrooms ul { width: 99%; margin-bottom: 10px; }
.addchgrooms ul li { cursor: pointer; font-size: 12px; float: left; width: 51px; height: 45px; margin: 5px; line-height: 18px; background: #48845E; color: #fff; padding: 5px; }
.addchgrooms ul li.active { background: chocolate; }
.addchgrooms ul li span { display: block; text-align: center; }
.addchgrooms ul li.select { background: #44b549; }

/*账单--冲减*/
.c_deduct { display: none; }
.c_deduct .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 10px; margin-bottom: 10px; }
.c_deduct .sp1 { display: block; width: 60px; float: left; line-height: 30px; }
.c_deduct .sp2 { display: block; float: left; width: 85%; }


/*账单--转账*/
.transerform { padding: 10px; display: none; width: 100%; }
.transerform .transertips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.transerform .transerpanel { clear: both; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; }
.transerform .transertitle { clear: both; display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.transerform .transerinfo { float: left; line-height: 24px; font-size: 13px; position: absolute; left: 10px; bottom: 10px; }
.transerform ul { width: 99%; margin-bottom: 10px; }
.transerform ul li { cursor: pointer; font-size: 12px; float: left; width: 51px; height: 45px; margin: 5px; line-height: 18px; background: #48845E; color: #fff; padding: 5px;overflow: hidden; }
.transerform ul li.active { background: chocolate; }
.transerform ul li span { display: block; text-align: center; }
.transerform ul li.select { background: #44b549; }

/*账单--关联转账*/
.ctranserform { padding: 10px; display: none; width: 100%; }
.ctranserform .ctransertips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.ctranserform .ctranserpanel { clear: both; width: 100%; height: 340px; overflow-x: hidden; overflow-y: auto; }
.ctranserform .ctransertitle { clear: both; display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.ctranserform .ctranserinfo { text-align: left; float: left; line-height: 24px; font-size: 13px; position: absolute; left: 10px; bottom: 10px; }
.ctranserform .ctranserinfo span { display: block; float: left; }
.ctranserform .ctranserinfo span input { float: left; display: block; margin-top: 6px; }
.ctranserform ul { width: 99%; margin-bottom: 10px; }
.ctranserform ul li { cursor: pointer; font-size: 12px; float: left; width: 51px; height: 45px; margin: 5px; line-height: 18px; background: #48845E; color: #fff; padding: 5px; }
.ctranserform ul li.active { background: chocolate; }
.ctranserform ul li span { display: block; text-align: center; }
.ctranserform ul li.select { background: #44b549; }


/*账单--入账*/
.c_account { padding: 10px; display: none; width: 100%; }
.c_account .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.c_account .cacctitle { clear: both; display: block; line-height: 25px; font-size: 16px; padding-left: 5px; }
.c_account .ca_item { float: left; width: 385px; height: 370px; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #C7DDF4; }
.c_account .ca_item ul { width: 99%; margin-bottom: 10px; }
.c_account .ca_item ul li { cursor: pointer; overflow: hidden; font-size: 12px; line-height: 23px; float: left; width: 82px; text-align: center; height: 32px; margin: 5px; background: #48845E; color: #fff; padding: 5px; }
.c_account .ca_item ul li.active { color: #fff; background-color: #44b549; }
.c_account .ca_item ul.credit li { background: #56A3CE; }
.c_account .ca_item ul.credit li.active { color: #fff; background-color: #2A76A0; }
.c_account .ac_form { width: 286px; float: right; height: 338px; }

/*账单--合并打印*/
.div_ItmeListInfo ul { width: 99%; margin-bottom: 10px; }
.div_ItmeListInfo ul li{ cursor: pointer; overflow: hidden; font-size: 12px; line-height: 23px;display: inline-table; width: 84px; text-align: center; height: 32px; margin: 5px -8px; background: #C8D4EC; color: #333; padding: 0px; }
.div_ItmeListInfo ul li div{overflow: hidden; height: 32px; line-height: 32px;}
.div_ItmeListInfo ul li.active { color: #fff; background-color: #2B60CC; }

/*账单--小商品*/
.c_goods { padding: 10px; display: none; width: 100%; }
.c_goods .cgtips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.c_goods .cgtitle { clear: both; display: block; line-height: 32px; font-size: 16px; padding-left: 5px; }
.c_goods .cg_item { float: left; width: 356px; height: 327px; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #C7DDF4; }
.c_goods .cg_item ul { width: 99%; margin-bottom: 10px; }
.c_goods .cg_item ul li { cursor: pointer; font-size: 12px; float: left; width: 107px; text-align: center; height: 32px; margin: 3px; background: #48845E; color: #fff; padding: 5px; overflow: hidden; line-height: 23px; }
.c_goods .cg_item ul li.active { color: #fff; background-color: #44b549; }
.c_goods .cg_item ul.credit li { background: #56A3CE; }
.c_goods .cg_item ul.credit li.active { color: #fff; background-color: #2A76A0; }
.c_goods .cg_form { width: 300px; float: right; height: 338px; margin-left: 10px; }

/*账单--结账*/
.checkout { padding: 10px; display: none; width: 100%; }
.checkout .tab_MebInfo input[type=text],.checkout .tab_MebInfo select {width:120px; }
.checkout .cktips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
.checkout .cktitle { clear: both; display: block; line-height: 28px; font-size: 12px; padding-left: 5px; }
.checkout .ckinfo { clear: both; display: block; line-height: 28px; font-size: 12px; padding-left: 5px; text-indent: 1em; }
.tab_selectMeb tr { border-bottom: 1px solid #eee; cursor: pointer; }
.tab_selectMeb tr:hover { background: #eee; }

.checkout .tabScanPay label[val=WEIXIN_PAY],.div_AddCloudPay .tabScanPay label[val=WEIXIN_PAY] { padding: 10px 0px; background: url(../images/default/icon48_appwx_logo.png) no-repeat #72727A;background-size: 20px; background-position: 24px 12px; width: calc(50% - 3px); display: inline-block; text-align: center; color: #fff; }
.checkout .tabScanPay label[val=ALI_PAY],.div_AddCloudPay .tabScanPay label[val=ALI_PAY] { padding: 10px 0px; background: url(../images/default/icon48_appali_logo.png) no-repeat #72727A;background-size: 20px; background-position: 24px 12px; width: calc(50% - 3px); display: inline-block; text-align: center; color: #fff; }
.checkout .tabScanPay label[val=QQ_PAY],.div_AddCloudPay .tabScanPay label[val=QQ_PAY] { padding: 10px 0px; background: url(../images/default/icon48_appqq_logo.png) no-repeat #72727A;background-size: 20px; background-position: 24px 12px; width: calc(50% - 3px); display: inline-block; text-align: center; color: #fff; }
.checkout .tabScanPay label[val=WEIXIN_PAY].active,.div_AddCloudPay .tabScanPay label[val=WEIXIN_PAY].active { background: url(../images/default/icon48_appwx_logo.png) no-repeat #00BC0C;background-size: 20px;background-position: 24px 12px; }
.checkout .tabScanPay label[val=ALI_PAY].active,.div_AddCloudPay .tabScanPay label[val=ALI_PAY].active { background: url(../images/default/icon48_appali_logo.png) no-repeat #009FE8;background-size: 20px;background-position: 24px 12px; }
.checkout .tabScanPay label[val=QQ_PAY].active,.div_AddCloudPay .tabScanPay label[val=QQ_PAY].active { background: url(../images/default/icon48_appqq_logo.png) no-repeat #FEA500;background-size: 20px;background-position: 24px 12px; }
.checkout .ScanPayAmount,.div_AddCloudPay .ScanPayAmount { display: block; font-size: 26px; margin: 10px; color: #FF2818; }
.checkout .tabScanPay th ,.div_AddCloudPay .tabScanPay th {height: 50px; }

/*预授权--新增*/
.addpreauth { padding: 10px; display: none; width: 100%; }
.addpreauth .pretips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
/*提醒--新增*/
.addTips { padding: 10px; display: none; width: 100%; }
.addTips .tips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }
/*租借--新增*/
.addGoods { padding: 10px; display: none; width: 100%; }
.addGoods .tips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 5px; margin-bottom: 10px; }

/*窗体页BUTTON按钮布局*/
.toolbutton { position: absolute; right: 0; bottom: 0; width: 100%; padding: 10px 0; text-align: right; border-top: 1px solid #C7DDF4; background-color: #ffffff; }
.deep_bg .toolbutton { right: 10px; }
.toolbutton .btn[value="扫码"] {display:none; }
.container.mainframe .toolbutton { right: 0; }
.container.mainframe .toolbutton.limit { width: 300px; bottom: 3px; border: none; }
.container .mainframe.deep_bg .toolbutton { left: 10px; width: auto; bottom: 10px; }

/*左侧导航-工作张*/
.container .user_nav { padding-left: 10px; background: #ffffff; overflow-x: hidden; overflow-y: auto; }
.user_nav .nav_title { font-weight: normal; text-align: left; color: #333; font-size: 26px; display: block; width: 150px; margin: 20px 0px 0px 20px; font-weight: normal; }
.user_nav ul { margin-left: 0; height:100%;}
.user_nav ul li { position: relative; margin: 0px; margin-right: 10px; display: inline-block; height: 36px; line-height: 30px; padding:0 10px; text-align: center; color: #035178; font-size: 12px; font-weight: normal; background-color: #ffffff; border-top: 4px solid #ffffff; cursor: pointer; }
.user_nav ul li.active { background-color: #C7DDF4; border-top: 4px solid #277297; }
.user_nav ul li span { text-align: left; }
.user_nav ul li span.i01 { background: url(../images/default/icon_01.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i02 { background: url(../images/default/icon_02.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i03 { background: url(../images/default/icon_03.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i04 { background: url(../images/default/icon_04.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i05 { background: url(../images/default/icon_05.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i06 { background: url(../images/default/icon_06.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i07 { background: url(../images/default/icon_07.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i08 { background: url(../images/default/icon_08.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i09 { background: url(../images/default/icon_09.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i10 { background: url(../images/default/icon_10.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i11 { background: url(../images/default/icon_11.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i12 { background: url(../images/default/icon_12.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li span.i13 { background: url(../images/default/icon_13.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 15% 56%; background: none; }
.user_nav ul li i {min-width: 20px;text-align: center;display:none; position: absolute; top: 16px;right: 10px; font-size: 12px; font-weight: 100; background: #E64340; border-radius: 50px; padding: 0 6px; color: #fff; }


/****************** 分页 Start **********************/

.pages { position: absolute; width: 100%; bottom: 0; left: 0; padding: 10px 0 20px 0; line-height: 26px; font-size: 14px; text-align: center; z-index: 999; }
.pages span { border-radius: 1px; display: inline-block; margin: 0px 5px 0px 5px; text-align: center; color: #042e44; min-width: 30px; cursor: pointer; border: 1px solid #C7DDF4; }
.pages span:hover { background-color: #44b549; border-color: #44b549; }
.pages span:hover a{ color: #fff; }
.pages span a { font-size: 12px; color: #666; }
.pages span.active { background-color: #44b549; border-color: #44b549; }
.pages span.active a {color: #fff; }
.pages span a:hover { text-decoration: none; }
.pages span.first a { letter-spacing: -6px; margin-left: -6px; }
.pages span.last a { letter-spacing: -6px; margin-left: -6px; }
.pages div.total { text-indent: 2em; font-size: 12px; line-height: 26px; display: inline-block; }
.container.mainframe .pages { width: calc(100% - 300px); bottom: -5px; }
.container.mainframe .pages.btm40 { width: 100%; bottom: 40px; }
.pages.btm50 { width: 100%; bottom: 50px; }
.container.mainframe .pages.txt-left { padding-left: 5px; text-align: left; }
/****************** 分页 ENd **********************/


/* Menu */
.menu { position: absolute; width: 200px; padding: 2px; margin: 0; border: 1px solid #bbb; background: #eee; z-index: 100; border-radius: 3px; opacity: 0; -webkit-transform: translate(0, 15px) scale(.95); transform: translate(0, 15px) scale(.95); transition: transform 0.1s ease-out, opacity 0.1s ease-out; pointer-events: none; }
.menu-item { display: block; position: relative; margin: 0; padding: 0; white-space: nowrap; }
.menu-btn { background: none; line-height: normal; overflow: visible; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: block; width: 100%; color: #444; font-family: 'Roboto', sans-serif; font-size: 13px; text-align: left; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 8px; border-radius: 3px; }
.menu-btn::-moz-focus-inner,
.menu-btn::-moz-focus-inner { border: 0; padding: 0; }
.menu-text { margin-left: 25px; }
.menu-btn .fa { width: 15px; height: 15px; position: absolute; left: 8px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu-btn .fa.empty { background: #9CC475; }
.menu-btn .fa.dirty { background: #959595; }
.menu-btn .fa.stop { background: #d75959; }
.menu-btn .fa.check { background: #649531; }
.menu-btn .fa.clean { background: #9CC475; }
.menu-btn .fa.cleansing { background: #71C172; }
.menu-btn .fa.check { background: #FCF005; }
.menu-btn .fa.lastcheckin { background: #649531; }
.menu-btn .fa.refresh { background: url(../images/default/icon_refresh.png) no-repeat center center; }
.menu-item:hover > .menu-btn { color: #fff; outline: none; background-color: #2E3940; background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940); background: linear-gradient(to bottom, #5D6D79, #2E3940); border: 1px solid #2E3940; }
.menu-item.disabled { opacity: .5; pointer-events: none; }
.menu-item.disabled .menu-btn { cursor: default; }
.menu-separator { display: block; margin: 2px 5px; height: 1px; border-bottom: 1px solid #fff; background-color: #aaa; }
.menu-item.submenu::after { content: ""; position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 5px solid transparent; border-left-color: #808080; }
.menu-item.submenu:hover::after { border-left-color: #fff; }
.menu .menu { top: 4px; left: 99%; }
.show-menu,
.menu-item:hover > .menu { opacity: 1; -webkit-transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1); pointer-events: auto; }
.menu-item:hover > .menu { -webkit-transition-delay: 100ms; transition-delay: 300ms; }

/*自定义打印*/
.defindprint { padding: 10px; display: none; width: 100%; }
.defindprint .defindtips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 230px; margin-left: 5px; margin-bottom: 10px; }
.defindprint .deftable { clear: both; border-collapse: collapse; width: 99%; }
.defindprint .deftable tr th { text-align: left; color: #333; line-height: 30px;padding: 0px; height:30px;}
.defindprint .deftable tr td { text-align: left; color: #666; line-height: 30px;padding: 0px; }
.defindprint .deftable tr td input[type='checkbox'] { height:12px;display:block;float:left;margin-top: 10px; }
.defindprint .deftable tr td input[type='text'] { height: 26px; line-height: 26px; width: 82%; border: none; border-bottom: 1px solid #C7DDF4; background-color: #ECECEC; padding-left: 10px; }

/*角色组*/
.RoleBox {width: 102%;  }
.RoleBox .systemItemBox {line-height: 28px; overflow-x: auto;  }
.RoleBox .systemItem { cursor: pointer; height: 30px; border-bottom: 1px solid #C7DDF4; float: left; width: calc(100% / 7); overflow: hidden; text-align: center; border-left: 1px solid #C7DDF4; border-top: 1px solid #C7DDF4; background: #E5E6E6; }
.RoleBox .systemItem.active { border-bottom: 2px solid #44b549; height: 30px; font-weight: bold; }
.RoleBox .systemItem:last-child { border-right: 1px solid #C7DDF4; }
.RoleBox .roleItemBox {padding:10px; width: 100%; height: calc(100% - 24px); overflow: auto; border: 1px solid #C7DDF4; margin-top: -1px; }
.RoleBox .roleItemBox span { width: 25%; white-space: nowrap; overflow: hidden; float: left; padding: 3px; cursor: pointer; }
.RoleBox .roleItemBox input{ width: 20px !important; }
.RoleBox .roleItemBox .roleItem .head{ font-weight: bold; }

/*借阅*/
.borrow .borrowTips { height: 36px; background-color: #F2F2F2; font-size: 14px; line-height: 36px; color: #888; padding-left: 20px; }
.borrowtitle { font-size: 18px; color: #aaa; border-bottom: 1px solid #C7DDF4; line-height: 36px; }
.findbox {padding: 20px 0; }
.findbox span { color: #777; font-size: 14px; }
.findbox .input {width: 190px;}
.findbox #txt_querydata {width:185px;}
.findbox .btn { background: #64b83b; border-radius: 2px; width: 120px; line-height: 23px; }
.bookitem { height: 96px; margin: 5px; background: #F6F6F6; padding-left: 20px; padding-top: 3px; font-size: 14px; color: #666; line-height: 30px; }
.bookitem .btn { float: right; margin: -36px 15px 0 0;color:#666;background:#F6F6F6;border:1px solid #aaa;border-radius: 2px; }
.leftcolor1 { border-left: 4px solid #F7BC00; }
.leftcolor2 { border-left: 4px solid #00A400; }
.leftcolor3 { border-left: 4px solid #D92476; }
.leftcolor4 { border-left: 4px solid #F4682B; }
.borrowerdetail { height: 320px;margin-bottom: 10px; background: #F6F6F6; padding: 20px 10px; font-size: 14px; color: #666; line-height: 30px; }
.borrowerdetail .input {width: 100%; }
.borrowerdetail td {padding:8px 5px; }
#btnborrow {background: #F4682B;width:126px;border-radius: 2px;}
.borrowlist {padding: 20px 40px; }
.bookbox { height: 320px; overflow: auto; padding: 5px; border: 1px solid #ddd; }

/*弹窗内样式*/
.container.mainframe { color: #67677C; padding-bottom: 50px; }
.container.mainframe.pdt0 { padding-bottom: 0px; }
.mainframe.pdt50 { padding-bottom: 50px; }
.container.mainframe .frmtable tr th { color:#67677C;display: table-cell; }
.container.mainframe .mainframe {background:none; }
.container.mainframe .hisframe .basebox .input { background:#E6E6E6 !important; }

/*添加房间*/
/*.container.mainframe .div_SaveRoom .frmtable .input { width:100%; }*/

/*设置*/
.setting .ctips { display: block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 0px 0px 0px; border-bottom: 1px solid; width: 190px; margin-left: 10px; margin-bottom: 10px; }
.setting .night_setting,.setting .shift_setting {padding-left:20px; font-size: 18px; }
.setting .shift_setting {max-height: 330px;overflow:auto; font-size: 14px;}
.setting .night_setting input[type=checkbox]{ width: 20px; height: 20px;  margin: 10px; }
.setting .shift_setting tr{     height: 40px;}
.setting .settingline{ height: 50px;}
.setting .settingline .title { width: 135px; display: inline-block; text-align: right; }

/*选项卡*/
.mainframe .option_tab{ width: calc(20% - 8px); border: solid 1px #DDDDDD; border-radius: 2px; text-align: center; font-size: 12px; display: block; float: left; padding: 4px 10px; margin-left: 10px; margin-bottom: 10px; cursor: pointer;}
.mainframe .roomtype .option_tab:nth-child(5n+1) { margin-left: 0; }
.mainframe .option_tab.active{ border-color: #445EAB; } /*选中*/

/* 会员*/
.serchbar .frmSearch { background-color: #FFFFFF; border: 1px solid #c7ddf4; padding: 10px; }
/*营销中心*/
.activity { width: 80%; height: 36px; }
.activity .category li { float: left; height: 36px; line-height: 30px; padding: 0 15px; margin: 0 0 0 10px; border-top: 4px solid #277297; font-size: 14px; color:#fff; text-align: center; cursor: pointer; background-color: #277297;min-width:86px; }
.activity .category li:first-child{ margin-left: 0; }
.activity .category .active { background-color: #ffffff; color: #042e44; }
/* 酒店信息 */
.img_cate .img_box li a.fa_del { background: url(../images/layer/icon.png) no-repeat; background-position: -150px -31px; width: 30px; height: 30px; display: block; margin-top: -12px; margin-left: 85px; position: absolute; top: 0; right: -12px; }
.img_cate img { width: 90px; height: 90px; }
.img_cate h2 { font-size: 18px; }
.img_cate .img_box { width: 300px; min-height: 200px; margin-top: 10px; margin-right: 19px; margin-bottom: 25px; }
.img_cate .img_box ul { width: 300px; min-height: 202px; display: flex; flex-wrap: wrap; vertical-align: top; }
.img_cate .img_box .t_roomtype { padding: 10px 0; }
.img_cate .img_box ul li { width: 90px; height: 90px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c7ddf4; border-radius: 3px; position: relative; overflow: initial; background-size: cover; background-repeat: no-repeat; background-position: center; }
.img_cate .img_box ul li:nth-child(3n+1) { margin-left: 0; }
.img_cate .img_box li a { right: 0; cursor: pointer; }
.img_cate .img_box li.add { cursor: pointer; }

/* 场馆信息 */
.img_vuene .img_box li a.fa_del { background: url(../images/layer/icon.png) no-repeat; background-position: -150px -31px; width: 30px; height: 30px; display: block; margin-top: -12px; margin-left: 85px; position: absolute; top: 0; right: -12px; }
.img_vuene img { width: 95px; height: 90px; }
.img_vuene h2 { font-size: 18px; }
.img_vuene .img_box {  min-height: 200px; margin-top: 10px; margin-right: 19px; margin-bottom: 25px; }
.img_vuene .img_box ul {min-height: 202px; display: flex; flex-wrap: wrap; vertical-align: top; }
.img_vuene .img_box .t_roomtype { padding: 10px 0; }
.img_vuene .img_box ul li { width: 95px; height: 95px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #c7ddf4; border-radius: 3px; position: relative; overflow: initial; background-size: cover; background-repeat: no-repeat; background-position: center; }
.img_vuene .img_box ul li:nth-child(3n+1) { margin-left: 0; }
.img_vuene .img_box li a { right: 0; cursor: pointer; }
.img_vuene .img_box li.add { cursor: pointer; }


/* 礼包管理 */
.title { padding: 10px 0; font-size: 16px; font-weight: normal; color: #042e44; }
.weeks{ display:flex; justify-content: space-between; width: 100%; }
.weeks li{ width: 70px; padding: 3px 0; color:#042e44;  text-align: center; border: 1px solid #C7DDF4; cursor: pointer; border-radius: 3px; }
.weeks li.active { background-color: #035178; color:#ffffff; border-color: #035178; }
/* 订单管理 */
td.td_morePrice { position: relative; cursor: pointer; font-size: 14px; }
td.td_morePrice .more_arrow { width: 8px; height: 8px; display: inline-block; border-top: 2px solid #042e44; border-right: 2px solid #042e44; transform: rotate(-225deg); position: absolute; top: 50%; right: 15px; margin-top: -6px; transition: transform .3s; font-size: 12px; }
td.td_morePrice .more_arrow.show { transform: rotate(-45deg);}

/*导航栏二级菜单*/
li.sub_menu { position: relative; cursor: pointer; font-size: 14px; }
li.sub_menu .more_arrow { width: 8px !important; height: 8px !important; display: inline-block !important; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(-225deg); position: absolute; top: 60%; right: 10px; margin-top: -12px; transition: transform .3s; font-size: 12px;}
li.sub_menu .more_arrow.show { transform: rotate(-45deg);}

/*块级提示*/
.custom-tips {
    padding: 0.5rem 1.5rem;
    border-left-width: 0.5rem;
    border-left-style: solid;
    margin: 1rem 0;
    border-radius:10px;
}
    .custom-tips .custom-tips-title {
        font-weight: 600;
        line-height: 30px;
    }
    .custom-tips.primary {
        border-color: #277297;
        background-color: #ecf5ff;
        color: #3c9cff;
    }
    .custom-tips.warning {
        border-color: #e7c000;
        background-color: #fffae3;
        color: #746000;
    }
    .custom-tips.error {
        border-color: #fd4f4f;
        background-color: #f56c6c;
        color: #ffffff;
    }

.diamond span {
    display: block;
    position: relative;
    float: left;
    padding: 4px 10px;
    margin: 0 20px 10px 0;
    width: 120px;
    border: solid 1px #DDDDDD;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*.frmtable .facilities span:nth-child(4n+1), .frmtable .community span:nth-child(4n+1) { margin-left: 0; }*/
.diamond .active {
    border-color: #445EAB;
}

    .diamond .active::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        width: 15px;
        height: 15px;
        background: url(../images/default/icon-selected.png) #445EAB no-repeat center/80%;
        border-bottom-left-radius: 50%;
    }