/*二级页面样式*/
.container {}

.content {
    width: 100%;
    margin: auto;
}

/*左侧导航-房态图*/
.container .map_nav {
    height: 100%;
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 192px;
    background: #18AADE;
    overflow-x: hidden;
    overflow-y: hidden;
}

#div_hidenav {
    background: #2b3245 !important;
}


.map_nav .nav_title {
    font-weight: normal;
    text-align: left;
    color: #333;
    font-size: 22px;
    display: block;
    width: 150px;
    margin: 20px 0px 0px 20px;
}

.map_nav .nav_minititle {
    text-align: left;
    color: #999;
    font-size: 14px;
    display: block;
    width: 150px;
    font-weight: normal;
    margin: 20px 0px 0px 20px;
}

.map_nav .nav_link {
    border-bottom: 1px solid #e5e5e5;
}

.map_nav .nav_link li {
    clear: both;
    text-align: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    width: 120px;
    margin: 20px auto;
    padding-left: 0px;
    color: #222;
    background: #D6E3E7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}

.map_nav .nav_link .link_num {
    font-weight: normal;
    display: block;
    float: left;
    font-size: 16px;
    background: #27B2D7;
    color: #fff;
    width: 36px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: 10px;
}

.map_nav .nva_total {
    margin: 15px 0px 0px 41px;
    background: url(../images/default/icon_total.png);
    width: 84px;
    height: 84px;
    background-size: cover;
}

.map_nav .nva_total .count_cn {
    color: #495a5d;
    font-size: 13px;
    display: block;
    text-align: center;
    padding-top: 15px;
}

.map_nav .nva_total .count_num {
    display: block;
    text-align: center;
    font-size: 27px;
    color: #000;
    font-weight: normal;
    padding-top: 0px;
}

.map_nav .nav_statis {}

.map_nav .nav_statis li {
    clear: both;
    text-align: left;
    height: 15px;
    line-height: 15px;
    width: 120px;
    margin: 10px auto;
}

.map_nav .nav_statis li b {
    display: block;
    float: left;
    color: #222;
    font-size: 12px;
    font-weight: normal;
}

.map_nav .nav_statis li span {
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    margin: 3px 10px 0px 3px;
}

.map_nav .nav_statis li span.tp_01 {
    background: #649531;
}

.map_nav .nav_statis li span.tp_02 {
    background: #FC6365;
}

.map_nav .nav_statis li span.tp_03 {
    background: #B3B3B3;
}

.map_nav .nav_statis li span.tp_04 {
    background: #fe885c;
}

.map_nav .nav_statis li span.tp_05 {
    background: #7d94be;
}

/*左侧导航-会员*/
.container .meb_nav {
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 190px;
    background: #F4F7F8;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 14.59%;
}

.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: left;
    padding-left: 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 {
    transition: margin-left 0.2s;
    float: left;
    border-right: 1px solid #e0e0e0;
    width: 190px;
    background: #F4F7F8;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

.report_nav .nav_title {
    cursor: pointer;
    font-weight: normal;
    text-align: left;
    color: #222;
    font-size: 18px;
    background: #F4F7F8;
    width: 100%;
    height: 51px;
    font-weight: normal;
    line-height: 51px;
    border-bottom: 1px solid #DFEBEF;
}

.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: #DFEBEF;
    margin: 0px;
    padding-left: 0px;
    color: #222;
    border-bottom: 1px solid #BED8E0;
    padding-left: 30px;
}

.report_nav .nav_link li a {
    color: #555;
}

.report_nav .nav_link li b {
    font-weight: normal;
}

.report_nav .nav_link li.active,
.nav_link li.active a {
    color: #FC6E64 !important;
}

.report_nav .nav_link li:hover,
.nav_link li a:hover {
    color: #FC6E64;
}

.report_nav .nav_link li span {
    float: right;
    padding-right: 10px;
    font-family: fantasy;
    font-size: 15px;
    color: #BED8E0;
}

/*左侧导航-订单*/
.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;
}

.mainframe .orderlist .foliosSelect {
    background-color: #fff;
    background-image: url(../images/new/sousuo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    margin: 2px 0px 0px -45px;
    cursor: pointer;
}

/*左侧导航-工作张*/
.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: 35px;
    border: 1px solid #eee;
    margin-bottom: 5px;
}

.menupanel_arrangin {
    border-bottom: 2px solid #f77405;
    height: 60px !important;
}

.menupanel .menu_title {
    float: right;
}

.menupanel .menu_title b:nth-child(1) {
    font-weight: normal;
    color: #FC6E64;
    font-size: 15px;
    line-height: 80px;
    display: block;
    float: left;
    height: 60px;
}

.menupanel .menu_title b:nth-child(2) {
    font-weight: normal;
    height: 60px;
    color: #333;
    font-size: 24px;
    display: block;
    float: left;
    line-height: 75px;
    padding-left: 20px;
}

.menupanel .menu_title b:nth-child(3) {
    padding-left: 40px;
    font-weight: normal;
    color: #FC6E64;
    font-size: 15px;
    line-height: 80px;
    display: block;
    float: left;
    height: 60px;
}

.menupanel .menu_title b:nth-child(4) {
    font-weight: normal;
    height: 60px;
    color: #333;
    font-size: 24px;
    display: block;
    float: left;
    line-height: 75px;
    padding-left: 20px;
}

.menupanel .menu_title b:nth-child(5) {
    padding-left: 40px;
    font-weight: normal;
    color: #FC6E64;
    font-size: 15px;
    line-height: 80px;
    float: left;
    height: 60px;
}

.menupanel .menu_title b:nth-child(6) {
    padding-left: 40px;
    font-weight: normal;
    color: #FC6E64;
    font-size: 15px;
    line-height: 80px;
    float: left;
    height: 60px;
}

.menupanel .menus {
    height: 100%;
    overflow: hidden;
}

.menupanel .menus ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background:#ccc;
}

.menupanel .menus ul li {
    width: 110px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #000;
    text-align: center;
    float: left;
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
    border-right: 1px solid #eee;
}

.menupanel .menus ul li:last-child {
    border-right: none
}

.menupanel .menus ul li.active {
    border-bottom: 4px solid #f77405;
    background: #f77405;
}

.menupanel .menus ul li.active a {
    color: #fff;
}

.menupanel .menus ul li a {
    color: #000;
    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: red;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: -58px;
    margin-left: 83px;
    display: none;
}

.menupanel .right input.gray {
    background-color: #ddd;
    color: #5d5d5d;
}

/*内容页布局*/
.tools {
    float: left;
    text-align: right;
    width: 100%;
    background: #f4f7f8;
    border-bottom: 1px solid #ECECEC;
}

.tools .item {
    float: left;
    margin: 5px 40px 5px 0px;
}

.tools .room_filter {
    margin-top: 16px;
}

.tools .room_filter ul {}

.tools .room_filter ul li {
    cursor: pointer;
    text-align: center;
    width: 73px;
    float: left;
    line-height: 20px;
    color: #333;
}

.tools .room_filter ul li i {
    height: 15px;
    width: 15px;
    font-size: 11px;
    display: block;
    float: left;
    color: #fff;
    line-height: 18px;
    margin-left: 10px;
    margin-top: 4px;
}

.tools .room_filter ul li i.dirty {
    background: #B3B3B3;
}

.tools .room_filter ul li i.stop {
    background: #FC6365;
}

.tools .room_filter ul li i.checkin {
    background: #88D796;
}

.tools .room_filter ul li i.clean {
    background: #f77405;
}

.tools .room_filter ul li i.cleansing {
    background: #486AE3;
}

.tools .room_filter ul li i.check {
    background: url(../images/default/roomstatus/icon_check.png);
    background-size: 100%;
}

.tools .room_filter ul li i.vip {
    background: url(../images/default/roomstatus/icon_vip.png);
    background-size: 100%;
}

.tools .room_filter ul li i.readygo {
    background: url(../images/default/roomstatus/icon_readygo.png);
    background-size: 100%;
}

.tools .room_filter ul li i.arrearage {
    background: url(../images/default/roomstatus/icon_own.png);
    background-size: 100%;
}

.tools .room_filter ul li i.sort {
    background: url(../images/default/roomstatus/icon_sort.png);
    background-size: 100%;
}

.tools .room_filter ul li i.inner {
    background: url(../images/default/roomstatus/icon_innersort.png);
    background-size: 100%;
}

.tools .room_filter ul li i.connect {
    background: url(../images/default/roomstatus/icon_connect.png);
    background-size: 100%;
}

.tools .room_filter ul li i.free {
    background: url(../images/default/roomstatus/icon_free.png);
    background-size: 100%;
}

.tools .room_filter ul li i.team {
    background: url(../images/new/14.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.ckbox {
    color: #000;
    border: 1px solid black;
}

.tools .room_filter ul li i.ckboxac {
    background: #fff url(../images/default/icon_check.png) no-repeat center center;
}

.serchbar .input_group span {
    font-size: 14px;
    padding: 0px 0px;
}

.mainheader {
    font-weight: normal;
    border: 0px solid #ccc;
    width: 100%;
    /* background: #fff; */
    height: 55px;
}

.mainheader .mtab {
    min-width: 600px;
    height: 44px;
    color: #4D4D4D;
    padding: 12px 0;
    box-sizing: border-box;
}

.mainheader .mtab ul li {
    float: left;
    width: 100px;
    text-align: center;
    height: 42px;
    font-weight: bold;
    color: #000;
    margin-top: -7px;
    line-height: 35px;
    cursor: pointer;
    font-size: 15px;
}

.mainheader .mtab ul li.active {
    border-bottom: 2px solid #f77405;
    height: 37px;
    color: #f77405;
}

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

.mainheader .Roomnum {
    height: 100%;
    width: 29%;
    float: left;
    font-weight: lighter;
}

.Roomnum .nva_total {
    height: 100%;
    width: 35%;
    float: left;
    text-align: center;
    line-height: 70px;
    border-right: 1px solid #B3B3B3;
}

.Roomnum .nva_total .count_num {
    margin-left: 20px;
    font-size: 20px;
    font-weight: normal;
}

.Roomnum .nav_statis {
    height: 100%;
    width: 65%;
    float: left;
    margin-top: 10px;
}

.Roomnum .nav_statis li {
    width: 80px;
    line-height: 20px;
    float: left;
    margin-left: 8px;
    height: 20px;
}

.mainheader .tools {
    height: 55px;
    width: calc(100% - 20px);
    float: left;
    background: #fff;
    line-height: 45px;
    font-size: 16px;
}

.mainheader .tools .item {
    float: left;
    margin-right: 20px;
}

.mainheader .tools .loginInfo {
    height: 100%;
    float: right;
    padding-top: 8px;
}

.mainheader .tools .loginInfo .nav_link {
    text-align: center;
    margin: 0px auto;
    line-height: 26px;
}

.mainheader .tools .loginInfo .nav_link li {
    float: left;
    width: 100px;
    height: 30px;
    font-size: 15px;
    border: 1px solid #ccc;
    margin: 5px 0px 0px 30px;
    cursor: pointer;
    border-radius: 5px;
}

.right .msg {
    float: left;
}

.right .msg .msg-icon {
    float: left;
    width: 28px;
    height: 28px;
    border-radius: 5px;
}

.right .msg .msg-icon i {
    margin: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background: url(../../Content/images/index/icon_top_ntc@2x.png) no-repeat;
    background-size: contain;
}

.right .msg .msg-content {
    color: #fff !important;
    font: 12px/12px "Microsoft YaHei", Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, Heiti, SimSun, sans-serif;
    margin-right: 8px;
    background: #e81010;
    border-radius: 10px;
    position: relative;
    left: -15px;
    top: -4px;
    display: inline-block;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
}

.right .msg .msg-on {
    color: red;
}

/*#user_icon {
    cursor: pointer;
    background: url(../images/default/touxiang.png) no-repeat center;
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    background-size: 30px 30px;
    display: inline-block;
    height: 40px;
    width: 50px;
}

#user_msg {
    cursor: pointer;
    background: url(../images/default/xiaoxi.png)no-repeat center;
    background-size: 30px 30px;
    display: inline-block;
    height: 20px;
    width: 50px;
    margin-bottom: 10px;
}

#user_exit {
    cursor: pointer;
    background: url(../images/default/tuichu.png)no-repeat center;
    background-size: 25px 24px;
    display: inline-block;
    height: 20px;
    width: 50px;
    border-left: 1px solid rgba(255,255,255,0.6);
    margin-bottom: 10px;
}

#newmsg {
    background: url(../images/default/xiaoxi.png);
    background-size: 30px 30px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-top: 9px;
}

#exit {
    background: url(../images/default/tuichu.png);
    background-size: 30px 30px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-top: 9px;
}*/

/*.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; paddin : 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 {
    /*overflow-y: auto;
    overflow-x: hidden;*/
    /*margin-left: 15px;*/
}

.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%;
    padding: 0px;
    overflow-y: auto;
}

.mainframe .roomstatus ul {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    float: left;
}

.mainframe .roomstatus ul li {
    font-family: "黑体";
    cursor: pointer;
    float: left;
    color: #fff;
    padding: 4px;
    margin: 5px 0px 0px 5px;
    font-size: 14px;
    height: 113px;
    width: 113px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.mainframe .roomstatus ul li.dirty {
    /*background-image: url(/Content/images/index/roomstatus_dirty.png) !important;*/
    background: #959ea7;
}

.mainframe .roomstatus ul li.dirty .span_guest_status {
    /* background-color: #959ea7;*/
}

.mainframe .roomstatus ul li.stop {
    /*background-image: url(/Content/images/index/roomstatus_stop.png) !important;*/
    background: #eb4545;
}

.mainframe .roomstatus ul li.stop .span_guest_status {
    /* background-color: #c40000*/
}

.mainframe .roomstatus ul li.clean {
    /* background-image: url(/Content/images/index/roomstatus_clean.png) !important;*/
    background-color: #00a8ec;
}

.mainframe .roomstatus ul li.clean .span_guest_status {
    /* background-color: #135995;*/
}

.mainframe .roomstatus ul li.cleansing {
    /* background-image: url(/Content/images/index/roomstatus_cleansing.png) !important;*/
    background-color: #d344ee;
}

.mainframe .roomstatus ul li.cleansing .span_guest_status {
    /*background-color: #d344ee;*/
}

/*检查房*/
.mainframe .roomstatus ul li.check {
    background: #DCE8D0;
}

.mainframe .roomstatus ul li.checkin {
    /*  background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background: #9dc75b;
}

.mainframe .roomstatus ul li.checkin .span_guest_status {
    /*background-color: #04df04;*/
}

.mainframe .roomstatus ul li.checkindirty {
    /*  background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background: #9dc75b;
}

.mainframe .roomstatus ul li.checkindirty .span_guest_status {
    /*background-color: #9dc75b;*/
}

.mainframe .roomstatus ul li.readygo {
    /* background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background: #9dc75b;
}

.mainframe .roomstatus ul li.readygo .span_guest_status {
    /*background-color: #9dc75b;*/
}

.mainframe .roomstatus ul li.arrearage {
    /*  background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background: #9dc75b;
}

.mainframe .roomstatus ul li.arrearage .span_guest_status {
    /*background-color: #f58526;*/
}

.mainframe .roomstatus ul li.inner {
    /*background-image: url(/Content/images/index/inner.png) !important;*/
    background-color: #f58526;
}

.mainframe .roomstatus ul li.inner .span_guest_status {
    /*  background-color: #f58526;*/
}

.mainframe .roomstatus ul li.connect {
    /*background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background-color: #f58526;
}

.mainframe .roomstatus ul li.connect .span_guest_status {
    /*background-color: #f58526;*/
}

.mainframe .roomstatus ul li.free {
    /*background-image: url(/Content/images/index/roomstatus_checkin.png) !important;*/
    background-color: #f58526;
}

.mainframe .roomstatus ul li.free .span_guest_status {
    /*background-color: #f58526;*/
}

.mainframe .roomstatus ul li.team {
    background-image: url(/Content/images/index/roomstatus_checkin.png) !important;
    background-color: #f58526;
}

.mainframe .roomstatus ul li.team .span_guest_status {
    /*background-color: #f58526;*/
}

.mainframe .roomstatus ul li.selected {
    /*color: #000;*/
    opacity: 0.5;
    -webkit-transform: scale(1.06);
    transition: 0.5s;
    box-shadow: 4px 4px 15px black;
    z-index: 2;
    /*transform: rotate(7deg);*/
    transition: 0.5s;
    border-radius: 5px;
}

.mainframe .roomstatus ul li.twinkling {
    -webkit-animation: twinkling 1s infinite ease-in-out;
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0.6;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.6;
    }
}

/*房型标记*/
.mainframe .roomstatus ul li span {
    display: block;
    overflow: hidden;
}

.mainframe .roomstatus ul li span.roomnum {
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    padding-bottom: 4px;
}

.mainframe .roomstatus ul li span.span_guest_name {
    font-size: 12px;
    height: 24px;
    overflow: hidden;
    line-height: 24px;
    color: #000000;
}

.mainframe .roomstatus ul li span.span_guest_name_time {
    padding-top: 0px !important;
}

.mainframe .roomstatus ul li span.roomcode {
    /* max-width: 45px; */
    overflow: hidden;
    line-height: 31px;
}

.mainframe .roomstatus ul li span.span_guest_status {
    overflow: hidden;
    line-height: 23px;
    color: #ffffff;
    display: block;
    border-radius: 0 15px 15px 0;
    width: 45px;
    text-align: center;
    margin-left: -4px;
}

/*旧版房态图的图标先*/
.mainframe .roomstatus ul li span i {
    /*height: 15px;
        width: 15px;
        font-size: 11px;
        display: block;
        float: left;
        color: #fff;
        margin-top: 15px;*/
}

.mainframe .roomstatus ul li span i.vip {
    background: url(../images/default/roomstatus/icon_vip.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.readygo {
    background: url(../images/default/roomstatus/icon_readygo.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.arrearage {
    background: url(../images/default/roomstatus/icon_own.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.sort {
    background: url(../images/default/roomstatus/icon_sort.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.inner {
    background: url(../images/default/roomstatus/icon_innersort.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.connect {
    background: url(../images/default/roomstatus/icon_connect.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.free {
    background: url(../images/default/roomstatus/icon_free.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.team {
    background: url(../images/new/14.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.timeroom {
    background: url(../images/default/roomstatus/icon_timeroom.png);
    background-size: 100%;
}

.mainframe .roomstatus ul li span i.check {
    background: url(../images/default/roomstatus/icon_check.png);
    background-size: 100%;
}


/*楼层旧版*/
/*.roomfloor {
    margin-top: 10px;
    width: 30px;
    float: left;
}*/

.roomfloor ul li {
    /*cursor: pointer;
        color: #CCCCCC;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        background: #fff;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;*/
}

/*.roomfloor ul li:first-child {
            border-top: 1px solid #ccc;
        }

        .roomfloor ul li span {
            display: block;
            text-align: center;
            font-family: monospace;
        }

        .roomfloor ul li.active {
            color: #32B5CC;
        }*/

/*状态提示*/
.roomstate {
    width: 100%;
    background: #F1F0F0;
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid #ccc;
}

/*当前房态*/
.mainframe .curryroomstatus {
    width: 100%;
    height: auto;
}

.mainframe .curryroomstatus .chain_info {
    height: 50px;
    background: #F6F6F6;
    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 {}

.mainframe .curryroomstatus .lbltable tr th {
    padding: 0 5px;
    white-space: nowrap;
    text-align: center;
    color: #939496;
    background: #f6f6f6;
    border: 1px solid #ccc;
    line-height: 40px;
}

.mainframe .curryroomstatus .lbltable tr td {
    min-width: 100px;
    text-align: center;
    color: #666;
    border: 1px solid #ccc;
    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 .ratelist {}

.mainframe .curryroomstatus .ratelist ul {}

.mainframe .curryroomstatus .ratelist ul li {
    float: left;
    margin: 5px;
    line-height: 22px;
}

.mainframe .curryroomstatus .ratelist ul li input {
    float: left;
    margin-top: 5px;
    margin-right: 2px;
}

/*订单列表*/
.mainframe .orderlist {
    width: 100%;
    background-color: #f4f7f8;
    padding: 15px;
}

.mainframe .orderlist .filter,
.mainframe .orderlist .span_More {
    padding: 3px 20px;
    cursor: pointer;
}

.mainframe .orderlist .span_More {
    margin-left: 20px;
}

.mainframe .orderlist .serchbar .select {
    /* padding: 3px 10px;
         color: #fff;
         border-radius: 30px;
        background: linear-gradient(0deg,#f77405,#2881ed);*/
    color: #f77405;
    border-bottom: 2px solid #f77405;
}

.container .lsttable {
    clear: both;
    border-collapse: collapse;
    width: 100%;
}

.container .lsttable tbody tr th {
    background: #ddd;
    color: #4D4D4D;
}

.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;
    line-height: 38px;
    color: #4D4D4D;
    padding: 1px;
    text-align: center;
    background-color: #EBEBEB;
    font-weight: bold;
    font-size: 13px;
}

.container .lsttable tr td {
    padding: 1px;
    height: 36px;
    text-align: center;
    word-break: break-all;
}

.container .lsttable tr:nth-child(2n) {
    background: #fff;
    color: #646464;
}

.container .lsttable tr:nth-child(2n+1) {
    background: #eee;
    color: #646464;
}

.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:nth-child(2) {
    background-position-x: 20px;
    padding-left: 12px;
    background: url(../images/default/icon_master.png) no-repeat left center;
    background-size: 20px;
}

.container .lsttable tr.master a {
    color: red;
}

.MoreSearch {
    padding: 10px;
    display: none;
    width: 100%;
}

.MoreSearch .tips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}



/*报表*/
.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: #555;
}

.container .rpttable tr th {
    height: 32px;
    line-height: 20px;
    color: #555;
    padding: 1px;
    text-align: center;
    background: #f1f1f1;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #ccc;
}

.container .rpttable tr td {
    padding: 1px;
    height: 32px;
    text-align: center;
    word-break: break-all;
    border: 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: 35px;
    line-height: 20px;
    width: 100%;
    border-bottom: 1px solid #888;
    font-size: 20px;
    color: #555;
}

.report .rptserchbar .conditon {
    width: 100%;
    margin-top: 10px;
    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: 5px;
}

.report .rptserchbar .conditon .s_item a {
    text-decoration: underline;
    font-size: 13px;
}

.reportlist {
    width: 100%;
    padding: 20px;
    overflow-y: auto;
    overflow-x: hidden;
}

.reportlist .lstitem {
    background-color: #fff;
    padding: 20px;
    margin: 20px;
    border-radius: 30px;
    box-shadow: 8px 8px 10px #ddd;
}

.reportlist .lstitem .title {
    margin: 10px 0px 20px;
    clear: both;
    width: 320px;
    height: 60px;
    line-height: 60px;
    display: flex;
    align-items: center;
}

.reportlist .lstitem .title .title-right {
    font-size: 24px;
    color: #000;
    width: 108px;
    text-align: center;
}


.reportlist .lstitem .title .title-right p {
    float: left;
    width: 100%;
}

.reportlist .lstitem .title div span {
    display: block;
    width: 108px;
    height: 10px;
    border-radius: 10px;
    position: relative;
    top: 34px;
    background-color: #6bcacab0;
}

.reportlist .lstitem .title .title-right span.tag_1 {
    background-color: #6bcacab0;
}

.reportlist .lstitem .title .title-right span.tag_2 {
    background-color: #fc6e64b0;
}

.reportlist .lstitem .title .title-right span.tag_3 {
    background-color: #f8d646b0;
}

.reportlist .lstitem .title img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

/*.reportlist .lstitem .title.t_01 {
                background: #F5FFFF url(../images/default/icon_rpt_01.png) no-repeat left center;
            }

            .reportlist .lstitem .title.t_02 {
                background: #FFF1F0 url(../images/default/icon_rpt_02.png) no-repeat left center;
            }

            .reportlist .lstitem .title.t_03 {
                background: #FFFBED url(../images/default/icon_rpt_03.png) no-repeat left center;
            }*/

.reportlist .lstitem ul {
    height: 100%;
    display: inline-block;
}

.reportlist .lstitem ul li {
    font-size: 13px;
    /* width: 214px; */
    padding-left: 5px;
    float: left;
    height: 40px;
    margin: 0px 20px 20px 0px;
    overflow: hidden;
    color: #fff !important;
    /* border-radius: 30px; */
    background-color: #fff;
    /* border: 1px solid #f77405; */
    border-bottom: 1px solid #f77405;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.reportlist .lstitem ul li:hover {
    background-color: #f77405;
}

.reportlist .lstitem ul li a {
    display: block;
    font-weight: bold;
    padding-left: 5px;
    line-height: 40px;
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.reportlist .lstitem ul li b {
    font-size: 16px;
    font-family: cursive;
    width: 30px;
    border-radius: 5px;
    display: block;
    text-align: center;
    line-height: 30px;
    border: 1px solid #f77405;
    color: #f77405;
}

.reportlist .lstitem ul li:hover a {
    color: #fff;
}

.reportlist .lstitem ul li span {
    line-height: 18px;
    display: block;
    padding-left: 25px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #7f7f7f;
    width: 200px;
}

.rpt_silder {
    position: absolute;
    left: 193px;
    top: 1px;
    transition: left 0.2s;
}

.rpt_silder img {
    cursor: pointer;
    width: 15px;
    height: 15px;
    opacity: 0.4;
    transition: opacity 1s;
    box-shadow: 1px #ccc;
}

.rpt_silder img:hover {
    opacity: 1;
}

/*报表头部条件过滤2016-04-26*/
.report .rptserchbar .conditon {
    border: 1px solid #ccc;
    color: #555;
    border-top: 0;
    padding-bottom: 10px;
}

.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 .btn.ncolor {
    color: #444;
    border: 1px solid #999;
}

.report .rptserchbar .conditon .filter {
    height: 28px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
}

.report .rptserchbar .conditon .filter .date_filter {
    border-top: 1px solid #ccc;
    cursor: pointer;
    padding: 0 40px;
    border-right: 1px solid #ccc;
    background: #eee;
    display: inline-block;
    margin-right: -3px;
}

.report .rptserchbar .conditon .filter .date_filter.select {
    border-bottom: 1px solid #fff;
    background: #fff;
}

.report .rptserchbar .conditon .filter .more_filter {
    cursor: pointer;
    padding: 0 20px;
    display: inline-block;
}

.report .rptserchbar .conditon .filter .rpt_btn {
    margin-top: -5px;
    margin-right: 2px;
}

.report .rptserchbar .conditon .sum_data {
    font-size: 16px;
    padding: 4px 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 {
    font-size: 13px;
    width: 100%;
}

.mainframe .mintable tr {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer;
}

.mainframe .mintable tr:hover {
    background: #f9f9f9;
}

.mainframe .mintable th {
    height: 35px;
    color: #4D4D4D;
    text-align: center;
    font-size: 13px;
    background: #ddd;
    font-weight: normal;
}

.mainframe .mintable td {
    height: 36px;
    text-align: center;
    font-size: 12px;
    color: #5A5A5A;
}

.mainframe .mintable tr:nth-child(2n).disabled {
    background: #EFEFEF;
    text-decoration: line-through;
}

.mainframe .mintable tr:nth-child(2n+1).disabled {
    background: #EFEFEF;
    text-decoration: line-through;
}

.mainframe .mintable tr.hadcheckout {
    background: #F7EDC3;
}


.mainframe .left_roomfolio {
    width: 15%;
    float: left;
}

/*注册会员*/
.container .frmbtitle {
    display: block;
    margin: 0px;
    font-size: 14px;
    color: #333;
}

.container .frmtable {
    clear: both;
    border-collapse: collapse;
    width: 99%;
}

.container .frmtable tr th {
    text-align: right;
    padding-right: 10px;
    color: #7a7777;
    line-height: 33px;
    font-weight: normal;
    width: 65px;
}

.container .frmtable tr td {
    text-align: left;
    color: #666;
    padding: 3px;
}

.container .minipadding td {
    padding: 2px 0px !important;
}

.container .frmctable {
    clear: both;
    border-collapse: collapse;
    width: 98%;
}

.container .frmctable tr th {
    text-align: center;
    color: #333;
    line-height: 33px;
    font-weight: normal;
    width: 80px;
}

.container .frmctable tr td {
    text-align: center;
    color: #666;
    padding: 0px;
}

.mainframe .payinfo {}

.mainframe .payinfo .p_01 {
    margin: 10px 10px 10px 30px;
    float: left;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    width: 115px;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-left: 10px solid #F7BC00;
}

.mainframe .payinfo .p_02 {
    margin: 10px 0px 0px 10px;
    float: left;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    width: 115px;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-left: 10px solid #00A400;
}

.mainframe .payinfo .p_03 {
    margin: 10px 0px 0px 20px;
    float: left;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    width: 115px;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-left: 10px solid #D92476;
}

.mainframe .payinfo>div>span:nth-child(1) {
    display: block;
    font-size: 12px;
    float: left;
    margin-top: -8px;
    width: 45px;
    padding-left: 5px;
    text-align: left;
}

.mainframe .payinfo>div>span:nth-child(2) {
    display: block;
    float: left;
    padding-left: 5px;
    font-size: 16px;
    font-weight: bold;
}

.mainframe .payinfo .mo_01 {
    display: block;
    color: #D92476;
    float: left;
    margin-left: 30px;
    line-height: 30px;
    font-size: 14px;
}

.mainframe .payinfo .mo_02 {
    display: block;
    color: #00A400;
    float: left;
    margin-left: 30px;
    line-height: 30px;
    font-size: 14px;
}

.mainframe .mebtypeinfo .p_01 {
    margin: 10px 10px 10px 30px;
    float: left;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    width: 115px;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-left: 10px solid #f77405;
}

.mainframe .mebtypeinfo .p_02 {
    margin: 10px 0px 0px 10px;
    float: left;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    width: 115px;
    height: 35px;
    border: 1px solid #d8d8d8;
    border-left: 10px solid #00A400;
}

.mainframe .mebtypeinfo .p_01.select {
    background: linear-gradient(90deg, #f77405, #f77405);
    color: #fff;
    /*    border-left-color: #f77405;*/
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    width: 115px;
    height: 35px;
}

.mainframe .mebtypeinfo .p_02.select {
    background: #00A400;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    width: 115px;
    height: 35px;
}

/*预订-入住*/
.mainframe .bookin {
    width: 85%;
    padding: 0px 10px;
}

.mainframe .checkin {
    height: 521px;
    padding: 0px 10px;
}

.mainframe .roomfolio {
    height: 100%;
    /*padding: 0px 10px;*/
}

.mainframe .roomfolio .foliofrom {
    clear: both;
    padding: 0px 10px;
}

.mainframe .left_roomfolio {
    height: 572px;
    width: 15%;
    background-color: #fff;
    float: left;
}

/*房单信息内容布局*/
.left_roomfolio .menus {
    height: 100%;
    overflow: hidden;
    float: right;
    margin-top: -4px;
}

.left_roomfolio .menus ul {
    float: right;
}

.left_roomfolio .menus ul li {
    width: 100%;
    height: 52px;
    margin: 5px 0px 0px 0px;
    text-align: left;
    line-height: 52px;
    font-size: 15px;
    color: #fff;
    float: left;
}

.left_roomfolio .menus ul li.active {
    background: linear-gradient(270deg, #f77405, #f77405);
    color: #fff;
    border-left-color: #f77405;
    border-right-color: #f77405;
}

.left_roomfolio .menus ul li a {
    color: #4D4D4D;
    display: block;
    display: flex;
    align-items: center;
}

.left_roomfolio .menus ul li.active a {
    color: #fff;
    display: block;
}

.left_roomfolio .menus ul li a img {
    float: left;
    display: block;
    margin: 11px 10px 20px 20px;
    width: 30px;
    height: 30px;
}

.left_roomfolio .menus ul li .m_tips_num {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: -58px;
    margin-left: 83px;
    display: none;
}

.menus .menus_top {
    width: 100%;
    height: 12.5%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 17px;
}

.mainframe .blackfront {
    font-weight: bold;
    color: black;
}

.mainframe .roomplan {
    height: 480px;
    padding: 0px 20px;
}

/*.mainframe .tranlist { padding: 0px 20px;}*/
.mainframe .regmeb {
    height: 480px;
    padding: 10px 20px;
}

.mainframe .regmeb input[type=text],
.mainframe .regmeb select {
    width: 110px;
}

.mainframe .mebform {
    height: 470px;
    /*    padding: 0px 10px;*/
}

.mainframe .regcorpmeb {
    height: 521px;
    padding: 10px 10px;
    overflow: hidden;
}

.mainframe .CorpMebInfo {
    height: 521px;
    padding: 0px 20px;
}

.mainframe .walkin {
    height: 480px;
    padding: 0px 20px;
}

.mainframe .walkin .foliofrom {
    clear: both;
    float: left;
    width: 870px;
}

.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: 5px 0px 0px 5px;
    overflow-y: hidden;
}

.tab_CheckInGuest input,
.tab_CheckInGuest select {
    width: 98%;
    padding: 5px;
}

/*.tr_RoomTypeItem.select { background: #eee; }*/
.tr_RoomTypeItem.select {
    background: #B6D8F1;
}


/*关联房*/
.mainframe .connectlst {
    /*border: 1px solid #ccc;*/
    overflow: auto;
    width: 100%;
    height: 443px;
    margin: auto;
}

.mainframe .connectlst .ctitle {
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 36px;
    background: #fff;
    line-height: 36px;
}

.mainframe .connectlst .hadcheckout {
    color: #aaa !important;
}

.mainframe .arr-connectlst {
    margin-right: 10px;
    background: #fff;
    overflow: auto;
    height: 100%;
    margin-top: 10px;
    height: 443px;
}

.mainframe .arr-connectlst .ctitle {
    display: block;
    text-align: left;
    padding-left: 10px;
    height: 36px;
    background: #fff;
    line-height: 36px;
}

.mainframe .arr-connectlst .hadcheckout {
    color: #aaa !important;
}


.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: 500px;
    height: 42px;
    overflow: hidden;
    color: #fff;
    padding: 8px 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
}

.mainframe .guesttab ul li {
    float: left;
    width: 81px;
    text-align: center;
    border-bottom: 4px solid #d3d3d3;
    height: 27px;
    font-weight: bold;
    color: #000;
    margin-top: -7px;
    line-height: 25px;
    overflow: hidden;
}

.mainframe .guesttab ul li.active {
    border-bottom: 4px solid #f77405;
}

.mainframe .guesttab ul li.master {
    background: #EBEBEB url(../images/default/icon_zhu.png);
    background-repeat: no-repeat;
    background-position: left 95%;
    background-size: 23px;
    color: #222;
    padding-left: 21px;
}

.mainframe .guesttab ul li.checkout_guest {
    color: #aaa;
}

.mainframe .guesttab span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    width: 26px;
    text-align: center;
    height: 26px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 0;
}

.mainframe .foliofrom input[type=text],
.mainframe .foliofrom select {
    width: 140px;
}

.mainframe .totalinfo {
    height: 35px;
    margin-top: 10px;
}

.mainframe .totalinfo .titem {
    margin-right: 2px;
    float: left;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    width: 152px;
    height: 22px;
}

.mainframe .totalinfo .titem:last-child {
    float: right;
}

.mainframe .totalinfo>div>span:nth-child(1) {
    display: block;
    font-size: 13px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.mainframe .totalinfo>div>span:nth-child(2) {
    display: block;
    float: left;
    padding-right: 10px;
    font-size: 14px;
}

.mainframe .totalinfo .titem.mini {
    width: 125px;
}

.mainframe .favorites {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mainframe .favorites li {
    margin-right: 10px;
    float: left;
    padding: 0 5px;
    overflow: hidden;
    margin-bottom: 10px;
    width: 108px;
    height: 60px;
    border-radius: 5px;
    line-height: 60px;
    text-align: center;
    color: #fff;
}

.mainframe .favorites li.clo1 {
    background: #8a73b9;
}

.mainframe .favorites li.clo2 {
    background: #FC6365;
}

.mainframe .favorites li.clo3 {
    background: #92bad7;
}

.mainframe .favorites li.clo4 {
    background: #f4b301;
}

.mainframe .favorites li.clo5 {
    background: #B3B3B3;
}

.mainframe .favorites li.clo6 {
    background: #6C7FC5;
}

.mainframe .favorites li a.fa_del {
    background: url(../images/layer/icon.png) no-repeat;
    background-position: -150px -31px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: -12px;
    margin-left: 85px;
    position: absolute;
}

.mainframe .favorites li a.fa_del:hover {
    background-position: -181px -31px;
}

.mainframe .mlogs {
    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: 5px;
    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 .tipstitle {
    margin: 5px 0px 0px;
    clear: both;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    padding-left: 99px;
}

.mainframe .tipstitle.t_01 {
    background: #F5FFFF url(/Content/images/default/icon_rpt_01.png) no-repeat left center;
}

.mainframe .tipstitle.t_02 {
    background: #FFFBED url(/Content/images/default/icon_rpt_03.png) no-repeat left center;
}

.mainframe .tipsclock {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}

.mainframe .tipsclock li {
    margin-right: 10px;
    float: left;
    padding: 0 5px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    line-height: 22px;
    width: 170px;
    height: 68px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.mainframe .tipsclock li div {
    padding-left: 42px;
    width: 164px;
}

.mainframe .tipsclock li .time {
    color: #EFFFDA;
}

.mainframe .tipsclock li .tipsdetail {
    font-size: 15px;
    padding-top: 4px;
    line-height: 36px;
    height: 36px;
    width: 160px;
    padding-left: 42px;
    overflow: hidden;
    text-align: left;
}

.mainframe .tipsclock li.clo1 {
    background: url(/Content/images/default/tips_clock_green.png);
    background-size: 100%;
}

.mainframe .tipsclock li a.finish {
    background: url(/Content/images/default/checkbox_green.png) no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 40px;
    margin-left: 140px;
    position: absolute;
}

.mainframe .tipsclock li a.set_finish {
    background: url(/Content/images/default/checkbox_green_close.png) no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: -10px;
    margin-left: 140px;
    position: absolute;
    cursor: pointer;
}

.mainframe .tipsclock li a.set_finish:hover {
    transform: rotate(15deg);
}

.mainframe .goods {
    height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}

.mainframe .goods li {
    margin-right: 10px;
    float: left;
    padding: 0 5px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    line-height: 22px;
    width: 170px;
    height: 68px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}

.mainframe .goods li div {
    padding-left: 42px;
    width: 164px;
}

.mainframe .goods li .time {
    color: #E7FFFF;
}

.mainframe .goods li .tipsdetail {
    font-size: 15px;
    padding-top: 4px;
    line-height: 36px;
    height: 36px;
    width: 160px;
    padding-left: 42px;
    overflow: hidden;
    text-align: left;
}

.mainframe .goods li .goodsNum {
    font-size: 12px;
    padding-left: 8px;
}

.mainframe .goods li.clo1 {
    background: url(/Content/images/default/tips_borrow_blue.png);
    background-size: 100%;
}

.mainframe .goods li a.finish {
    background: url(/Content/images/default/checkbox_blue.png) no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 40px;
    margin-left: 140px;
    position: absolute;
}

.mainframe .goods li a.set_finish {
    background: url(/Content/images/default/checkbox_blue_close.png) no-repeat;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: block;
    margin-top: -10px;
    margin-left: 140px;
    position: absolute;
    cursor: pointer;
}

.mainframe .goods li a.set_finish:hover {
    transform: rotate(10deg);
}

/*msg*/
.mainframe .msg_box .title {
    padding-top: 10px;
    line-height: 40px;
    font-size: 18px;
    margin-left: 30px;
    border-bottom: 1px solid #FEA23D;
    color: #FEA23D;
    width: 160px;
}

.mainframe .msg_box .msg_type_box {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 50px;
}

.mainframe .msg_box .msg_type_box li {
    float: left;
    padding: 0 5px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 7px;
    width: 400px;
    height: 75px;
    border-radius: 5px;
    color: #fff;
}

.mainframe .msg_box .msg_type_box li:nth-child(2n+1) {
    margin-right: 50px;
}

.mainframe .msg_box .msg_type_box li div {
    padding-left: 95px;
}

.mainframe .msg_box .msg_type_box li div.room_box {
    height: 35px;
}

.mainframe .msg_box .msg_type_box li .roomno {
    font-size: 24px;
    line-height: 42px;
}

.mainframe .msg_box .msg_type_box li .time {
    float: right;
    padding: 4px 22px;
}

.mainframe .msg_box .msg_type_box li .detail {
    height: 18px;
    overflow: hidden;
}

.mainframe .msg_box .msg_type_box li.clo_clock {
    background: url(/Content/images/default/green_bg.png);
    background-size: 100%;
}

.mainframe .msg_box .msg_type_box li.clo_clock a.type_icon {
    background: url(/Content/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(/Content/images/default/blue_bg.png);
    background-size: 100%;
}

.mainframe .msg_box .msg_type_box li.clo_borrow a.type_icon {
    background: url(/Content/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(/Content/images/default/yello_bg.png);
    background-size: 100%;
}

.mainframe .msg_box .msg_type_box li.clo_birt a.type_icon {
    background: url(/Content/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(/Content/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(/Content/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(/Content/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);
}

/*夜审*/
.night {}

.night .record {
    width: 1040px;
    margin: 40px 20px;
    height: 341px;
}

.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 .record_box_02 {
    width: 380px;
    padding: 30px;
    height: 341px;
    background: #f5f5f5;
    float: right;
}

.record .record_box_02 h3 {
    color: #FC6E64;
    font-size: 20px;
}

.record .record_box_02 p {
    font-size: 20px;
    line-height: 32px;
    color: #222;
    padding: 10px 0px;
}

.night .na_btn {
    clear: both;
    line-height: 101px;
    cursor: pointer;
    width: 609px;
    height: 101px;
    margin: 0px 210px 0px;
    background: #f77405;
    color: #fff;
    text-align: center;
    font-size: 48px;
}


/*以下是动态弹出层样式*/
.tiptitles {
    padding: 10px 0px;
    margin: 0;
    color: #666;
    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: 370px;
    height: 100%;
    position: absolute;
    right: -425px;
    top: 0;
    z-index: 3;
    padding: 10px;
    background: rgba(250, 250, 250, 0.7);
}

.guestinfo .txt_EditGuestName {
    text-align: center;
    padding: 4px;
    width: 86%;
}

.guestinfo .txt_EditGuestMobile {
    padding: 4px;
    width: 100%;
}

.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: 100%;
    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: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms .selpanel {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.selrooms .seltitle {
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms ul {
    width: 99%;
    overflow-y: auto;
}

.selrooms ul li {
    cursor: pointer;
    float: left;
    width: 45px !important;
    height: 45px !important;
    margin: 5px !important;
    line-height: 45px !important;
    text-align: center !important;
    background: #f77405;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 0 !important;
}

.selrooms ul li.select {
    background: #F7BC01 !important;
}

.selrooms ul li.dirty {
    background: #959ea7;
}

.selrooms ul li.hadselect {
    background: #716335;
}

.selrooms_1 .seltips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms_1 .selpanel {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.selrooms_1 .seltitle {
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.selrooms_1 ul {
    width: 99%;
    overflow-y: auto;
}

.selrooms_1 ul li {
    cursor: pointer;
    float: left;
    width: 45px;
    height: 45px;
    margin: 5px;
    line-height: 45px;
    text-align: center;
    background: #f77405;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.selrooms_1 ul li.select {
    background: #F7BC01 !important;
}

.selrooms_1 ul li.dirty {
    background: #B3B3B3;
}

.selrooms_1 ul li.hadselect {
    background: #716335;
}

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

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

/*房单--换房*/
.changerooms {
    padding: 10px;
    display: none;
    width: 100%;
}

.changerooms .changetips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.changerooms .changepanel {
    clear: both;
    width: 100%;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}

.changerooms .changetitle {
    clear: both;
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.changerooms ul {
    width: 99%;
    margin-bottom: 10px;
}

.changerooms ul li {
    cursor: pointer;
    float: left;
    width: 45px;
    height: 45px;
    margin: 5px;
    line-height: 45px;
    text-align: center;
    background: #f77405;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.changerooms ul li.select {
    background: #F7BC01;
}

/*房单--换房原因*/
.changereason {
    padding: 10px;
    display: none;
    width: 100%;
}

.changereason .changetips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.changereason .changepanel {
    clear: both;
    width: 100%;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}

.changereason .changetitle {
    clear: both;
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.changereason ul {
    width: 99%;
    margin-bottom: 10px;
}

.changereason ul li {
    cursor: pointer;
    float: left;
    width: 45px;
    height: 45px;
    margin: 5px;
    line-height: 45px;
    text-align: center;
    background: #f77405;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.changereason ul li.select {
    background: #F7BC01;
}


/*发票*/
.c_invoice {
    position: absolute;
    bottom: 260px;
    right: 45%;
}

.c_invoice .invoicetext {
    width: 120px;
    height: 60px;
    text-align: center;
    font-size: 22px;
    color: #FEFEFE;
    line-height: 60px;
    border-radius: 5px;
    background: -webkit-linear-gradient(left top, #ace, rgba(255, 153, 102, 0.68));
    transform: rotateZ(-12deg)translate3d(0, 0, 0);
}


/*房单--续住*/
.c_contiue {
    display: none;
    padding: 10px;
}

.c_contiue .ctips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.c_contiue .sp1 {
    display: block;
    width: 60px;
    float: left;
    line-height: 30px;
}

.c_contiue .sp2 {
    display: block;
    float: left;
    width: 84%;
}

/*房单-门卡/*/
.c_card {
    display: none;
    padding: 10px 0px 0px 10px;
}

.c_card .mrgl10 div:hover {
    background-color: #f17220;
    color: #fff;
}

.c_card .cptips {
    display: block;
    color: #f77405;
    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;
}

.c_card .cp_02 {
    margin-left: 10px;
    width: 180px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
}

.c_card .cp_03 {
    width: 80px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
}

.c_card .cp_04 {
    margin-left: 10px;
    width: 85px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
}

.c_card .cp_05 {
    margin-left: 10px;
    width: 85px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
}

.c_card .cp_06 {
    margin-left: 10px;
    width: 85px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    text-align: center;
    float: left;
}

/*房单-门卡信息/*/
.c_roomInfo {
    display: none;
    padding: 10px 0px 0px 10px;
}

.c_roomInfo .cptips {
    display: block;
    color: #f77405;
    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: #f77405;
    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 {
    color: red;
}

.tab_foliochg .self {
    font-weight: bold;
}

/*房单--添加关联房*/
.addchgrooms {
    display: none;
    padding: 10px;
}

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

.addchgrooms .addchgpanel {
    clear: both;
    width: 100%;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}

.addchgrooms ul {
    width: 99%;
    margin-bottom: 10px;
}

.addchgrooms ul li {
    cursor: pointer;
    font-size: 12px;
    float: left;
    width: 51px;
    height: 45px;
    margin: 5px;
    line-height: 18px;
    background: #f77405;
    color: #fff;
    padding: 5px;
}

.addchgrooms ul li.active {
    background: chocolate;
}

.addchgrooms ul li span {
    display: block;
    text-align: center;
}

.addchgrooms ul li.select {
    background: #F7BC01;
}

/*账单--冲减*/
.c_deduct {
    display: none;
}

.c_deduct .ctips {
    display: block;
    color: #f77405;
    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: #f77405;
    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: #f77405;
    color: #fff;
    padding: 5px;
}

.transerform ul li.active {
    background: chocolate;
}

.transerform ul li span {
    display: block;
    text-align: center;
}

.transerform ul li.select {
    background: #F7BC01;
}

/*账单--关联转账*/
.ctranserform {
    padding: 10px;
    display: none;
    width: 100%;
}

.ctranserform .ctransertips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.ctranserform .ctranserpanel {
    clear: both;
    width: 100%;
    height: 340px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ctranserform .ctransertitle {
    clear: both;
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.ctranserform .ctranserinfo {
    text-align: left;
    float: left;
    line-height: 24px;
    font-size: 13px;
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.ctranserform .ctranserinfo span {
    display: block;
    float: left;
}

.ctranserform .ctranserinfo span input {
    float: left;
    display: block;
    margin-top: 6px;
}

.ctranserform ul {
    width: 99%;
    margin-bottom: 10px;
}

.ctranserform ul li {
    cursor: pointer;
    font-size: 12px;
    float: left;
    width: 51px;
    height: 45px;
    margin: 5px;
    line-height: 18px;
    background: #f77405;
    color: #fff;
    padding: 5px;
}

.ctranserform ul li.active {
    background: chocolate;
}

.ctranserform ul li span {
    display: block;
    text-align: center;
}

.ctranserform ul li.select {
    background: #F7BC01;
}


/*账单--入账*/
.c_account {
    padding: 10px;
    display: none;
    width: 100%;
}

.c_account .ctips {
    display: block;
    color: #f77405;
    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: #C8D4EC;
    color: #333;
    padding: 5px;
}

.c_account .ca_item ul li.active {
    background:#f77405;
    color: #fff;
    border-left-color: #f77405;
    border-right-color: #f77405;
    box-shadow: 2px 2px 3px #353333;
}

.c_account .ca_item ul.credit li {
    background: #56A3CE;
}

.c_account .ca_item ul.credit li.active {
    color: #fff;
    background-color: #2A76A0;
}

.c_account .ac_form {
    width: 286px;
    float: right;
    height: 338px;
}

/*账单--合并打印*/
.div_ItmeListInfo ul {
    width: 99%;
    margin-bottom: 10px;
}

.div_ItmeListInfo ul li {
    cursor: pointer;
    overflow: hidden;
    font-size: 12px;
    line-height: 23px;
    display: inline-table;
    width: 84px;
    text-align: center;
    height: 32px;
    margin: 5px -8px;
    background: #C8D4EC;
    color: #333;
    padding: 0px;
}

.div_ItmeListInfo ul li div {
    overflow: hidden;
    height: 32px;
    line-height: 32px;
}

.div_ItmeListInfo ul li.active {
    color: #fff;
    background-color: #2B60CC;
}

/*账单--小商品*/
.c_goods {
    padding: 10px;
    display: none;
    width: 100%;
}

.c_goods .cgtips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.c_goods .cgtitle {
    clear: both;
    display: block;
    line-height: 32px;
    font-size: 16px;
    padding-left: 5px;
}

.c_goods .cg_item {
    float: left;
    width: 356px;
    height: 327px;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #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: 104px;
    text-align: center;
    height: 32px;
    margin: 5px;
    background: #C8D4EC;
    color: #333;
    padding: 5px;
    overflow: hidden;
    line-height: 23px;
}

.c_goods .cg_item ul li.active {
    color: #fff;
    background-color: #f77405;
}

.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: 130px;
}

.checkout .cktips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.checkout .cktitle {
    clear: both;
    display: block;
    line-height: 28px;
    font-size: 12px;
    padding-left: 5px;
}

.checkout .ckinfo {
    clear: both;
    display: block;
    line-height: 28px;
    font-size: 12px;
    padding-left: 5px;
    text-indent: 1em;
}

.tab_selectMeb tr {
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.tab_selectMeb tr:hover {
    background: #eee;
}

.checkout .tabScanPay label,
.div_AddCloudPay .tabScanPay label {
    padding: 10px 0px;
    background: #FFA400;
    width: calc(33.3% - 3px);
    display: inline-block;
    text-align: center;
    color: #fff;
}

.checkout .tabScanPay label.active,
.div_AddCloudPay .tabScanPay label.active {
    background: #3A3A51;
}

.checkout .ScanPayAmount,
.div_AddCloudPay .ScanPayAmount {
    display: block;
    font-size: 26px;
    margin: 10px;
    color: #FF2818;
}

.checkout .tabScanPay th,
.div_AddCloudPay .tabScanPay th {
    height: 50px;
}

/*预授权--新增*/
.addpreauth {
    padding: 10px;
    display: none;
    width: 100%;
}

.addpreauth .pretips {
    display: block;
    color: #f77405;
    line-height: 32px;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid;
    width: 190px;
    margin-left: 5px;
    margin-bottom: 10px;
}

/*提醒--新增*/
.addTips {
    padding: 10px;
    display: none;
    width: 100%;
}

.addTips .tips {
    display: block;
    color: #f77405;
    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: #f77405;
    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: 20px;
    /*width: 900px;*/
    text-align: right;
    float: left;
    right: 15px;
}


/*左侧导航-工作张*/
.container .user_nav {
    position: absolute;
    height: 100%;
    border-right: 1px solid #e0e0e0;
    width: 190px;
    background: #F4F7F8;
    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 .nav_bigt {
    width: 130px;
}

.user_nav .active {
    background: linear-gradient(270deg, #f77405, #f77405) !important;
    color: #fff;
    border-left-color: #f77405;
    border-right-color: #f77405;
}

.user_nav .nav_statis {
    margin-top: 10px;
}

.user_nav .nav_statis li {
    clear: both;
    font-size: 14px;
    padding-left: 42px;
    width: 100%;
    height: 36px;
    line-height: 34px;
    cursor: pointer;
}

.user_nav .nav_statis li b {
    float: left;
    font-weight: normal;
}

.user_nav .nav_statis li b:first-child {
    width: 80px;
}

.user_nav .nav_statis li b:nth-child(2) {
    color: #02A2CB;
}

.user_nav .nav_statis li:nth-child(1) {
    background: url(../images/default/orders/icon_001.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(2) {
    background: url(../images/default/orders/icon_01.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(3) {
    background: url(../images/default/orders/icon_03.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(4) {
    background: url(../images/default/orders/icon_04.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(5) {
    background: url(../images/default/orders/icon_06.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(6) {
    background: url(../images/default/orders/icon_05.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(7) {
    background: url(../images/default/orders/icon_07.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(8) {
    background: url(../images/default/orders/icon_08.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(9) {
    background: url(../images/default/orders/icon_11.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(10) {
    background: url(../images/default/orders/icon_11.png) no-repeat 10% center;
    background-size: 18px 18px;
}

.user_nav .nav_statis li:nth-child(11) {
    background: url(../images/default/orders/ewm.png) no-repeat 10% center;
    background-size: 18px 18px;
}

/****************** 分页 Start **********************/
.pages {
    line-height: 26px;
    font-size: 14px;
}

.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 {
    display: block;
    float: left;
    background: #fff;
    margin: 0px 5px 0px 5px;
    text-align: center;
    color: #666;
    min-width: 30px;
    border: 1px solid #747676;
    cursor: pointer;
}

.pages span:hover {
    background: #f77405 !important;
    border: 0px solid #f77405 !important;
}

.pages span:hover a {
    color: #fff;
}

.pages span.active {
    /*background: #f77405;
            border: 1px solid #f77405;*/
    border: 0px solid #f77405 !important;
    background: linear-gradient(270deg, #f77405, #f77405) !important;
    color: #fff !important;
    border-left-color: #f77405 !important;
    border-right-color: #f77405 !important;
}

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

/****************** 分页 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%);
    color: #B3B3B3;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
}

.menu-btn .fa.empty {
    background: #00a8ec;
}

.menu-btn .fa.dirty {
    background: #B3B3B3;
}

.menu-btn .fa.stop {
    background: #FC6365;
}

.menu-btn .fa.check {
    background: #649531;
}

.menu-btn .fa.clean {
    background: #BDEEFF;
}

.menu-btn .fa.cleansing {
    background: #d344ee;
}

.menu-btn .fa.check {
    background: #FCF005;
}

.menu-btn .fa.lastcheckin {
    background: #649531;
}

.menu-btn .fa.refresh {
    background: url(../images/default/icon_refresh.png) no-repeat center center;
}

.menu-item:hover>.menu-btn {
    color: #fff;
    outline: none;
    background-color: #2E3940;
    background: -webkit-linear-gradient(to bottom, #5D6D79, #2E3940);
    background: linear-gradient(to bottom, #5D6D79, #2E3940);
    border: 1px solid #2E3940;
}

.menu-item.disabled {
    opacity: .5;
    pointer-events: none;
}

.menu-item.disabled .menu-btn {
    cursor: default;
}

.menu-separator {
    display: block;
    margin: 7px 5px;
    height: 1px;
    border-bottom: 1px solid #fff;
    background-color: #aaa;
}

.menu-item.submenu::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #808080;
}

.menu-item.submenu:hover::after {
    border-left-color: #fff;
}

.menu .menu {
    top: 4px;
    left: 99%;
}

.show-menu,
.menu-item:hover>.menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.menu-item:hover>.menu {
    -webkit-transition-delay: 100ms;
    transition-delay: 300ms;
}


/*自定义打印*/
.defindprint {
    padding: 10px;
    display: none;
    width: 100%;
}

.defindprint .defindtips {
    display: block;
    color: #f77405;
    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: 80%;
    border: none;
    border-bottom: 1px solid #ccc;
}


/*借阅*/
.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;
}


#crumbs ul {
    display: flex;
}

#crumbs ul li {
    margin-right: 10px;
}

#crumbs ul li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    background: #66b3e6;
    text-align: center;
    position: relative;
    margin: 0 5px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}

#crumbs ul li #tag_1 {
    margin-left: 0px;
    display: flex;
    align-items: center;
}

#crumbs ul li #tag_1 .tag_icon {
    width: 14px;
    height: 14px;
    background-image: url(../../Content/images/index/icon_lm_bb@2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 5px;
}

#crumbs ul li a:after {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #66b3e6;
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 5;
}



#crumbs ul li a:before {
    content: "";
    border-top: 15px solid #66b3e6;
    border-bottom: 15px solid #66b3e6;
    border-left: 15px solid transparent;
    position: absolute;
    left: -15px;
    top: 0;
}



#crumbs ul li:first-child a {
    padding: 0 20px;
}



#crumbs ul li:first-child a:before {
    display: none;
}



#crumbs ul li:last-child a {
    padding: 0 20px;
}



#crumbs ul li:last-child a:after {
    display: none;
}



#crumbs ul li #tag_1:hover {
    background: #3498db;
}



#crumbs ul li #tag_1:hover:after {
    border-left-color: #3498db;
}



#crumbs ul li #tag_1:hover:before {
    border-top-color: #3498db;
    border-bottom-color: #3498db;
}

.layui-layer-title {
    /*background: -webkit-linear-gradient(right bottom, #c2dfef, #f77405) !important;
    color: #fff !important;*/
    /*padding: 16px 76px 0 10px !important;
    line-height: 0px !important;*/
}

/*.sk-circle { margin: 100px auto; width: 40px; height: 40px; position: relative; }
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
.sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); }
.sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }
.sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); }
.sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); }
.sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); }
.sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); }
.sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); }
.sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; }
.sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
}*/