/*主页*/
body {  background:#F6F6F6; }
[pmstype] { display:none;}
.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: 400px; margin-left: -200px; margin-top: -200px; background-color: rgba(0,0,0,0.5); padding: 20px 40px 20px; box-shadow:0px 0px 5px rgba(0,0,0,0.2); border-radius: 4px; }
.login .login_box .logo_box {width:320px; }
.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: 320px; float: left; }
.login .login_box .login_main .login_item { background: rgba(255,255,255,0.2); height: 40px; margin: 10px 0; font-size: 18px;color:#fff; }
.login .login_box .login_main .login_item .span_pms_line span { padding: 4px; background: rgba(0, 0, 0, 0.3); border-radius: 2px; font-size: 15px; cursor: pointer; width: 46px; display: inline-block; text-align: center; }
.login .login_box .login_main .login_item .span_pms_line span.active {background: #ff8800; } 
.login .login_box .login_main .login_item .span_pms_line span:hover {background: rgba(255, 136, 0, 0.7); } 
.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;margin: 6px 0;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: 200px; margin-top: 2px; background: rgba(0,0,0,0); border: 0; color: #fff; padding: 8px 8px 7px; }
.login .login_box .login_main .login_item input::-webkit-input-placeholder {color:#ccc; }
.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 .login_box .login_main .btn_login:hover {background: linear-gradient(#da8f00, #d05a00); }

.login .login_box .qrlogin_main { color: #fff; text-align: center; display: inline-block; margin-left: 40px; border-left: 1px solid #ccc; padding-left: 40px;margin-top: 36px; }
.login .login_box .qrlogin_main .title { font-size: 20px; margin-bottom: 10px; }
.login .login_box .qrlogin_main iframe { border: 1px solid #aaa; width: 150px; height: 150px;border-radius:5px;background: #fff7; }

.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; border-radius: 50%; background:rgba(255, 255, 255, 0.3); }


.login .app_box { position: fixed; left: 50%; top: 50%; width: 80%; margin-left: -40%; margin-top: -290px; }
.login .app_box .applst_box { height:520px; background: rgba(0,0,0,0.5);padding: 0 40px 40px 40px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.login .app_box .applst_box .flex { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.login .app_box .applst_box .app_panel { display: flex; position: relative; justify-content: flex-start; height: 200px; margin-top: 40px; overflow-y: hidden; background-color: rgba(255,255,255,.1); }
.login .app_box .applst_box .app_panel.app_left { width: 38%; margin-right: 40px; justify-content: space-around; }
.login .app_box .applst_box .app_panel.app_right { flex: 1; justify-content: space-around; }
.login .app_box .applst_box .app_panel .app_item { padding-top: 40px; text-align: center; color: #fff; }
.login .app_box .applst_box .app_panel .app_item .app_name_box { font-size: 20px; text-align: center; line-height: 2.5; }
.login .app_box .applst_box .app_panel .app_item .app_short_name { display: inline-block; width: 90px; height: 90px; line-height: 90px; font-weight: bold; font-size: 25px; border-radius: 10px; overflow: hidden; }
.login .app_box .applst_box .app_panel[data-type="2"] .app_item { width: 19%; }
.login .app_box .applst_box .app_panel[data-type="1"] .app_item .app_short_name { background-color: #009966; }
.login .app_box .applst_box .app_panel[data-type="2"] .app_item .app_short_name { background-color: #663366; }
.login .app_box .applst_box .app_panel[data-type="3"] .app_item .app_short_name { background-color: #CC3300; }
.login .app_box .applst_box .app_panel .app_item .app_short_name:hover { opacity: 0.75; cursor: pointer; }
.login .app_box .applst_box .app_panel .app_item .app_name_box:hover { text-decoration: underline; cursor: pointer; }
.gms_code.container { text-align: center; line-height: 280px; }
.login .app_box .applst_box .app_panel.border_hoder::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background: linear-gradient(to right, #ffffff 15px, #ffffff 0) top left, linear-gradient(to left, #ffffff 15px, #ffffff 0) top right, linear-gradient(to left, #ffffff 15px, #ffffff 0) bottom right, linear-gradient(to right, #ffffff 15px, #ffffff 0) bottom left; background-size: 40px 3px; background-repeat: no-repeat; }
.login .app_box .applst_box .app_panel.border_hoder::after { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; background: linear-gradient(to bottom, #ffffff 15px, #ffffff 0) top left, linear-gradient(to bottom, #ffffff 15px, #ffffff 0) top right, linear-gradient(to top, #ffffff 15px, #ffffff 0) bottom right, linear-gradient(to top, #ffffff 15px, #ffffff 0) bottom left; background-size: 3px 40px; background-repeat: no-repeat; }

.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.5); 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.5);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; }

/*免费版登录*/
.free_login { }
.free_login .div_headerBox {background: rgba(44,48,52,.95) !important; font-size: 14px;height: 60px;color: #fff; }
.free_login .div_headerBox .div_header {max-width:1300px;margin:0 auto;padding:0 50px;}
.free_login .div_headerBox .div_header .div_logo {float:left;overflow: hidden; }
.free_login .div_headerBox .div_header .div_logo img { position: relative; left: -200px; filter: drop-shadow(200px 0); height: 36px; margin-top: 12px; }
.free_login .div_headerBox .div_header .lang_box {float:right;line-height: 60px; }
.free_login .div_headerBox .div_header .lang_box > span { padding: 0 10px;cursor: pointer;}

.free_login .div_mainBox { max-width: 1300px; margin: 0 auto; padding:60px 50px; position: relative; min-height: 560px; vertical-align: middle;}
.free_login .div_mainBox .div_ADBox { float: left; margin-left: 6%;margin-top: 20px; }
.free_login .div_mainBox .div_ADBox img {width: 450px;background: #f5f5f6; }
.free_login .div_mainBox .login_box { padding: 20px 15px 0;background-color: #ffffff; float: right; margin-right: 6%; border: 1px solid #ededed; box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15); min-width: 475px; min-height: 400px; margin-bottom: 10px; }
.free_login .div_mainBox .login_box .logo_box { height: 60px; border-bottom: 1px solid #ccc; }
.free_login .div_mainBox .login_box .logo_box img { width: 52px; vertical-align: top; }
.free_login .div_mainBox .login_box .logo_box .div_title { font-size: 20px; font-weight: bold; color: #333; line-height: 1.3; }
.free_login .div_mainBox .login_box .logo_box .div_title span:first-child { padding-right: 10px; color: #0067cc; }
.free_login .div_mainBox .login_box .logo_box .div_title span:last-child{padding-left: 10px; }
.free_login .div_mainBox .login_box .logo_box .div_describe {line-height: 2.2;color: #666; }
.free_login .div_mainBox .login_box .login_main{ padding: 16px 16px 0;text-align: center;}
.free_login .div_mainBox .login_box .login_main .login_item { padding: 12px 0; }
.free_login .div_mainBox .login_box .login_main .login_item .div_name { font-size: 17px; font-weight: bold; color: #666; width: 15%; display: inline-block; vertical-align: middle; }
.free_login .div_mainBox .login_box .login_main .login_item .div_val { width: 80%; display: inline-block; vertical-align: middle; }
.free_login .div_mainBox .login_box .login_main .login_item .div_val .input { width: 98%; height: 40px; padding: 0 10px; font-size: 15px; }
.free_login .div_mainBox .login_box .login_main .login_item .span_pms_line span { border: 1px solid; background: #b9b9b9; color: #fff; padding: 10px 26px; margin-right: 4px; float: left; cursor: pointer; }
.free_login .div_mainBox .login_box .login_main .login_item .span_pms_line span.active { background:#ff9901;}
.free_login .div_mainBox .login_box .login_main .login_item .span_pms_line span:last-child {margin-right:0; }
.free_login .div_mainBox .login_box .login_main .login_item .span_pms_line span:hover { opacity: .8; -webkit-transition: opacity .2s ease-in-out; }
.free_login .div_mainBox .login_box .login_main .div_btnBox { text-align:center; }
.free_login .div_mainBox .login_box .login_main .login_item .btn { width: 96%; height: 42px; font-size: 16px; }
.free_login .div_mainBox .login_box .login_main .login_addchain { text-align: right; padding: 10px;font-weight: bold; }
.free_login .div_mainBox .login_box .login_main .login_addchain a {text-decoration: underline;}
.free_login .div_mainBox .login_box .login_main .login_addchain .login_Recommend { padding-left: 22px; background: url(/Skin/images/default/icon_fire_red.png); background-position: 0px -2px; background-repeat: no-repeat; background-size: 18px 18px; float: left; color: red; }
.free_login .div_mainBox .login_box .login_main .login_addchain .login_Recommend a {color: red; text-shadow: 0px 0px 1px #FF5722; }


.free_login .div_bottomBox .div_bottom .div_toolsBox { padding: 30px 0 0;color: #ffffff; }
.free_login .div_bottomBox .div_bottom .div_toolsBox span { padding-right: 30px;cursor: pointer;}
.free_login .div_bottomBox .div_bottom .div_websiteBox {padding: 16px 0;color: #ffffffb0;}
.free_login .div_bottomBox .div_bottom .div_websiteBox span { padding-right: 30px;}

.free_login .div_bottomBox {background: #4b5054; font-size: 14px; }
.free_login .div_bottomBox a {color: #ffffffb0; }
.free_login .div_bottomBox .div_bottom {max-width:1300px;margin:0 auto;padding:0 50px;}
.free_login .div_bottomBox .div_bottom .div_Cright {padding:0px 0 30px;color: #ffffffb0; }


.free_login .div_AddChainBox { background: #fff !important;padding:20px; }
.free_login .div_AddChainBox a { text-decoration: underline;}
.free_login .div_AddChainBox .input { width: 100%; padding: 10px; height: auto; }
.free_login .div_AddChainBox [type=radio] { vertical-align: -9px; margin: 5px; display: inline-block; height: 28px; }
.free_login .div_AddChainBox .btn { height: 38px; width: 114px; margin: 0 2px; }
.free_login .div_AddChainBox .btn.big { width: 84%;  }
.free_login .div_AddChainBox .div_BtnBox { text-align: center; width: 100%; position: absolute; left: 0; bottom: 15px; }
.free_login .div_AddChainBox .div_Title { width: 100%; text-align: center; font-size: 20px; padding: 5px 0 15px; font-weight: bold; border-bottom: 1px solid #ddd;color: #333; }
.free_login .div_AddChainBox .div_ContentBox {height:calc(100% - 90px);overflow:auto; }
.free_login .div_AddChainBox .tab_UserBox { margin-top: 20px;width:96%; }
.free_login .div_AddChainBox .tab_UserBox td { padding: 10px 5px; }
.free_login .div_AddChainBox .div_UserBox #btnSendCode{width:90px; }
.free_login .div_AddChainBox { }
.free_login .div_AddChainBox .div_AddChainItem {height: 100%; }
.free_login .div_AddChainBox .div_UserInfoBox .div_Tips { color: #E91E63; font-size: 30px; font-weight: bold; text-align: center; padding: 30px 20px 20px; line-height: initial; }
.free_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips { width: 90%; margin:15px auto 30px; text-align: center; font-weight: bold; }
.free_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_Mobile {color: red;font-size:20px; }
.free_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_Password {color: red;font-size:20px; }
.free_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_UserName {color: red;font-size:16px; }
.free_login .div_AddChainBox .div_UserInfoBox .div_SubTips { width: 90%; margin: 0 auto; text-indent: 1em; }
.free_login .div_AddChainBox .div_ChainInfoBox li { padding: 14px; border-bottom: 1px solid #eee; margin: 0 10px; }
.free_login .div_AddChainBox .div_ChainInfoBox li .btn { height: 32px; width: 100px; margin-top: -4px; }

.free_login .div_AddChainBox .div_Step1 .tab_ChainInfo { margin-top: 20px;width:96%; }
.free_login .div_AddChainBox .div_Step2 .tab_RoomTypeInfo { margin-top: 10px;width:96%; }
.free_login .div_AddChainBox .div_Step2 .checkbox span { float: left;cursor: pointer; background: #72727a; height: 32px; padding: 0 6px; margin: 0 2px 0px 1px; text-align: center; line-height: 32px; color: #fff; }
.free_login .div_AddChainBox .div_Step2 .checkbox span:last-child { margin: 0; }
.free_login .div_AddChainBox .div_Step2 .checkbox span.active { background: #44B549; }
.free_login .div_AddChainBox .div_Step2 .checkbox span.disabled{ pointer-events: none !important;opacity: 0.6;}
.free_login .div_AddChainBox .div_Step3 .input { width: 44px; margin-bottom: 3px; margin-right: 2px; float: left; padding:8px 2px; text-align: center; }
.free_login .div_AddChainBox .div_Step3 .btn_AddFloor,
.free_login .div_AddChainBox .div_Step3 .btn_AddRoom { width: 44px; height: 34px;float: left;margin: 0; }
.free_login .div_AddChainBox .div_Step3 .div_Tips { padding: 5px 0 0px; font-weight: bold; }
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox {clear:both; }
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeItem{clear: both;}
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeItem .div_RoomFloorBox{clear: both;}
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeName {font-weight:bold;color: #E91E63; }
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .span_FloorNum { border: 1px solid #44b449; color: #44b449; width: 46px; margin-right: 3px; float: left; text-align: center; height: 34px; line-height: 34px; }
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_FloorInfo { clear: both; width: 50px; display: inline-block; }
.free_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomInfo { clear: both; float: right; width: calc(100% - 50px); }
.free_login .div_AddChainBox .div_Step4 .tab_BankAccountInfo{ margin-top: 20px;width:96%; }


.free_login .app_box { position:absolute; left: 50%; top: 60%; width: 80%; margin-left: -40%; margin-top: -270px; }
.free_login .app_box .applst_box { height:400px; background:rgba(0,0,0,0.6);padding: 0 20px 30px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.free_login .app_box .applst_box .app_panel { height: 320px; overflow-y: auto;display: inline-flex;}
.free_login .app_box .applst_box .app_panel .app_item {flex: 1;cursor:pointer;padding: 20px; color: #fff; font-size: 14px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); background: rgba(255,255,255,0.2); border-radius: 4px; float: left; width: calc(33% - 20px);height: 90%;margin: 0 10px 20px; }
.free_login .app_box .applst_box .app_panel .app_item:hover { border: 1px solid #ffffff99;}
.free_login .app_box .applst_box .app_panel .app_item .app_name_box { padding-bottom: 10px;font-size: 24px; border-bottom: 1px solid #aaa;  text-align: center; }
.free_login .app_box .applst_box .app_panel .app_item .app_detail_box { text-indent: 1em; padding-top: 15px; max-height: 80%; overflow: auto; }

.free_login .chain_box { position: absolute; left: 50%; top: 55%; width: 80%; margin-left: -40%; margin-top: -270px; }
.free_login .chainlst_box { height: 400px; float: left; width: 60%; background: #00000099; padding: 0 10px 30px 30px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.free_login .chain_box .chain_panel{ height:320px;overflow-y:auto;}
.free_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; }
.free_login .chain_box li:nth-child(2n+1) { background: rgba(255,255,255,0.1); }
.free_login .chain_box li:hover { border: 1px solid #fff9; }
.free_login .chain_box li .icon_right { display: none; float: right; margin: 14px 14px 0 0; }
.free_login .chain_box li.active { border: 1px solid #fffa;background: rgba(0, 0, 0, 0); }
.free_login .chain_box li.active .icon_right{ display:block;}

.free_login .chain_box .shift_box { height:400px;    float: right; width: 38%; background:  rgba(0,0,0,0.6);padding: 0 20px 30px 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.4); border-radius: 4px; }
.free_login .chain_box .shift_box .shift_panel { height: 320px; overflow-y: auto; }
.free_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.25); border-radius: 4px; float: left; width: calc(50% - 20px); text-align: center; height: 90px;margin: 0 10px 20px; }
.free_login .chain_box .shift_box .shift_panel .shift_item:hover { border: 1px solid #fff;}
.free_login .chain_box .shift_box .shift_panel .shift_item .shift_name_box{font-size:26px; }
.free_login .chain_box .shift_box .shift_panel .shift_item .shift_name_box .shiftname{font-size:16px; }



/*新免费版登录*/
.newfree_login {background:#fff; }
.newfree_login .div_headerBox {font-size: 14px;height: 60px;position: absolute;width: 100%; z-index: 2;}
.newfree_login .div_headerBox .div_header {padding: 10px 25px;}
.newfree_login .div_headerBox .div_header .div_logo {float:left;overflow: hidden; color: #fff; }
.newfree_login .div_headerBox .div_header .div_logo img { position: relative; left: -200px; filter: drop-shadow(201px 0); height: 36px; margin-top: 12px; }
.newfree_login .div_headerBox .div_header .lang_box {float:right;line-height: 60px; color:#8a9099; }
.newfree_login .div_headerBox .div_header .lang_box > span { padding: 0 10px;cursor: pointer;}

.newfree_login .div_mainBox { position: relative; height: 100%; }
.newfree_login .div_mainBox .div_ADBox { float: left; height: 100%; width: 32%; z-index: 1; position: absolute; }
.newfree_login .div_mainBox .div_ADBox .div_ADItem {width: 100%;height: 100%;background: #fff;background-size: cover;background-position: bottom; }
.newfree_login .div_mainBox .right_login_box { float: right; height: 100%; width: 68%;  position:relative;}
.newfree_login .div_mainBox .login_box { padding: 20px 30px; background-color: #ffffff; margin: 0 auto; box-shadow: 0px 10px 18px 0 #00000012; width: 430px; height: 480px; top: 50%; margin-top: -260px; position: absolute; right: 0; left: 0;border-radius: 8px; }
.newfree_login .div_mainBox .login_box .logo_box {  }
.newfree_login .div_mainBox .login_box .logo_box img { width: 52px; vertical-align: top; }
.newfree_login .div_mainBox .login_box .logo_box .div_title { font-size: 20px; font-weight: bold; color: #333; line-height: 2; }
.newfree_login .div_mainBox .login_box .logo_box .div_title span:first-child { padding-right: 10px; color: #0067cc; }
.newfree_login .div_mainBox .login_box .logo_box .div_title span:last-child{padding-left: 10px; }
.newfree_login .div_mainBox .login_box .logo_box .div_describe {line-height: 2.2;    color: #a1a9b2; }
.newfree_login .div_mainBox .login_box .login_main{ padding: 10px 0px 0;text-align: center;}
.newfree_login .div_mainBox .login_box .login_main .login_item { padding: 15px 0; }
.newfree_login .div_mainBox .login_box .login_main .login_item .div_name { font-size: 17px; font-weight: bold; color: #666; width: 15%; display: inline-block; vertical-align: middle; }
.newfree_login .div_mainBox .login_box .login_main .login_item .div_val { }
.newfree_login .div_mainBox .login_box .login_main .login_item .div_val .input { width: 100%; height: 40px; font-size: 14px; border: 0; border-bottom: 1px solid #e5e5e5; }
.newfree_login .div_mainBox .login_box .login_main .login_item .div_val .input:focus {border-bottom: 1px solid #239CC9;box-shadow:none; }
.newfree_login .div_mainBox .login_box .login_main .login_item .span_pms_line { background: #f6f6f6; height: 42px; display: block; line-height: 42px; border-radius: 42px; }
.newfree_login .div_mainBox .login_box .login_main .login_item .span_pms_line span { color: #fff; float: left; width: 25%; display: inline-block; cursor: pointer; border-radius: 50px; color: #889098; }
.newfree_login .div_mainBox .login_box .login_main .login_item .span_pms_line span.active { background:#157bee;color:#fff;}
.newfree_login .div_mainBox .login_box .login_main .login_item .span_pms_line span:hover { background:#157bee66;color:#fff; }
.newfree_login .div_mainBox .login_box .login_main .div_btnBox { text-align:center; }
.newfree_login .div_mainBox .login_box .login_main .login_item .btn { width: 96%; height: 42px; font-size: 16px; background: #157bee; border-radius: 42px; }
.newfree_login .div_mainBox .login_box .login_main .login_item .btn_CreateChain { margin-top: 10px; background: #ff9901; }
.newfree_login .div_mainBox .login_box .login_main .login_addchain { text-align: right; padding: 10px 0;font-weight: bold; }
.newfree_login .div_mainBox .login_box .login_main .login_addchain a {text-decoration: underline;}
.newfree_login .div_mainBox .login_box .login_main .login_addchain .login_Recommend { padding-left: 22px; background: url(/Skin/images/default/icon_fire_red.png); background-position: 0px -2px; background-repeat: no-repeat; background-size: 18px 18px; float: left; color: red; }
.newfree_login .div_mainBox .login_box .login_main .login_addchain .login_Recommend a {color: red; text-shadow: 0px 0px 1px #FF5722; }

.newfree_login .div_bottomBox .div_bottom .div_toolsBox { color: #00000099; }
.newfree_login .div_bottomBox .div_bottom .div_toolsBox span { padding: 30px;cursor: pointer;text-decoration: underline;}
.newfree_login .div_bottomBox .div_bottom .div_websiteBox {padding: 16px 0;color: #00000066;}
.newfree_login .div_bottomBox .div_bottom .div_websiteBox span { padding-right: 30px;}

.newfree_login .div_bottomBox { color: #00000066; font-size: 12px; position: absolute; bottom: 0; width: 100%; text-align: center; }
.newfree_login .div_bottomBox a {color: #00000066; }
.newfree_login .div_bottomBox .div_bottom {max-width:1300px;margin:0 auto;padding:0 50px;}
.newfree_login .div_bottomBox .div_bottom .div_Cright {padding:10px 0 20px;color: #00000066; }

.newfree_login .div_AddChainBox { background: #fff !important;padding:20px; }
.newfree_login .div_AddChainBox a { text-decoration: underline;}
.newfree_login .div_AddChainBox .input { width: 100%; padding: 10px; height: auto; }
.newfree_login .div_AddChainBox [type=radio] { vertical-align: -9px; margin: 5px; display: inline-block; height: 28px; }
.newfree_login .div_AddChainBox .btn { height: 38px; width: 114px; margin: 0 2px; }
.newfree_login .div_AddChainBox .btn.big { width: 84%;  }
.newfree_login .div_AddChainBox .div_BtnBox { text-align: center; width: 100%; position: absolute; left: 0; bottom: 15px; }
.newfree_login .div_AddChainBox .div_Title { width: 100%; text-align: center; font-size: 20px; padding: 5px 0 15px; font-weight: bold; border-bottom: 1px solid #ddd;color: #333; }
.newfree_login .div_AddChainBox .div_ContentBox {height:calc(100% - 90px);overflow:auto; }
.newfree_login .div_AddChainBox .tab_UserBox { margin-top: 20px;width:96%; }
.newfree_login .div_AddChainBox .tab_UserBox td { padding: 10px 5px; }
.newfree_login .div_AddChainBox .div_UserBox #btnSendCode{width:90px; }
.newfree_login .div_AddChainBox { }
.newfree_login .div_AddChainBox .div_AddChainItem {height: 100%; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_Tips { color: #E91E63; font-size: 30px; font-weight: bold; text-align: center; padding: 30px 20px 20px; line-height: initial; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips { width: 90%; margin:15px auto 30px; text-align: center; font-weight: bold; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_Mobile {color: red;font-size:20px; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_Password {color: red;font-size:20px; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_UserCodeTips #span_UserName {color: red;font-size:16px; }
.newfree_login .div_AddChainBox .div_UserInfoBox .div_SubTips { width: 90%; margin: 0 auto; text-indent: 1em; }
.newfree_login .div_AddChainBox .div_ChainInfoBox li { padding: 14px; border-bottom: 1px solid #eee; margin: 0 10px; }
.newfree_login .div_AddChainBox .div_ChainInfoBox li .btn { height: 32px; width: 100px; margin-top: -4px; }

.newfree_login .div_AddChainBox .div_Step1 .tab_ChainInfo { margin-top: 20px;width:96%; }
.newfree_login .div_AddChainBox .div_Step2 .tab_RoomTypeInfo { margin-top: 10px;width:96%; }
.newfree_login .div_AddChainBox .div_Step2 .checkbox span { float: left;cursor: pointer; background: #72727a; height: 32px; padding: 0 6px; margin: 0 2px 0px 1px; text-align: center; line-height: 32px; color: #fff; }
.newfree_login .div_AddChainBox .div_Step2 .checkbox span:last-child { margin: 0; }
.newfree_login .div_AddChainBox .div_Step2 .checkbox span.active { background: #44B549; }
.newfree_login .div_AddChainBox .div_Step2 .checkbox span.disabled{ pointer-events: none !important;opacity: 0.6;}
.newfree_login .div_AddChainBox .div_Step3 .input { width: 44px; margin-bottom: 3px; margin-right: 2px; float: left; padding:8px 2px; text-align: center; }
.newfree_login .div_AddChainBox .div_Step3 .btn_AddFloor,
.newfree_login .div_AddChainBox .div_Step3 .btn_AddRoom { width: 44px; height: 34px;float: left;margin: 0; }
.newfree_login .div_AddChainBox .div_Step3 .div_Tips { padding: 5px 0 0px; font-weight: bold; }
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox {clear:both; }
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeItem{clear: both;}
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeItem .div_RoomFloorBox{clear: both;}
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomTypeName {font-weight:bold;color: #E91E63; }
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .span_FloorNum { border: 1px solid #44b449; color: #44b449; width: 46px; margin-right: 3px; float: left; text-align: center; height: 34px; line-height: 34px; }
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_FloorInfo { clear: both; width: 50px; display: inline-block; }
.newfree_login .div_AddChainBox .div_Step3 .div_RoomTypeBox .div_RoomInfo { clear: both; float: right; width: calc(100% - 50px); }
.newfree_login .div_AddChainBox .div_Step4 .tab_BankAccountInfo{ margin-top: 20px;width:96%; }


.newfree_login .app_box { position: absolute; left: 74%; top: 56%; width: 64%; margin-left: -40%; margin-top: -270px; }
.newfree_login .app_box .applst_box { height: 440px; background:#ffffff80; padding: 0 20px 30px 20px; box-shadow: 0px 10px 18px #157bee4d; border-radius: 6px; }
.newfree_login .text-gradient {background-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgb(21 123 238 / 0.5)), to(#157bee)); }
.newfree_login .app_box .applst_box .app_panel { height: 360px; overflow-y: auto;display: inline-flex;}
.newfree_login .app_box .applst_box .app_panel .app_item { flex: 1; cursor: pointer; padding: 15px; color: #666; font-size: 14px; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2); background: #ffffff0a; border-radius: 4px; float: left; width: calc(33% - 20px); height: 90%; margin: 10px 10px 20px; }
.newfree_login .app_box .applst_box .app_panel .app_item:hover { box-shadow: 0px 5px 10px #177bee75;}
.newfree_login .app_box .applst_box .app_panel .app_item .app_name_box { padding-bottom: 10px; font-size: 24px; border-bottom: 1px solid #157beeb3; text-align: center; color: #157bee; }
.newfree_login .app_box .applst_box .app_panel .app_item .app_detail_box { text-indent: 1em; padding-top: 15px; max-height: 80%; overflow: auto;color: #888; }

.newfree_login .chain_box { position: absolute; left: 74%; top: 56%; width: 64%; margin-left: -40%; margin-top: -270px; }
.newfree_login .chainlst_box { height: 440px; float: left; width: 53%; background: #ffffff80; padding: 0 10px 30px 30px; box-shadow: 1px 10px 18px rgba(0,0,0,0.2); border-radius: 6px;}
.newfree_login .chain_box .chain_panel{ height:360px;overflow-y:auto;}
.newfree_login .chain_box li { cursor: pointer; width: 99.4%; background: #157bee05; height: 40px; font-size: 16px; color: #666; line-height: 38px; padding-left: 14px; }
.newfree_login .chain_box li:nth-child(2n+1) { background: #177bee1a; }
.newfree_login .chain_box li:hover { background: #177bee66; }
.newfree_login .chain_box li .icon_right { display: none; float: right; margin: 14px 14px 0 0; }
.newfree_login .chain_box li.active { border: 1px solid #fff; background: #157beeee; color: #fff; }
.newfree_login .chain_box li.active .icon_right{ display:block;}

.newfree_login .chain_box .shift_box { height: auto; float: right; width: 46%; background: #ffffff80; padding: 0 20px 30px 20px; box-shadow: 0px 10px 18px rgba(0,0,0,0.2); border-radius: 6px; }
.newfree_login .chain_box .shift_box .shift_panel { height: auto; overflow-y: auto; }
.newfree_login .chain_box .shift_box .shift_panel .shift_item { cursor: pointer; padding-top: 16px; color: #fff; font-size: 14px; box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.2); border-radius: 6px; float: left; width: calc(50% - 20px); text-align: center; height: 90px; margin: 0 10px 20px; background: #177beeaa; }
.newfree_login .chain_box .shift_box .shift_panel .shift_item:hover { background: #157bee; color: #fff;box-shadow: 0px 5px 10px #177bee75; }
.newfree_login .chain_box .shift_box .shift_panel .shift_item .shift_name_box{font-size:26px; }
.newfree_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: #ddd; font-size: 12px; background: #363636; width: 100%;min-width:1366px; padding-left: 150px;position:absolute; }
.header .menubar span { line-height: 33px; }
.header .menubar .chain_box { padding-left: 20px; margin-left: 10px; background: url(../images/default/icon_home.png); background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .user_box { float: right; padding: 0 10px; }
.header .menubar .chain_box .select_chain { padding-right: 5px; }
.header .menubar .manage_box { padding-left: 14px; margin-left: 5px; background: url(../images/default/icon_user.png); background-position:0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .coupon_manage_box { background: url(../images/default/icon_07.png);background-position:0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .room_manage_box { background: url(../images/default/icon_13.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .goods_manage_box { background: url(../images/default/icon_11.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .corptemplate_web_box { background: url(../images/default/icon_04.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .otaorder_web_box { background: url(../images/default/icon_06.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .salecode_box { background: url(../images/default/icon_03_yellow.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .salecode_box a.manage {color:#FFEB3B; }
.header .menubar .recommend_box { background: url(../images/default/icon_fire_red.png);background-position: 0 -2px; background-repeat: no-repeat; background-size: 18px 18px; }
.header .menubar .recommend_box a.manage {color:#ff3131;font-weight: bold; }
.header .menubar .manage_box .manage { color: #ddd; padding: 0 4px; }
.header .menubar span a { color: #ddd; }
.header .head_menu { position: absolute; width: 150px; color: #222; overflow: hidden; background: #E5E7EC;height: 100%; padding: 90px 0 60px; }
.header .head_menu .index_logo {text-align: center;padding:12px 20px; height: 90px; border-bottom: 1px solid #F6F6F6;margin-top: -90px;background: #E5E7EC;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 #F6F6F6; 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 ul { margin-left: 0; height:100%;overflow: auto;}
.header .head_menu ul li { text-align: left; font-size: 15px; font-weight: bold; margin: 0px; cursor: pointer; height:48px; width: 100%; }
.header .head_menu ul li.active { }
 .header .head_menu ul li span:hover { border-left: 8px solid #ccc; background-color: #eee !important; }
.header .head_menu ul li.active span { border-left: 8px solid #44b549; background-color: #F6F6F6 !important; color: #44B549; }
.header .head_menu ul li span {border-left: 8px solid #E4E4E4; font-weight: normal; display: block; float: left; width: 100%; text-align: left; padding-left: 56px; height:48px;line-height: 48px;white-space:nowrap; }
.header .head_menu ul li span.i01 { background: url(../images/default/icon_01.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i02 { background: url(../images/default/icon_02.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i03 { background: url(../images/default/icon_03.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i04 { background: url(../images/default/icon_04.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i05 { background: url(../images/default/icon_05.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i06 { background: url(../images/default/icon_06.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i07 { background: url(../images/default/icon_07.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i08 { background: url(../images/default/icon_08.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i09 { background: url(../images/default/icon_09.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i10 { background: url(../images/default/icon_10.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i11 { background: url(../images/default/icon_11.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i12 { background: url(../images/default/icon_12.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }
.header .head_menu ul li span.i13 { background: url(../images/default/icon_13.png); background-size: 26px 26px; background-repeat: no-repeat; background-position: 16% 56%; }


.header .head_nav {color: #fff; width: 100%; overflow: hidden; background: #f1f1f1;border-bottom: 1px solid #ccc;}
.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,.index .userMore {display:none; position: absolute; left: 150px; top: 32px;padding-bottom: 10px; background: #72727A;z-index: 9999999998; color: #FFF;width:250px; height:500px; 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: 10px 5px 10px 20px;line-height: 18px; }
.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; }
.index .userMore { right: 0; left: auto; background: #2e2e2e; height: auto; padding: 6px; text-align: center; border-top: 1px solid #555; }
.index .userMore a { cursor: pointer; width: 40%; text-align: center; display: inline-block; }

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


/*二级页面样式*/
.container {height:100%;}
.container .tblcontent { border: 1px solid #ccc; background-color: #F3F3F3;margin-top: -1px;}
.container .tblcontent .mintable{border-top:0; }

/*左侧导航-房态图*/
.container .key_nav { position: absolute; top: 20px; left: 50%; margin-left: -200px; }
.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; margin: 2px 0 2px 8px; overflow: auto; color: #222; }
.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%;*/ }

/*左侧导航-会员*/
.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: #222; 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: #222; font-size: 18px; background: #E5E7EC; width: 100%; height: 51px; font-weight: normal; line-height: 51px; border-bottom: 1px solid #ccc; 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: #222; 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: 50px; border-bottom: 1px solid #f1f1f1;padding-top: 3px;}
.menupanel .menu_title { float: left; height: 46px; padding-top: 5px;    max-width: 358px; }
.menupanel .menu_title b:nth-child(1) { font-weight: normal; color: #FC6E64; font-size: 14px; line-height: 56px; display: block; float: left; height: 50px; }
.menupanel .menu_title b:nth-child(2) { font-weight: normal; height: 50px; color: #333; font-size: 26px; display: block; float: left; line-height: 50px; padding-left: 5px; }
.menupanel .menu_title b:nth-child(3) { padding-left: 10px; font-weight: normal; color: #FC6E64; font-size: 14px; line-height: 56px; display: block; float: left; height: 50px; }
.menupanel .menu_title b:nth-child(4) { font-weight: normal; height: 50px; color: #333; font-size: 24px; display: block; float: left; line-height: 50px; padding-left: 5px; }
.menupanel .menu_title b:nth-child(5) { padding-left: 15px; font-weight: normal; color: #FC6E64; font-size: 28px; float: left; height: 50px; }
.menupanel .menu_title b:nth-child(6) { padding-left: 20px; font-weight: normal; color: #FC6E64; line-height: 56px; float: left; height: 50px; font-size: 12px; }
.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 #999;border-top: 1px solid #999;background-color: #72727A; text-align: left; line-height: 46px; font-size: 14px; color: #fff; float: left; }
.menupanel .menus ul li:last-child {border-right: 1px solid #999; }
.menupanel .menus ul li.active { border-left: 1px solid #eee; background: #F6F6F6; border-top: 4px solid #44b549; line-height: 40px; }
.menupanel .menus ul li.active a {color: #44B549; }
.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% - 262px);  }
.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; font-size: 12px;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 #f6f6f6;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:3px 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: #4EA953; }
.tools .room_filter ul li i.checkindirty { background: #2b804b; }
.tools .room_filter ul li i.clean { background: #548BB6; }
.tools .room_filter ul li i.emptyclean { background: #548BB6; }
.tools .room_filter ul li i.cleancheck { background: url(../images/default/roomstatus/icon_cleancheck.png);background-size: 100%; }
.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.tuan { background: url(../images/default/roomstatus/icon_tuan.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.fast { background: url(../images/default/roomstatus/icon_fast.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.fit { background: url(../images/default/roomstatus/icon_fit.png); background-size: 100%; }
.tools .room_filter ul li i.agent { background: url(../images/default/roomstatus/icon_agent.png); background-size: 100%; }
.tools .room_filter ul li i.corp { background: url(../images/default/roomstatus/icon_corp.png); background-size: 100%; }
.tools .room_filter ul li i.meb { background: url(../images/default/roomstatus/icon_meb.png); background-size: 100%; }
.tools .room_filter ul li i.ctrip { background: url(../images/default/roomstatus/icon_ctrip.png); background-size: 100%; }
.tools .room_filter ul li i.fliggy { background: url(../images/default/roomstatus/icon_fliggy.png); background-size: 100%; }
.tools .room_filter ul li i.meituan { background: url(../images/default/roomstatus/icon_meituan.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 i.sourse  { border: 3px solid #ccc; background: #f6f6f6;}
.tools .room_filter ul li .num { font-size: 12px; color: #aaa; margin-left: 10px; }
.tools .room_filter ul li .name { padding-top: 4px;width: 40px; display: inline-table;white-space: nowrap;overflow:hidden; }
.serchbar .input_group span { font-size: 14px; padding: 2px; }

.mainheader { border: 0px solid #ccc;width: 100%; background: #D6DAE2; height: 42px; }
.mainheader .mtab { min-width: 600px; height: 42px; padding: 6px 5px; box-sizing: border-box; }
.mainheader .mtab ul.menu_box {float: right; }
.mainheader .mtab ul.menu_box li { float: left; width: 120px; font-size: 14px; text-align: center; height: 42px; color: #222; margin-top: -6px; line-height: 42px; border-right: 1px solid #bbb; border-left: 1px solid #e5e7ec; cursor: pointer; }
.mainheader .mtab ul.menu_box li:hover { border-bottom: 2px solid #ccc; background: #e5e7ec; }
.mainheader .mtab ul.menu_box li.active { border-bottom: 2px solid #3eb74f; background: #e5e7ec; 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; }

/*.mainnav { position: fixed; z-index: 3; top: 0; left: 0; height: 100vh; width: 74px; overflow: hidden; }
.mainnav::before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); background-color: #2B9FDF; }
.mainnav ul { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mainnav li { width: -webkit-calc(100% - 4px); width: calc(100% - 4px); }
.mainnav li img { display: block; margin: 0 auto; padding-bottom: 10px; }
.mainnav a { display: block; position: relative; padding: 2em 0 1.5em; font-size: 12px; text-align: center; color: #fff; transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; border-bottom: 1px dashed rgba(250,250,250,0.2); }
.mainnav a.mini { padding: 1.2em 0px 1.5em; }
.mainnav a::after { content: ''; position: absolute; top: 0; right: -4px; height: 100%; width: 4px; background-color: #83b0b9; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: none; }
.mainnav a:hover { text-decoration: none; }
.mainnav a:hover::after { opacity: 1; }
.mainnav a.active, .no-touch .mainnav a.selected:hover { background-color: #F7BC01; color: #fff; }
.mainnav li:nth-of-type(2) a::after { background-color: #d35657; }
.mainnav li:nth-of-type(3) a::after { background-color: #343943; }
.mainnav li:nth-of-type(4) a::after { background-color: #e4b162; }
.mainnav li:nth-of-type(5) a::after { background-color: #D92476; }
.mainnav li:nth-of-type(6) a::after { background-color: #00A400; }*/

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




.mainframe { background-color: #D6DAE2;padding: 5px 5px; /*max-height: 100%;*/}
.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 .serchbar .input_group { }
.mainframe .serchbar .input_group span { text-decoration: underline; font-size: 16px; padding: 0 10px; }*/

/*房型状态*/
.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; display: table; }
.mainframe .roomstatus ul li {position: relative;font-family:"Microsoft YaHei"; cursor: pointer; float: left; background: #72727A; color: #eee; padding: 4px; margin: 0px 5px 5px 0px; font-size: 14px; height: 78px; width: 78px;overflow: hidden; }
.mainframe .roomstatus.MapSize2 ul li {font-size: 14px; height: 93.6px; width: 125px; }
.mainframe .roomstatus.MapSize3 ul li {font-size: 16px; height: 109.2px; width: 148.4px; }
.mainframe .roomstatus.MapSize4 ul li {height: 78px; width: 106px; }
.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: #2b804b; }
.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 .twinkling { -webkit-animation: twinkling 1s infinite ease-in-out; }
@-webkit-keyframes twinkling {
    0% { opacity: 0.7; }
    50% { opacity: 1; }
    100% { opacity: 0.7; }
}
.mainframe .roomstatus .warning { -webkit-animation: warning 1s infinite ease-in-out; }
@-webkit-keyframes warning {
    0% { box-shadow:0px 0px 2px 1px #d75959;  }
    /*33% {transform: rotate(-1deg); }*/
    50% { box-shadow: 0px 0px 6px 4px #d75959; }
    /*66% {transform: rotate(1deg); }*/
    100% { box-shadow:0px 0px 2px 1px #d75959; }
}

.pc_icon:first-child { margin:5px 0 -5px 0;}
.pc_icon {width:16px;height:16px; display:inline-block;margin:5px 0 -5px 6px; background:url('../images/default/roomstatus/icon_pc_online.png') 100% /cover; }
.pc_icon.close {background:url('../images/default/roomstatus/icon_pc_close.png') 100% /cover; }
.pc_icon.error {background:url('../images/default/roomstatus/icon_pc_error.png') 100% /cover; }

/*房型标记*/
.mainframe .roomstatus ul li span { display: block; }
.mainframe .roomstatus.MapSize2 ul li span { zoom:1.2; }
.mainframe .roomstatus.MapSize3 ul li span { zoom:1.4; }
.mainframe .roomstatus ul li span.roomnum { font-size: 14px;font-weight:bold; padding-top:2px;  }
.mainframe .roomstatus ul li span.span_guest_name { font-size: 14px; height: 22px;overflow: hidden; padding-top:2px;width: 103%;  }
/*.mainframe .roomstatus.MapSize3 ul li span.span_guest_name {font-size: 12px; }*/
.mainframe .roomstatus ul li span.roomcode { padding-top: 6px; overflow: hidden; height: 24px; font-size: 12px; }
/*.mainframe .roomstatus.MapSize3 ul li span.roomcode { height: 26px;font-size: 14px; }*/
.mainframe .roomstatus ul li span.span_sign { width: 15px; position: absolute; right: 2px; top: 2px; }
.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.vip1 { background: url(../images/default/roomstatus/icon_vip1.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.vip2 { background: url(../images/default/roomstatus/icon_vip2.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.vip3 { background: url(../images/default/roomstatus/icon_vip3.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.cleancheck { background: url(../images/default/roomstatus/icon_cleancheck.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.tuan { background: url(../images/default/roomstatus/icon_tuan.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.fast { background: url(../images/default/roomstatus/icon_fast.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%; }
.mainframe .roomstatus ul li span i.ctrip { background: url(../images/default/roomstatus/icon_ctrip.png); background-size: 100%;}
.mainframe .roomstatus ul li span i.fliggy { background: url(../images/default/roomstatus/icon_fliggy.png); background-size: 100%;}
.mainframe .roomstatus ul li span i.meituan { background: url(../images/default/roomstatus/icon_meituan.png); background-size: 100%;}
.mainframe .roomstatus ul li span i.meb { background: url(../images/default/roomstatus/icon_meb.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.corp { background: url(../images/default/roomstatus/icon_corp.png); background-size: 100%; }
.mainframe .roomstatus ul li span i.agent { background: url(../images/default/roomstatus/icon_agent.png); background-size: 100%; }


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

/*图例*/
.roomMapZoom { position: fixed; bottom: 9px;right: 155px;}
.roomMapZoom ul li { cursor: pointer; border-bottom: 1px solid #fff; background: #D6DAE2; width: 25px; height: 28px; display: flex;align-items: center; }
.roomMapZoom ul li.active { background-color:#E5E7EC; border-right: 2px solid #44b549;border-left: 2px solid #e5e7ec; }
.roomMapZoom ul li div {background: #4ea953;margin:auto;border: 1px solid #fffe;}

/*分组*/
.roomgroup { position: fixed; top:40px; left: 10px;}
.roomgroup ul li { border-top: 2px solid #d6dae2;float: left; cursor: pointer; border-right: 1px solid #fff; background: #D6DAE2; padding: 0 10px; height:30px; line-height: 26px; }
.roomgroup ul li span { display: block; text-align: center;}
.roomgroup ul li.active { background-color:#E5E7EC; border-top: 2px solid #44b549;color:#44b549;font-weight: bold; }

.selectCleanUser .cleanTypeBox{text-align: center;padding-top: 0; }
.selectCleanUser .cleanTypeBox span { padding: 5px; border: 1px solid #ccc; width: 122px; display: inline-block;cursor:pointer; }
.selectCleanUser .cleanTypeBox span.select {background:#E91E63;color:#fff; }

/*状态提示*/
.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: #222; line-height: 40px; }
.mainframe .curryroomstatus .lbltable tr td { min-width: 100px; text-align: center; color: #222; line-height: 40px; }
/*.mainframe .curryroomstatus .lbltable tr td:first-child { color: #939496; background: #f6f6f6; }*/
/*.mainframe .curryroomstatus .lbltable tr:hover { background: #f6f7fa; }*/
.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 .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-right: 7px; width: 16px; height: 16px; margin-top: 3px; }

/*订单列表*/
.mainframe .orderlist { width: 100%; padding-top: 10px; }
.mainframe .orderlist .filter, .mainframe .orderlist .span_More { font-size: 13px; padding: 10px 15px 4px; cursor: pointer; }
.mainframe .orderlist .subfilter { padding: 3px 10px; cursor: pointer; background: #999; color: #fff; border-radius: 3px; }
.mainframe .orderlist .filter.select { border-bottom: 3px solid #44b549; color: #23a028; font-weight: bold; }
.mainframe .orderlist .filter:hover { border-bottom: 3px solid #44b54988;}
.mainframe .orderlist .subfilter.select {background: #44b549;color:#fff; }
.container .lsttable { clear: both; border-collapse: collapse; width: 100%; }
.container .lsttable caption { font-size: 22px; text-align: center; line-height: 30px; padding: 5px 10px; }
/*.container .lsttable tr[mebtype="3"] {color:#9A9A00; }*/
.container .lsttable tr th { height: 38px; padding: 1px; text-align: center; background-color: #fff; font-weight: normal; font-size: 13px; }
.container .lsttable tr td { padding: 1px; height: 36px; text-align: center; word-break: break-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.container .lsttable tr:nth-child(2n) { background: #E5E7EC; }
.container .lsttable tr:nth-child(2n+1) { background: #F6F6F6; }
.container .lsttable tr:hover { background: #F4E3E3; }
.container .lsttable tr th span { display: block; text-align: center; }
.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; background-position: -3px;}
.container .lsttable tr.suspended td:first-child { padding-left: 12px; background: url(../images/default/icon_suspended.png) no-repeat left center; background-size: 20px; background-position: -3px;}
.container .lsttable tr.booking td:first-child { padding-left: 12px; background: url(../images/default/icon_booking.png) no-repeat left center; background-size: 20px; background-position: -3px;}
.container .lsttable tr.meeting td:first-child { padding-left: 12px; background: url(../images/default/icon_meeting.png) no-repeat left center; background-size: 20px; background-position: -3px;}
.mainframe .lsttable tr.disabled { text-decoration: line-through;}

.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 .input,.serchbar .input:disabled {background:#eee; }*/
.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; overflow: hidden; text-overflow: ellipsis; }
.nowrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.container .mainframe .lockTableHeight {min-height: 474px; background: #D6DAE2;}

/*报表*/
.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: #222;background:#E5E7EC;  }
.container .rpttable tr:nth-child(2n+1){background:#F6F6F6;  }
    .container .rpttable tr th { height: 32px; line-height: 20px; color: #222; padding: 1px; text-align: center; background: #E5E7EC; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.container .rpttable tr td { padding: 1px; height: 32px; text-align: center; word-break: break-all;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.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: #222;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: #E5E7EC;}

.reportlist { width: 100%;    height: 100%;overflow-y: auto; overflow-x: hidden; }
.reportlist .searchBox { position: absolute; right: 16px; }
.reportlist .lstitem { margin-bottom: 10px; }
.reportlist .lstitem .title { margin-bottom: 10px; clear: both; width: 250px; height: 50px; line-height: 50px; font-size: 26px; padding-left: 36px; color: #fff; }
.reportlist .lstitem .title.t_01 { background: #558E96; }
.reportlist .lstitem .title.t_02 { background: #815596; }
.reportlist .lstitem .title.t_03 { background: #969255; }
.reportlist .lstitem ul { height: 100%; display: inline-block; }
.reportlist .lstitem ul li { position: relative;font-size: 13px; width: 177px; display: block; padding-left: 5px; line-height: 40px; float: left; background: #F6F6F6; height: 40px; margin: 0px 20px 10px 0px; overflow: hidden; }
.reportlist .lstitem ul li a { color: #222;; display: block; width: calc(100% - 25px); }
.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; }

.reportlist .collect { position: absolute; right: 0; top: 0; cursor: pointer; width: 32px; height: 100%; padding: 4px 6px; }
.reportlist .collect::before { background: url("/Skin/images/default/uncollect.png") 100% /cover; content: ''; width: 18px; height: 18px; display: inline-block; }
.reportlist .collect.select::before { background: url("/Skin/images/default/collect.png") 100% /cover; }

.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 #ccc; }
.rpt_silder img:hover { opacity: 1; }

/*报表头部条件过滤2016-04-26*/
.report .rptserchbar .conditon { color: #222; border-top: 0; background-color: #E5E7EC; border: 1px solid #ccc; margin-bottom: 2px; }
.report .rptserchbar +div{margin-top: 0; border: 1px solid #ccc; }
.report .rptserchbar .input {background:#f6f6f6; }
.report .rptserchbar .conditon .s_item { padding-left: 10px; margin: 10px 0; height: 36px;}
.report .rptserchbar .conditon .s_item span {  }
.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 #ccc; margin-bottom: -1px; }
.report .rptserchbar .conditon .filter .date_filter { border-top: 1px solid #ccc; cursor: pointer; padding: 8px 40px; border-right: 1px solid #ccc; 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 #ccc; 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 #ccc; }
.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: #222; }
.mainframe .mintable td { height: 36px; text-align: center; font-size: 12px; color: #5A5A5A; }
.mainframe .mintable tr:nth-child(2n).disabled { text-decoration: line-through; background: #ddd !important; }
.mainframe .mintable tr:nth-child(2n+1).disabled { text-decoration: line-through; background: #ddd !important; }
.mainframe .mintable tr.tr_HideCheckOut { background: rgba(247, 91, 8, 0.1) !important;}
.mainframe .mintable tr.tr_HideCheckOut:nth-child(2n+1) { background: rgba(247, 91, 8, 0.05) !important; }


/*注册会员*/
.container .frmbtitle { display: block; margin: 0px; font-size: 14px; color: #333;padding-top: 5px; }
.container .frmtable { clear: both; border-collapse: collapse; width: 98%; }
.container .frmtable tr th { text-align: right; padding-right: 4px; color: #7a7777; line-height: 33px; font-weight: normal; width: 75px;white-space:nowrap; }
.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; color: #fff; line-height: 33px; font-weight: normal; width: 80px; }
.container .frmctable tr td { text-align: center; color: #666; padding: 0px; }

.mainframe .walkin .payinfo { clear: both; border: 1px solid #ccc; background: #FFF; height: 56px; margin-right: 8px; padding-top: 4px; }
.mainframe .payinfo > div {cursor: pointer;margin:5px 0px 5px 20px; 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 { border-left: 10px solid #00A400; }
.mainframe .payinfo .p_03 { border-left: 10px solid #D92476;}
.mainframe .payinfo .p_04 { border-left: 10px solid #00A400; }
.mainframe .payinfo .p_05 { border-left: 10px solid #F7BC00; }
.mainframe .payinfo > div > span:nth-child(1) { display: block; font-size: 12px; float: left; margin-top: -8px; padding-left: 5px; text-align: left; }
.mainframe .payinfo > div > span:nth-child(2) { color: #E91E63;display: block;position: absolute;margin-left: 50px; font-size: 16px; font-weight: bold; }
.mainframe .mebwealth .mo_01 { display: block; color: #D92476; float: left; margin-left: 30px; line-height: 30px; font-size: 14px; }
.mainframe .mebwealth .mo_02 { display: block; color: #00A400; float: left; margin-left: 30px; line-height: 30px; font-size: 14px; }

.mainframe .mebtypeinfo .div_mebtype { cursor: pointer;overflow: hidden;margin:5px 0px 5px 20px; float: left; text-align: center; line-height: 32px; font-size: 16px; width: 115px; height: 35px; border: 1px solid #d8d8d8;}
.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 #ccc; width: 100%;background-color: #f0f0f0;padding: 5px; display: block; }
.mainframe .roomfolio { padding: 0 0 0 10px; }
.mainframe .roomfolio .foliofrom { clear: both; float: left; width: 900px; }
.mainframe .roomfolio .tabfoliobase { border: 1px solid #ccc; padding: 5px 0px; display: block;background-color: #FFFFFF; }
.mainframe .arrangin .tabfoliobase { border: 1px solid #ccc; padding: 5px 0px; display: block;background-color: #FFFFFF; }
.mainframe .walkin .tabfoliobase { border: 1px solid #ccc; padding: 5px 0px; display: block; background-color: #FFFFFF;}
.mainframe .workfolio .tabfoliobase { width:100%; display: block; padding: 10px; }

.mainframe .bookin .BookDetailBox { min-height: 125px;background: #f6f6f6; max-height: 196px; margin-top: -1px; overflow-x: hidden; overflow-y: auto; width: 935px; border: 1px solid #e6e6e6; }
.mainframe .bookin .BookDetailBox th { width: 44px; padding-right: 2px; }
.td_MeetingRoom .span_MeetingRoomDetail { padding: 6px 10px 6px 15px; background: #d92577; color: #fff; border-radius: 100px; margin-right: 6px; margin-bottom: 3px; display: inline-block; cursor: default; }
.td_MeetingRoom .span_MeetingRoomDetail i { background: #fff; border-radius: 100px; display: inline-block; width: 16px; height: 16px; line-height: 12px; vertical-align: 2px; color: #E91E63; text-align: center; font-family: none; margin-left: 6px; cursor: pointer; }

.mainframe .bookin .payinfo { height: 46px; width: 935px; background: #fff; }
.mainframe .blackfront { font-weight: bold;color: #222; }

.mainframe .roomplan { height: 480px; padding: 0px 20px; }
.mainframe .tranlist {  padding-left: 10px; }
.mainframe .regmeb { height: 480px; padding: 10px 20px; }
.mainframe .regmeb input[type=text], .mainframe .regmeb select {width:140px; }
.mainframe .mebform { height: 520px; 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: 0px 0px 0; }
.mainframe .report a{ text-decoration: underline; }
.tab_CheckInGuest input, .tab_CheckInGuest select,.tr_Guest input, .tr_Guest select { width: 98%; }
/*.tr_RoomTypeItem.select { background: #eee; }*/
.tr_RoomTypeItem.select { background: #DDCBEA; box-shadow: 0px 1px 3px #000; background: #DDCBEA !important; color: #67677C !important; }


/*关联房*/
.mainframe .connectlst { border: 1px solid #ccc; background: #F3F3F3; overflow: auto; height: 100%; width: 205px; margin-top: 10px; float: right; height: 475px; }
.mainframe .connectlst .ctitle {color: #222; display: block; text-align: left; padding-left: 10px; height: 36px; background: #E5E7EC; line-height: 36px; }
.mainframe .connectlst .hadcheckout {text-decoration: line-through;color: #aaa; }
.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 .connectlst .lsttable tr .btn{width: 30px;}

.mainframe .menutab { border-bottom: 1px solid #ccc; }
.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: 10px 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: #222;padding-left: 8px; }
.mainframe .guesttab ul li.checkout_guest { color: #aaa; }
.mainframe .tab_guestitem {border: 1px solid #ccc;padding: 8px;margin-top: -1px;background-color: #FFF;margin-bottom: 6px;}
.mainframe .tab_guestitem th{width:72px !important; }
.mainframe .foliofrom .input {width:144px; }
.mainframe .checkin .input{width: 155px; }
.mainframe .workfolio .input {width:235px; }

.mainframe .div_FliterBox { width: auto; display: inline-block; padding: 0 6px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: -1px; z-index: 1; position: relative; background: #f5f5f5;line-height: 26px; }
.mainframe .div_FliterBox input[type=checkbox] {vertical-align: -2px; }

.mainframe .div_ChgFolioBox { white-space: nowrap;float: right;max-width: 70%;  height: 26px; display: none; padding-left: 6px; margin-top: -1px; z-index: 1; line-height: 26px; position: relative; border-right: 1px solid #ccc; }
.mainframe .div_ChgFolioBox .span_title {width:50px;vertical-align: top; }
.mainframe .div_ChgFolioBox .span_ChgFolio {max-width:calc(100% - 50px);display: inline-block;height: 28px; }
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem { display: inline-block; width: 46px; text-align: center;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc; cursor:pointer; }
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem:hover {background: #f9f9f9; }
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.master{ color: #FF5722;background: url(../images/default/icon_master.png) no-repeat left center; background-size: 14px; background-position: -1px;}
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.suspended{ background: url(../images/default/icon_suspended.png) no-repeat left center; background-size: 14px; background-position: -1px;}
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.booking{ background: url(../images/default/icon_booking.png) no-repeat left center; background-size: 14px; background-position: -1px;}
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.meeting{ background: url(../images/default/icon_meeting.png) no-repeat left center; background-size: 14px; background-position: -1px;}
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.hadcheckout{ text-decoration: line-through;}
.mainframe .div_ChgFolioBox .span_ChgFolio .FolioItem.active {background-color: #fff;font-weight: bold;color: #45b54a;border-bottom: 2px solid #45b54a; }


.mainframe .totalinfo { height: 35px; margin-top: 0px; background-color: #FFF; }
.mainframe .totalinfo .titem { display: inline-block;height: 22px;margin: 0 5px; min-width: 82px;line-height: 20px; }
.mainframe .totalinfo .titem span:first-child{ margin-right:3px; }
.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 .collect { font-size: 12px; background: #E91E63; color: #fff; padding: 1px; border-radius: 2px; vertical-align: 1px; }
.mainframe .totalinfo .give { font-size: 12px; background: #157bee; color: #fff; padding: 1px; border-radius: 2px; vertical-align: 1px; }

.mainframe .favorites { height: calc(100% - 55px); overflow-x: hidden; overflow-y: auto; }
.mainframe .favorites li { cursor: pointer; margin-right: 8px; float: left; padding: 0 5px; margin-bottom: 5px; width: 107px; height: 54px; border-radius: 5px; line-height: 54px; text-align: center; color: #fff; position: relative; overflow: initial; margin-top: 10px; }
.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;  position: absolute; top: 0; right: -10px;zoom: 0.8; }
.mainframe .favorites li a.fa_del:hover { background-position: -181px -31px; }

.mainframe .addFavorites { height: calc(100% - 55px);    background: #f6f6f6;border: 1px solid #ddd;}
.mainframe .addFavorites li{position:relative; padding:8px ;   padding-left: 30px; cursor:pointer;}
.mainframe .addFavorites li::marker { content: '';}
.mainframe .addFavorites li .more_arrow { content: ""; position: absolute; top: 38%; left: 15px; transform: rotate( -93deg ); margin-top: -3px; border: 5px solid rgb(0,0,0); border-bottom: 5px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.mainframe .addFavorites li.show .more_arrow { transform: rotate( 0deg ); top: 47%; left: 12px; }

.mainframe .addFavorites li.li_SubLoveType{padding-left: 40px;}
.mainframe .addFavorites li.li_SubLoveType.select{background:#fff;border-left: 5px solid #44b549;padding-left: 35px;font-weight: bold;}

.mainframe .addFavorites .addFavoritesItem { cursor: pointer; margin-left: 8px; float: left; padding: 0 5px; width: 100px; height: 36px; border-radius: 2px; line-height: 36px; text-align: center; color: #fff; margin-top: 10px; background: #6c7fc5; }
.mainframe .addFavorites .addFavoritesItem:hover {background:#6c7fc5cc; }


.mainframe .mlogs { 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 #ccc; 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 .sevBox { width: 32%; float: left;word-break: break-all; height: 480px; background: #F2F2F2; border: 1px solid #E0E0E0; padding: 10px; }
.mainframe .sevBoxTips{  margin-right: 17px; }

.mainframe .sevtitle { line-height: 24px; height: 50px; font-size: 24px; padding: 10px 0px 0px 0px; border-bottom: 2px solid; margin-bottom: 10px; }
.mainframe .sevtitle.t_01 {color: #73AB31; }
.mainframe .sevtitle.t_02 {color: #45ADAD;}
.mainframe .sevtitle.t_03 {color: #00BCD4;}
.mainframe .clockBox,.mainframe .goodsBox {height:50%; }
.mainframe .sevBox .connect  { height: calc(100% - 60px); overflow-x: hidden; overflow-y: auto;    padding: 0 10px;}
.mainframe .sevBox li { margin-right: 10px; float: left; padding: 0 5px; margin-top: 10px; overflow: hidden; margin-bottom: 10px; line-height: 22px;width: 145px; height: 58px; border-radius: 5px; text-align: center; color: #fff; }
.mainframe .sevBox li .time { color: #EFFFDA;padding-left: 42px;text-align: left;  }
.mainframe .sevBox li .goodsNum { font-size: 12px; padding-left: 8px; }
.mainframe .sevBox li .tipsdetail { width: 146px;text-align: left; font-size: 15px; padding-top: 4px; line-height: 32px; height: 32px; width: 140px; padding-left: 42px; overflow: hidden; text-align: left; }
.mainframe .sevBox li.clo1 { background: url(/Skin/images/default/tips_clock_green.png) #87c931; background-size: 100%; }
.mainframe .sevBox li a.finish { background: url(/Skin/images/default/checkbox_green.png) no-repeat; background-size: 26px; width: 26px; height: 26px; display: block; margin-top: 38px; margin-left: 120px; position: absolute; }
.mainframe .sevBox li a.set_finish { background: url(/Skin/images/default/checkbox_green_close.png) no-repeat; background-size: 26px; width: 26px; height: 26px; display: block; margin-top: -10px; margin-left: 120px; position: absolute; cursor: pointer; }
.mainframe .sevBox li a.set_finish:hover { transform: rotate(15deg); }

.mainframe .sevBox li .leftIconText { text-align: center; padding: 10px 0; margin: 15px 0; width: 16%; font-size: 28px; line-height: 38px; border-right: 1px dashed rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); height: 100%; float: left; }
.mainframe .sevBox li .rightConnect {text-align: left; padding: 10px; width: 84%;float: left; }
.mainframe .sevBox li .rightConnect .time { color: rgba(255, 255, 255, 0.9); padding:0; display: inline-block; }
.mainframe .sevBox li .rightConnect .waiter { padding:0; }
.mainframe .sevBox li .rightConnect .tipsdetail { width: 100%; height: 68px; margin: 5px 0; padding: 0; overflow: auto; font-size: 13px; line-height: 20px; background: rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 5px 10px; }
.mainframe .sevBox li .rightConnect .bottomDetail { border-top: 1px dashed rgba(255, 255, 255, 0.6); text-align: left; }
.mainframe .sevBox li .rightConnect .bottomDetail .state {margin-top: 6px;display:none; }
.mainframe .sevBox li .rightConnect .bottomDetail .btn { margin-top: 6px; height: 24px;width: 67px;  }
.mainframe .sevDefault span { border-radius: 5px; background: #009688; color: #fff; cursor: pointer; width: 62px; height: 32px; line-height: 32px; text-align: center; display: inline-block; margin-right: 10px; }
.mainframe .sevDefault span:hover { opacity: .8; }
.mainframe .sevDefault span:last-child { margin-right: 0px; }

.mainframe .sevBox .broadcast li { width: 100%; height: auto; background: #00d1d3; }
.mainframe .sevBox .broadcast li .rightConnect .time {padding: 6px 0 0 0;}
.mainframe .sevBox .roomSev li { width: 100%; height: auto; background: #00BCD4; }
.mainframe .sevBox .roomSev li .rightConnect .tipsdetail { min-height: 46px; height: auto; }

/*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 { clear: both; font-size: 18px; width: 120px; border-bottom: 1px solid; margin-top: 5px; padding: 3px 6px; }
.roomrateset .checkbox span { float: left;cursor: pointer; background: #72727a; height: 32px; min-width: 70px; padding: 0 10px; margin: 5px; display: inline-block; text-align: center; line-height: 32px; color: #fff; }
.roomrateset .checkbox span.active { background: #44B549; }
.roomrateset .input { width: 190px; border: 1px solid #aaa;color:#222; }
.roomrateset .step1, .roomrateset .step2 { height: 550px; position: relative;overflow:auto;padding-bottom: 40px; }
.roomrateset .lsttable tr td { border: 1px solid #D6DAE2; }
.roomrateset .tr_RoomRateType input {width:40px; }

/*夜审*/
.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: #222; 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: #222; 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: 61.8%; 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 #D7D7D7; }
.guestinfo .tr_Guest:last-child ,.readcert  .tr_CheckInGuest:last-child{ border-bottom: 1px solid #D7D7D7;}
.guestinfo .tab_GuestBox th,.readcert .tab_CheckInGuest th { background: #D7D7D7 !important;}


.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 { padding:0 8px !important;cursor: pointer; float: left; min-width: 45px; height: 45px !important; margin: 5px; line-height: 45px; text-align: center; background: #548bb6; color: #fff; font-size: 14px; font-weight: bold; }
.selrooms ul li:hover { background: #c79700  !important; }
.selrooms ul li.select { background: #F7BC01 !important; }
.selrooms ul li.dirty { background: #959595; }
.selrooms ul li.checkin { background: #2b804b; }
.selrooms 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: 61.8%; 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; min-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 #ccc; 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 2px; height: 22px; width: 31px; }
.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{position: relative;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 .guestName .del { position: absolute; top: -4px; right: -4px; background: #aaa; display: inline-block; height: 12px; width: 12px; border-radius: 50%; line-height: 10px; color: #fff; }
.betchcheckin ul li .guestBox .betchAddGuestBtn { width: 20px; background: #ddd;margin-left: 10px;margin-right: 4px; }
.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; min-width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #548bb6; color: #fff; font-size: 14px; font-weight: bold; }
.changerooms ul li:hover {background:#c79700 !important; }
.changerooms ul li.select { background: #F7BC01 !important; }
/*房单--换房原因*/
.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; min-width: 45px; height: 45px; margin: 5px; line-height: 45px; text-align: center; background: #548bb6; color: #fff; font-size: 14px; font-weight: bold; }
.changereason ul li:hover { background: #c79700 !important; }
.changereason ul li.select { background: #F7BC01 !important; }

/*发票*/
.c_invoice { position: absolute; bottom: 160px; right: 7%; }
.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; padding: 10px; }
.c_contiue .ctips { display: inline-block; color: #F75B08; line-height: 32px; font-size: 16px; padding: 10px 20px 0px 0px; border-bottom: 1px solid; min-width: 190px; margin-left: 10px; margin-bottom: 10px; }
.c_contiue .sp1 { display: block; width: 70px; float: left; line-height: 30px;padding-right: 10px;text-align: right; }
.c_contiue .sp2 { display: block; float: left; width: calc(100% - 70px); }
.c_contiue .input {width:100%; }
/*房单-门卡/*/
.c_card { display: none; padding: 10px 0px 0px 10px; }
.c_card .mrgl10 div ,.selectRoomTime .mrgl10 div,.selectVIPType .mrgl10 div { background-color: #239CC9; color: #fff; }
.c_card .mrgl10 div:hover ,.selectRoomTime .mrgl10 div:hover ,.selectVIPType .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 #ccc; text-align: center; float: left;cursor: pointer; }
.c_card .cp_02 { margin-left: 10px; width: 180px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; float: left;cursor: pointer; }
.c_card .cp_03 { width: 85px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; float: left;cursor: pointer; }
.c_card .cp_04,.selectRoomTime .cp_04,.selectVIPType .cp_04 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; float: left;cursor: pointer; }
.c_card .cp_05 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; float: left;cursor: pointer; }
.c_card .cp_06 { margin-left: 10px; width: 85px; height: 45px; line-height: 45px; border: 1px solid #ccc; text-align: center; float: left;cursor: pointer; }
/*房单-门卡信息/*/
.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;color: #4CAF50;}

/*房单--添加关联房*/
.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 { position: relative;cursor: pointer; font-size: 12px; float: left; min-width: 51px; height: 45px; margin: 5px; line-height: 18px; background: #2b804b; color: #fff; padding: 5px; }
.addchgrooms ul li.active { background: chocolate; }
.addchgrooms ul li span { display: block; text-align: center; }
.addchgrooms ul li:hover { background: #c79700 !important; }
.addchgrooms ul li.select { background: #FF9800 !important; }
.addchgrooms ul li .connect { height: 13px; width: 13px; font-size: 11px; display: block; color: #fff; background: url(../images/default/roomstatus/icon_connect.png); background-size: 100%; position: absolute; right: 0; top: 0; }

/*账单--冲减*/
.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: #2b804b; color: #fff; padding: 5px;overflow: hidden; }
.transerform ul li.active { background: chocolate; }
.transerform ul li span { display: block; text-align: center; }
.transerform ul li:hover { background: #c79700 !important; }
.transerform ul li.select { background: #F7BC01 !important; }

/*账单--关联转账*/
.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; min-width: 51px; height: 45px; margin: 5px; line-height: 18px; background: #2b804b; color: #fff; padding: 5px; }
.ctranserform ul li.active { background: chocolate; }
.ctranserform ul li span { display: block; text-align: center; }
.ctranserform ul li:hover { background: #c79700 !important; }
.ctranserform ul li.select { background: #F7BC01 !important; }


/*账单--入账*/
.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 #ccc; }
.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_AddTranBox .div_RateInfo { position: absolute;bottom: 0;left: 15px;color: #666;}
.div_AddTranBox .div_RateInfo > span {margin-right:15px; }
.div_AddTranBox .div_RateInfo .span_RateDetail{color:red;font-weight:bold;}

.div_AddMarket .ca_item ul li { height: 78px;width: 178px;}

/*账单--合并打印*/
.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: 340px; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #ccc; }
.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.disabled { cursor:not-allowed; background:#bbb; pointer-events: none !important;}
.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 { font-weight: bold;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; }
.checkout .tab_dayrate{padding-left: 2%;display: block; }
.checkout .ckinfo .span_ReRate {text-indent: 0px; color: #44B549; font-weight: bold; max-height: 60px; overflow: auto; display: inline-block; vertical-align: text-top; padding: 0 10px; line-height: 1.2; }
.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; }

.checkout .span_GroupCheckOut .master .roomno { color: #FF5722; background: url(/Skin/images/default/icon_master.png) no-repeat left center; background-size: 18px; background-position: -2px; }
.checkout .span_GroupCheckOut .suspended .roomno { background: url(/Skin/images/default/icon_suspended.png) no-repeat left center; background-size: 18px; background-position: -2px;}
.checkout .span_GroupCheckOut .booking .roomno { background: url(/Skin/images/default/icon_booking.png) no-repeat left center; background-size: 18px; background-position: -2px;}

.checkout .span_GroupCheckOut .self .roomno { color: #45b54a; }

/*预授权--新增*/
.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; }

.div_Deduct .sp1 { display: inline-block; width: 100px; float: left; line-height: 16px;padding-right: 10px;text-align: right; }
.div_Deduct .sp2 { display: inline-block; float: left; width: calc(100% - 100px); }

/*提醒--新增*/
.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; }
/*租借--新增*/
.addBroadcast { padding: 10px; display: none; width: 100%; }
.addBroadcast .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; }
/*租借--新增*/
.AddRoomService { padding: 10px; display: none; width: 100%; }
.AddRoomService .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; }
.addLeave { padding: 10px; display: none; width: 100%; }
.addLeave .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;bottom: 10px;left: 0; width: 100%; text-align: right;padding: 0 5px; }
/*.toolbutton .btn[value="扫码"] {display:none; }*/

/*左侧导航-工作张*/
.container .user_nav {padding-top: 10px;position: absolute;height: 100%; width: 190px; background: #E5E7EC; 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; text-align: left; display:table;font-size: 15px; font-weight: bold; margin: 0px; cursor: pointer; height:48px; width: 100%; }
.user_nav ul li.active { }
.user_nav ul li.active span {border-left: 8px solid #44B549;background-color:#F6F6F6 !important;color:#44B549; }
.user_nav ul li span {vertical-align: middle;border-left: 8px solid #E5E7EC; font-weight: normal; display: block; width: 100%; text-align: left; padding-left: 64px; letter-spacing: 1px;height:48px;display:table-cell; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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%; }
.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 { line-height: 26px; font-size: 14px;text-align:center;margin: 5px 0 0 0;}
.leftpages {text-align:left; }
.pages .pageno_box span {border: 1px solid #bbb; background: #f6f6f6;border-radius: 1px;display: inline-block; margin: 0px 5px 0px 5px; text-align: center; min-width: 30px; cursor: pointer; }
.pages .pageno_box span:hover { background: #44b549;border: 0;}
.pages .pageno_box span:hover a { color: #fff !important; }
.pages .pageno_box span.active { background: #44b549;border: 0;}
.pages .pageno_box span.active a { color: #fff !important; }
.pages .pageno_box span a { color: #666 !important; font-size: 12px;text-decoration: none !important; }
.pages .pageno_box span a:hover { }
.pages .pageno_box span.first a{letter-spacing: -6px;margin-left: -6px;}
.pages .pageno_box span.last a{letter-spacing: -6px;margin-left: -6px;}
.pages div.total { padding-left: 2em;font-size: 12px; color: #666; line-height: 28px; display: inline-block; position: absolute; }

.pages span.to_pagesize { border: 1px solid #bbb; background: #e5e7ec; padding: 2px 0px 2px 5px; cursor: pointer;min-width: 45px;  border-radius: 2px; display: inline-block; line-height: 18px; }
.pages .pagesize_list { overflow: auto; border-radius: 4px; max-height: 262px; position: absolute; width: 45px; text-align: center; background-color: #FFFFFF; border: 1px solid #bbb; color: #777; font-size: 12px; }
.pages .pagesize_list li:nth-child(2n+1) {background:#eee; }
.pages .pagesize_list li:hover {cursor:pointer;background:#9E9E9E;color:#fff; }
.pages .pagesize_list li.select { background: #222; color: #fff; }

/*.container.mainframe .pages {color:#5A5A5A; }
.pages { line-height: 26px; font-size: 12px;margin: 2px auto 0; color:#222; text-align: center;}
.pages b { font-weight: normal; display: block; float: left; background: #fff; text-align: center; color: #666; min-width: 45px; border: 1px solid #9EA09D; cursor: pointer; }
.pages b.disabled { background: #C5C0C0; pointer-events: none; }
.pages b:hover { background: #428bcb; border: 1px solid #428bcb; }
.pages b a { color: #666; }
.pages b:hover a { color: #fff; }
.pages b a:hover { text-decoration: none; }
.pages span { margin: 0px 5px 0px 5px;  }
.pages span.go_page { cursor: pointer;}
.pages span.go_page:hover {  }
.pages span.active { background: #428bcb; border: 1px solid #428bcb; }
.pages span.active a { color: #fff; }
.pages span a { color: #666; }
.pages span a:hover { text-decoration: none; }
.pages div.total { text-indent: 2em; font-size: 12px; color: #666; line-height: 28px; }
.pages span.to_page { border: 1px solid #72727a; padding: 0px 5px 2px 10px;cursor:pointer;border-radius: 2px;}
.pages .page_list { overflow: auto; border-radius: 4px; max-height: 262px; position: absolute; bottom: 22px;left: 72px; width: 41px; text-align: center; background-color: #FFFFFF; border: 1px solid #777; color: #777; }
.pages .page_list li:nth-child(2n+1) {background:#eee; }
.pages .page_list li:hover {cursor:pointer;background:#D29DFF;color:#fff; }*/


/****************** 分页 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.clean { background: #9CC475; }
.menu-btn .fa.cleansing { background: #71C172; }
.menu-btn .fa.check { background: #cd32ec; }
.menu-btn .fa.lastcheckin { background: #649531; }
.menu-btn .fa.refresh { background: url(../images/default/icon_refresh.png) no-repeat center center; }
.menu-btn .fa.vip { background: url(../images/default/roomstatus/icon_vip.png); background-size: 100%; }
.menu-btn .fa.connect { background: url(../images/default/roomstatus/icon_connect.png); background-size: 100%; }
.menu-btn .fa.sort { background: url(../images/default/roomstatus/icon_sort.png); background-size: 100%; }
.menu-btn .fa.save { background: url(../images/default/roomstatus/icon_save.png); background-size: 100%; }
.menu-btn .fa.book { background: #ff8935; background-size: 100%; }
.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;display: block; }
.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: 1px solid #ccc; padding-left: 10px; }

/*角色组*/
.RoleBox {width: 99%; height: 340px; }
.RoleBox .systemItemBox {line-height: 28px; overflow-x: auto;  }
.RoleBox .systemItem { cursor: pointer; height: 30px; border-bottom: 1px solid #ccc; float: left; width: auto; padding: 0 8px; overflow: hidden; text-align: center; border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #E5E6E6; }
.RoleBox .systemItem.active { border-bottom: 2px solid #44b549; height: 30px; font-weight: bold; }
.RoleBox .systemItem:last-child { border-right: 1px solid #ccc; }
.RoleBox .roleItemBox {padding:10px; width: 100%; height: calc(100% - 24px); overflow: auto; border: 1px solid #ccc; margin-top: -1px; }
.RoleBox .roleItemBox span { width: 25%; white-space: nowrap; overflow: hidden; float: left; padding: 3px; }
.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 #ccc; 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 {background:#F6F6F6; color: #67677C }
.container.mainframe a{color: #D0021B;}
.container.mainframe .input { background-color: #FEFEFE; border: 1px solid #C7C7C7; }
.container.mainframe .input.disabled,.container.mainframe .input.notallowed { background: #F6F6F6; }
.container.mainframe .frmtable tr th {color:#67677C;display: table-cell;overflow: hidden; }
.container.mainframe .frmtable tr .input {float: left;}

/*.container.mainframe .btn{background:#67677C; }*/
.container.mainframe .mainframe {background:none; }

.container.mainframe .hisframe .basebox .input {background:#E6E6E6 !important; }

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

/*设置*/
.setting .ctips,.setting .meituan,.setting .fliggy { 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 .tab_CtipsSet th,.setting .tab_MeiTuanSet th,.setting .tab_FliggySet th { width: 90px; padding: 5px; }
.setting .night_setting,.setting .shift_setting {padding-left:20px; font-size: 18px; }
.setting .shift_setting {height: 370px;overflow:auto; font-size: 14px;}
.setting .shift_setting tr { height: 40px; border-bottom: 1px solid #e5e7ec; }
.setting .shift_setting tr:last-child {  border-bottom: 0; }
.setting .settingline{height: 50px;}
.setting .settingline .title { width: 135px; display: inline-block; text-align: right; }
.container.sysBrand .mainframe .lockTableHeight {background:#f6f6f6; }
.setting .night_setting .span_RoomLockSettingItem {float: left; font-size: 13px;}
.setting .night_setting .span_RoomLockSettingItem span {display:inline-block;width:90px;text-align: right; }

.setting .night_setting .theme { padding: 0px 16px; border: 1px solid #eee; margin-right: 18px; cursor: pointer;position:relative; }
.setting .night_setting .dirty { background: #72727A; }
.setting .night_setting .stop { background: #d75959; }
.setting .night_setting .checkin { background: #4EA953; }
.setting .night_setting .checkindirty { background: #2b804b; }
.setting .night_setting .clean { background: #548BB6; }
.setting .night_setting .font { background: #eee; }


/* 经营指标 */
.mange_target { display: block; height: 100%; padding-left: 150px; line-height: 1.5; white-space: nowrap; overflow-x: scroll; background-color: #fff; }
.mange_target li { display: inline-block; text-align: left; border-right: 1px solid #D6DAE2; }
.mange_target li h3 { padding: 10px; }
.mange_target li.main { position: absolute; left: 0; top:42px; background-color:#fff; padding-left: 30px; width: 150px; }
.mange_target li.model{ display: none; }
.mange_target li.make,.mange_target li.total  { width: 150px;  padding: 0 5px; }
.mange_target li span.first,
.mange_target li span.second,
.mange_target li span.third { display: block; height: 30px;line-height: 30px; }
.mange_target li span.second { text-indent: 15px; }
.mange_target li span .input { height: 25px; width: 90%; }
.mange_target li span .input.w30p{ width: 23.5%; }
.mange_target li span .input.w60p{ width: 55%; }

.exchange_shift { display:block; }
.exchange_shift .exchange_shift_box{ padding:0 10px;    height: 450px; overflow: auto; }
.exchange_shift .exchange_shift_box .exchange_shift_title { font-size: 16px; font-weight: bold;padding-top: 5px; }
.exchange_shift .exchange_shift_box .exchange_shift_content{ padding: 5px 10px; }

.container .linetable { clear: both; border-collapse: collapse; width: 100%;border: 1px solid #999;background-color: #fff; }
.container .linetable tr th { height: 32px; padding: 1px; text-align: center; font-size: 13px;border: 1px solid #999; }
.container .linetable tr td { padding: 1px; height: 36px; text-align: center; word-break: break-all;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;border: 1px solid #999; }
.container .linetable tr th span { display: block; text-align: center; }


/*短信中心*/
.container .mainframe .SmsCenter .div_SmsSumBox { padding: 10px; font-size: 16px; }
.container .mainframe .SmsCenter .span_SmsCount {color: red; font-weight: bold; font-size: 30px; }
.container .mainframe .SmsCenter .div_SmsSumBox .div_LookSMSDetail { position: absolute; right: 25px; top: 25px; }
.container .mainframe .SmsCenter .div_SmsPackageBox{ margin-top: 5px; }
.container .mainframe .SmsCenter .div_SmsPackageBox .btn_BuyPackage {margin-bottom:5px; }
.container .div_BuyPackage {padding:0 20px; }
.container .div_BuyPackage .ctip{font-weight: bold;margin: 15px 0 5px;}
.container .div_BuyPackage .div_ContentBox .div_PackageBox .span_PackageItem { cursor: pointer;display: inline-flex;margin: 2px; width: 148px; height: 60px; background: #E91E63; color: #fff;white-space:nowrap; }
.container .div_BuyPackage .div_ContentBox .div_PackageBox .span_PackageItem:hover {opacity: 0.8;  }
.container .div_BuyPackage .div_ContentBox .div_PackageBox .span_PackageItem .span_PackageName {  text-align: center;display: inline-block; line-height: 60px; flex: 1; padding-left: 2px; font-size: 16px; font-weight: bold; }
.container .div_BuyPackage .div_ContentBox .div_PackageBox .span_PackageItem .span_PackageAmountBox { display: inline-block; vertical-align: middle; width: 65px; padding: 11px 10px 0 0; line-height: 20px; text-align: right; }
.container .div_BuyPackage .div_ContentBox .div_PackageBox .span_PackageItem .span_PackageAmountBox .div_PackagePrice { font-size: 12px; color: #FFEB3B; }
.container .div_ShowPayCode { padding:10px; }
.container .div_ShowPayCode #div_WXQRCode { height: 202px; width: 202px; margin: 0 auto; border:1px solid #ccc; }
.container .div_ShowPayCode #div_WXQRCode canvas {height: 200px; width: 200px; }
.container .div_ShowPayCode .div_QRCodeTitle { text-align: center; padding: 5px 0 10px; font-weight: bold; font-size: 15px; }
.container .div_ShowPayCode .div_QRCodeAmount { text-align: center;margin-top: 10px;}
.container .div_ShowPayCode .div_QRCodeAmount .span_Amount {color: #F75B08; font-size: 22px; font-weight: bold; }
.container .div_ShowPayCode .div_BtnBox { text-align: center; padding-top: 18px; }
    .container .div_ShowPayCode .div_BtnBox .btn { width: 80%; height: 36px; }

/*酒店钱包*/
.container .mainframe .WalletCenter .div_WalletSumBox { padding: 10px; font-size: 16px; }
.container .mainframe .WalletCenter .div_WalletSumBox .btn_ShowCashOut { vertical-align: 6px; margin-left: 20px; }
.container .mainframe .WalletCenter .div_WalletSumBox .div_LookWalletDetail { position: absolute; right: 25px; top: 25px; }
.container .mainframe .WalletCenter .span_BalanceAmount {color: red; font-weight: bold; font-size: 30px; }
.container .mainframe .WalletCenter .div_BalanceTips { font-size: 13px; color: #E91E63; padding-top: 10px; line-height: 2; }
.container .mainframe .WalletCenter .div_BalanceTips .span_DepositAmount { font-size: 20px; color: #673AB7; font-weight: bold; }
.container .mainframe .WalletCenter .div_WalletCashOutBox{ margin-top: 5px; }

.container .div_ShowCashOut { padding: 0 20px; }
.container .div_ShowCashOut .ctip { font-weight: bold; margin: 25px 0 10px; text-align: center; font-size: 22px; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo { width: 100%; font-size: 15px;    margin-top: 20px; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo th { font-weight: bold; padding: 5px; color: #333; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo td { padding: 8px; font-size: 14px; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo td .span_BalanceAmount { font-size: 30px; font-weight: bold; color: red; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo td .span_DepositAmount { font-size: 20px; color: #673AB7; font-weight: bold; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo td .span_SuggestCashOutAmount { font-size: 20px; color: #E91E63; font-weight: bold; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo td #txt_CashOutAmount { width: 80px; background: #fff;font-size: 20px; }
.container .div_ShowCashOut .div_ContentBox .tab_BankAccountInfo .td_BankAccount{}
.container .div_ShowCashOut .div_ContentBox .div_BtnBox { text-align: center; position: absolute; bottom: 15px; left: 0; right: 0; }
.container .div_ShowCashOut .div_ContentBox .div_BtnBox .btn { height: 38px;width: 86%; margin: 0 2px; }
.container .div_ShowCashOut .div_ContentBox .subctip {color:#999;font-size:12px;margin-top:5px; text-align: center;}


.container .div_ShowChangeBankAccount { padding: 0 20px; }
.container .div_ShowChangeBankAccount .ctip { font-weight: bold; margin: 25px 0 10px; text-align: center; font-size: 22px; }
.container .div_ShowChangeBankAccount .div_ContentBox .tab_ChangeBankAccountInfo { width: 100%; font-size: 15px;    margin-top: 20px; }
.container .div_ShowChangeBankAccount .div_ContentBox .tab_ChangeBankAccountInfo th { font-weight: bold; padding: 2px; color: #333; }
.container .div_ShowChangeBankAccount .div_ContentBox .tab_ChangeBankAccountInfo td { padding: 8px; font-size: 14px; }
.container .div_ShowChangeBankAccount .div_ContentBox .tab_ChangeBankAccountInfo td .input {width: 100%; background: #fff;font-weight: normal;}
.container .div_ShowChangeBankAccount .div_ContentBox .tab_ChangeBankAccountInfo .td_BankAccount{ font-weight: bold;}
.container .div_ShowChangeBankAccount .div_ContentBox .div_BtnBox { text-align: center; position: absolute; bottom: 25px; left: 0; right: 0; }
.container .div_ShowChangeBankAccount .div_ContentBox .div_BtnBox .btn { height: 38px;width: 86%; margin: 0 2px; }
.container .div_ShowChangeBankAccount .div_ContentBox .subctip {color:#999;font-size:12px;margin-top:5px; text-align: center;}