/*header style*/
.header {padding: 10px 10px 0;font-size: 16px;background:#459AE9;top: 0; width: 100%; position: absolute;overflow: hidden; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 46px; color: #fff; z-index: 10000000000;}
.header .title{ text-align: center; font-size: 16px; line-height:32px;color: rgba(255, 255, 255, 0.9); font-weight: 100;margin-top: -2px;height: 40px;}
.header .title span:not(._three) { width: 16.66%; padding-bottom: 3px; padding-top: 0; display: inline-block; }
.header .title ._three { width: 23.66%; padding-bottom: 3px; padding-top: 0; display: inline-block;     font-size: 14px;}
.header .title span.active {border-bottom: 3px solid #fff;color: #fff;font-weight: bold; }

.menu_header { font-size: 14px; background: #459AE9; top: 0; width: 100%; position: absolute; overflow: hidden; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; z-index: 10000000000; }
.menu_header .menu_box { height: 36px;text-align: center; font-size: 14px; line-height: 28px; color: #fff; font-weight: 100; }
.menu_header .menu_box span { display: inline-block; width: 33.3%;font-size: 12px; }
.menu_header .menu_box span.active div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom:8px solid #fff; width: 10px; margin: 0 auto; }


.header .hd_prev, .header .hd_chainlst { position: absolute; padding: 11px; top: 0; left: 0px; height: 44px; }
.header .hd_menu { position: absolute; padding: 10px; top: 0; right: 0px; height: 46px; display:normal}
/*header style end*/

/*footer style*/
.footer { width: 100%; position: absolute; bottom: 0px; background: #fff;  border-top: 1px solid #ddd; height: 56px;z-index: 100000000000; }
.footer .footer_menu {position: relative;padding-top: 0px;height: 56px; width: 33%; text-align: center; line-height: 16px; float: left; cursor: pointer;  color: #ABABB2; }
.footer .active {  color:#459AE9;  font-weight: bold; }
.footer img {width:22px;height:22px;margin-top:8px; }
.icon_newmsg { background: url(/Skins/images/icon_bar_point.png) no-repeat center; background-size: 15px; padding: 10px; position: absolute; top: 0px; background-position-x: 3px; }
.icon_workmsg { position: absolute; top: 2px; background: #28D7AF; color: #fff; padding: 2px 7px; border-radius: 20px; border: 1px solid #fff; }

/*.footer .footer_menu .menu_icon { height: 24px; display: block; margin: 10px auto 2px auto; }
.footer .footer_menu.home {background:url(/Skins/images/home_icon.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.home.active {background:url(/Skins/images/home_icon_active.png) no-repeat;background-size:24px 24px;background-position: center 10px;}
.footer .footer_menu.work {background:url(/Skins/images/work_icon.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.work.active {background:url(/Skins/images/work_icon_active.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.folio {background:url(/Skins/images/folio_icon.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.folio.active {background:url(/Skins/images/folio_icon_active.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.person {background:url(/Skins/images/person_icon.png) no-repeat;background-size:24px 24px;background-position: center 10px; }
.footer .footer_menu.person.active {background:url(/Skins/images/person_icon_active.png) no-repeat;background-size:24px 24px;background-position: center 10px; }*/

/*footer style end*/

/*menu style*/
.head_menu { width: 100%; position: absolute; background: #fff; height: 100px;z-index: 100000000000;font-family: 'Microsoft YaHei'; }
.head_menu div {border-right: 1px solid #ddd;padding-top: 36px;height: 100px; width: 25%; text-align: center; line-height: 76px; float: left; cursor: pointer;  color: #333333; }
.head_menu div:last-child {border:0; }
.head_menu .home {background:url(/Skins/images/icon_popup_roomstatus.png) no-repeat;background-size:42px 42px;background-position: center 14px; }
.head_menu .roommap {background:url(/Skins/images/icon_popup_roommap.png) no-repeat;background-size:42px 42px;background-position: center 14px; }
.head_menu .revenue {background:url(/Skins/images/icon_popup_revenue.png) no-repeat;background-size:42px 42px;background-position: center 14px; }
.head_menu .statistics {background:url(/Skins/images/icon_popup_analysis.png) no-repeat;background-size:42px 42px;background-position: center 14px; }



/*iscrool*/
#wrapper, .wrapper {background:#F5F5F5 ;position: absolute; z-index: 1; top: 0px; bottom:0px; left: 0; width: 100%; overflow: hidden; }
/*#scroller, .scroller {min-height: 100%; }*/

/*Pull down styles*/
#pullDown, #pullUp { background: #F5F5F5; height: 30px; line-height: 30px; padding: 5px 10px; font-weight: bold; font-size: 14px; color: #888; text-align: center; width: 100%; }
#pullDown .pullDownIcon, #pullUp .pullUpIcon { display: inline-block; width: 20px; height: 20px; background: url(/Skins/images/pull-icon.png) 0 0 no-repeat; -webkit-background-size: 20px 60px; background-size: 20px 60px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; margin-bottom: -5px; margin-right: 5px; }
#pullDown .pullDownIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0); }

#pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0); }

#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); }

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position: 0 50%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

#pullDown.showResult .pullDownIcon{ background-position: 0 100%; }


@-webkit-keyframes loading {
from { -webkit-transform: rotate(0deg) translateZ(0); }
to { -webkit-transform: rotate(360deg) translateZ(0); }
}
.container {padding-bottom: 0px; }


.datepicker {width:100%; }
.yo-datepicker {display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; /*height: 100%;*/ background-color: #fff; text-align: center; }
.yo-datepicker .weeks { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; list-style-type: none; }
.yo-datepicker .week-bar,
.yo-datepicker .week { display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; }
.yo-datepicker .week-bar > li,
.yo-datepicker .week > li { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; width: 100%; height: auto; }
.yo-datepicker .week-bar { height: 3.2rem; line-height: 3.2rem; background-color: #eee; color: #000; font-size: 1.2rem; }
.yo-datepicker .month-bar {margin:0; height: 3.2rem; line-height: 3.2rem; border-bottom: 1px solid #ddd; background-color: #f9f9f9; color: #000; font-size: 1.4rem; font-weight: normal; }
.yo-datepicker .week { border-bottom: 1px solid #ddd; color: #000; }
.yo-datepicker .week > li { position: relative; height: 5.4rem; }
.yo-datepicker .day,
.yo-datepicker .special { display: inline-block; margin: 1.5rem 0 0.2rem; font-size: 1.4rem; line-height: 2.4rem; vertical-align: top; }
.yo-datepicker .day { width: 2.4rem; height: 2.4rem; border-radius: 50%; -webkit-background-clip: padding-box !important; background-clip: padding-box !important; }
.yo-datepicker .special { color: #f50; }
.yo-datepicker .today > .day,
.yo-datepicker .holiday > .day { display: none; }
.yo-datepicker .weekend { color: #f00; }
.yo-datepicker .disabled { color: gray; }
.yo-datepicker .start > .day,
.yo-datepicker .end > .day { display: inline-block; background-color: #a2397b; color: #fff; }
.yo-datepicker .start > .special,
.yo-datepicker .end > .special { display: none; }
.yo-datepicker .start::after,
.yo-datepicker .end::after { display: block; color: #1ba9ba; font-size: 1.4rem; }
.yo-datepicker .start::after { content: ""; }
.yo-datepicker .end::after { content: ""; }

/*login*/
.login_frame_box { position: absolute; height: 100%; width: 100%; z-index: 10000000000; top: 0; }

.login .login_logo { background: url(/Skins/images/icon_logo.png) no-repeat; background-size: 180px; background-position: center; height: 32%;margin-top: 46px; display:none; }
.login .login_box .input {margin: 8px 0; padding-left: 56px; }
.login .login_box .btn {margin: 8px 0; width: 80%; }
.login .login_box #usercode { background: url(/Skins/images/icon_user.png) rgba(255,255,255,0.9) no-repeat; background-size: 26px; background-position: 16px center; }
.login .login_box #password { background: url(/Skins/images/icon_password.png) rgba(255,255,255,0.9) no-repeat; background-size: 26px; background-position: 16px center; }

/*serch bar style*/
.serch_bar { width: 100%; background: #eee; height: 45px; line-height: 45px; font-weight: bold; }
.serch_bar span { display: block; float: right; margin: 0 3px; }
.serch_bar span:first-child {font-size: 16px; float: left;width: 80px; }
.serch_bar span input { padding: 6px; border-radius: 0; width: 94px; height: 32px; color: #555; margin: 0 5px; }
.serch_bar span select { padding:0 4px; border-radius: 0; width: 80px; height: 32px; color: #555; margin: 0 5px;background: #fff; }

/*index*/
.main_frame { width: 100%; height: calc(100% - 102px); margin-top: 46px; }
.sub_main_frame { width: 100%; height: calc(100% - 36px); margin-top: 36px; }
.sub_frame { width: 100%; height: calc(100% - 42px); margin-top: 46px; }
.login_frame { width: 100%; height: 100.1%; }

.nocontent { background: url(/Skins/images/icon_nocontent.png) no-repeat; background-size: 150px; background-position: center; padding-top: 80%; text-align: center; color: #459ae9; font-size: 18px; text-shadow: 1px 2px 2px #63bffe; }

/*chainlist*/
.chainlst { }
.chainlst li { padding: 20px 20px 20px 30px; border-bottom: 1px solid #f1f1f1; font-size: 16px; line-height: 16px; position: relative; background: #fff url(/Skins/images/list_point.png) no-repeat center; background-position-x: 15px; background-size: 6px; }

/*msg_list*/
.msglst { }
.msglst li {position:relative; border-bottom: 1px solid #e7e7e7;border-top: 1px solid #e7e7e7;margin-top:8px;background-color: #fff; }
.msglst li > div { height: 76px; line-height: 24px; font-size: 15px; }
.msglst li > div.checkout { background: url(/Skins/images/icon_checkout.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.delay { background: url(/Skins/images/icon_delay.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.clean { background: url(/Skins/images/icon_clean.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.supplies { background: url(/Skins/images/icon_supplies.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.laundry { background: url(/Skins/images/icon_laundry.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.wakeup { background: url(/Skins/images/icon_wakeup.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.food    { background: url(/Skins/images/icon_meal.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.restaurant { background: url(/Skins/images/icon_restaurant.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.taxi { background: url(/Skins/images/icon_taxi.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.baggage { background: url(/Skins/images/icon_luggage.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.bill { background: url(/Skins/images/icon_billing.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.noname { background: url(/Skins/images/icon_other.png) left no-repeat; background-size: 52px; background-position-x: 20px; }
.msglst li > div.roomupdate { background: url(/Skins/images/icon_roomUpdate.png) left no-repeat; background-size: 52px; background-position-x: 20px; }

.msglst li > div.detail {width:calc(100% - 100px); padding: 12px 0 10px 90px;}
.msglst li > div.detail .service_name { line-height: 50px;font-size: 16px; }
.msglst li > div.detail .roomno { font-weight: bold; padding-right: 10px; max-width: 48%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msglst li > div.detail .name { padding-left: 10px; border-left: 1px solid #999; max-width: 42%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msglst li > div.detail .msgdetail { color: #666; overflow: hidden; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msglst li > div.time { width: 120px; text-align: right;padding: 10px 10px 10px 0; line-height: 30px; float: right; margin-top: -80px; }
.msglst li > div.time .runtime { color:#666;font-size:15px;height: 30px;}
.msglst li > div.time .createtime { color:#ABABB2;font-size:12px;height: 28px;}


.msglst li .nodo_overtime { position: absolute; background: url(/Skins/images/icon_nodo_overtime.png) no-repeat; background-size: 22px; height: 22px; width: 22px; top: 6px; left: 58px; }
.msglst li .doing_overtime { position: absolute; background: url(/Skins/images/icon_doing_overtime.png) no-repeat; background-size: 22px; height: 22px; width: 22px; top: 6px; left: 58px; }


/*msgdetail*/
.msg_detail { padding-bottom: 58px; }
.msg_detail .msg_header { padding-top: 20px; height: 150px; text-align: center; border-bottom: 1px solid #DCDCDC; background-color: #fff; display:none;}
.msg_detail .msg_header .over_time_type { margin: 0 auto 20px; font-size: 14px; color: #ABABB2; }
.msg_detail .msg_header #sTimeLast { font-size: 65px; color: red; margin: 0px; line-height: 65px; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF8993), to(#EB3A54)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.msg_detail .msg_info { background-color: #fff; border-top: 1px solid #DCDCDC; margin-top: 10px; border-bottom: 1px solid #DCDCDC; }
.msg_detail .msg_info .msg_title > div {color:#ABABB2; width: 33.3%; display: inline-block; float: left; height: 70px; text-align: center; line-height: 22px; padding: 10px 15px; border-bottom: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; }
.msg_detail .msg_info .msg_title > div > span {color:#333333;font-size: 14px; }

.msg_detail .msg_info .msg_moredetail {padding: 4px 10px;}
.msg_detail .msg_info .msg_moredetail > p { border-left: 4px solid #28D6AF; padding-left: 16px; color: #459AE9; font-size: 14px; }
.msg_detail .msg_info .msg_moredetail #Content { padding-left: 20px; font-size: 17px; }
.msg_detail .msg_info .msg_moredetail #Remark { padding-left: 20px; font-size: 13px;color:#666666;padding-top: 5px; }
.msg_detail .msg_info .msg_moredetail .createTime { padding-left: 20px; font-size: 12px; color: #ABABB2; padding: 30px 20px 20px; }

.msg_detail .follwerList { position: relative;text-align: left;background-color: #fff; margin-top: 10px; line-height: 56px; }
.msg_detail .follwerList .follow_title { border-left: 4px solid #28D6AF; padding-left: 16px; color: #459AE9; font-size: 14px; }
.msg_detail .follwerList td, .msg_detail .follwerList th { border: solid 1px #DCDCDC; padding-left: 16px; font-size: 14px; height: 57px; }
.msg_detail .follwerList td i { position: static; float: right; margin-right: 18px; margin-top: 20px; }
.msg_detail .follwerList th { width: 100px;}
.msg_detail .follwerList .old_follow_name {color:#ABABB2;}
.msg_detail .follwerList .old_follow_time { color: #ABABB2; font-size: 12px; float: right; padding-right: 15px; }
.msg_detail .follwerList .icon_right {top:20px; }
.msg_detail .follwerList .follow_state {color:#28D6AF;float:right;padding-right:20px; }
.msg_detail .follwerList .follow_mobile { width: 100%; height: 100%; display: inline-block; line-height: 56px;color:#333333; }


.follwers {font-family: 'Microsoft YaHei'; }
.follwers li { padding: 20px 20px 20px 30px; border-bottom: 1px solid #f1f1f1; font-size: 16px; line-height: 16px; position: relative; background: #fff url(/Skins/images/list_point.png) no-repeat center; background-position-x: 15px; background-size: 6px; }


.msg_detail .deal { background-color: #fff; border-top: 1px solid #DCDCDC; margin-top: 10px; border-bottom: 1px solid #DCDCDC;padding: 4px 10px; display:none; }
.msg_detail .deal > p { border-left: 4px solid #28D6AF; padding-left: 16px; color: #459AE9; font-size: 14px; }
.msg_detail .deal textarea { width: 100%; height: 150px; padding: 10px; font-size: 16px;margin-bottom: 10px; }
.msg_detail .deal .deal-content { padding: 10px; font-size: 16px; display: inline-block; border: 1px solid #aaa; width: 100%; margin-bottom: 10px; min-height: 100px; }
.msg_detail .deal .endTime { color: #ABABB2; padding: 10px 0; display:none;}

.tool_box { text-align: center; background-color: #fff; position: fixed; width: 100%; bottom: 0; border-top: 1px solid #DCDCDC; }
.tool_box .btn {margin: 6px 0px 10px; }




.upload-btn-box { clear: both; background: #fff url("../images/upload.gif") center center no-repeat; background-size: 61px 61px; border: 1px solid #cfcfcf; border-radius: 1px; width: 64px; height: 64px; color: #b9b9b9; text-align: center; margin-bottom: 5px; position: relative; }
.upload-btn-box .txt { vertical-align: text-bottom; font-size: 10px; position: absolute; bottom: 0; width: 100%; left: 0; display:inline-block}
.upload-btn-box .upload-btn { opacity: 0; position: absolute; width: 64px; height: 64px; z-index: 1; left: 0; top: 0; }
.img-item { border: 1px solid #cfcfcf; width: 64px; height: 64px; overflow: hidden; display:inline-block; margin-right: 5px; margin-bottom: 5px; position: relative; }
.img-item img { width: 64px; height: 64px; }
.img-item i { position: absolute; content: ""; background-image: url("../images/icon-close.png"); background-size: 29px 29px; top: 18px; left: 18px; width: 29px; height: 29px; }
.msg-text { font-size: 10px; color: #b9b9b9; }
.jd-btns { text-align: center; padding-bottom: 25px; padding-top: 5px; }



/*person*/
.person_head { height: 220px; position: absolute; width: 100%;overflow:hidden;background:rgba(69, 154, 233, 0); }
.person_head .person_icon { width: 90px; height: 90px; background-color: #fff; border: 3px solid #fff; border-radius: 50%; text-align: center; overflow: hidden; margin: 36px auto 0; }
.person_head .person_icon img{ width:100%;height:100%;}
.person_head .person_info { position: absolute; bottom: 0; height: 50px; color: #fff;width: 100%;background: rgba(69, 154, 233,0.5);font-size: 14px; }
.person_head .person_info div { float: left; width: 33.33%; text-align: center; line-height: 50px; }
.person_head .person_info div .right{color: rgba(255,255,255,0.6); }
.person_tool_box {padding-top:240px;}
.person_tool_box li{padding: 22px 30px;border-top:1px solid #eee;position: relative;font-size: 16px; }
.person_tool_box li:last-child{border-bottom:1px solid #eee; }
.person_logout { padding: 50px 10% 20px; text-align: center; }
.person_logout .logout_btn { border: 1px solid #459AE9; height: 42px; line-height: 40px; color: #459AE9; font-size: 14px; background: #fff; border-radius: 2px; }

.icon_right { background: url(/Skins/images/icon_right.png) no-repeat center; background-size: 16px; padding: 8px; position: absolute; right: 22px; top: 24px; }
.icon_list_select { background: url(/Skins/images/icon_list_selected.png) no-repeat center; background-size: 18px; padding: 10px; position: absolute; right: 22px; top: 18px; }
.icon_tel { background: url(/Skins/images/icon_tel.png) no-repeat center; background-size: 16px; padding: 8px; position: absolute; right: 22px; top: 22px; }


/*folio*/
.croomsate { margin-top: 170px; border-top: 1px solid #ddd; background-color: #fff; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.croomsate .croomsatetitle { text-align: center; font-size: 18px; padding: 15px 0; }
.croomsate .croomsatetitle span { border-bottom: 2px solid #548bb6; width: 36px; margin: -8px 8px 6px; display: inline-block; }
.croomsate ul { list-style-type: none; margin: 0; padding: 0; }
.croomsate ul li { width: 30%; text-align: center; line-height: 24px; color: #fff; background: #2196F3; border-radius: 4px; float: left; margin: 5px; padding: 15px 0; font-size: 16px; }
.croomsate ul li:nth-child(2n+1) { background: #03A9F4; }
.croomsate ul li span { display: block; }

.container .c_calendar { text-align: center; font-size: 23px; color: #19adf5; line-height: 28px; }
.container .content_box { font-size: 14px; }
.container .content_box ul li { width: 25%; float: left; height: 80px; border-bottom: 1px solid #ddd; line-height: 30px; background-color: #fff; text-align: center; border-left: 1px solid #ddd; padding-top: 10px; }
.container .content_box ul li:nth-child(4n+1) {border-left:0 }
.container .content_box ul li .num { font-size: 20px; color: #28D6AF; line-height: 22px; font-weight: normal; }

.container #d_change_data {display: block; position: relative; margin: 0 auto; width: 100%; height: auto; margin-top: -70px; height: 70px; text-align: center; line-height: 40px; color: #fff; }
.container #d_change_data #sp_date { padding: 2px 36px; background-color: #459AE9; border-radius: 100px;font-size:14px; }
.container #d_change_data #sp_chainName { position: absolute; left: 0; right: 0; bottom: 0; background: rgba(69, 154, 233, 0.7); padding:6px 10px; line-height: 20px; margin: 0 auto; font-size: 15px; }


/*roommap*/
.container .room_types { border-bottom: 1px solid #ddd; text-align: center; color: #000; height: 90px; background-color: #fff; }
.container .room_types b { display: block; height: 45px; width: 25%; line-height: 45px; float: left; font-weight: normal; font-size: 16px; }
.container .room_types b span { height: 20px; width: 25px; display: inline-block; border-radius: 2px; background: #fff;margin:0 5px -5px 0; }
.container .room_types b.all span{ border:1px solid #999 ; }
.container .room_types b.clean span{ background: #548BB6; }
.container .room_types b.dirty span { background: url(/Skins/images/icon_clear.png) no-repeat center #72727A;background-size: 12px;  }
.container .room_types b.checkindirty span { background: url(/Skins/images/icon_bed.png) no-repeat center  #346537;background-size: 16px; }
.container .room_types b.checkin span { background: #4EA953; }
.container .room_types b.readygo span { background:url(/Skins/images/icon_readygo.png) #EDBC02 no-repeat center;background-size:20px; }
.container .room_types b.sort span { background: url(/Skins/images/icon_sort.png) #FF862F no-repeat center; background-size:20px;}
.container .room_types b.stop span { background: #d75959; }
.container .room_types b.parttime span { background: url(/Skins/images/icon_timeroom.png) #D04141 no-repeat center;background-size:20px;}
.container .room_types b.active { color: #a2397b;background-color: #E4E4E4;border: 1px solid #ddd; }

.container .roomtype_box div { width: calc(25% - 7px);float: left; overflow:hidden; text-align: center; height: 30px; line-height: 30px; border-radius: 2px;margin: 6px 0px 0px 6px; background-color: #eee; }
.container .roomtype_box div.active { background: #459ae9; color: #fff; }

.container .roommap { padding: 5px 0; height: auto; background:#fff;}
.container .roommap ul {margin: 5px auto 0;padding-bottom: 10px; width: 100%; height: auto; display: inline-block; list-style-type: none;background-color: #eee; }
.container .roommap ul li {position: relative; width: calc(25% - 7px); height: 60px; text-align: right; float: left; margin: 5px 0 2px 6px; padding: 2px; line-height: 22px; color: #fff;overflow: hidden; }
.container .roommap ul li span:first-child { line-height: 20px; padding-left: 4px; display: block; overflow: hidden; text-align: left; height: 20px; margin-bottom: 16px; }
.container .roommap ul li span:nth-child(2) { text-align: left; float: left;padding-left: 4px; }
.container .roommap ul li span:nth-child(3) { float: right; text-align: right; padding-right: 4px; max-width: 53%;font-size: 10px; }
.container .roommap ul li.selected { -webkit-transform: scale(1.11); transition: 0.2s; box-shadow: 1px 1px 10px #000; z-index: 2; }

.container .roommap ul li.twinkling { -webkit-animation: twinkling 1s infinite ease-in-out; }
@-webkit-keyframes twinkling { 
    0% { opacity: 0.7;  }
    50% { 
    opacity: 1;
    }
    100%{
       opacity:0.7;
    }
  }

.container .roommap ul li.dirty {background: url(/Skins/images/icon_clear.png) no-repeat center #72727A;background-size: 22px; }
.container .roommap ul li.checkindirty {background: url(/Skins/images/icon_bed.png) no-repeat center #346537;background-size: 26px; }
.container .roommap ul li.stop { background: #d75959; }
.container .roommap ul li.clean { background:#548BB6; }
.container .roommap ul li.cleansing { background: rgb(73,106,227); }
.container .roommap ul li.check { background: #DCE8D0; }
.container .roommap ul li.checkin {background: url(/Skins/images/icon_bed.png) no-repeat center #4EA953;background-size: 26px;  }
.container .roommap ul li.readygo { background: #959595; }
.container .roommap ul li.arrearage { background: #959595; }
.container .roommap ul li.inner { background: #959595; }
.container .roommap ul li.connect { background: #959595; }
.container .roommap ul li.free { background: #959595; }

.container .roommap ul li span.span_sign { position: absolute; top: 2px; right: 2px; }
.container .roommap ul li span i { height: 15px; width: 15px; font-size: 11px; display: block; float: left; color: #fff; }
.container .roommap ul li span i.vip { background: url(/Skins/images/icon_vip.png); background-size: 100%; }
.container .roommap ul li span i.readygo { background: url(/Skins/images/icon_readygo.png); background-size: 100%; }
.container .roommap ul li span i.arrearage { background: url(/Skins/images/icon_own.png); background-size: 100%; }
.container .roommap ul li span i.sort { background: url(/Skins/images/icon_sort.png); background-size: 100%; }
.container .roommap ul li span i.inner { background: url(/Skins/images/icon_innersort.png); background-size: 100%; }
.container .roommap ul li span i.connect { background: url(/Skins/images/icon_connect.png); background-size: 100%; }
.container .roommap ul li span i.free { background: url(/Skins/images/icon_free.png); background-size: 100%; }
.container .roommap ul li span i.timeroom { background: url(/Skins/images/icon_timeroom.png); background-size: 100%; }
.container .roommap ul li span i.check { background: url(/Skins/images/icon_check.png); background-size: 100%; }

.tabfoliodetail {margin: 15px; width: 220px; }
.tabfoliodetail tr td:first-child {text-align:right;padding-right:15px;font-weight: bold;width: 60px; }
.tabfoliodetail td{padding: 4px; }

/*finance report style*/
.container .rptlist { height: calc(100% - 112px); }
.container .rptlist .transitem { height: 30px; }
.container .rptlist .transitem ul { padding: 0; margin: 0; }
.container .rptlist .transitem ul li { float: left; line-height: 22px; text-align: left; padding: 5px 0 0 5px; overflow: hidden; height: 27px; font-size: 13px; color: #8e8e8e; }
.container .rptlist .rpts_menu ul { margin: 0; padding: 0; }
.container .rptlist .rpts_menu ul li { list-style-type: none; width: 50%; float: left; height: 34px; background: #b4b4b4; color: #fff; text-align: center; line-height: 34px; font-size: 15px; font-weight: bold; }
.container .rptlist .rpts_menu ul li.active { background: #fff; color: #a2397b; border-bottom: 1px solid #a2397b; }
.container .rptlist .rpt_tab { min-width: 100%; border: 0; font-size: 12px; border-bottom: 1px solid #e8e9e9; margin: 0; }
.container .rptlist .rpt_tab tr { display: table-row; }
.container .rptlist .rpt_tab tr:nth-child(2n) { background-color: #fff; }
.container .rptlist .rpt_tab tr:nth-child(2n+1) { background-color: #f5f5f5; }
.container .rptlist .rpt_tab tr .bigt { color: #fff;background: #249dc9; }
.container .rptlist .rpt_tab tr td { line-height: 16px;color: #000; font-size: 13px; text-align: center; padding: 2px 10px;}
.container .rptlist .rpt_tab tr th { line-height: 30px;width: 80px; text-align: center; font-weight: bold; font-size: 14px; padding: 5px 10px ; }
/*.container .rptlist .rpt_tab tr:first-child th { color: #000; font-size: 12px; }
.container .rptlist .rpt_tab tr:nth-child(2n) td:last-child { background-color: #fff; }*/

.container .rptlist .chain_title .chain_name { line-height: 40px; font-weight: bold; font-size: 16px; }
.container .rptlist .report_icon { line-height: 30px;border-radius: 4px;float: right; padding: 2px 15px 2px 40px; background: url(/Skins/images/icon_trend.png) #28D6AF no-repeat 12px center;background-size: 20px; color: #fff; font-weight: normal; }


/*ServiceList*/
.searchBox .roomservice_box  .roomservice_status { float: left; overflow:hidden; text-align: center; height: 30px; line-height: 30px; border-radius: 2px;margin: 10px 0px 0px 8px; background-color: #eee; }
.searchBox.mywork .roomservice_box .roomservice_status {width: calc(25% - 10px);}
.searchBox.workcenter .roomservice_box .roomservice_status { width: calc(20% - 10px);}
.searchBox .roomservice_type_box{padding-bottom:8px;border-bottom:1px solid #ddd;}
.searchBox .roomservice_type_box .roomservice_type { width: calc(33% - 10px);float: left; overflow:hidden; text-align: center; height: 50px; line-height: 50px; border-radius: 2px;margin: 10px 0px 0px 8px; background-color: #eee; }
.searchBox .roomservice_type_box .roomservice_type img{ height:26px; }
.searchBox .roomservice_type_box div p{margin-top:-38px;}
.searchBox .roomservice_box .roomservice_status.active{ background:#459ae9;color:#fff; }
.searchBox .roomservice_type_box div.active{ background:#459ae9;color:#fff; }

.container .roomservice_list ul li {padding-bottom:8px;}
.container .roomservice_list ul li .item_box{width: calc(100% - 80px);background-color:#f7f4f4}
.container .roomservice_list ul li .item_box .roomno{height: 30px; padding-left: 15px; line-height: 30px; background-position: left center;position:relative;}
/*.container .roomservice_list ul li .item_box  p{border:none;margin:0}*/
.container .roomservice_list ul li .item_box .timespan{  position: absolute; right:2%;color: #888;}
.container .roomservice_list ul li .item_box .p_title { font-weight: bold; }
    .container .roomservice_list ul li .item_box .service_info.roomser {
        background: url(../../Skins/images/icon_room.png) no-repeat #fff;
        background-position: 15px center;
        background-size: 30px;
    }    
    .container .roomservice_list ul li .item_box .service_info.roomclear {
        background: url(../../Skins/images/icon_clear1.png) no-repeat #fff;
        background-position: 15px center;
        background-size: 30px;
    }
    .container .roomservice_list ul li .item_box .service_info.repair {
        background: url(../../Skins/images/icon_react.png) no-repeat #fff;
        background-position: 15px center;
        background-size: 30px;
    }
.container .roomservice_list ul li .item_box .service_info{    min-height: 63px;
    padding: 8px 5px;
    border-top: 1px solid #ddd;
    background: #fff;
    border-bottom: 1px solid #ddd;
    padding-left: 70px;
}
.container .roomservice_list ul li .operation {width:80px;}
.container .roomservice_list ul li .operation .btn_roomservice:first-child{height:31px;width:100%;background-color:#ff6a00}
.container .roomservice_list ul li .operation .btn_roomservice:last-child{min-height: 62px;width:100%;}
.container .roomservice_list ul li .operation .btn_finish{height:46px;width:100%;background-color:#00BCD4;padding:0;}
.container .roomservice_list ul li .operation .btn_cancel{height:46px;width:100%;background-color:#9E9E9E;padding:0;}
.container .roomservice_list ul li .operation .btn_arrange{min-height: 47px;width:100%;background-color:#9C27B0;padding:0;}
.container .roomservice_list ul li .operation .btn_one{min-height: 93px;width:100%;padding:0;}