@charset "utf-8";
a,li,input {
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.w93{
    width: 93px;
    float: left;
    padding-left: 10px;
}
.w103{
    width: 103px;
    float: left;
    padding-left: 10px;
}
.w1100{
    width: 1100px;
    margin: 0 auto;
}
textarea:disabled, input:disabled {
    background-color: #f9f9f9;
}

.wdyhd .all{
    line-height: 26px;
    float: right;
}
.wdyhd .all span{
    margin-right: 15px;
}
.wdyhd .all b{
    font-weight: initial;
}
.wdyhd .all em{
    color: #005BE6;
    font-weight: bold;
}
.wdyhd .yqft {
    float: left;
    margin-left: 20px;
}
.wdyhd .yqft small{
    float: left;
    line-height: 30px;
    margin-right: 10px;
}
.wdyhd .yqft ul{
    float: left;
}
.wdyhd .yqft li{
    width: 56px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 10px;
}
.wdyhd .yqft li.greater,.rul td.greater{
    background-color: #EDF9FE;
    color: #0EA2DA;
}
.wdyhd .yqft li.equal,.rul td.equal{
    background-color: #FFF5E5;
    color: #FB7D00;
}
.wdyhd .yqft li.less,.rul td.less{
    background-color: #FFEAEA;
    color: #CC0000;
}
/* 当前位置 */
.btnbartitle{
    height: 36px;
    line-height: 36px;
    background-color: #f3f3f3;
}
.btnbartitlenr div{
    padding-left: 32px;
    color: #333;
    height: 36px;
    line-height: 36px;    
    background: url(/Themes/images/zhuye.png) no-repeat 12px center;
}

/* 实时房态 */

.realtimeroomstate{
    /* padding: 15px 0 0 0; */
    padding-right: 0;
    background-color: #fff;
    height: calc(100% - 64px);
    overflow: auto;
}
.foodindex .realtimeroomstate{
    height: calc(100% - 130px);
}
/* .realtimeroomstatess{
    height: 100vh;
} */
.roomstatelongnew .realtimeroomstate{
    height: calc(100% - 42px);
}
.realtimeroomstate>div:first-of-type .selectleixing{
    padding-top: 0;
}
.realtimeroomstate ul{
    padding: 0 0 0 15px;
}
.realtimeroomstate>ul{
    padding: 15px 0 0 15px;
}
.realtimeroomstate>div:last-child ul{
    padding: 0 0 8px 15px;
}
/* .realtimeroomstate .selectleixing{
    padding-top: 13px;
} */
.realtimeroomstate .selectleixing span{
    border: 1px solid #d9d9d9;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-left: none;
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin: 15px 0;
}
.realtimeroomstatesmall .selectleixing span{
    margin: 5px 0;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
.realtimeroomstatesmall>div:first-of-type .selectleixing span{
    margin-top: 10px;
}
.realtimeroomstate .selectleixing span .num{
    padding-left: 5px;
}
.realtimeroomstate li{
    float: left;
    width: 122px;
    height: 106px;
    background-color: #ddd;
    margin: 0 7px 7px 0;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.foodindex .realtimeroomstate li{
    height: 86px;
}
.realtimeroomstatebig li{
    width: 160px;
    height: 126px;
}
.realtimeroomstatesmall li{
    width: 104px;
    height: 86px;
}
.realtimeroomstate li:hover{
    box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
}
.realtimeroomstate li:hover .detailed{
    display: block;
}
.realtimeroomstate li .roomnumber{
    height: 32px;
    line-height: 32px;
    background-color: #005BE6;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;   
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    overflow: hidden;
}
/* .realtimeroomstate li.VC .roomnumber{
    color: #333;
}
.realtimeroomstate li[order_state=YD] .roomnumber{
    color: #fff;
} */
/* 空净 */
.realtimeroomstate li.kongjing,.realtimeroomstate li.VC {
    /* background-color: #fff;
    border: 1px solid #d5d5d5;
    box-sizing: border-box; */
    background-color: #CDECF7;
    border: none;
}
.realtimeroomstate li.kongjing .roomnumber,.realtimeroomstate li.VC .roomnumber{
    /* background-color: #E9E9E9; */
    background-color: #1D8CB1;
}
.realtimeroomstate li.VC .money{
    background-color: #A4DDF0;
}
/* 预抵
.realtimeroomstate li.kongjing,.realtimeroomstate li[order_state=YD] {
    background-color: #CDECF7;
    border: none;
}
.realtimeroomstate li.kongjing .roomnumber,.realtimeroomstate li[order_state=YD] .roomnumber{
    background-color: #1D8CB1;
} */
/* 在住 */
.realtimeroomstate li.zaizhu,.realtimeroomstate li.OC,.realtimeroomstate li.OD {
    background-color: #D1EED2;
}
.realtimeroomstate li.zaizhu .roomnumber,.realtimeroomstate li.OC .roomnumber,.realtimeroomstate li.OD .roomnumber{
    background-color: #19AC1D;
}
.realtimeroomstate li.OC .money,.realtimeroomstate li.OD .money{
    background-color: #BBE6BC;
}
/* 宿舍住满 */
.realtimeroomstate li.ZM{
    background-color: #CCDEFA;
}
.realtimeroomstate li.ZM .roomnumber{
    background-color: #005BE6;
}
/* 长租 */
.realtimeroomstate li[order_type="3"] {
    background-color: #D0E6D0;
}
.realtimeroomstate li[order_type="3"]  .roomnumber{
    background-color: #0F6211;
}
.realtimeroomstate li[order_type="3"]  .money{
    background-color: #95BE96;
}
/* 长租空房 */
.realtimeroomstate li[islong="1"] {
    background-color: #BFD6F9
}
.realtimeroomstate li[islong="1"]  .roomnumber{
    background-color: #005BE6;
}
.realtimeroomstate li[islong="1"]  .money{
    background-color: #ACCAF7
}
/* 维修 */
.realtimeroomstate li.weixiu,.realtimeroomstate li.OOO {
    background-color: #FAD9D9;
}
.realtimeroomstate li.weixiu .roomnumber,.realtimeroomstate li.OOO .roomnumber{
    background-color: #E54243;
}
.realtimeroomstate li.OOO .money{
    background-color: #F7BFBF;
}
/* 锁房 */
.realtimeroomstate li.suofang,.realtimeroomstate li.LC,.realtimeroomstate li.LD {
    background-color: #FBE7D0;
}
.realtimeroomstate li.suofang .roomnumber,.realtimeroomstate li.LC .roomnumber,.realtimeroomstate li.LD .roomnumber{
    background-color: #EE9431;
}
.realtimeroomstate li.LC .money,.realtimeroomstate li.LD .money{
    background-color: #F8D1A7;
}
/* 预离 */
.realtimeroomstate li.yuli,.realtimeroomstate li.YLJ,.realtimeroomstate li.YLZ,.realtimeroomstate  li[order_state="YL"],.realtimeroomstate  li[order_state="YLZ"] {
    background-color: #F9D7FF;
}
.realtimeroomstate li.yuli .roomnumber,.realtimeroomstate li.YLJ .roomnumber,.realtimeroomstate li.YLZ .roomnumber,.realtimeroomstate li[order_state="YL"] .roomnumber,.realtimeroomstate li[order_state="YLZ"] .roomnumber{
    background-color: #E344FF;
}
.realtimeroomstate li.YLJ .money,.realtimeroomstate li.YLZ .money,.realtimeroomstate li[order_state="YL"] .money,.realtimeroomstate li[order_state="YLZ"] .money{
    background-color: #F5BDFF;
}
/* 空脏 */
.realtimeroomstate li.kongzang,.realtimeroomstate li.VD {
    background-color: #ddd;
}
.realtimeroomstate li.kongzang .roomnumber,.realtimeroomstate li.VD .roomnumber{
    background-color: #999;
}
.realtimeroomstate li.VD .money{
    background-color: #C7C7C7;
}
/* 长租已出租 */
.realtimeroomstate li.YCZ{
    background-color: #D0E6D0;
}
.realtimeroomstate li.YCZ .roomnumber{
    background-color: #138216;
}
.realtimeroomstate li.YCZ .money{
    background-color: #8FC490;
}
/* 长租已预订 */
.realtimeroomstate li.YYD{
    background-color: #CDECF7;
}
.realtimeroomstate li.YYD .roomnumber{
    background-color: #1D8CB1;
}
.realtimeroomstate li.YYD .money{
    background-color: #A4DDF0;
}
.realtimeroomstate li .roomnumberl{
    float: left;
    font-weight: bold;
    font-size: 12px;
    width: 52px;
    white-space: nowrap;
}
.realtimeroomstatebig li .roomnumberl{
    width: 71px;
    font-size: 14px;
}
.realtimeroomstate li .roomnumberl.suoxiao{
    transform: scale(0.8);
    transform-origin: 0;
}
.realtimeroomstatebig li .roomnumberl.suoxiao{
    transform: scale(1);
}
.realtimeroomstate li.checked:after{
    content: "";
    background: url(../images/ftchecked.png) no-repeat;
    width: 26px;
    height: 26px;
    position:absolute;
    bottom: 0;
    right: 0;
}
.realtimeroomstate li .roomnumberr{
    float: right;
    width: 60px;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    text-align: right;
}
.realtimeroomstatebig li .roomnumberr{
    width: 79px;
    font-size: 14px;
}
.realtimeroomstatesmall li .roomnumberr{
    width: calc(100% - 52px);
}
.realtimeroomstatess li .roomnumberr{
    width: 100%;
    float: left;
    text-align: left;
}
.realtimeroomstate .information .name{
    text-align: center;
    font-size: 14px;
    color: #333;
    font-family: "Microsoft Yahei";
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.realtimeroomstatebig .information .name{
    font-size: 16px;
}
.realtimeroomstatesmall .information .name{
    height: 26px;
    line-height: 26px;
}
.roomstatelongnew  .realtimeroomstate .information .name,.roomstatelong  .realtimeroomstate .information .name{
    height: 24px;
    line-height: 24px;
}
.realtimeroomstate .money{
    height:22px;
    line-height: 22px;
    text-align: center;
    font-size: 13px;
    color: #333;
}
.realtimeroomstate .information .name .source img,.realtimeroomstate .information .name .fkfs img{
    position: relative;
    top: -1px;
}
.realtimeroomstate .information .name .fkfs img{
    margin-left: 5px;
}
.realtimeroomstate .information .name .cleaning{
    background: url(../images/icon.png?20230224) -414px -90px no-repeat;
    width: 10px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.realtimeroomstate .state .cleaning1{
    background: url(../images/icon.png?20230224) -436px -89px no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.realtimeroomstate .state .cleaning2{
    background: url(../images/icon.png?20230224) -462px -89px no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.realtimeroomstate .fwqrzt.dqr{
    background: url(../images/icon.png?20230224) -54px -137px no-repeat;
    width: 30px;
    height: 27px;
    position: absolute;
    right: 0;
    bottom: 5px;
    margin-right: 5px;
}
.realtimeroomstate .fwqrzt.ywc{
    background: url(../images/icon.png?20230224) -118px -137px no-repeat;
    width: 27px;
    height: 29px;
    position: absolute;
    right: 0;
    bottom: 5px;
    margin-right: 5px;
}

.realtimeroomstate .state {
    margin: 6px 0 0 10px;
    display: flex;
    align-items: center;
}
.foodindex  .realtimeroomstate .state {
    margin-top: -12px;
}
.realtimeroomstatesmall .state {
    margin: 4px 0 0 10px;
    transform: scale(0.8);
    transform-origin: 0 0;
    white-space: nowrap;
}
.realtimeroomstatebig .state {
    margin: 26px 0 0 10px;
}
.roomstatelongnew .realtimeroomstate .state {
    margin-top: 2px;
    white-space:nowrap;
}
.roomstatelong .realtimeroomstate .state .qian,.roomstatelongnew .realtimeroomstate .state .qian{
    color: #f00;
    margin-right: 5px;
    font-size: 14px;
}
.roomstatelongnew .realtimeroomstate .state .kong,.roomstatelongnew .realtimeroomstate .state .kong{
    color: #333;
    margin-right: 5px;
    font-size: 14px;
}
.roomstatelong .realtimeroomstate .state .yu,.roomstatelongnew .realtimeroomstate .state .yu{
    color: #60f;
    margin-right: 5px;
    font-size: 14px;
}
.roomstatelong .realtimeroomstate .state .kuai,.roomstatelongnew .realtimeroomstate .state .kuai{
    color: #f60;
    margin-right: 5px;
    font-size: 14px;
}
.roomstatelong .realtimeroomstate .state .qian em,.roomstatelong .realtimeroomstate .state .kong em,
.roomstatelong .realtimeroomstate .state .yu em,.roomstatelong .realtimeroomstate .state .kuai em,
.roomstatelongnew .realtimeroomstate .state .qian em,.roomstatelongnew .realtimeroomstate .state .kong em,
.roomstatelongnew .realtimeroomstate .state .yu em,.roomstatelongnew .realtimeroomstate .state .kuai em{
    font-size: 12px;
}
.roomstatelong .realtimeroomstate .state .kuai span,.roomstatelong .realtimeroomstate .state .yu span,.roomstatelong .realtimeroomstate .state .qian span,
.roomstatelongnew .realtimeroomstate .state .kuai span,.roomstatelongnew .realtimeroomstate .state .yu span,.roomstatelongnew .realtimeroomstate .state .qian span{
    transform: scale(.6);
    display: inline-block;
}
/* .realtimeroomstate .state span {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
} */

.realtimeroomstate .price {
    margin: 12px 6px 0 0;
    text-align: right;
    color: #005BE6;
}

.realtimeroomstate .lian {
    position: absolute;
    right: -14px;
    bottom: -19px;
    border-radius: 50%;
    border: 1px solid #e43;
    width: 54px;
    height: 54px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    box-sizing: border-box;
    transform: scale(0.8);
      color: rgba(238,68,51,.3);
      border-color: rgba(238,68,51,.3);
}
.realtimeroomstate li[room_state="OC"] .lian,.realtimeroomstate li[room_state="OD"] .lian,.realtimeroomstate li[room_state="OD,ZF"] .lian { 
    color: rgba(25,172,29,.8);
    border-color: rgba(25,172,29,.8);
}
.realtimeroomstate li[room_state="VD"] .lian {
    color: rgba(153,153,153,.8);
    border-color: rgba(153,153,153,.8);
}
.realtimeroomstate li[room_state="VC"] .lian {
    color: rgba(35,128,211,.8);
    border-color: rgba(35,128,211,.8);
}
.realtimeroomstate li[order_state="YL"] .lian {
    color: rgba(237,68,255,.8);
    border-color: rgba(237,68,255,.8);
}
.housenumber .realtimeroomstate.checked .price {
    color: #fff;
}
.realtimeroomstate .detailed {
    position: absolute;
    top: 75px;
    left: 25px;
    padding: 15px;
    border:1px solid #ccc;
    background-color: #fff;
    min-width:300px;
    z-index: 999;
    border-radius: 3px;
    display: none;
}
.realtimeroomstate .detailed:before {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-225deg);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: -8px;
    background-color: #fff;
}
/* .realtimeroomstate .detailed:after {
    background-color: #005BE6;
    width: 20px;
    height: 2px;
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
} */
.realtimeroomstate .detailed dd{
    margin-bottom: 10px;
}
.realtimeroomstate .detailed dd:last-child{
    margin-bottom: 0;
}
.realtimeroomstate .detailed .detailedl,.realtimeroomstate .detailed .detailedr{
    float: left;
}
.realtimeroomstate .detailed .detailedl{
    margin-right: 10px;
    width: 48px;
    text-align: right;
}




.iconinterpretation{


    height: 50px;
    line-height: 50px;
    background-color: #f7f7f7;
}
.iconinterpretationl{
    float: left;
}
.iconinterpretationl .list{
    font-size: 12px;
    float: left;
    margin-right: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.iconinterpretationl .list:first-child{
    margin-left: 12px;
}
.iconinterpretationl .tb,.quicksearchb .tb{
    width: 15px;
    height: 15px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .tb1{
    width: 17px;
    margin-right: 5px;
}/* 
.iconinterpretationl .tb em,.quicksearchb .tb em{
    width: 15px;
    height: 4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: inline-block;
}
.iconinterpretationl .tb.kongjing,.quicksearchb .tb.kongjing{
    background-color: #D7F0F8;
    border: 1px solid #36B5DE;
}
.iconinterpretationl .tb.kongjing em,.quicksearchb .tb.kongjing em{
    background-color: #36B5DE;
}
.iconinterpretationl .tb.zaizhu,.quicksearchb .tb.zaizhu{
    background-color: #D1EED2;
    border: 1px solid #19AC1D;
}
.iconinterpretationl .tb.zaizhu em,.quicksearchb .tb.zaizhu em{
    background-color: #19AC1D;
}
.iconinterpretationl .tb.kongzang,.quicksearchb .tb.kongzang{
    background-color: #EFEFEF;
    border: 1px solid #999;
}
.iconinterpretationl .tb.kongzang em,.quicksearchb .tb.kongzang em{
    background-color: #999;
}
.iconinterpretationl .tb.yuli,.quicksearchb .tb.yuli{
    background-color: #FBE4FF;
    border: 1px solid #E344FF;
}
.iconinterpretationl .tb.yuli em,.quicksearchb .tb.yuli em{
    background-color: #E344FF;
}
.iconinterpretationl .tb.suofang,.quicksearchb .tb.suofang{
    background-color: #FCECD9;
    border: 1px solid #EF9E42;
}
.iconinterpretationl .tb.suofang em,.quicksearchb .tb.suofang em{
    background-color: #EF9E42;
}
.iconinterpretationl .tb.weixiu,.quicksearchb .tb.weixiu{
    background-color: #FAD9D9;
    border: 1px solid #E54243;
}
.iconinterpretationl .tb.weixiu em,.quicksearchb .tb.weixiu em{
    background-color: #E54243;
} */
.iconinterpretationl .zt{
    color: #333;
}
.iconinterpretationl .sz{
    color: #36f;
    margin-right: 5px;
}
.iconinterpretationl .bfb{
    color: #333;
}
.iconinterpretationr {
    float: right;
    margin-right: 12px;
    color: #333;
    font-size: 12px;
    position: relative;
}
.iconinterpretationr .more div{
    height: 30px;
    line-height: 30px;
    text-align: left;
    margin-left: 8px;
}
.iconinterpretationr .more div:first-child{
    margin-top: 5px;
}
.iconinterpretationr span {
    margin-right: 10px;
}
.iconinterpretationr .tuli {
    background-color: #fff;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    border:1px solid #ccc;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 12px;

}
.iconinterpretationr .tuli:after {
    border-bottom: 1px solid #525252;
    border-left: 1px solid #525252;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.iconinterpretationr .more{
    position: absolute;
    bottom: 60px;
    right: 0;
    border: 1px solid #ccc;
    width: 98px;
    height: 317px;
    border-radius: 3px;
    background-color: #fff;
    display: none;
}
.iconinterpretationr .more:after{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    bottom: -8px;
    left: 65px;
    background-color: #fff;
}
.iconinterpretationr .tuli:hover:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -3px;
}
.iconinterpretationr .tuli:hover ~ .more {
    display: inline-block;
}
.quicksearchb .quanbu:before {
    background: url(../images/icon.png?20230224) -493px -61px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .ziyong:before {
    background: url(../images/icon.png?20230224) -32px -65px no-repeat;
    width: 18px;
    height: 13px;
    content: "";
    display: inline-block;
}
.quicksearchb .mianfeifang:before {
    background: url(../images/icon.png?20230224) -250px -64px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .vip:before {
    background: url(../images/icon.png?20230224) -57px -61px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .meituan:before {
    background: url(../images/icon.png?20230224) -141px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .xiecheng:before {
    background: url(../images/icon.png?20230224) -168px -88px no-repeat;
    width: 16px;
    height: 16px;
    content: "";
    display: inline-block;
}
.quicksearchb .booking:before {
    background: url(../images/icon.png?20230224) -193px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .rizu:before {
    background: url(../images/icon.png?20230224) -373px -60px no-repeat;
    width: 22px;
    height: 19px;
    content: "";
    display: inline-block;
    position: relative;
    left: -3px; 
    top: -2px;
}
.quicksearchb .dazhongdianping:before {
    background: url(../images/icon.png?20230224) -221px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .mendiansanke:before {
    background: url(../images/icon.png?20230224) -4px -88px no-repeat;
    width: 16px;
    height: 18px;
    content: "";
    display: inline-block;
}
.quicksearchb .feizhu:before {
    background: url(../images/icon.png?20230224) -249px -88px no-repeat;
    width: 17px;
    height: 15px;
    content: "";
    display: inline-block;
}
.quicksearchb .mendianhuiyuan:before {
    background: url(../images/icon.png?20230224) -30px -88px no-repeat;
    width: 17px;
    height: 15px;
    content: "";
    display: inline-block;
}
.quicksearchb .qunaerwang:before {
    background: url(../images/icon.png?20230224) -274px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .gongzhonghao:before {
    background: url(../images/icon.png?20230224) -57px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .tujia:before {
    background: url(../images/icon.png?20230224) -301px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .xieyike:before {
    background: url(../images/icon.png?20230224) -84px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .yilong:before {
    background: url(../images/icon.png?20230224) -328px -88px no-repeat;
    width: 18px;
    height: 16px;
    content: "";
    display: inline-block;
}
.quicksearchb .changzu:before {
    background: url(../images/icon.png?20230224) -112px -88px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
}
.quicksearchb .kongjing:before {
    background: url(../images/icon.png?20230224) 0 -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .zaizhu:before {
    background: url(../images/icon.png?20230224) -37px -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .yuli:before {
    background: url(../images/icon.png?20230224) -74px -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .kongzang:before {
    background: url(../images/icon.png?20230224) -111px -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .weixiu:before {
    background: url(../images/icon.png?20230224) -148px -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .suofang:before {
    background: url(../images/icon.png?20230224) -185px -34px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .wuyefang:before {
    background: url(../images/icon.png?20230224) -356px -87px no-repeat;
    width: 18px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .weixin:before {
    background: url(../images/icon.png?20230224) -621px -63px no-repeat;
    width: 20px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .zhifubao:before {
    background: url(../images/icon.png?20230224) -647px -62px no-repeat;
    width: 23px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .xianjin:before {
    background: url(../images/icon.png?20230224) -675px -60px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .huiyuanka:before {
    background: url(../images/icon.png?20230224) -701px -61px no-repeat;
    width: 21px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .fuwu:before {
    background: url(../images/icon.png?20230224) -384px -89px no-repeat;
    width: 18px;
    height: 15px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .baojie:before {
    background: url(../images/icon.png?20230224) -410px -90px no-repeat;
    width: 21px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5;
}
.quicksearchb .qiankuan:before {
    background: url(../images/icon.png?20230224) -518px -61px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.quicksearchb .cuikuan:before {
    background: url(../images/icon.png?20230224) -569px -61px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.quicksearchb .zangfang:before {
    background: url(../images/icon.png?20230224) -399px -60px no-repeat;
    width: 17px;
    height: 20px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -5px;
}
.quicksearchb .yuanqi:before {
    background: url(../images/icon.png?20230224) -595px -62px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .yudi:before {
    background: url(../images/icon.png?20230224) -110px -62px no-repeat;
    width: 19px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .yuli:before {
    background: url(../images/icon.png?20230224) -142px -61px no-repeat;
    width: 17px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .weixiu:before {
    background: url(../images/icon.png?20230224) -84px -61px no-repeat;
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .mianfei:before {
    background: url(../images/icon.png?20230224) -250px -64px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.quicksearchb .shengri:before {
    background: url(../images/icon.png?20230224) -321px -62px no-repeat;
    width: 17px;
    height: 16px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.quicksearchb .xuzhu:before {
    background: url(../images/icon.png?20230224) -445px -62px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.iconinterpretationr .zang:before,.realtimeroomstate .state .zang:before,.sortorder .state .zang:before, .quicksearchb .zang:before {
    background: url(../images/icon.png?20230224) -399px -62px no-repeat;
    width: 20px;
    height: 18px;
    content: "";
    display: inline-block;
    position: relative;
    top: 6px;
    left: 10px;
    margin-right: 5px;
}
.quicksearchb .zang:before {
    top: 0;
    left: 0;
}
.iconinterpretationr .changzhu:before,.realtimeroomstate .state .LS:before,.sortorder .state .LS:before {
    background: url(../images/icon.png?20230224) -2px -61px no-repeat;
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 17px;
    left: 5px;
}
.iconinterpretationr .ziyong:before,.realtimeroomstate .state .HS:before,.sortorder .state .HS:before {
    background: url(../images/icon.png?20230224) -30px -62px no-repeat;
    width: 25px;
    height: 19px;
    content: "";
    display: inline-block;
}
.iconinterpretationr .vip:before,.realtimeroomstate .state .VIP:before,.sortorder .state .VIP:before {
    background: url(../images/icon.png?20230224) -57px -61px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
    left: 9px;
    margin-right: 22px;
}
.iconinterpretationr .weixiu:before,.realtimeroomstate .state .weixiu:before,.sortorder .state .weixiu:before {
    background: url(../images/icon.png?20230224) -85px -61px no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.iconinterpretationr .yudi:before,.realtimeroomstate .state .YD:before,.sortorder .state .YD:before,.quicksearchb .yudi:before {
    background: url(../images/icon.png?20230224) -110px -62px no-repeat;
    width: 19px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.realtimeroomstate .state .YQYD:before {
    background: url(../images/icon.png?20230224) -595px -62px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.quicksearchb .yudi:before {
    top: 0;
}
.iconinterpretationr .yuli:before,.realtimeroomstate .state .YL:before,.sortorder .state .YL:before {
    background: url(../images/icon.png?20230224) -142px -61px no-repeat;
    width: 13px;
    height: 18px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
/* .quicksearchb .yuli:before {
    top: 0;
    margin-right: 7px;
} */
.iconinterpretationr .xuzu:before,.realtimeroomstate .state .XZ:before,.sortorder .state .XZ:before,.quicksearchb .xuzu:before {
    background: url(../images/icon.png?20230224) -445px -61px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.realtimeroomstate .state .CZ:before {
    background: url(../images/icon.png?20230224) -569px -61px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.realtimeroomstate .state .SWX:before {
    background: url(../images/icon.png?20230224) -621px -63px no-repeat;
    width: 20px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.realtimeroomstate .state .SZF:before {
    background: url(../images/icon.png?20230224) -647px -62px no-repeat;
    width: 23px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.realtimeroomstate .state .RMB:before {
    background: url(../images/icon.png?20230224) -675px -60px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.realtimeroomstate .state .VIP:before {
    background: url(../images/icon.png?20230224) -701px -61px no-repeat;
    width: 21px;
    height: 17px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 5px;
}
.quicksearchb .xuzu:before {
    top: 0;
}
.iconinterpretationr .qianfei:before,.realtimeroomstate .state .QF:before,.sortorder .state .QF:before,.quicksearchb .qianfei:before {
    background: url(../images/icon.png?20230224) -192px -61px no-repeat;
    width: 19px;
    height: 18px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 5px;
}
.quicksearchb .qianfei:before {
    top: 0;
    margin-right: 1px;
}
.realtimeroomstate .state .QZ:before{    
    background: url(../images/icon.png?20230224) -519px -59px no-repeat;    
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
}
.realtimeroomstate .state .FW:before{    
    background: url(../images/icon.png?20230224) -384px -87px no-repeat;    
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
}
.realtimeroomstate .state .FG:before{    
    background: url(../images/icon.png?20230224) -541px -59px no-repeat;
    width: 20px;
    height: 20px;
    content: "";
    display: inline-block;
}
.iconinterpretationr .tingyong:before,.realtimeroomstate .state .tingyong:before,.sortorder .state .tingyong:before {
    background: url(../images/icon.png?20230224) -220px -61px no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.iconinterpretationr .mianfeifang:before,.realtimeroomstate .state .FR:before,.sortorder .state .FR:before {
    background: url(../images/icon.png?20230224) -250px -63px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.realtimeroomstate .state .HU:before,.sortorder .state .HU:before {
    background: url(../images/icon.png?20230224) -32px -62px no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.iconinterpretationr .ota:before,.realtimeroomstate .state .OTA:before,.sortorder .state .OTA:before {
    background: url(../images/icon.png?20230224) -269px -64px no-repeat;
    width: 20px;
    height: 15px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.iconinterpretationr .weixin:before,.realtimeroomstate .state .WX:before,.sortorder .state .WX:before {
    background: url(../images/icon.png?20230224) -293px -61px no-repeat;
    width: 22px;
    height: 21px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.iconinterpretationr .shengri:before,.realtimeroomstate .state .SR:before,.sortorder .state .SR:before {
    background: url(../images/icon.png?20230224) -321px -61px no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.iconinterpretationr .zhongdian:before,.realtimeroomstate .state .ZDF:before,.sortorder .state .ZDF:before,.quicksearchb .ZDF:before {
    background: url(../images/icon.png?20230224) -348px -63px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.realtimeroomstate .state .BTF:before,.sortorder .state .BTF:before {
    background: url(../images/icon.png?20230224) -373px -60px no-repeat;
    width: 22px;
    height: 19px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.realtimeroomstate .state .WYF:before,.sortorder .state .WYF:before {
    background: url(../images/icon.png?20230224) -356px -87px no-repeat;
    width: 18px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .ZDF:before {
    margin-right: 0;
}
/* .quicksearchb .list:hover .ZDF:before {
    background: url(../images/icon.png?20230224) -348px -87px no-repeat;
} */
.quicksearchb .qianzu:before {
    background: url(../images/icon.png?20230224) -519px -60px no-repeat;
    width: 16px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .qianzu:before {
    margin-right: 0;
}
.quicksearchb .shengri:before {
    background: url(../images/icon.png?20230224) -321px -62px no-repeat;
    width: 17px;
    height: 16px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .shengri:before {
    margin-right: 0;
}
.quicksearchb .fangguan:before {
    background: url(../images/icon.png?20230224) -542px -61px no-repeat;
    width: 17px;
    height: 17px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
/* .quicksearchb .list:hover .fangguan:before {
    background: url(../images/icon.png?20230224) -542px -87px no-repeat;
} */
.quicksearchb .fangguan:before {
    margin-right: 0;
}
.iconinterpretationr .rizu:before,.realtimeroomstate .state .BRF:before,.sortorder .state .BRF:before,.quicksearchb .BRF:before {
    background: url(../images/icon.png?20230224) -373px -60px no-repeat;
    width: 19px;
    height: 21px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.quicksearchb .BRF:before {
    margin-right: 1px;
}



.realtimeroomstate .state .LS:before,.realtimeroomstate .state .HU :before,.realtimeroomstate .state .VIP:before,.realtimeroomstate .state .YD:before
 ,.realtimeroomstate .state .YL:before,.realtimeroomstate .state .XZ:before,.realtimeroomstate .state .QF:before,.realtimeroomstate .state .FR:before
 ,.realtimeroomstate .state .ZDF:before,.realtimeroomstate .state .BRF:before,.realtimeroomstate .state .SR:before,.realtimeroomstate .state .OTA:before
 ,.realtimeroomstate .state .WX:before,.realtimeroomstate .state .zang:before,.realtimeroomstate .state .BTF:before,.realtimeroomstate .state .WYF:before
 ,.realtimeroomstate .state .FW:before ,.realtimeroomstate .state .CZ:before,.realtimeroomstate .state .YQYD:before
 ,.realtimeroomstate .state .SWX:before ,.realtimeroomstate .state .SZF:before,.realtimeroomstate .state .RMB:before
 ,.realtimeroomstate .state .VIP:before ,.realtimeroomstate .state .FG:before
 {
    margin-right: 0;
    top: 0;
    left: 0;
    margin-right: 5px;
}
.realtimeroomstate .state .WX:before,.realtimeroomstate .state .LS:before{
    top: 3px;
}
.realtimeroomstate .state .hour{
    font-size: 16px;
    margin-right: 5px;
}
/* .realtimeroomstate .state .ziyong:before,.realtimeroomstate .state .yudi:before
 {
    top: 2px;
}
.realtimeroomstate .state .vip:before
 {
    top: 5px;
}
.realtimeroomstate .state .weixiu:before
 {
    top: 1px;
}
.realtimeroomstate .state .tingyong:before
 {
    top: -1px;
} */

/* 切换按钮 */
.mod-tabwhite{
    background-color: #fff !important;
    left: 0 !important;
    position: initial !important;
    padding-top:10px
}

/* 客账处理 */
.accounthandling{
    padding: 15px;
}
.accounthandling .photo{
    float: left;
}
.accounthandling .photo img{
    width: 82px;
    height: 100px;
}
.accounthandling .adifoli{
    padding: 0;
    overflow: hidden;
    float: left;
}
.accounthandling .adifoli dd{
    line-height: 26px;
    height: 26px;
    padding: 0;
}
.accounthandling .adifoli2 dd{
    line-height: 30px;
    height: 30px;
    padding-top: 4px;
}
.accounthandling .adifoli dd small{
    width: 50px;
    padding-left: 10px;
    margin-right: 0;
}
.accounthandling .adifoli2 dd small{
    margin-right: 5px;
}

.accounthandling .adifoli dd .bz span{
    display: inline-block;
    width: 150px;
    float: left;
}
.accounthandling .adifoli dd .bz em{
    float: left;
    color: #005BE6;
    margin-left: 5px;
}
.accounthandling .adifoli dd div input.date{
    background: url(/SysSetBase/img/date.gif) no-repeat calc(100% - 6px) center;
}

.accounthandling dl dd .hysjh{
    margin-left: 65px;
    max-height: 300px;
    overflow: auto;
    width: 532px;
}
.accounthandling dl dd .hysjh li{
    width: 170px;
    height: 24px;
    line-height: 24px;
    border:1px solid #e3e3e3;
    float: left;
    margin-right: 5px;
    position: relative;
}
.accounthandling dl dd .hysjh li em{
    margin-left: 10px;
    max-width: 48px;
    overflow: hidden;
    float: left;
}
.accounthandling dl dd .hysjh li b{
    margin-left: 20px;
    font-weight: initial;
    height: 30px;
    line-height: 30px;
    float: left;
}
.accounthandling dl dd .hysjh li span{
    width: 16px;
    height: 16px;
    line-height: 16px;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    margin-left: 20px;
    position: absolute;
    top: 3px;
    right: 7px;
    display: none;
}
.accounthandling dl dd .hysjh li:hover span{
    display: block;
}
.accounthandling dl dd .hysjh{
    margin-left: 0;
    width: 330px;
}
.accounthandling dl dd .hysjh li{
    width: 76px;
}
.accounthandling dl dd .hysjh li:nth-child(4n){
    margin-right: 0;
}
.Choiceperson dl dd .hysjh li:nth-child(4n){
    margin-right: 5px;
}
.Choiceperson dl dd .hysjh li:nth-child(5n){
    margin-right: 0;
}
.accounthandling dl dd .hysjh .add {
    width: 26px;
    height: 26px;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    margin-top: 0;
    float: left;
}
.accounthandling dl dd .hysjh .add i{
    font-size: 27px;
    color: #ccc;
    line-height: 27px;
}
.accounthandling dl dd .hysjh .add .icon-plus:before {
    content: "\e926";
}

.hotelinformationsheet .top{
    height: 42px;
    line-height: 42px;
    padding: 0 14px;
    border-bottom: 1px solid #dfdfdf;
}
.hotelinformationsheet .top .l{
    float: left;
    margin-right: 30px;
}
.hotelinformationsheet .top .l small{
    color: #666;
}
.hotelinformationsheet .top .l span{
    color: #333;
}

.tablenewshare i{
    display: inline-block;
}
.tablenewshare i.uncheck:before{
    font-family: 'icomoon';
    font-size: 14px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;    
    content: "\e925";
}
.tablenewshare i.checked:before{
    content: "\e924";
    color: #005BE6;
}

#grid_table .data_row .edit
{
    display: none;
}
#grid_table .add_row .edit
{
    display: block;
}
.tablenewshare .radio label:before {
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
}
.tablenewshare .radio label {
    float: left;
    cursor: pointer;
    margin-left: 10px;
    color:#333;
    line-height: 24px;
}
.tablenewshare .radio label:before {
    content: "\e905";
}
.tablenewshare .radio label.checked:before {
    content: "\e906";
    color: #005BE6;
}

.quickbooking dd .em1 .down{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #666;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    margin-left: 5px;
}
.quickbooking dd .ptr{
    position: relative;
    margin-top:-2px;
}
.quickbooking dd .ptr .em1{
    position: absolute;
    right: 36px;
    top: 1px;
    border-left: 1px solid #e3e3e3;
    width: 50px;
    text-align: center;
    background-color: #fff;
    height: 26px;
    line-height: 26px;
}
.quickbooking dd .ptr .em2{
    position: absolute;
    right:36px;
    top: 1px;
    border-left: 1px solid #e3e3e3;
    width: 24px;
    text-align: center;
    background-color: #fff;
    height: 26px;
    line-height: 26px;
}
.quickbooking dd .ptr .em2 b{
    width: 25px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
}
.quickbooking dd .ptr .em2 .up{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #666;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 8px;
}
.quickbooking dd .ptr .em2 .down{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #666;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 8px;
}
.quickbooking thead tr td:first-child{
    width: auto;
}
.quickbooking dd .ptr input{
    width: 70px;
    text-align: left;   
}
.quickbooking .allnum{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #F3F3F3;
    text-align: right;
}
.quickbooking .allnum span{
    margin-right: 20px;
    color: #333;
    font-size: 14px;
}
.quickbooking .allnum span:last-child{
    margin-right: 14px;
}
.quickbooking .allnum em{
    color: #005BE6
}
.quickbooking .allnum em.mon:before{
    content: "￥"
}
.quickbooking .bt span{
    color: #c00;
}
.quickbooking tbody tr td{
    height: 32px;
    line-height: 32px;
}
.quickbooking tbody tr td i.jian,.quickbooking tbody tr td i.jia,.quickbooking dd .ptr i.jian,.quickbooking dd .ptr i.jia{
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    border: 1px solid #d6d6d6;
    font-size:18px;
    font-weight: bold;
    position: relative;
    top: 2px;
    cursor: pointer;
    background-color: #fff;
}
.quickbooking tbody tr td i.jian,.quickbooking dd .ptr i.jian{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.quickbooking tbody tr td i.jia,.quickbooking dd .ptr i.jia{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.quickbooking tbody tr td input.num,.quickbooking dd .ptr input.num{
    border-left: none;
    border-right: none;
    border-color: #CCCBCB;
    border-radius: 0;
    margin-right:0;
    width: 36px;
}
.quickbooking dd .ptr input.num{
    width: 29px;
    text-align: center;
}
.quickbooking .tzkr tbody tr td{
    height: 20px;
    line-height: 20px;
}
.quickbooking thead tr td:last-child,.quickbooking tbody tr td:last-child{
    border-right:none;
}
.quickbooking dd div select, .quickbooking dd div input, .quickbooking dd div textarea{
    width: 160px;
}
.quickbooking .tzkr{
    height:64px;
    overflow: auto;
    border: 1px solid #eee;
    width: 138px;
    border-radius: 3px;
}
.quickbooking .tzkr tr td img{
    float: right;
    margin-top: 5px;
}
.quickbooking dd .a1{
    width: 70px;
    margin-right: 9px;
}
.quickbooking dd .a2{
    width: 80px;
}
.orderinfo .more{
    position: absolute;
    bottom: 18px;
    right: -150px;
    border: 1px solid #ccc;
    width: 128px;
    height: 325px;
    border-radius: 3px;
    background-color: #fff;
    display: none;
    z-index: 999;
}
.orderinfo .more:after{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    bottom: 16px;
    left: -8px;
    background-color: #fff;
    z-index: -999;
}
.orderinfo .more li{
    height: 32px;
    line-height: 32px;
    text-align: left;
    padding-left: 15px;
    cursor: pointer;
}
.orderinfo .more li:hover{
    background-color: #EFF2FC;
}
.orderinfo .more li.this{
    background-color: #EFF2FC;
}
.orderinfo .quickbooking dd small,.quickcheckin .quickbooking dd small{
    width: 50px;
    margin-right: 5px;
}
.adifoli dd div input.scan {
    background: url("../images/scan.png") no-repeat calc(100% - 6px) center;
}
.adifoli dd div i.scan,.adifoli dd div i.jgdm {
    cursor: pointer;
}
.adifoli dd div i.jgdm {
    position: relative;
    top:-2px;
}

.orderinfo .quickbooking dd div select,.orderinfo .quickbooking dd div input,.orderinfo .quickbooking dd div textarea{
    width: 140px;
}
.housenumber{
    width: 451px;
    float: left;
    margin-left: 14px;
    margin-top: 13px;
    height: 223px;
    overflow: auto;
}
.housenumber1{
    width: 400px;
    overflow: hidden;
    height: 330px;
    margin-top: 0;
}
.housenumber1 dd{
    padding: 0;
}
.housenumber1 ul{
    border:1px solid #e8e8e8;
    padding: 5px 10px;
    height: 280px;
    margin-top: 10px;
    overflow: auto;
}
.housenumber ul li{
    float: left;
    width: 70px;
    margin-right: 5px;
    border:1px solid #c8c8c8;
    height: 50px;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 5px;
    padding:5px 0 0 5px;
    cursor: pointer;
}
.housenumber1 ul li:nth-child(5n+1){
    margin-right: 5px;
}
.housenumber ul li.checked{
    background-color: #005BE6;
    border:1px solid #005BE6;
    color: #fff;
}
.housenumber1 ul li:nth-child(5n){
    margin-right: 0;
}
.housenumber1 .realtimeroomstate{
    overflow: hidden;
}
.housenumber1 .realtimeroomstate .state{
    margin-left: 0;
}
.frmtop{
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
    height: 41px;
    padding-right: 14px;
}
.frmtopsmall {
    height: 37px;
    margin-top: -23px;
    margin-bottom: 5px;
}
.frmtop li{
    float: left;
    width: auto;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: 10px;
    border: 1px solid #dfdfdf;
    margin-right: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    background-color: #f9f9f9;
    font-size: 14px;
}
.frmtopsmall li{
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    margin-top: -13px;
}
.frmtopsmall li a{
    font-weight: bold;
}
.frmtop li:first-child{
    margin-left: 20px;
}
.frmtopsmall li:first-child{
    margin-left: 0;
}
.frmtopsmall li:last-child{
    margin-right: 0;
}
.frmtop li.act{
    background: #fff;
    border-bottom: 1px solid #fff;
    font-size: 14px;
}
.frmtop li a{
    border: none;
    padding: 0;
    margin-top: 0;
    font-size: 14px;
    height: auto;
    line-height: 28px;
    color: #333 ;
}
.frmtop li.act a{
    color: #005BE6;
}
.frmtop.cf90 li.act a{
    color: #005BE6;
}
.frmtop .info,.orderinfo .info{
    float: right;
    line-height: 40px;
}
.orderinfo .info{
    margin-right: 30px;
}
.frmtop .infol{
    float: left;
}
.frmtop .info .list,.orderinfo .info .list{
    float: left;
    margin-left: 30px;
    position: relative;
    font-size: 14px;
}
.frmtop .info .list:before{
    content: "";
    position: absolute;
    top: 13px;
    left: -12px;
    width: 1px;
    height: 12px;
    background-color: #000;
}
.frmtop .info .list:first-of-type:before{
    width: 0px;
}
.frmtop .info .newhtml{
    float: left;
    height: 32px;
    line-height: 30px;
    border-radius: 5px;
    background: #005BE6;
    width: 90px;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    padding: 0px;
    margin: 4px 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.frmtop .info .newhtml:before{
    background: url(../images/icon.png?20221125) -489px -233px no-repeat;
    width: 21px;
    height: 30px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.frmtop .infol .list{
    margin-left: 14px;
}
.frmtop .infol .list em.b{
    font-weight: bold;
}
.frmtop .info .list span{
    color: #666;
}
.frmtop .info .list em{
    color: #333;
}
.frmtop .tzradd{
    border: 1px solid #005BE6;
    color: #005BE6;
    width: 21px;
    height: 21px;
    line-height: 19px;
    font-size: 16px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    margin-top: -12px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 3px;
}
.frmtop .tzradd span{
    position: relative;
    top: -1px;
    font-size: 20px;
}
.orderinfo .info .list span{
    color: #333;
    margin-right: 5px;
}
.orderinfo .info .list .b{
    font-weight: bold;
}
.orderinfo .info .list .f90{
    color: #005BE6;
}
.frmtop .info .list em.orderinfo .info .list em{
    color: #333;
}
.frmtop .info .list em input{
    width: 120px;
}
.frmtop .info .list em i{
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
}

.addsprk tbody tr.this{
    background-color: #D9E8FF;
}
.addsprk tbody tr[bill_isvoid="1"] td{
    color: #e43;
}

.jgdmshow{
    width: 380px;
    height: 245px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    top: 180px;
    left: 202px;
    text-align: center;
    overflow: initial;
    border-radius: 3px;
    display: none;
}
.jgdmshow .oa{
    width: 364px;
    margin: 10px 0 10px 8px; 
    height: 225px;
    overflow: auto;
}
.jgdmshow:after{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(135deg);
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    top: -9px;
    left: 24px;
    background-color: #fff;
}
.sharehead .kq {
    color: #FA8C1F;
    cursor: pointer;
}
.sharehead .kq img{
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.guestinfo{
    padding:10px 18px;
}
.guestinfo .guestinfol{
    float: left;
}
.guestinfo .guestinfor{
    float: right;
}
.guestinfo label{
    float: left;
    cursor: pointer;
    margin-right: 12px;
    color: #000;
}
.guestinfo label:before{
    font-family: 'icomoon';
    font-size: 14px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
}
.guestinfo .checkbox{
    float: left;
    line-height: 28px;
}
.guestinfo .checkbox label:before{
    content: "\e925";
}
.guestinfo .checkbox label.checked:before{
    content: "\e924";
    color: #005BE6;
}
.adifoli dd div .s1,.adifoli dd div .s2,.adifoli dd div .s3{
    font-weight: bold;
    font-size:14px;
    margin-right:20px
}
.adifoli dd div .s1{
    color:#005BE6;
}
.adifoli dd div .s2{
    color:#390;
}
.adifoli dd div .s3{
    color:#000;
}
.adifoli .open{
    color:#005BE6;
    text-align: right;
}
.adifoli .open:after{
    content: "\e977";
    font-family: "icomoon";
    font-size: 18px;
    position: relative;
    top:5px;
    left: -5px;
    display: inline-block;
}
.adifoli .open.close:after{
    content: "\e990";
}
.adifoli dd td.sc a:hover{
    background-color: #EAEAEA;
}




.pmslogin{
    font-family: "Microsoft Yahei";
}
.pmslogin .pmsloginhead{
    width: 1100px;
    height: 94px;
    margin: 0 auto;
}

.pmslogin .pmsloginhead .logo{
    float: left;
    margin-top: 13px;
    position: relative;
}
.pmslogin .pmsloginhead span{
    font-size: 26px;
    color: #333;
    position: absolute;
    left: 160px;
    top: 2px;
    width: 80px;
}
.pmslogin .pmsloginhead .help{
    float: right;
    font-size: 16px;
    margin-top: 35px;
}
.pmslogin .pmsloginhead .contact{
    float: right;
    margin: 35px 48px 0 25px;
    font-size: 16px;
}
.pmslogin .pmsloginhead .phone{
    float: right;
    margin-top: 27px;
}
.pmslogin .pmsloginhead .phone .phoneimg{
    float: left;
}
.pmslogin .pmsloginhead .phone .phonenum{
    float: left;
    margin-left: 10px;
    font-family: "Microsoft Yahei";
}
.pmslogin .pmsloginhead .phone .phonenum .p1{
    font-size: 13px;
    color: #666;
}
.pmslogin .pmsloginhead .phone .phonenum .p2{
    font-size: 18px;
    color: #000;
}


.zdybanner{
    height: 500px;
    position: relative;
    margin: 0 auto;
    left:50%; 
    margin-left:-960px; 
    width:1920px;
}
.zdybanner img{
    height: 100%;
    width: 100%;
}
.swiper-pagination-bullet{
    opacity: 0.25;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.swiper-pagination-bullet-active{
    background-color: #005BE6;
    opacity: 1;
    width: 24px;
    border-radius: 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom:17px;
}
.pmsloginframe{
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
.newloginc{
    position: absolute;
    top: 0;
    right:0;
    z-index: 999;
}
.newloginc-center .biaodan .phone:before{
    background: url(../images/login/loginphone.png) no-repeat left center;
}
.newloginc-center .biaodan .password:before {
    background: url(../images/login/loginpw.png) no-repeat left center;
}
.newloginc-center .biaodan .yanzhengma:before {
    background: url(../images/login/loginyzm.png) no-repeat left center;
    width: 15px;
    height: 14px;
}
.pmsloginbottom{
    width: 1100px;
    margin: 0 auto;
}
.pmsloginbottom .newloginc-bottom{
    margin-top: 30px;
}
.pmsloginbottom .newloginc-bottom .ewm{
    margin-left: 0;
    float: left;
}
.pmsloginbottom .newloginc-bottom .bah{
    float: right;
    margin-top: 0;
    color: #999;
    text-align: right;
}
.pmsloginbottom .newloginc-bottom .bah p{
    color: #666;
}
.pmsloginframe .newloginc-center{
    height: auto;
    position: relative;
}
.pmsloginframe .newloginc-center .smlogo{
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.pmsloginframe .newloginc-center .ewm{
    text-align: center;
    padding-top: 10px;
    position: relative;
}
.pmsloginframe .newloginc-center .ewm img{
    width: 215px;
    height: 215px;
}
.pmsloginframe .newloginc-center .ewm .success{
    position: absolute;
    top: 20px;
    left: 58px;
    text-align: center;
    width: 215px;
    height: 215px;
    background: rgba(255,255,255,0.9);
}
.pmsloginframe .newloginc-center .ewm .success img{
    width: 84px;
    height: 84px;
    text-align: center;
    padding-top: 30px;
}
.pmsloginframe .newloginc-center .ewm .success .smtip{
    font-size: 16px;
    color: #333;
    padding-top: 5px;
}
.pmsloginframe .newloginc-center .ewm .success a{
    font-size: 14px;
    color: #005BE6;
    padding-top: 10px;
    display: inline-block;
}
.pmsloginframe .newloginc-center .ewm .invalid{
    position: absolute;
    top: 15px;
    left: 58px;
    text-align: center;
    width: 205px;
    height: 205px;
    background: rgba(0,0,0,0.5);
}
.pmsloginframe .newloginc-center .ewm .invalid .smtip{
    font-size: 16px;
    color: #fff;
    padding-top: 70px;
}
.pmsloginframe .newloginc-center .ewm .invalid a{
    font-size: 14px;
    color: #fff;
    width: 60px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #005BE6;
    margin-top: 10px;
    display: inline-block;
    border-radius: 3px;
}
.pmsloginframe .newloginc-center .biaodan .companyid,.pmsloginframe .newloginc-center .biaodan .phone,.pmsloginframe .newloginc-center .biaodan .password,.pmsloginframe .newloginc-center .biaodan .passwordset
,.pmsloginframe .newloginc-center .biaodan .hotel,.pmsloginframe .newloginc-center .biaodan .name,.pmsloginframe .newloginc-center .biaodan .city{
    margin-top: 15px;
    position: relative;
}
.pmsloginframe .newloginc-center .biaodan .name{
    width: 140px;
    float: left;
    margin-right: 11px;
}
.pmsloginframe .newloginc-center .biaodan .city{
    width: 168px;
    float: left;
}
.pmsloginframe .newloginc-center .biaodan .companyid{
    margin-top: 20px;
}
.pmsloginframe .newloginc-center .biaodan .companyid:before {
    background: url(../images/login/loginphone.png) no-repeat left center;
    width: 12px;
    height: 17px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
}
.pmsloginframe .newloginc-center .biaodan .passwordset:before {
    background: url(../images/login/loginpwset.png) no-repeat left center;
    width: 9px;
    height: 18px;
    content: "";
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 15px;
}

.pmsloginframe .newloginc-center .biaodan .companyid input,.pmsloginframe .newloginc-center .biaodan .phone input,.pmsloginframe .newloginc-center .biaodan .password input,.pmsloginframe .newloginc-center .biaodan .passwordset input,
.pmsloginframe .newloginc-center .biaodan .hotel input,.pmsloginframe .newloginc-center .biaodan .name input,.pmsloginframe .newloginc-center .biaodan .city input{
    height: 40px;
    line-height: 40px;
    border:1px solid #e3e3e3;
    padding-left: 40px;
    font-size: 14px;
    border-radius: 4px;
}
.pmsloginframe .newloginc-center .biaodan .city input{
    background: url(../images/login/down.png) no-repeat right 6px center;
}
.pmsloginframe .newloginc-center .biaodan .city.act input{
    background: url(../images/login/up.png) no-repeat right 6px center;
}
 input.error{
    border-color: #E54344 !important;
}
input.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder {
  color: #E54344 !important;
}

input.error:-moz-placeholder, textarea.error:-moz-placeholder {
  color: #E54344 !important;
}

input.error::-moz-placeholder, textarea.error::-moz-placeholder {
  color: #E54344 !important;
}

input.error:-ms-input-placeholder, textarea.error:-ms-input-placeholder {
  color: #E54344 !important;
}
.pmsloginframe .newloginc-center .biaodan a.login,.pmsloginframe .newloginc-center .biaodan input.login{
    margin-top: 20px;
}

.selectshift {
    font-family: "Microsoft Yahei";
    width: 1100px;
    margin: 0 auto;
}
.selectshift .selectshifthead {
    border-bottom: 1px solid #e3e3e3;
    padding: 30px 0 12px;
}
.selectshift .selectshifthead .title{
    float: left;
    font-size: 18px;
    color: #000;
    line-height: 30px;
}
.selectshift .selectshifthead .goback{
    float: right;
    width: 92px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #E5E7EB;
    text-align: center;
    color: #666;
    border-radius: 3px;
    box-sizing: border-box;
    background: #FAFBFC;
    font-size: 14px;
}
.selectshift .selectshifthead .goback:hover{
    border: 1px solid #005BE6;
    background-color: #005BE6;
    color: #fff;
}
.selectshift .selectshiftcontent{
   padding: 15px 0;
   padding-bottom: 0;
   border-bottom: 1px solid #e3e3e3;
}
.selectshift .selectshiftcontent .list{
    padding: 15px 0;
}
.selectshift .selectshiftcontent small{
    width: 100px;
    float: left;
    color: #000;
    font-size: 16px;
}
.selectshift .selectshiftcontent .content{
    float: left;
    color: #000;
    font-size: 16px;
    width: 1000px;
}
.selectshift .selectshiftcontent .content .s1{
    margin-right: 10px;
}
.selectshift .selectshiftcontent .content .zhzy{
    color: #005BE6;
    margin-left: 10px;
}
.selectshift .selectshiftcontent .content .zhzy:hover{
    color: #0071E1;
}
.selectshift .selectshiftcontent .shift a{
    width: 270px;
    height: 48px;
    line-height: 46px;
    border:1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 15px;
    text-align: left;
    margin-bottom: 20px;
    margin-right: 14px;
}
.selectshift .selectshiftcontent .shift a:hover,.selectshift .selectshiftcontent .shift a.act{
    background-color: #005BE6;
    color: #fff;
    border: 1px solid #005BE6;
}
.selectshift .selectshiftcontent .shift a.unclicks{
    background-color: #f6f6f6;
    color: #999;
    border: 1px solid #ccc;
}
.selectshift .selectshiftcontent .shift a.act:hover{
    background-color: #0071E1;
    border: 1px solid #0071E1;
}
.selectshift .selectshiftcontent .shift a:nth-child(2n){
    margin-right: 435px;
}

.goonline .newloginc-center .biaodan .ljreg{
    margin-top:10px;
    font-size: 14px;
}
.goonline .newloginc-center .biaodan .ljreg a{
    color: #005BE6;
}
.goonline .newloginc-center .biaodan .ljreg a:hover{
    color: #005BE6;
}
.goonline .newloginc-center .biaodan .caozuo .mdl,.goonline .newloginc-center .biaodan .caozuo .wjmm{
    font-size: 12px;
    cursor: pointer;    
}

.loginhotelinfo {
    background: url(../images/login/hotelbg.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    font-family: "Microsoft Yahei";
}

.loginhotelinfo .logo,.regsuccess .logo{
    margin: 40px 0 0 40px;
}
.loginhotelinfoadd{
    width: 524px;
    margin: 0 auto;
}
.loginhotelinfoadd .addkuang{
    width: 524px;
    background-color: #fff;
    margin-top: 180px;
    border-radius: 3px;
    padding: 58px 40px;
    box-sizing: border-box;
    font-family: "Microsoft Yahei";
    text-align: center;
}
.loginhotelinfoadd .addkuang .title{
    text-align: center;
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list{
    margin-top: 15px;
    font-size: 14px;
    line-height: 32px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list .hotelphoto{
    padding: 0;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list .hotelphoto .hotelphotolistb .add{
    border: 1px dashed #005BE6;
    width: 58px;
    height: 58px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list .hotelphoto .hotelphotolistb .add i{
    font-size: 46px;
    color: #ccc;
    line-height: 58px;
    margin-left: 6px;
    color: #005BE6;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list .hotelphoto .hotelphotolistb .addlist div{
    width: 80px;
    height: 60px;
    margin-left: 6px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .list .hotelphoto .jy{
    font-size: 12px;
    color: #999;
    margin-top: 10px;
    display: inline-block;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo input{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    width: 210px;
    border-radius: 3px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo input:focus,.loginhotelinfoadd .addkuang .fillinhotelinfo input:hover{
    border: 1px solid #005BE6;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo .listradio{
    height: 32px;
    line-height: 32px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo small{
    font-size: 14px;
    width: 56px;
    text-align: right;
    margin-right: 10px;
    color: #333;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo label{
    float: left;
    cursor: pointer;
    margin-right: 20px;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo label:last-child{
    margin-right: 0;
}
.loginhotelinfoadd .addkuang .fillinhotelinfo label:before{
    font-family: 'icomoon';
    font-size: 14px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
    content: "\e905";
}
.loginhotelinfoadd .addkuang .fillinhotelinfo label.checked:before{
    content: "\e906";
    color: #005BE6;
}
.loginhotelinfoadd .addkuang .tijiao{
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 72px;
    margin-top: 15px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 20px;
}
.loginhotelinfoadd .addkuang .tijiao:hover{
    background-color: #0071E1;
    border-color: #0071E1;
}
.regsuccess .content{
    text-align: center;
    font-family: "Microsoft Yahei";
    margin-top: 120px;
}
/* .regsuccess .content .tip1{
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
}
.regsuccess .content .tip1:before{
    content: "\e92d";
    font-family: "icomoon";
    font-size: 84px;
    color: #2ECB6C;
    position: relative;
    top:13px;
    margin-right: 5px; 
} */
.regsuccess .content .tip1 img{
    width: 84px;
    height: 84px;
    margin-bottom: 30px;
}
.regsuccess .content .tip2{
    color: #333;
    font-size: 14px;
    margin-bottom: 28px;
}
.regsuccess .content .tip3{
    position:relative;
    width: 348px;
    margin: 40px auto 60px;
}
.regsuccess .content .tip3 img{
    width: 154px;
    height: 154px;
}
.regsuccess .content .tip3 img#web_code{
    padding: 10px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.regsuccess .content .tip3 p{
    margin-top: 10px;
    font-size: 14px;
}
.regsuccess .content .tip3 .ewmzx1{
    position: absolute;
    width: 32px;
    height: 32px;
    top: 61.5px;
    left: 61.5px;
    display: none;
}
.regsuccess .content .tip4{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 202px;
    border-radius: 3px;
    cursor: pointer;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.regsuccess .content .tip4:hover{
    background-color: #0071E1;
    border-color: #0071E1;
}

.regsuccess .content .tip5{
    font-size: 16px;
    color: #333;
    margin-bottom: 7px;
}
.regsuccess .content .tip6{
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
}
.regsuccess .content .tip7{
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    margin-bottom: 42px;
}
.regsuccess .content .tip8,.loginhotelinfoadd .tip8{
    color: #666;
    font-size: 14px;
    margin-top: 52px;
    text-align: center;
}
.regsuccess .content .tip8:before,.loginhotelinfoadd .tip8:before{
    width: 20px;
    height: 1px;
    background: #666;
    content: "";
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: -5px;
}
.regsuccess .content .tip8:after,.loginhotelinfoadd .tip8:after{
    width: 20px;
    height: 1px;
    background: #666;
    content: "";
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: -5px;
}

.regsuccess .contentsq {
    width: 585px;
    height: 410px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 185px;
}
.regsuccess .contentsq .tip1{
    padding-top: 85px;
}
.regsuccess .contentsq .tip1:before{
    font-size: 100px;
}
.regsuccess .contentsq .tip5{
    font-size: 30px;
    color: #333;
}
.regsuccess .contentsq .tip6{
    font-size: 16px;
    color: #333;
    margin-top: 30px;
}

.bottomend{
    font-size:14px;
    color: #999;
    text-align: center;
    margin-top: 66px;
    padding-bottom: 30px;
}
.bottomend:before
{
    content:"";
    width: 20px;
    height: 1px;
    background-color: #ccc;
    position:relative;
    top:-4px;
    margin-right:10px;
    display: inline-block;
}
.bottomend:after{
    content:"";
    width: 20px;
    height: 1px;
    background-color: #ccc;
    position:relative;
    top:-4px;
    margin-left:10px;
    display: inline-block;
}

.trialversion .tips{
    background-color: #FFECD9;
    height: 44px;
    line-height: 44px;
    width: 100%;
    position: relative;
}
.trialversion .tips.guo,.trialversion .tips.test{
    background-color: #E54243;
    color: #fff;
    display: none;
}
.trialversion .tips span{
    padding-left: 20px;
    margin-right: 10px;
}
.trialversion .tips a.ljkt{
    background-color: #fff;
    width: 72px;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-left: 10px;
}
.trialversion .tips.guo a.ljkt{
    background-color: #fff;
    color: #E54243;
}
.trialversion .tips a.close{
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}
.trialversion .tips a.close:before{
    content: "\e973";
    font-family: "icomoon";
    font-size: 18px;
    color: #2ECB6C;
    color: #999;
}
.trialversion .tips.guo a.close:before,.trialversion .tips.test a.close:before{
    color: #fff;
}
/* .trialversion .zdyindex .first{
    height: 455px;
} */
.trialversion .zdyindex .firstl{
    height: auto;
    width: 100%;
}
.trialversion .zdyindex .step{
    width: calc(100% - 15px);
    /* height: 310px; */
    background-color: #fff;
    margin-bottom: 20px;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
.trialversion .zdyindex .step .steptop{
    padding: 14px 20px;
}
.trialversion .zdyindex .step .steptop .title{
    float: left;
    font-size: 20px;
    color: #333;
}
.trialversion .zdyindex .step .steptop .title span{
    font-size: 14px;
    color: #999;
    margin-left: 27px;
    display: none;
    width: 42px;
    text-align: right;
}
.trialversion .zdyindex .step .steptop .title.act span{
    display: inline-block;
}
.trialversion .zdyindex .step .steptop .close{
    float: right;
    color: #39c;
    cursor: pointer;
    font-size: 12px;
}
.trialversion .zdyindex .step .steptop .close:before{
    content: "\e990";
    font-family: "icomoon";
    font-size: 18px;
    color: #39c;
    position: relative;
    top: 4px;
    right: 3px;
}
.trialversion .zdyindex .step .steptop .open:before{
    content: "\e977";
    font-family: "icomoon";
    font-size: 18px;
    color: #39c;
    position: relative;
    top: 3px;
    right: 3px;
}
.trialversion .zdyindex .step .stepbottom{
    padding-bottom: 28px;
}
.trialversion .zdyindex .step .stepbottom .one{
    float: left;
}
.trialversion .zdyindex .step .stepbottom .one .list{
    width: 247px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding-left: 20px;
    cursor: pointer;
    margin-bottom: 7px;
    font-family: "Microsoft Yahei";
}
.trialversion .zdyindex .step .stepbottom .one .list.act,.trialversion .zdyindex .step .stepbottom .one .list:hover{
    background-color: #FFF8EA;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: bold;
}
.trialversion .zdyindex .step .stepbottom .one .list .xh{
    font-weight: bolder;
    margin-right: 10px;
}
.trialversion .zdyindex .step .stepbottom .one .list .zt{
    font-size: 12px;
    float: right;
    padding-right: 12px;
    color: #999;
    display: none;
}
.trialversion .zdyindex .step .stepbottom .one .list.act .zt,.trialversion .zdyindex .step .stepbottom .one .list:hover .zt{
    display: block;
}
.trialversion .zdyindex .step .stepbottom .two{
    width: calc(100% - 327px);
    height: 208px;
    background-color: #fff;
    float: left;
    margin: 0 20px 0 40px;    
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
    position: relative;
    border-radius: 3px;
}
.trialversion .zdyindex .step .stepbottom .two:before{
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: -7px;
    top:14px;
    background-color: #fff;
}
.trialversion .zdyindex .step .stepbottom .two:nth-child(2):before{
    top:56px;
}
.trialversion .zdyindex .step .stepbottom .two:nth-child(3):before{
    top:95px;
}
.trialversion .zdyindex .step .stepbottom .two:nth-child(4):before{
    top:139px;
}
.trialversion .zdyindex .step .stepbottom .two:nth-child(5):before{
    top:180px;
}
.trialversion .zdyindex .step .stepbottom .two:nth-child(6):before{
    top: 212px;
}
.trialversion .zdyindex .step .stepbottom .rhtjfx {
    padding: 20px;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl{
    float: left;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .top{
    font-size: 20px;  
    color: #000;  
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center{
    margin-top: 20px;
    min-height: 80px;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li{
    float: left;
    margin-right: 65px;
    position: relative;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li:before{
    font-family: 'icomoon';
    font-size: 32px;
    width: 16px;
    color: #c5c5c5;   
    content: "\e989";
    float: left;
    position: absolute;
    right: -36px;
    top: 5px;
    opacity: .7;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li:after{
    font-family: 'icomoon';
    font-size: 32px;
    width: 16px;
    color: #c5c5c5;   
    content: "\e989";
    float: left;
    position: absolute;
    right: -24px;
    top: 5px;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li:last-child:before,
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li:last-child:after{ 
    content: "";
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li .p1{
    font-size: 16px;
    color: #005BE6;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li .p2{
    font-size: 14px;
    color: #333;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .bottom {
    background-color: #005BE6;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    height: 42px;
    line-height: 42px;
    width: 126px;
    font-size: 16px;
    cursor: pointer;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .bottom:hover {
    background-color: #005BE6;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxr {
    float: right;
    margin: 30px 20px 0 0;
}
.trialversion .zdyindex .firstcontact {
    width:300px;
    float: right;
    height: 431px;
    background-color: #fff;    
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
.trialversion .zdyindex .firstcontact .banner img{
    width:300px;
}
.trialversion .zdyindex .firstcontact .content{
    padding: 14px 14px 0;
}
.trialversion .zdyindex .firstcontact .content .ewm {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh{
    margin-bottom: 12px;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh:last-child{
    margin-bottom: 8px;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh img{
    width: 54px;
    float: left;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh .zdygzhr{
    float: left;
    margin: 8px 0 0 10px;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh .zdygzhr .p1{
    color: #333;
    font-size: 14px;
}
.trialversion .zdyindex .firstcontact .content .ewm .zdygzh .zdygzhr .p2{
    color: #999;
    font-size: 12px;
    margin-top: 5px;
}
.trialversion .zdyindex .firstcontact .content .phone{
    margin-top: 20px;
}
.trialversion .zdyindex .firstcontact .content .phone .title{
    color: #333;
    font-size: 16px;
}
.trialversion .zdyindex .firstcontact .content .phone .nubmer{
    color: #333;
    font-size: 20px;
    margin-top: 15px;
}
.trialversion .zdyindex .firstcontact .content .phone .nubmer img{
    margin-right: 10px;
}
.trialversion .zdyindex .firstcontact .content .phone .nubmer span{
    position: relative;
    top: 2px;
}
.trialversion .zdyindex .firstcontact .content .phone .zixun{
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #005BE6;
    border: 1px solid #005BE6;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 15px;
}
.trialversion .zdyindex .firstcontact .content .phone .zixun a{
    display: block;
}
.trialversion .zdyindex .allleft{
    width: calc(100% - 300px);
    float: left;
}
.trialversion .zdyindex .allright{
    width: 300px;
    float: left;
}
.trialversion .zdyindex .secondl{
    width: 100%;
}
.trialversion .zdyindex .third{
    width: calc(100% - 15px);
}
.trialversion .zdyindex .first{
    height: auto;
}


.accounthomepage {
    font-family: "Microsoft Yahei";
    height: 100%;
    overflow: auto;
}
.accounthomepage .top {
    height: 64px;
    border-bottom: 1px solid #EBEEF5;
    background-color: #fff;
}
.accounthomepage .top .logo{
    float: left;
    margin-top: 12px;
}
.accounthomepage .top .logo img{
    margin-right: 15px;
}
.accounthomepage .top .logo span{
    font-size: 14px;
    position: relative;
    padding-left: 15px;
    top: 5px;
}
.accounthomepage .top .logo span:before{
    content: "";
    width: 1px;
    height: 32px;
    background-color: #EBEEF5;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -5px;
}
.accounthomepage .top .account{
    float: right;
    line-height: 64px;
}
.accounthomepage .top .account span{
    color:#333;
    font-size: 14px;
}
.accounthomepage .top .account a{
    color:#005BE6;
    font-size: 14px;
    margin-left: 15px;
}
.accounthomepage .top .account a:hover{
    color:#0071E1;
}
/* .accounthomepage .center{
    border-bottom:1px solid #e3e3e3;
} */
.accounthomepage .center .account{
    margin: 40px auto;
    padding-bottom: 40px;
    /* border-bottom:1px solid #e3e3e3; */
}
.accounthomepage .center .account .headportrait{
    float: left;
    margin-right: 20px;
}
.accounthomepage .center .account .headportrait img{
    width: 95px;
    height: 95px;
    border-radius: 50%;
}
.accounthomepage .center .account .set {
    float: left;
}
.accounthomepage .center .account .set p{
    font-size: 22px;
    color: #333;    
    margin: 10px 0 15px;
}
.accounthomepage .center .account .set a{
    height: 32px;
    line-height: 30px;
    width: 104px;
    border: 1px solid #005BE6;
    border-radius: 32px;
    display: block;
    color: #005BE6;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
}
.accounthomepage .center .account .set a:hover{
    border: 1px solid #0071E1;
    color: #0071E1;
}
.accounthomepage .center ul li{
    padding-bottom: 30px;
}
.accounthomepage .center ul li:last-of-type{
    padding-bottom: 0;
}
.accounthomepage .center ul li .title{
    font-size: 22px;
    margin-bottom: 20px;
}
.accounthomepagetk .center ul li .title{
    font-size: 16px;
}
.accounthomepage .center ul li .list .titleone{
   margin-bottom: 20px;
}
.accounthomepage .center ul li .list .titleone span{
    font-size: 16px;
    color: #999;
}
.accounthomepage .center ul li .list .titleone span:after{
    width: 976px;
    height: 1px;
    background-color: #EBEEF5;
    content: "";
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 10px;
}
.accounthomepage .center ul li .list .titleone a{
    float: right;    
    position: relative;
    top: -3px;
}
.accounthomepage .center ul li .list .titleone a.close:before{
    content: "\e990";
    font-family: "icomoon";
    font-size: 18px;
    color: #39c;
    position: relative;
    top: 4px;
}
.accounthomepage .center ul li .list .titleone a.open:before{
    content: "\e977";
    font-family: "icomoon";
    font-size: 18px;
    color: #39c;
    position: relative;
    top: 3px;
}
.accounthomepage .center ul li .list .microshop .column{
    float: left;
    width: 350px;
    height: 128px;
    margin-right: 25px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
}
.accounthomepage .center ul li .list .microshop .column:hover{
    box-shadow: 1px 1px 20px rgb(0 0 0 / 20%);
}
.accounthomepage .center ul li .list .microshop .column.add{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #005BE6;
    background: url(../images/loginhky/borderadd.png?20210922) no-repeat;
    height: 130px;
    box-shadow: initial;
    cursor: pointer;
    padding-right: 2px;
}
.accounthomepage .center ul li .list .microshop .column.add em{
    font-size: 28px;
    line-height: 0;
    margin-right: 5px;
}
.accounthomepage .center ul li .list .microshop .column.add:hover{
    background: url(../images/loginhky/borderaddhover.png?20210922) no-repeat;
}
.accounthomepage .center ul li .list .microshop .column:nth-child(3n){
    margin-right: 0;
}
.accounthomepagetk .center ul li .list .microshop .column:nth-child(3n){
    margin-right: 25px;
}
.accounthomepagetk .center ul li .list .microshop .column:nth-child(2n){
    margin-right: 0;
}
.accounthomepage .center ul li .list .microshop .column .columnl{
    float: left;
    width: 8px;
    height: 128px;
    background-color: #005BE6;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.accounthomepage .center ul li .list .microshop .column .columnr{
    padding: 15px 22px;
    box-sizing: border-box;
    position: relative;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d1{
    line-height: 30px;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d1 .name{
    float: left;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d1 .tag,.accounthomepage .center ul li .list .microshop .column .columnr .d2 .tag{
    float: right;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .tag{
    margin-top: 15px;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d1 .tag em,.accounthomepage .center ul li .list .microshop .column .columnr .d2 .tag em{
    border: 1px solid #005BE6;
    border-radius: 3px;
    padding: 2px 5px;
    color: #005BE6;
    border-radius: 3px;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .tag em{
    background-color: #005BE6;
    color: #fff;
}
.accounthomepage .center ul li .list .microshop .column.ygq .columnr .d1 .tag em{
    border: 1px solid #ccc;
    color: #ccc;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2{
    padding-top: 25px;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .probation{
    float: left;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .probation p{
    font-size: 12px;
    color: #999;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .probation p:last-of-type{
    margin-top: 4px;
}
.accounthomepage .center ul li .list .microshop .column.ygq .columnr .d2 .probation p{
    font-size: 12px;
    color: #b6b6b6;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .pattern{
    float: right;
}
.accounthomepage .center ul li .list .microshop .column .columnr .d2 .pattern a{
    background-color: #005BE6;
    padding: 5px 8px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.accounthomepage .center ul li .list .microshop .column .columnr .gl{
    position: absolute;
    bottom: -7px;
    right: 0;
    width: 62px;
    height: 30px;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #005BE6;
    cursor: pointer;
    border-top-left-radius: 3px;
}
.accounthomepage .center ul li .list .microshop .column.ygq .columnr .gl{
    color: #ccc;
}
.accounthomepage .center ul li .list .microshop .column .columnr .gl i:before{    
    font-family: 'icomoon';
    content: "\e914";
    font-size: 15px;
    margin-right: 2px;
    font-weight: bold;
}
.accounthomepage .center ul li .list .microshop .column .columnr .gl:hover{
    color: #0071E1;
}
.accounthomepage .center ul li .list .microshop .column.ygq .columnr .gl:hover{
    color: #ccc;
}
.accounthomepage .accountsettingsframe{
    background-color: #fff;
    width: 1100px;
    height: 549px;
    margin-top: 30px;
}
.accounthomepage .accountsettingsframe .title{
    font-size: 16px;
    color: #333;
    text-align: center;
    padding-top: 50px;
}
.accounthomepage .accountsettingsframe .frame{
    margin: 0 auto;
    width: 610px;
    padding-top: 50px;
}
.accounthomepage .accountsettingsframe .frame li{
    border-bottom: 1px solid #EBEEF5;
    height: 64px;
    line-height: 64px;
}
.accounthomepage .accountsettingsframe .frame li:last-child{
    border-bottom: none;    
    height: 84px;
    line-height: 84px;
}
.accounthomepage .accountsettingsframe .frame li small{
    width: 80px;
    text-align: left;
    color: #888;
    font-size: 14px;
    display: inline-block;
}
.accounthomepage .accountsettingsframe .frame li span{
    width: calc(100% - 80px);
    font-size: 14px;
    color: #888;
}
.accounthomepage .accountsettingsframe .frame li em img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.accounthomepage .accountsettingsframe .frame li a{
    float: right;
    color: #005BE6;
    font-size: 12px;
}
.accounthomepage .accountsettingsframe .frame li a:hover{
    color: #0071E1;
}
.accounthomepage .accountsettingsframe .goback{
    padding-top: 50px;
    text-align: center; 
}
.accounthomepage .accountsettingsframe .goback a{
    border: 1px solid #E5E7EB;
    background-color: #FAFBFC;
    color: #666;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    width: 92px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 12px;
}
.accounthomepage .accountsettingsframe .goback a:hover{
    color: #005BE6;
}
.accounthomepage .accountsettingsframe .goback .a1{
    font-size: 14px;
}
.accounthomepage .accountsettingsframe .goback .a1:hover{
    color: #fff;
    border: 1px solid #005BE6;
    background-color: #005BE6;
}
.accounthomepage .changepassword .changepasswordframe{
    width: 320px;
    padding: 30px 50px 50px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 30px;
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
}
.accounthomepage .changepassword .changepasswordframe .title{
    font-size: 16px;
    text-align: center;
}
.accounthomepage .changepassword .changepasswordframe li{
    height: 52px;
    line-height: 52px;
}
.accounthomepage .changepassword .changepasswordframe .frame{
    padding-top:30px;
}
.accounthomepage .changepassword .changepasswordframe li small{
    width: 80px;
    text-align: left;
    color: #888;
    font-size: 14px;
    float: left;
}
.accounthomepage .changepassword .changepasswordframe li span{
    width: calc(100% - 80px);
    font-size: 14px;
    color: #888;
    float: left;
}
.accounthomepage .changepassword .changepasswordframe li span input{
    height: 34px;
    line-height: 34px;
    margin-top: 8px;
    font-size: 14px;    
    transition: background-color .3s;
    outline: none;
    background: #fff;
}
.accounthomepage .changepassword .changepasswordframe li span input.hqyzm{
    border: 1px solid #005BE6;
    color: #005BE6;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}
.accounthomepage .changepassword .changepasswordframe li span input.hqyzm:hover{
    border: 1px solid #0071E1;
    color: #0071E1;
}

.accounthomepage .changepassword .changepasswordframe .save,.accounthomepage .changepassword .changepasswordframe .goback{
    padding-top: 30px;
    text-align: center; 
}
.accounthomepage .changepassword .changepasswordframe .goback{
    padding-top: 10px;
}
.accounthomepage .changepassword .changepasswordframe .save a,.accounthomepage .changepassword .changepasswordframe .goback a{
    border: 1px solid #E5E7EB;
    background-color: #FAFBFC;
    color: #666;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    width: 320px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    font-size: 14px;
}
.accounthomepage .changepassword .changepasswordframe .goback a:hover{
    color: #fff;
    border: 1px solid #005BE6;
    background-color: #005BE6;
}
.accounthomepage .changepassword .changepasswordframe .save a{
    border: 1px solid #005BE6;
    background-color: #005BE6;
    color: #fff;
}
.accounthomepage .changepassword .changepasswordframe .save a.act{
    border: 1px solid #005BE6;
    background-color: #005BE6;
    color: #fff;
}
.accounthomepage .changepassword .changepasswordframe .save a:hover{
    border: 1px solid #0071E1;
    background-color: #0071E1;
    color: #fff;
}

.couponstip{
    width: calc(100% - 35px);
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    margin-bottom: 20px;
    padding-left: 20px;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
.couponstip:before{
    font-family: 'icomoon';
    font-size: 20px;
    width: 16px;
    float: left;
    color: #999;
    margin-right: 10px;    
    content: "\e92f";
    position: relative;
    top: 2px;
}
.couponstip a{
    color: #005BE6;
    margin-left: 20px;
}
.couponstip a:after{
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    color: #005BE6;
    margin-right: 2px;    
    content: "\e921";
    position: relative;
    top: 2px;
}


@media screen and (max-width: 1366px) {  
.trialversion .zdyindex .step .stepbottom .two .rhtjfxr {
    display: none;
}
.zdyindex .thirdlist{
    width: 100%;
}.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li{
    margin-right: 60px;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li .p1{
    font-size: 14px;
}
.trialversion .zdyindex .step .stepbottom .two .rhtjfxl .center .li .p2{
    font-size: 12px;
}
}


/* 远期房态 */
.roomstateforward{
    position: relative;
    font-family: "Microsoft Yahei";
    height: 100%;
    overflow: auto;
}
.head-cell{
    position: absolute;
    z-index: 100;
    height: 60px;
    width: 182px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #fff;
}
.attendancescheduling .head-cell{
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
   background-color: #F6F6F6;
   width: 90px;
}
.head-cell .date-select{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    border-bottom: 1px solid #e8e8e8;
}
.head-cell .date-select .left:before{
    font-family: "icomoon";
    content: "\e97e";
    font-size: 16px;
    color: #000;
    margin-right: 15px;
}
.head-cell .date-select .date{
    color: #333;
    font-size: 12px;
}
.head-cell .date-select .right:before{
    font-family: "icomoon";
    content: "\e989";
    font-size: 16px;
    color: #000;
    margin-left: 15px;
}
.head-cell .filter-sort{
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.head-cell .filter-sort .filter-sort-head{
    width: 124px;
    border-right: 1px solid #e8e8e8;
    float: left;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}   
.head-cell .filter-sort .filter-sort-head:after{
    font-family: "icomoon";
    content: "\e977";
    font-size: 16px;
    color: #333;
}   
.head-cell .filter-sort .filter-sort-main{
    width: 59px;
    float: left;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}   
.head-cell .filter-sort .filter-sort-main:after{
    font-family: "icomoon";
    content: "\e977";
    font-size: 16px;
    color: #333;
}   
.head-cell .filter-sort .filter-sort-main.act:after{
    font-family: "icomoon";
    content: "\e990";
    font-size: 16px;
    color: #333;
}   
.head-cell .filter-sort .searchandsort{
    position: absolute;
    width: 182px;
    height: 435px;
    border: 1px solid #005BE6;
    box-sizing: border-box;
    background-color: #fff;
    top:0;
    left: 0;
}   
.head-cell .filter-sort .searchandsort .sharesearch{
    width: 160px;
    float: none;
}   
.head-cell .filter-sort .searchandsort .sharesearch input{
    width: 160px;
    height: 30px;
    line-height: 30px;
}   
.head-cell .filter-sort .searchandsort .title{
    width: 160px;
    box-sizing: border-box;
    padding-left: 10px;
    margin-left: 10px;
    background-color: #F6F6F6;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
}   
.head-cell .filter-sort .searchandsort .radio,.head-cell .filter-sort .searchandsort .checkbox{
    margin: 5px 0 10px 10px;
}   
.head-cell .filter-sort .searchandsort .top{   
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
}   
.head-cell .filter-sort .searchandsort .top:after{
    font-family: "icomoon";
    content: "\e990";
    font-size: 16px;
    color: #333;
}   
.head-cell .filter-sort .searchandsort .scroll{
    height: calc(100% - 70px);
    overflow: auto;
}   
.head-cell .filter-sort .searchandsort .bottom{
    height: 32px;
    line-height: 32px;
    background-color: #f6f6f6;
    text-align: center;
}   
.head-cell .filter-sort .searchandsort .bottom a{
    height: 24px;
    line-height: 22px;
    color: #666;
    margin-top: 4px;
    margin-right: 10px;
}   
.head-cell .filter-sort .searchandsort .bottom a:last-child{
    margin-right: 0;
}   
.head-cell .filter-sort .searchandsort .bottom a.bg{
    color: #fff;
    border: 1px solid #005BE6;
}   
.head-cell .filter-sort .searchandsort .radio label,.head-cell .filter-sort .searchandsort .checkbox label{
    float: left;
    cursor: pointer;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    height: 24px;   
    line-height: 24px;
}   
.head-cell .filter-sort .searchandsort .radio label:before{
    font-family: 'icomoon';
    font-size: 14px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
    content: "\e905";
}   
.head-cell .filter-sort .searchandsort .radio label.checked:before{
    content: "\e906";
    color: #005BE6;
}   
.head-cell .filter-sort .searchandsort .checkbox label:before{
    font-family: 'icomoon';
    font-size: 14px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
    content: "\e925";
}   
.head-cell .filter-sort .searchandsort .checkbox label.checked:before{
    content: "\e924";
    color: #005BE6;
}   
.j-room-cell{
    display: flex;
    flex-direction: column;
    height: calc(100vh - 45px);
}
.roomstateforward.act{
    height: 100%;
}
.roomstateforward.act .j-room-cell{
    height: auto;
}
.roomstateforward.act #dForwardChartall{
    display: block !important;
} 
.date-list-wrap {
    position: relative;
    margin-left: 182px;
    overflow: hidden;
    width: calc(100% - 182px);
    box-sizing: border-box;
    padding-right: 6px;
}
.attendancescheduling .date-list-wrap {
    margin-left: 90px;
    width: calc(100% - 90px);
}
.date-list-wrap ul{
    display: flex;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.attendancescheduling .date-list-wrap ul{
   background-color: #F6F6F6;
}
.date-list-wrap ul li{
    display: inline-block;
    float: left;
    min-width: 100px;
    height: 60px;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.attendancescheduling .date-list-wrap ul li{
    min-width: 50px;
}
.date-list-wrap ul li .date{
    padding-top:10px
}
.date-list-wrap ul li .riqi,.date-list-wrap ul li .xingqi{
    font-size: 14px;
    color:#333;   
}
.date-list-wrap ul li .riqi{
    padding-right: 12px; 
}
.date-list-wrap ul li .room-count{
    padding-top: 5px;
}
.date-list-wrap ul li .roomnember{
    font-size: 12px;
    color:#333;   
}
.date-list-wrap ul li:hover{
    background-color: #005BE6;
    color: #fff;
}

.date-list-wrap ul li:hover .riqi,.date-list-wrap ul li:hover .xingqi{
    color:#fff;   
}


.room-table-box
{
    flex: 1;
    display: flex;
    height: calc(100% - 57px);
    min-height: 0;
}
.room-type-wrap{
    position: relative;
    float: left;
    width: 182px;
    min-height: 60px;
    max-height: 60vh;
    overflow: hidden;
    z-index: 96;
    padding-bottom: 8px;
    box-sizing: border-box;
}
#room_no_info .room-type-wrap{
    max-height: calc(100vh - 115px);
}
.attendancescheduling .room-type-wrap{
    width: 90px;
}
/* .room-type-wrap.act{
    overflow:initial;
} */
.room-type-wrap .room-type-item .item-type {
    border-top: 0;
    border-left: 0;
    min-height: 60px;
    height: 60px;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
#close .room-type-wrap .room-type-item .item-type,#room_type_total .room-type-wrap .room-type-item .item-type {
    height: 40px;
    min-height: 40px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
#close .room-type-wrap .room-type-item .item-type:hover,#room_type_total .room-type-wrap .room-type-item .item-type:hover {
    background-color: #005BE6;
    color: #fff;
}
.attendancescheduling #close .room-type-wrap .room-type-item .item-type:hover,.attendancescheduling #room_type_total .room-type-wrap .room-type-item .item-type:hover {
    background-color: #fff;
    color: #333;
}
#close .room-type-wrap .room-type-item .item-type:hover .roomnumber,#room_type_total .room-type-wrap .room-type-item .item-type:hover .roomnumber{
    background-color: #005BE6;
    color: #fff;
}
.attendancescheduling #close .room-type-wrap .room-type-item .item-type:hover .roomnumber,.attendancescheduling #room_type_total .room-type-wrap .room-type-item .item-type:hover .roomnumber{
    background-color: #F6F6F6;
    color: #333;
}
#close .room-type-wrap .room-type-item .item-type p,#room_type_total .room-type-wrap .room-type-item .item-type p{
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 20px;
}
.attendancescheduling #close .room-type-wrap .room-type-item .item-type p,.attendancescheduling #room_type_total .room-type-wrap .room-type-item .item-type p{
    padding-left: 10px;
    position: relative;
}
.attendancescheduling #close .room-type-wrap .room-type-item .item-type p .set,.attendancescheduling #room_type_total .room-type-wrap .room-type-item .item-type p .set{
    background: url(../images/icon.png?20210922) no-repeat -6px -431px;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
}
#room_type_total .room-type-wrap .room-type-item .item-type p span{
    color: #333;
    margin-left: 5px;
}
#room_type_total .room-type-wrap .room-type-item .item-type p span.fxname{
    width: 85px;
    max-width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
#room_type_total .room-type-wrap .room-type-item .item-type:hover p span.fxname{
    color: #fff;
}
.room-type-wrap .room-type-item .item-room {
    position: relative;
    height: 60px;
    line-height: 60px;
    width: 60px;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.room-type-wrap .room-type-item .item-room:hover {
    background-color: #005BE6;
    color: #fff;
}
.room-type-wrap .room-type-item td {
    padding: 0 5px;
    word-wrap: break-word;
}
.room-type-wrap .room-type-item .door-no {
    line-height: 17px;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.room-type-wrap .room-list .room-show-grid{
    display: flex;
}
.room-type-wrap .room-list .room-show-grid .room-type{
    float: left;
    width: 123px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.room-type-wrap .room-list .room-show-grid .room-name-list{
    float: left;
    width: 59px;
    box-sizing: border-box;
}
.room-type-wrap .room-list .room-show-grid .room-name{
    height: 60px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
    line-height: 60px;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh{
    line-height: initial;
    position: relative;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx{
    position: relative;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh span{
    vertical-align: middle;
    height: 60px;
    display: table-cell;
    text-align: left;
    padding-left: 10px;
    width: 70px;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh span .zang{
    display: block;
    margin-top: 8px;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx .zang{
     position: absolute;
     bottom: 5px;
     right: 5px;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh span .zang:before,.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx .zang:before{
     font-family: "icomoon";
     font-size: 20px;
     content: "\e93d";
     color:#333;
}
.room-type-wrap .room-list .room-show-gridfh .room-name{
    width: 182px;
    line-height: 22px;
    padding-left: 20px;
    text-align: left;
    padding-top: 7px;
}
.room-type-wrap .room-list .room-show-grid .room-name:hover{
    background-color: #005BE6;
    color: #fff;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh:hover span .zang:before{
    color: #fff;
}

.room-type-wrap .room-list .room-show-grid .room-name.onlyfh .set,.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx .set{
    position: absolute;
    left: -61px;
    top: 0;
    width: 60px;
    height: 59px;
    background-color: #005BE6;
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer;
    display: none;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx .set{
    left: inherit;
    right: 0;
}
.room-type-wrap .room-list .room-show-grid .room-name.onlyfh:hover .set,.room-type-wrap .room-list .room-show-grid .room-name.onlyfhfx:hover .set{
    display: block;
}

.room-grid-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-height: 60vh;
    overflow: scroll;
}
#room_no_info .room-grid-list {
    max-height: calc(100vh - 115px);
}
.room-grid-list .room-grid-type {
    display: block;
    flex-direction: column;
}
.room-grid-list .room-grid-type .room-grid-row {
    display: flex;
}
.room-grid-list .room-grid-type .room-grid-row .room-grid {
    height: 60px;
    min-width: 100px;
    width: 100px;
    /* border-right: 1px solid #e8e8e8; */
    border-bottom: 1px solid #e8e8e8;
    box-sizing: border-box;
}
#room_no_info .room-grid-list .room-grid-type .room-grid-row .room-grid {
    min-width: initial;
    width: initial; 
}
#room_no_info .room-grid-list .room-grid-type .room-grid-row .room-grid.past {
    background-color: #fbfbfb;
}
.attendancescheduling .room-grid-list .room-grid-type .room-grid-row .room-grid {
    min-width: 50px;
    width: 50px;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid {
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.past,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.past{
    background-color: #fbfbfb;
}
.room-grid-list .room-grid-type .room-grid-row .room-grid.repair,.room-grid-list .room-grid-type .room-grid-row .room-grid.lock {
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.room-grid-list .room-grid-type .room-grid-row .room-grid.repair .room-grid-bg,.room-grid-list .room-grid-type .room-grid-row .room-grid.lock .room-grid-bg{
    display: none;
}
.room-grid-list .room-grid-type .room-grid-row .room-grid.repair:before {
    background: url(../images/icon.png?20230224) 0 -115px no-repeat;
    width: 24px;
    height: 26px;
    content: "";
}
.room-grid-list .room-grid-type .room-grid-row .room-grid.lock:before {
    background: url(../images/icon.png?20230224) 0 -150px no-repeat;
    width: 26px;
    height: 26px;
    content: "";
}
.room-grid-list .room-grid-type .room-grid-row .room-grid-bg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #8c8c8c;
    cursor: pointer;
    position: relative;
    width: 100px;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
}
.room-grid-list .room-grid-type .room-grid-row .price-hover {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    color: #262626;
    padding: 6px 8px;
    z-index: 49;
    box-sizing: border-box;
}
.room-grid-list .room-grid-type .room-grid-row .room-grid-bg:hover .price-hover {
    display: block;
}
.room-grid-list .room-grid-type .room-grid-row .mul-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    flex: 1;
    font-size: 12px;
}
.room-grid-list .room-grid-type .room-grid-row .order-box {
    position: absolute;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    z-index: 50;
    box-sizing: border-box;
    cursor: pointer;
}
.room-grid-list .room-grid-type .room-grid-row .check_in{
    background-color: #D1EED2;
    border-left: 4px solid #19AC1D;
}
.room-grid-list .room-grid-type .room-grid-row .pre_order{
    background-color: #CDECF7;
    border-left:4px solid #1D8CB1;
}
.room-grid-list .room-grid-type .room-grid-row .check_out{
    background-color: #ddd;
    border-left: 4px solid #999;
}
.room-grid-list .room-grid-type .room-grid-row .YL .order-box{
    background-color: #F9D7FF;
    border-left: 4px solid #E344FF;
}
.room-grid-list .room-grid-type .room-grid-row .sub-box-border{
    padding: 10px;
}
.room-grid-list .room-grid-type .room-grid-row .name{
    font-size: 14px;
    color: #333;
    min-width:0;
    /* display: flex;
    align-items: center; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.room-grid-list .room-grid-type .room-grid-row .name span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}
.room-grid-list .room-grid-type .room-grid-row .name.xiecheng:before{
    background: url(../images/icon.png?20230224) -6px -89px no-repeat;
    width: 13px;
    height: 15px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}
.room-grid-list .room-grid-type .room-grid-row .name.meituan:before{
    background: url(../images/icon.png?20230224) -27px -90px no-repeat;
    width: 34px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;

}
.room-grid-list .room-grid-type .room-grid-row .name.feizhu:before{
    background: url(../images/icon.png?20230224) -67px -90px no-repeat;
    width: 22px;
    height: 19px;
    content: "";
    display: inline-block;
    margin-right: 5px;

}
.room-grid-list .room-grid-type .room-grid-row .state{
    margin-top: 5px;
    display: flex;
    align-items: center; 
}
.room-grid-list .room-grid-type .room-grid-row .state span{
    display: flex;
    align-items: center; 
}

.roomtypedetails{
    position: absolute;
    top: 10px;
    left: 0;
    min-width: 175px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 999;
    padding: 20px;
    border-radius: 3px;
}
.roomtypedetailskjtk{
    position: initial;
    top: 0;
    left: 0;
    border: none;
    overflow: auto;
}
.roomtypedetailsss{
    width: 422px;
    height: auto;
}
.roomtypedetailskf{
    width: 350px;
    height: auto;
}
.repairdetails{
    width: auto;
    height: auto;
    padding: 15px 20px;
    max-width: 300px;
}
.roomtypedetails .li{
    padding: 5px 0;
    font-size: 14px;
    color: #666;
}
.roomtypedetails .li:first-child{
    padding-top: 0;
}
.roomtypedetails .li span{
    color: #333;
}
.roomtypedetails .li span em{
    color: #315DBC;
    padding: 0 5px;
}
.roomtypedetails  .mon:before{
    content: "￥";
}
/* .roomtypedetails:before{
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left:30px;
    top: -6px;
    background-color: #fff;
} */
.roomtypedetailskjtk:before{
    width: 0;
    height: 0;
}
/* .roomtypedetails .roomnumber{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 15px;
} */
.roomtypedetails .roomnumber{
    min-width: 308px;
}
.roomtypedetails .ul{
    margin-top: 15px;
}
.roomtypedetails .roomnumber span{
    font-size: 20px;
    float: left;    
}
.roomtypedetailskjtk .roomnumber span.fx{
    max-width: calc(100% - 230px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* .roomtypedetails .roomnumber span.num{
    margin-right: 10px;
} */
.roomtypedetails .environment{    
    line-height: 22px;
    font-size: 14px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.roomtypedetails .qtj{
    font-size: 14px;
    min-width: 310px;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eee;
}
.roomtypedetails .bdt{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eee;
}
.roomtypedetails .qtjl{
    float: left;
}
.roomtypedetails .qtjl .dz,.roomtypedetails .qtjl .cz{
    display: block;
}
.roomtypedetails .qtjl .cz{
    margin-top: 5px;
}
/* .roomtypedetails .qtjl .mon{
    margin-left: 5px;
} */
.roomtypedetails .qtjr{
    float: right;
}
.roomtypedetails .qtjr span{
    padding: 0 5px;
    color: #005BE6;
}
.roomtypedetails .qtjr span.cleaning{
    background: url(../images/icon.png?20230224) -414px -90px no-repeat;
    width: 10px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.roomtypedetails .roomnumber a.rz{
    float: right;
   background: url(../images/icon.png?20230224) -85px -240px no-repeat;
   width: 15px;
   height: 17px;    
   position: relative;
    top: 7px;
}
/* .roomtypedetails .roomnumber a.rz:before{
     font-family: "icomoon";
     font-size: 24px;
     content: "\e936";
     color:#005BE6;
    position: relative;
    top: 5px;
} */
.roomtypedetails .roomnumber i.photo,.roomtypedetails .roomnumber span.manage,.roomtypedetails .roomnumber .FW {
   float: left;
   cursor: pointer;
}
.roomtypedetails .roomnumber i.photo {
   background: url(../images/icon.png?20230224) 6px -233px no-repeat;
   width: 26px;
    height: 26px;
    text-align: center;
    margin-left: 6px;
}
.roomtypedetails .roomnumber .FW {
   background: url(../images/icon.png?20230224) -384px -89px no-repeat;
   width: 18px;
    height: 15px;
    text-align: center;
    margin-right: 10px;
    position: relative;
    top: 6px;
}
/* .roomtypedetails .roomnumber i.photo:before{
   font-family: "icomoon";
    font-size: 24px;
    content: "\e946";
    color: #005BE6;
    margin-left: 10px;
    position: relative;
    top: 2px;
} */
.roomtypedetails .roomnumber span.manage{
   background: url(../images/icon.png?20230224) -542px -90px no-repeat;
   width: 20px;
    height: 26px;
    text-align: center;
    margin-left: 10px;    
    margin-right: 10px;
    position: relative;
    top: 6px;
}/* 
.roomtypedetails .roomnumber span.manage:before{
   font-family: "icomoon";
    font-size: 20px;
    content: "\e93b";
    color: #005BE6;
    margin-left: 10px;
    position: relative;
    top: 5px;
} */
.roomtypedetails .roomnumber span.manage.act{
   background: url(../images/icon.png?20230224) -542px -61px no-repeat;
}
.roomtypedetailsss:before{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -6px;
    top: 30px;
}
.roomtypedetails .namezt {
    margin-top: 12px;
}
.roomtypedetails .name,.roomtypedetails .tel,.roomtypedetails .sex,.roomtypedetails .people{
    font-size: 13px;
    color: #333;
    float: left;
    margin-right: 10px;
}
.roomtypedetails .zt{
    padding: 0 8px;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    color: #333;
    float: right;
    border-radius: 2px;
}
.roomtypedetails .roomnumber .zt{
    margin-top: 4px;
}
.roomtypedetailskjtk .roomnumber .zt{
    float: left;
    margin-left: 10px;
    border-radius: 3px;
}
.roomtypedetails .zt.yrz,.roomtypedetails .zt.zzjf,.roomtypedetails .zt.zzzf{
    background-color: #D1EED2;
}
.roomtypedetails .zt.yddrz,.roomtypedetails .zt.kjf,.roomtypedetails .zt.ydjf,.roomtypedetails .zt.ydzf{
    background-color: #CDECF7;
}
.roomtypedetails .zt.wrz{
    background-color: #CDECF7;
}
.roomtypedetails .zt.yld,.roomtypedetails .zt.kzf{
    background-color: #DDDDDD;
}
.roomtypedetails .zt.sf{
    background-color: #FBE7D0;
}
.roomtypedetails .zt.wxf{
    background-color: #FAD9D9;
}
.roomtypedetails .date{
    font-size: 13px;
    color: #333;
    margin-top: 12px;
}   
.roomtypedetails .surplus{
    font-size: 13px;
    color: #c00;
    margin-top: 12px;
}   
.roomtypedetails .date em{
    margin-left: 10px;
}   
.roomtypedetails .date em span{
    padding: 0 5px;
    margin-right: 0;
}   
.roomtypedetails .date span:first-of-type{
    margin-left: 12px;
    margin-right: 5px
}   
.roomtypedetails .date span:nth-of-type(2){
    margin-left: 12px;
}   
.roomtypedetails .date span:nth-of-type(3){
    margin: 0 5px;
}   
.roomtypedetails .date em{
    margin-right: 12px;
}   
.roomtypedetails .type{
    font-size: 14px;
    color: #48C3B3;
    margin-top: 12px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
    margin-bottom: 10px;
}   
.roomtypedetails .type .qefk{
    color: #005BE6;
    border: 1px solid #005BE6;
    border-radius: 10px;
    padding: 1px 3px;
    font-size: 12px;
    margin-left: 5px;
}   
.roomtypedetails .type .qeyf{
    color: #005BE6;
    border: 1px solid #005BE6;
    border-radius: 3px;
    height: 22px;
    line-height: 20px;
    padding: 0 5px;
    font-size: 12px;
    margin-left: 5px;
    transform: scale(0.9);
    display: inline-block;
}   
.roomtypedetails .type .ydb{
    color: #396;
    border: 1px solid #396;
    border-radius: 10px;
    padding: 1px 3px;
    font-size: 12px;
    margin-left: 5px;
}   
.roomtypedetails .money{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 12px;
    margin-bottom: 12px;  
    max-width: 330px;
    display: flex;
    align-items: flex-end;

}     
.roomtypedetailskjtk .money{
    max-width: initial;
    display: initial;
    align-items: initial;
}    
.roomtypedetailsss .money{
    display: flex;
    align-items: center;
    max-width: 330px;
}    
.roomtypedetails .money .list{
    float: left;
    width: 100%;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    margin-bottom: 10px;
}      
.roomtypedetails .money .total{
    margin-bottom: 10px;
    font-size: 14px;
}        
.roomtypedetails .money .total span{
    margin-right: 10px;
}          
.roomtypedetails .money .total .qian{
    color: #f00;
}            
.roomtypedetails .money .total .qian b{
    font-weight: initial;
    position: relative;
    top: -1px;
}       
/* .roomtypedetails .money .total span.price{
        margin-left: 5px;
    }   */    
.roomtypedetails .money .list .mon{
    margin-left: 10px;
}     
.roomtypedetailsss .money .list{
    margin-bottom: 5px;
}    
.roomtypedetails .money .listr{
    float: right;
    width: 50%;
    text-align: right;
}     
.roomtypedetails .money .listr .list{
    width: 100%;
}      
.roomtypedetails .money .listr .list .qian{
    color: #f00;
    position: relative;
    top: -1px;
}   
.roomtypedetails .money .listr .list .ddze{
    color: #f00;
}   
.roomtypedetails .money .listr .list .ddze span{
    font-size: 28px;
}   
/* .roomtypedetailsss .money .list{
      float: none;
      width: 100%;
  }  */  
.roomtypedetails .money .list span.xbj{
    color: #f00;
}   
/* .roomtypedetails .money .list:nth-child(2n){
      text-align: right;
  }   
  .roomtypedetailsss .money .list:nth-child(2n){
      text-align: left;
  }  */  
.roomtypedetailsss .caozuo{
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
    margin-top: 15px;
    float: right;
    font-size: 0;
}   
.roomtypedetailsss .caozuo .btn{
    height: 32px;
    line-height: 30px;
    background-color: #FCFCFC;
    font-size: 14px;
    margin-left: 6px;
}   
.roomtypedetailsss .caozuo .btn.bg,.roomtypedetailsss .caozuo .btn:hover{
    background-color: #005BE6;
    color: #fff;
    border-color: #005BE6;
}   
.roomtypedetails .glf{
    font-size: 14px;    
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 15px;
    display: flex;
}  
.roomtypedetails .glf span{
    margin: 0 10px;
    max-width: 190px;
}  
.roomtypedetails .glf em{
    color: #005BE6;
    margin: 0 5px;
}  
.roomtypedetails .yqyd{
    font-size: 14px;    
    border-top: 1px solid #f0f0f0;
    padding: 10px 0;
    margin: 15px 0;
}  
.roomtypedetails .yqyd .yqyd_tip{
    font-size: 12px;  
    color: #666;
}  
.roomtypedetails .yqyd_order{
    margin-top: 5px;
}   
.roomtypedetails .yqyd_order .yqyd_date{
    padding:0 10px;
}  
.roomtypedetails .yqyd_order .yqyd_day em{
    padding:0 5px;
    color: #005BE6;
}  
.roomtypedetails .remarks{
    font-size: 14px;
    color: #333;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 330px;
}  
.roomtypedetailskjtk .remarks{
    max-width: initial;
}  
/* .room-table-box .all{
    color: #005BE6;
} */

#close .room-grid-list .room-grid-type .room-grid-row .room-grid.greater span,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.greater span{
    color: #0EA2DA;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.equal span,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.equal span{
    color: #FB7D00;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.less span,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.less span{
    color: #CC0000;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.morning,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.morning{
    background-color: #005BE6;
    color: #fff;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.noon,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.noon{
    background-color: #EE9431;
    color: #fff;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.rest,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.rest{
    background-color: #fff;
    color: #333;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.rest.goover,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.rest.goover{
    opacity: .5;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.goover,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.goover{
    opacity: .5;
}
#close .room-grid-list .room-grid-type .room-grid-row .room-grid.past span,#room_type_total .room-grid-list .room-grid-type .room-grid-row .room-grid.past span{
    color: #ccc
}

.selecttop{
    padding: 10px 0;
    border-bottom: 1px solid #005BE6;
    min-width: 1366px;
    overflow: hidden;
}
.selecttop .data{
    float: left;
    padding-left: 14px;
    font-size: 12px;
}
.selecttop .data .list{
    float: left;
    line-height: 30px;
    padding-right: 24px;
}
.selecttop .data .list:last-child{
    padding-right: 0;
}
.selecttop .data .list span{
    color: #005BE6;
}

.switchtab{
    float: left;
    margin-right: 10px;
}
.switchtab ul li{
    float: left;
    height: 30px;
    line-height: 26px;
    padding: 0 10px;
    box-sizing: border-box;
    border:1px solid #E5E7EB;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ptbbig32 .switchtab ul li{
    height: 32px;
    line-height: 30px;
}
.switchtab ul li a{
    height: 30px;
    line-height: 26px;
}
.switchtab ul li:hover{
    background: #f2f2f2;
    color: #333;
}
.switchtab ul li.act{
    background: #005BE6;
    color: #fff;
    border-color: #005BE6;
}
.switchtab ul li.biaozhun:before{
    background: url(../images/icon.png) -200px -344px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
}
.switchtab ul li.biaozhun.act:before{
    background: url(../images/icon.png) -200px -374px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
}
.switchtab ul li.louceng:before{
    background: url(../images/icon.png) -240px -345px no-repeat;
    width: 14px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
}
.switchtab ul li.louceng.act:before{
    background: url(../images/icon.png) -240px -375px no-repeat;
    width: 14px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
}
.switchtab ul li.fangxing:before{
    background: url(../images/icon.png) -272px -343px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
}
.switchtab ul li.fangxing.act:before{
    background: url(../images/icon.png) -272px -373px no-repeat;
    width: 17px;
    height: 25px;
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
}
.switchtab ul li.riqi:before{
    background: url(../images/icon.png) -457px -342px no-repeat;
    width: 17px;
    height: 25px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
}
.switchtab ul li.riqi.act:before{
    background: url(../images/icon.png) -457px -371px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 3px;
}
.switchtab ul li.liebiao:before{
    background: url(../images/icon.png) -420px -347px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 8px;
}
.switchtab ul li.liebiao.act:before{
    background: url(../images/icon.png) -420px -376px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 8px;
}
.switchtab ul li.small:before{
    background: url(../images/icon.png) -532px -347px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
}
.switchtab ul li.small.act:before{
    background: url(../images/icon.png) -532px -376px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
}
.switchtab ul li.big:before{
    background: url(../images/icon.png) -561px -347px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
}
.switchtab ul li.big.act:before{
    background: url(../images/icon.png) -561px -376px no-repeat;
    width: 17px;
    height: 30px;
    content: "";
    display: inline-block;
    position: relative;
    top: 5px;
}
.switchtab ul li:not(:first-child){
    border-left:none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.switchtab ul li:last-child{
    border-left:none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.switchtab ul li a{
    background: none;
}
.switchtab1 .tab{
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border:1px solid #e9e9e9;
    float: left;
    margin-right: 5px;
    border-radius: 5px;
}
.switchtab1 .tab.act{
    color: #005BE6;
    border:1px solid #005BE6;
}
.switchselect{
    display: flex;
    margin-top: 12px;
}
.switchselect .tab{
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 14px;
    margin-right: 10px;
    border-radius: 5px;
    position: relative;
}
.switchselect .tab.act{
    border: 1px solid #80B3FF;
    background-color: #F2F7FE;
}
.switchselect .tab.act::before {
    border-bottom: 1px solid #80B3FF;
    border-left: 1px solid #80B3FF;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    right: calc(50% - 10px);
    bottom: -6px;
    background-color: #F2F7FE;
  }
.switchselect .tab:last-of-type{
    margin-right: 0;
}
.switchselect .tab .tab1{
    font-size: 14px;
    color: #333;
}
.switchselect .tab .tab2{
    font-size: 30px;
    color: #333;
    font-weight: bold;
    margin-top: 5px;
}
.switchselect .tab .tab3,.switchselect .tab .tab4{
    font-size: 12px;
    color: #333;
    margin-top: 5px;
}
.switchselect .tab .tab3 span,.switchselect .tab .tab4 span{
    margin-right: 10px;
}
.switchselect .tab .tab4 span.greencolor:before{
   font-family: 'icomoon';
    font-size: 12px;
    content: "\e902";
}
.switchselect .tab .tab4 span.redcolor:before{
   font-family: 'icomoon';
    font-size: 12px;
    content: "\e900";
}


.roomstatel{
    width: 210px;
    border-right: 1px solid #e7e7e7;
    box-sizing: border-box;
    background-color: #F8F8F8;
    height: 100%;
    float: left;
    height: 100vh;
    overflow: auto;
}
.roomstatelongnew  .roomstatel{
    height: calc(100vh - 20px);
}
.roomstatel .line{
   width: 132px;
   background-color: #e6e6e6;
   width: 132px;
   height: 1px;
   margin: 5px 15px;

}
.roomstatelong .roomstatel{
    width: 162px;
}
.roomstatelong .roomstatel .ztlist{
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    cursor: pointer;
    font-size: 14px;
}
.roomstatelong .roomstatel .ztlist:hover,.roomstatelong .roomstatel .ztlist.act{
    background-color: #E6ECF7;
    color: #005be6;
}
.roomstatel .shaixuanlist{
    line-height: 26px;
    margin: 0 15px;
}
.roomstatelong .roomstatel .shaixuanlist{
    margin: 0;
    padding: 0;
}
/* .roomstatelongnew .roomstatel .shaixuanlist{
    margin: 0 10px;
} */
.roomstatel .shaixuanlist:first-of-type{
    margin-top: 20px;
}
.roomstatelong .roomstatel .shaixuanlist:first-of-type{
    margin-top: 0;
}
.roomstatel .shaixuanlist .title .name{
    float: left;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-right: 10px;
}
.roomstatel .shaixuanlist .title .all{
    float: left;
    font-size: 12px;
    color: #333;
}
.roomstatel .shaixuanlist .title .all span{
    margin-right: 5px;
}
.roomstatel .dfk,.roomstatel .shaixuanlist .title .cz{
    float: left;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    background: #fff;
    cursor: pointer;
    margin-left: 8px;
    float: left;
    height: 24px;
    line-height: 24px;
    background: #fff;
    padding: 0 6px;
    margin-top: 10px;
}
.roomstatel .shaixuanlist .title .cz{
    margin-top: 0;
    float: right;
    padding: 0 10px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.roomstatel .shaixuanlist .title .cz:hover{
    background: #f2f2f2;
}
.roomstatel .shaixuanlist .cdztitle{
   text-align: center;
   position: relative;
}
.roomstatel .shaixuanlist .cdztitle:before{
   content: "";
   width: 55px;
   height: 1px;
   background-color: #e4e4e4;
   position: absolute;
   left: 0;
   top: 13px;
}
.roomstatel .shaixuanlist .cdztitle:after{
   content: "";
   width: 55px;
   height: 1px;
   background-color: #e4e4e4;
   position: absolute;
   right: 0;
   top: 13px;
}
.roomstatel .shaixuanlist .shaixuan{
   margin-top: 10px;
   padding-bottom: 10px;
}
.roomstatelong .roomstatel .shaixuanlist .shaixuan{
   margin-top: 0;
   padding-bottom: 0;
}
.roomstatel .shaixuanlist .shaixuan:last-of-type{
   border-bottom: none;
}
.roomstatel .shaixuanlist .shaixuan .list50{
   float: left;
   width: 50%;
   font-size: 12px;
   cursor: pointer;
}
.roomstatelong .roomstatel .shaixuanlist .shaixuan .list50{
   height: 40px;
   line-height: 40px;
   float: none;
   font-size: 14px; 
}
.roomstatel .shaixuanlist .shaixuan .list100{
   width: 100%;
}
.roomstatel .shaixuanlist .shaixuan .list50:nth-child(2n) span:last-of-type{
  float: right;
}
.roomstatelong .roomstatel .shaixuanlist .shaixuan .list50:nth-child(2n) span:last-of-type{
  float: none;
}
.roomstatel .shaixuanlist .shaixuan .list100:nth-child(2n){
  text-align: left;
}
.roomstatel .shaixuanlist .shaixuan .list50 span:first-of-type{
   margin-right: 2px;
}
.roomstatel .shaixuanlist .shaixuan .list100 span.fx{
    display: inline-block;
    width: 90px;
    width: 75px;
    overflow: hidden;
    max-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.roomstatel .shaixuanlist .shaixuan .list100 span.label{
    float: left;
}
.roomstatel .shaixuanlist .shaixuan .list100 span:last-of-type{
   float: right;
}
.roomstatelong .roomstatel .shaixuanlist .shaixuan .list100 span:last-of-type{
   float: none;
}
.roomstatel .shaixuanlist .shaixuan .list50:before{
   font-family: 'icomoon';
    font-size: 12px;
    width: 16px;
    color: #e3e3e3;
    margin-right: 2px;
    content: "";
    width: 10px;
    height: 10px;
    border:1px solid #e3e3e3;
    border-radius:2px; 
    display: inline-block;
    position: relative;
    top: 7px;
    float: left;
}
.roomstatelong .roomstatel .shaixuanlist .shaixuan .list50:before{
   display: none;
}
.roomstatel .shaixuanlist .shaixuan .list50.act:before{
    content: "\e924";
    color: #005BE6;
    border: none;
    width: auto;
    height: auto;
    top: 1px;
}
.roomstatel .shaixuanlist .shaixuanno .list50:before{
    content: "";
    display: none;
}
.roomstatel .shaixuanlist .shaixuan .list50 .kongjing,
.roomstatel .shaixuanlist .shaixuan .list50 .kongzang,
.roomstatel .shaixuanlist .shaixuan .list50 .zaizhu,
.roomstatel .shaixuanlist .shaixuan .list50 .weixiu,
.roomstatel .shaixuanlist .shaixuan .list50 .yuli,
.roomstatel .shaixuanlist .shaixuan .list50 .yizhuman,
.roomstatel .shaixuanlist .shaixuan .list50 .suofang,
.roomstatel .shaixuanlist .shaixuan .list50 .changzu,
.roomstatel .shaixuanlist .shaixuan .list50 .yichuzu,
.roomstatel .shaixuanlist .shaixuan .list50 .yiyuding/* ,
.roomstatel .shaixuanlist .shaixuan .list50 .yuding */{
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #1D8CB1;
   display: inline-block;
   margin-right: 5px;
}

.roomstatel .shaixuanlist .shaixuan .list50.VCLong .kongjing{
    background-color: #005BE6;
}
/* .roomstatel .shaixuanlist .shaixuan .list50 .kongjing{
   background-color: #fff;
   border: 1px solid #d5d5d5;
} */
.roomstatel .shaixuanlist .shaixuan .list50 .kongzang{
   background-color: #999;
}
.roomstatel .shaixuanlist .shaixuan .more{
   text-align: center;
   color: #005BE6;
   display: block;
   background: url(../images/down.png?20210924) 104px 11px no-repeat;
}
.roomstatel .shaixuanlist .shaixuan .shrink{
   text-align: center;
   color: #005BE6;
   display: block;
   background: url(../images/up.png?20210924) 104px 11px no-repeat;
}
.roomstatel .shaixuanlist .shaixuan .list50 .yichuzu{
   background-color: #0F6211;
}
.roomstatel .shaixuanlist .shaixuan .list50 .yiyuding{
   background-color: #1D8CB1;
}
.roomstatel .shaixuanlist .shaixuan .list50 .zaizhu{
   background-color: #19AC1D;
}
.roomstatel .shaixuanlist .shaixuan .list50 .weixiu{
   background-color: #E54243;
}
.roomstatel .shaixuanlist .shaixuan .list50 .yuli{
   background-color: #E344FF;
}
.roomstatel .shaixuanlist .shaixuan .list50 .yizhuman{
   background-color: #005BE6;
}
.roomstatel .shaixuanlist .shaixuan .list50 .suofang{
   background-color: #EF9E42;
}
/* .roomstatelong .roomstatel .shaixuanlist .shaixuan .list50 .suofang{
   background-color: #EE9431;
} */
.roomstatel .shaixuanlist .shaixuan .list50 .changzu{
   background-color: #005BE6;
}
.roomstatel .w150,.roomstatel .sharesearch,.roomstatel .sharedate,.roomstatel .advancedfiltering{
    padding-left: 15px;
    padding-top: 10px;
    float: initial;
}
.roomstatel .sharesearch{
    float: left;
}
.roomstatel .w150{
   width: 173px;
}
.roomstatel .sharedate{
    margin-left: 0;
}
.roomstatel .sharedate:after{
    width: 0;
}
.roomstatel .sharedate input{
    width: 150px;
}
.roomstatel select,.roomstatel .selectspan,.roomstatel .sharesearch input,.roomstatel .sharedate input,.selectgou .selectspan{
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-color: #e3e3e3;
    border-radius: 3px;
}
.roomstatel select:focus,.roomstatel .selectspan:focus,.roomstatel .sharesearch input:focus,.roomstatel .sharedate input:focus,
.roomstatel select:hover,.roomstatel .selectspan:hover,.roomstatel .sharesearch input:hover,.roomstatel .sharedate input:hover{
    border: 1px solid #8DAEE5;
}
.roomstatel .selectspan{
    background:#fff url('../images/down.png?20210924') no-repeat right 4px center;
}
.roomstatel .selectspan.act{
    background:#fff url('../images/up.png?20210924') no-repeat right 4px center;
}
.roomstatel .sharesearch i{
    top: 18px;
    font-size: 14px;
}
.roomstatel .quicksearcht{
    padding: 10px 15px;
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 173px;
    left: 0;
    z-index: 9999;
}
.roomstatel .quicksearch .title{
    font-size: 12px;
    font-weight: bolder;
    color: #333;
    height: 24px;
    line-height: 24px;
}
.roomstatel .quicksearch .tuli{
    width: 54px;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
    color: #005BE6;
    display: inline-block;
    text-align: center;
    float: right;
    vertical-align: top;
    cursor: pointer;
}
.roomstatel .quicksearch .tuli em{
    margin-right: 5px;  
}
.roomstatel .quicksearch .tuli:after{
    background: url(../images/icon.png?20230224) -184px -10px no-repeat;
    width: 5px;
    height: 9px;
    content: "";
    display: inline-block;
}
.roomstatel .quicksearch .tuli .tuliall{
    position: fixed;
    background: #fff;    
    left: 202px;
    bottom: 5px;
    width: 300px;
    padding: 25px;
    box-sizing: border-box;
    /* height: 351px; */
    z-index: 999;
    display: none;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
    border-radius: 5px;
    /* background:  url(../images/tulibg.png) no-repeat; */
    background-color: #fff;
}
/* .roomstatel .quicksearch .tuli .tuliall{
    position: fixed;
    background: #fff;
    left: 180px;
    top: 190px;
    width: 252px;
    padding: 15px;
    box-sizing: border-box;
    height: 337px;
    z-index: 999;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 35%);
    display: none;
    border-radius: 3px;
} */
.roomstatel .quicksearch .tuli:hover .tuliall{
    display: block;
}
.roomstatel .quicksearch .tuli .tuliall i{
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    bottom: 10px;
    left: 0px;
    margin-left: -8px;
}
.roomstatel .quicksearch .tuli .tuliall .list{
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
}
.roomstatel .quicksearch .tuli .tuliall .list:hover{
    background-color: #fff;
    cursor: initial;
    color:#333;
}
.roomstatel .quicksearch .tuli .tuliall .list .zt{
    text-align: left;
    color: #333;
}
/* .roomstatel .quicksearch .tuli.act:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -3px;
} */
.roomstatel .quicksearchb .list{
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.roomstatel .quicksearchb .list.act,.roomstatel .quicksearchb .list:hover{
    background-color: #E6ECF7;
    color: #005BE6
}
.roomstatel .quicksearchb .list .zt{
    margin-left: 10px;
    width: 150px;
}
.roomstatel .quicksearchb .list .number{
    width: 50px;
    text-align: right;
}
.roomstater{
    float: left;
    height: 100vh;
    width: calc(100% - 210px);
}

.roomstatelong .roomstater{
    width: calc(100% - 162px);
}

/* 新增预订 */
.bulletframe{
    width: 797px;
    padding: 10px 14px 20px;
    position: relative;
}
.bulletframe .deactivated{
    position: absolute;
    top: 5px;
    right: 20px;
}
.bulletframe dd{
    line-height: 32px;
    padding: 5px 0;
    position: relative;
}
.bulletframe dd.bitian,.adifoli dd.bitian{
    overflow: initial;
}
.bulletframe dd.bitian.act,.adifoli dd.bitian.act{
    margin-right: 0 !important;    
}
.bulletframe dd.bitian:before,.adifoli dd.bitian:before{
    content: "*";
    position: absolute;
    left: -8px;
    top: 9px;
    color: #f00;
    font-size: 14px;
}
.adifolihky dd.bitian:before{
    left: 0;
}
.bulletframe dd>div{
    font-size: 0;
}
.bulletframe dd .checkinsearch{
    position: relative;
    float: left;    
    cursor: pointer;
}
.bulletframe dd .checkinsearch i{
    position: absolute;
    top: 0;
    right: 18px;
    font-size: 16px;

}
.bulletframe dd .checkinsearch .btn{
   width: 55px;
   background: linear-gradient(#fff, #f6f6f6);
   border-radius: 3px;
   font-size: 14px;

}
.bulletframe .zhuangtai {
    position: absolute;
    top:5px;
    right: 20px;
    z-index: 9999999;
}
.adifoli .photo,.bulletframe .photo {
    position: relative;
}
.adifoli .photo .delele,.bulletframe .photo .delele{
    background: rgba(0,0,0,.2); 
    width: 100px;   
    height: 116px;
    text-align: center;
    line-height: 116px;
    position: absolute;
    top: 0;
    left: 0;
}
.adifoli .photo .delele i,.bulletframe .photo .delele i{
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: -40px;
    right: 0;
}
.bulletframe dd .search{
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-color: #F5F7FA;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;
}
.bulletframe dd .search i:before{
     font-family: "icomoon";
     font-size: 16px;
     content: "\e920";
     color:#005BE6;
}
.bulletframe dd small{
    height: 32px;
    line-height: 30px;
    width: 79px;
    font-size: 14px;
    text-align: center;
    margin-right: 0;
    border: 1px solid #ccc;
    border-right: none;
    background-color: #f6f6f6;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #000;
}
.adifolihky dd small{
    text-align: right;
    border: none;
    background:none;
    margin-right: 20px;
    color: #333;
}
.bulletframe dd small.fz12{
    font-size: 12px;
}
.bulletframe dd small ~ div select, .bulletframe dd small ~ div input ,.bulletframe dd small ~ div.input{
    height: 32px;
    line-height: 32px;
    width: 158px;
    font-size: 14px;
    margin-right: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
}
.bulletframe dd .zuqi{
    float: left;
}
.bulletframe dd .zuqi .list{
    float: left;
    border: 1px solid #ccc;
    width: 32px;
    height: 32px;
    line-height: 30px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    margin-right: 5px;
    cursor: pointer;
}
.bulletframe dd .zuqi .list.act,.bulletframe dd .zuqi .list:hover{
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
}
.bulletframe dd div select{
    padding-right: 25px;
}
.bulletframe dd div select:focus, .bulletframe dd div input:focus ,.bulletframe dd div.input:focus,.bulletframe dd div textarea:focus
,.bulletframe dd div select:hover, .bulletframe dd div input:hover ,.bulletframe dd div.input:hover,.bulletframe dd div textarea:hover{
    border-color: #005BE6;
}
.bulletframe dd div input:focus input,.bulletframe dd div.input:hover input,.bulletframe dd div.input:active input,
.bulletframe dd div.input input[type="text"]:focus,.bulletframe dd div.input input[type="text"]:hover{
    border: none !important;
    outline: none;
}
.cf90 dd div select:focus, .cf90 dd div input:focus ,.cf90 dd div.input:focus,.cf90 dd div textarea:focus
,.cf90 dd div select:hover, .cf90 dd div input:hover ,.cf90 dd div.input:hover,.cf90 dd div textarea:hover{
    border-color: #005BE6;
}
.bulletframe dd div.input{
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding-left: 6px;
}
.bulletframe dd div.sao input{
    width:140px;
    margin-right:0;
    float: left;
}
.bulletframe dd div input.tipred{
    border:1px solid #c00 !important;
}
.bulletframe dd div.por .icon-close{
    position: absolute;
    top: 0;
    right: 35px;
    cursor: pointer;
}
.bulletframe dd div.sao input#VipCode{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* .bulletframe dd div.sao em{
    height: 32px;
    line-height: 32px;
    width: 46px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-left: none;
    display: inline-block;
    box-sizing: border-box;
    background: url(../images/down.png) no-repeat right center;
    text-align: center;
    padding-right: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
} */
.bulletframe dd div.fxxx input{
    height: 32px;
    line-height: 32px;
    width: 46px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-left: none;
    display: inline-block;
    box-sizing: border-box;
    background: url(../images/down.png) no-repeat right center;
    text-align: center;
    padding-right: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.bulletframe dd .ptr {
    position: relative;
    float: left;
    margin-right: 10px;
}

.adifoli dd .ptr i.jian,.adifoli dd .ptr i.jia,.adifoli dd .ptr i.bianji,
.bulletframe dd .ptr i.jian,.bulletframe dd .ptr i.jia,.bulletframe dd .ptr i.bianji{
    width: 32px;
    height: 32px;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    font-size:18px;
    cursor: pointer;
    background-color: #fff;
    box-sizing: border-box;
    float: left;
    background-color: #F5F7FA;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.adifoli dd.notclick .ptr i.jian,.adifoli dd.notclick .ptr i.jia,.bulletframe dd.notclick .ptr i.jian,.bulletframe dd.notclick .ptr i.jia{
    background-color: #f2f2f2;
    color: #666;
}
.adifoli dd .ptr i.jian,.bulletframe dd .ptr i.jian{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.adifoli dd .ptrbg i.jian,.bulletframe dd .ptrbg i.jian{
    margin-right: 10px;
}
.adifoli dd .ptr i.jia,.bulletframe dd .ptr i.jia{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.adifoli dd .ptr i.qiehuan,.bulletframe dd .ptr i.qiehuan{
    margin-bottom: 10px;
}
.adifoli dd .ptr .danwei{
    border: 1px solid #CCCBCB;
    height: 30px;
    line-height: 30px;
    border-left: 0;
    width: 28px;
    border-right: 0;
    text-align: center;
    float: left;
}
.adifoli dd .ptr .danwei:before{
    content: "晚";
}
.adifoli dd .ptr.hour .danwei:before{
    content: "时";
}
.adifoli dd .ptr.month .danwei:before{
    content: "月";
}
/* .adifoli dd .ptr i.qiehuan:before,.bulletframe dd .ptr i.qiehuan:before{
    font-family: "icomoon";
    font-size: 20px;
    content: "\e93c";
    color: #000;
} */
.adifoli dd .ptr i.qiehuan,.bulletframe dd .ptr i.qiehuan{
    background: #F5F7FA url(../images/icon.png?20230224) -213px -234px no-repeat
}
.adifoli dd .ptr i.lidian,.bulletframe dd .ptr i.lidian{
    background: #F5F7FA url(../images/icon.png?20230224) -248px -235px no-repeat
}
.adifoli dd .ptr i.dayin,.bulletframe dd .ptr i.dayin{
    background: #F5F7FA url(../images/icon.png?20230224) -316px -236px no-repeat
}
.adifoli dd .ptr i.gengduo,.bulletframe dd .ptr i.gengduo{
    background: #F5F7FA url(../images/icon.png?20230224) -603px -197px no-repeat
}
.adifoli dd .ptr i.bianji,.bulletframe dd .ptr i.bianji{
    background: none;
    border-left: none;
}
.bulletframe dd .ptr i.bianji:before{
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -36px -232px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
/* .adifoli dd .ptr i.bianji:before,.bulletframe dd .ptr i.bianji:before{
    font-family: "icomoon";
    font-size: 20px;
    content: "\e92b";
    color: #005BE6;
} */
.adifoli dd .ptr i.jian b,.adifoli dd .ptr i.jia b,.bulletframe dd .ptr i.jian b,.bulletframe dd .ptr i.jia b{
    width: 9px;
    height: 1px;
    background-color: #666;
    display: inline-block;
}
.adifoli dd.notclick .ptr i.jian b,.adifoli dd.notclick .ptr i.jia b,.bulletframe dd.notclick .ptr i.jian b,.bulletframe dd.notclick .ptr i.jia b{
    background-color: #999;
}
.adifoli dd .ptrbg,.bulletframe dd .ptrbg{
    margin-right: 0;
}
.adifoli dd .ptrbg i.jian b,.adifoli dd .ptrbg i.jia b,.bulletframe dd .ptrbg i.jian b,.bulletframe dd .ptrbg i.jia b{
    width: 10px;
    height: 2px;
}
.adifoli dd .ptrbg i.jia b,.bulletframe dd .ptrbg i.jia b{
    width: 10px;
    height: 2px;
    position: relative;
    left: 1px;
}
.adifoli dd .ptr i.jia em,.bulletframe dd .ptr i.jia em{
    width: 1px;
    height: 9px;
    background-color: #666;
    display: inline-block;
    position: relative;
    left: -5px;
    border: none;
}
.adifoli dd.notclick .ptr i.jia em.adifoli dd.notclick .ptr i.jia em.adifoli dd.notclick .ptr i.jia em,.bulletframe dd.notclick .ptr i.jia em.bulletframe dd.notclick .ptr i.jia em.bulletframe dd.notclick .ptr i.jia em{
    background-color: #999;
}
.adifoli dd .ptrbg i.jia em,.bulletframe dd .ptrbg i.jia em{
    width: 2px;
    height: 10px;
    left: -5px;
}
.adifoli dd .ptrbg i.jia span,.bulletframe dd .ptrbg i.jia span{
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #D8DFEB;
    border-left:20px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.adifoli dd .ptrbg i.jia sup,.bulletframe dd .ptrbg i.jia sup{
    position: absolute;
    top: -28px;
    right: 2px;
    font-size: 12px;
    transform: scale(.8);
}
.adifoli dd .ptr input.num,.bulletframe dd .ptr input.num{
    border-left: none;
    border-right: none;
    border-color: #CCCBCB;
    border-radius: 0;
    margin-right:0;
    width: 36px;
    float: left;
    box-sizing: border-box;
}
.adifoli dd .ptr input.num,.bulletframe dd .ptr input.num{
    width: 65px;
    text-align: center;
}
.adifoli dd div.tupian,.bulletframe dd div.tupian {
    float: left;
    margin-right: 10px;
}
.bulletframe dd div.tupian select,.bulletframe dd div.tupian input {
    margin-right: 0;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 182px;
    border-right: none;
}
.adifoli dd div.tupian select,.adifoli dd div.tupian input {
    margin-right: 0;
    float: left;
    width: 182px;
    border-right: none;
}
.adifoli dd div.tupian input.fjia {
    width: 138px !important;
}
.adifoli dd div.tupian input:focus.fjia,.adifoli dd div.tupian input:hover.fjia {
    border-right: 1px solid #005BE6;
}
.bulletframe dd div.tupian input:focus,.bulletframe dd div.tupian input:hover {
    border-right: 1px solid #005BE6;
}
.bulletframe dd div.tupian em,.bulletframe dd div.sao em {
    height: 32px;
    line-height: 32px;
    width: 33px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-left: none;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}
.adifoli dd div.tupian em{
    height: 32px;
    line-height: 32px;
    width: 33px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-left: none;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}
.bulletframe dd div.sao em {
    background-color: #F5F7FA;
}
.bulletframe dd.notclick div.tupian em {
    background-color: #f2f2f2;
    color: #666;
}
.bulletframe dd div.tupian em.photos {
     border-left: none;
     background: none;
}
.bulletframe dd div.tupian em.photos:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) 6px -233px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.sao em {
     border-left: none;
     background: none;
}
.bulletframe dd div.sao em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -343px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.heyuedanwei em {
     border-left: none;
     background: none;
}
.bulletframe dd div.heyuedanwei em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -376px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.hetongmuban em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -382px -341px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.hetongmubanxz em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -384px -310px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.kerenxinming em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -278px -234px  no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
/* .bulletframe dd div.sao em:before {
     font-family: "icomoon";
     font-size: 16px;
     content: "\e920";
     color:#005BE6;
} */
.bulletframe dd div.shenfenzheng em {
     background: none;
     border-left: none;
}
.bulletframe dd div.shenfenzheng em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -105px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.shenfenzheng1 em {
     background: none;
     border-left: none;
}
.bulletframe dd div.shenfenzheng1 em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -160px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.adifoli dd div.bianji em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -413px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.adifoli dd div.mulu em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -445px -194px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.adifoli dd div.xiangmu em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -346px -234px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.shenfenzheng em:before {
     content: "";
}
.bulletframe dd div.lookmore em {
     border-left: 1px solid #ccc;
}
.bulletframe dd div.lookmore em:before {
     font-family: "icomoon";
     font-size: 18px;
     content: "\e93f";
     color:#333;
}
.bulletframe dd div.fangjia em {
     background: url(../images/fangjia.png?20210922) no-repeat 9px 5px;
}
.bulletframe dd div.fangjia em:before {
    content: "";
}
.bulletframe dd div.weixinmning em:before {
     font-family: "icomoon";
     font-size: 18px;
     content: "\e938";
     color:#005BE6;
}
.bulletframe dd div.wenzi em {
     font-size: 14px;
     color: #999;
     cursor: initial;
}
.adifoli dd div.wenzi em {
     font-size: 14px;
     color: #999;
     cursor: initial;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
}
.adifoli dd div.wenzi input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.adifoli dd.graying div.wenzi em
{
    background-color:#f3f3f3;
    }
.adifoli dd div .yqy:before
{
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 4px;
    content: "\e925";
    }
.adifoli dd div .yqy.checked:before
{
    content: "\e924";
    color: #005BE6;
    }
.bulletframe dd div.wenzi em:before {
     content: "";
}
.bulletframe dd div.renyuanadd,.bulletframe dd div.vipadd,.bulletframe dd div.hydwadd {
     width: 44px;
     text-align: center;
     cursor: pointer;
     position: relative;
}
.bulletframe dd div.renyuanadd em {
     background: url(../images/icon.png?20230224) no-repeat 0 -315px;
     width:26px;
     height:24px;
     display: inline-block;
}
.bulletframe dd div.renyuanadd em:before {
     content: "";
}
.bulletframe dd div.vipadd em {
     background: url(../images/icon.png?20230224) no-repeat 0 -276px;
     width:26px;
     height:24px;
     display: inline-block;
}
.bulletframe dd div.vipadd em:before {
     content: "";
}
.bulletframe dd div.hydwadd em {
     background: url(../images/icon.png?20230224) no-repeat -42px -276px;
     width:26px;
     height:24px;
     display: inline-block;
}
.bulletframe dd div.hydwadd em:before {
     content: "";
}
.bulletframe dd div.zaocan em:before {
    content: "";
    border-left: 1px solid #ccc;
    background: url(../images/icon.png?20230224) -379px -234px no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
}
.bulletframe dd div.renyuanadd i {
    height: 15px;
    padding: 0 4px;
    background-color: #FF0000;
    border-radius: 7px;
    color: #fff;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    transform: translate(-16px,-7px);
}

.bulletframe .bddash{
     border-top:1px dashed #ebebeb;
     padding-top:20px;
     margin-top:20px;
}
.bulletframe .bddash #ddze{
     margin-bottom: 20px;
}

.bulletframe .ddmoney{
     margin-bottom: 10px;
}
.bulletframe .ddmoney .title{
     font-size: 14px;
     color: #333;
}

.bulletframe .ddmoney .money{
     font-size: 14px;
     color: #005BE6;
}
.bulletframe .ddmoney .moneytk{
     color: #c00;
}
.bulletframe .ddmoney .shouqi{
     margin-left: 10px;
     cursor: pointer;
}
.bulletframe .ddmoney .shouqi:after{
     font-family: "icomoon";
     font-size: 14px;
     content: "\e990";
     color:#000;
     position: relative;
     top:3px;
}
.bulletframe .ddmoney .shouqi.act:after{
     content: "\e977";
}

.bulletframe .addsprk{
    width: auto;
    /* overflow: hidden !important; */
}
/* .bulletframe .addsprk thead tr:first-child {
    border-top: 1px solid #eee;
} */

.bulletframe .addsprk thead tr td{
    font-size: 14px;
    font-weight: initial;
}
.bulletframe .addsprk tbody tr td{
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}
.bulletframe .addsprk tbody tr td.del{
     color: #005BE6;
     cursor: pointer;
}
.bulletframe .addsprk thead tr td:first-child,.bulletframe .addsprk tbody tr td:first-child {
    border-left: 1px solid #eee;
}
.bulletframe .addsprk thead tr td:last-child,.bulletframe .addsprk tbody tr td:last-child {
    border-right: 1px solid #eee;
}
.bulletframe .tjkx {
     color: #005BE6;
     cursor: pointer;
     font-size: 14px;
     display: flex;
     align-items: center;
     margin-top: 10px;
     position: relative;
}
.bulletframe .tjkx .add{
     display: flex;
     align-items: center;
}
.bulletframe .tjkx b {
    width: 10px;
    height: 2px;
    background-color: #005BE6;
    display: inline-block;
}
.bulletframe .tjkx em {    
    width: 2px;
    height: 10px;
    background-color: #005BE6;
    display: inline-block;
    position: relative;
    left: -6px;
}
.bulletframe .tjkx span {    
    margin-left: 5px;
}


.bulletframe .more{
    position: absolute;
    bottom: 30px;
    left: -5px;
    border: 1px solid #ccc;
    width: 95px;
    height: 200px;
    border-radius: 3px;
    background-color: #fff;
    padding:16px 14px;
    box-sizing: border-box;
    display: none;
}
.bulletframe .more:after{
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 40px;
    background-color: #fff;
}
.bulletframe .more div{
    font-size: 14px;
    color: #333;
    padding-top: 17px;
}
.bulletframe .more div:first-child{
    padding-top: 0;
}
.bulletframe textarea{
    height: 165px;
    font-size: 14px;
}
.bulletframe .sztx,.adifoliBtn .sztx,.bulletframe .tongzhi,.adifoliBtn .tongzhi{
    font-size: 14px;    
    display: flex;
    align-items: center;
    color: #005BE6;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
    padding-left: 10px;
}
.bulletframe .tongzhi,.adifoliBtn .tongzhi{
    color: #333;
}
.adifoliBtn .sztx,.adifoliBtn .tongzhi{
    margin-top: 0;
    height: 100%;
}
.bulletframe .sztx:before,.adifoliBtn .sztx:before{
    content: "";
    background: url(../images/icon.png?20230224) -559px -238px no-repeat;
    width: 21px;
    height: 21px;
    text-align: center;
    margin-right: 6px;
}
.adifoliBtn .sqtf{
    padding-left: 0;
}
.bulletframe .sztx:before,.adifoliBtn .sqtf:before{
    content: "";
    background: url(../images/icon.png?20230224) -526px -239px no-repeat;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 6px;
}
.bulletframe .tongzhi:before,.adifoliBtn .tongzhi:before{
    content: "\e925";
    font-family: "icomoon";
    font-size: 14px;
    margin-right: 5px;
    color: #000;
}
/* .bulletframe .checked:before,.adifoliBtn .checked:before{
    content: "\e924";
    color: #005BE6;
} */
.bulletframe .sztx i,.adifoliBtn .sztx i{
    height: 15px;
    padding: 0 4px;
    background-color: #FF0000;
    border-radius: 7px;
    color: #fff;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    transform: translate(12px,-7px);
}
.bulletframe .smallselect{
   width: 81px;
   float: left;    
}
.bulletframe .smallselect select{
   width: 81px;
   border-right: none; 
}
.bulletframe .smallselect select{
   width: 81px;
   border-right: none; 
}
.bulletframe .roomnumber{
   font-size: 22px;
   color: #333;
   display: flex;
   align-items: center;
}
.bulletframe .roomnumber i{
   cursor: pointer;
}
.bulletframe .roomnumber i:before{
   font-family: "icomoon";
    font-size: 24px;
    content: "\e932";
    color: #005BE6;
    margin-left: 10px;
}
.bulletframe .ddlist{
   float: left;
   font-size: 14px;
   margin-right: 30px;
}
.bulletframe .ddlist .title{
   margin-right: 5px;
}
.bulletframe .data ul{
   display: flex;
   margin-top: 20px;
}
.bulletframe .data ul li{
   width: 100%;
   font-size: 14px;
}
.bulletframe .data ul li span{
   color: #666;
   margin-right: 10px;
}
.bulletframe .data ul li em{
   color: #000;
}
.guestsentiment{
    width: 1077px;
}
.guestsentiment dd small{
    width: 69px;
}
.guestsentiment dd div select, .guestsentiment dd div input{
    width: 105px;
}
.bulletframe dd.graying div select, .bulletframe dd.graying div input, .bulletframe dd.graying div textarea, .bulletframe dd.graying div.input, .bulletframe dd.graying div.text,
.adifoli dd.graying div select, .adifoli dd.graying div input, .adifoli dd.graying div textarea, .adifoli dd.graying div.input, .adifoli dd.graying div.text, .adifoli dd.graying div .select2-selection{
    background-color:#f9f9f9;
    pointer-events:none;
    color: #333;
}
.bulletframe .graying dd div select, .bulletframe .graying dd div input, .bulletframe .graying dd div textarea, .bulletframe .graying dd div.input, .bulletframe .graying dd div.text,
.adifoli .graying dd div select, .adifoli .graying dd div input, .adifoli .graying dd div textarea, .adifoli .graying dd div.input, .adifoli .graying dd div.text, .adifoli .graying dd div .select2-selection
, .adifoli .graying dd .zuqi .list{
    background-color:#f9f9f9;
    pointer-events:none;
    color: #333;
}
.adifoli .graying dd .zuqi .list{
    border-color:#ccc;
}
.adifoli dd.graying .radio label,.adifoli .graying dd .radio label,
.adifoli dd.graying .radio label.checked:before,.adifoli .graying dd .radio label.checked:before{ 
    pointer-events:none;
    color: #ccc; 
}
.noclick dd div select, .noclick dd div input, .noclick dd div input.date, .noclick dd div textarea, .noclick div textarea, .noclick div .select2-container--default .select2-selection--single{
    background-color:#f9f9f9 !important;
    pointer-events:none !important;
}
.noclick{
    pointer-events:none;
}
.guestsentiment dd div.sao input{
    width: 114px;
}
.guestsentiment dd>div{
    font-size: 14px;
}

.guestsentiment dd div.num span{
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}
.guestsentiment .kzxx dd div.num span{
    font-size: 13px;
}
.guestsentiment dd.numall{
    padding: 10px 0;
}
.guestsentiment .kzxx dd.numall{
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.guestsentiment dd.numall div.num span{
    color: #333;
    margin-right: 30px;
}
.guestsentiment dd.numall div.num span:last-of-type{
    margin-right: 0;
}
.guestsentiment .kzxx dd.numall div.num span{
    margin-right: 12px;
}
.guestsentiment dd div.num span .mon:before{
    content: "￥";
}
.guestsentiment dd div.num span em{
    color: #005BE6;
}
/* .guestsentiment .kzxx dd div.num span em{
    margin-left: 5px;
} */
.guestsentiment dd.numall div.num span em{
    color: #005BE6;
}
.guestsentiment dd.numall div.num span em.b3{
    color: #333;
}
.guestsentiment dd.numall div.num span em.xbj,.guestsentiment dd.numall div.num span em#spBalanceName{
    color: #c00;
}
.guestsentiment dd.numall div.num span em#spBalanceName{
    color: #c00;
    font-weight: bold;
}
.guestsentiment dd div.num .jfdh{
    background:none !important;
    border: none !important;
}
.guestsentiment dd div.num .jfdh:before{
    content: "";
    background: url(../images/icon.png?20230224) -420px -240px no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    line-height: 32px;
    position: relative;
    top: 3px;
}
.guestsentiment dd div.num .jfdh.unclick:before{
    background: url(../images/icon.png?20230224) -452px -240px no-repeat;
}
/* .guestsentiment dd.numall div.num span em.dy:before{
    font-family: 'icomoon';
    font-size: 18px;
    content: "\e937";
    color: #005BE6;
    position: relative;
    top: 4px;
    cursor: pointer;
} */
.guestsentiment dd.numall div.num span em.dy{
    /* background: url(../images/icon.png?20230224) no-repeat -310px -202px;
    width: 18px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    position: relative;
    top: 3px; */
    color: #333;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    background: #f6f6f6;
    background: linear-gradient(rgb(253, 253, 253), rgb(240, 240, 240));
    background: #fcfcfc;
    cursor: pointer;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
    padding: 0 8px;
}
.guestsentiment dd.numall div.num span em.dy:hover{
    color: #333;
}
.guestsentiment .addsprk thead tr td,.guestsentiment .addsprk tbody tr td{
    height: 28px;
    line-height: 28px;
    font-size: 13px;
}
/* .guestsentiment .addsprk tbody tr .red:before{
    width: 0;
} */
.guestsentiment .addsprk tbody tr.grey td{
    color: #999;
}
.guestsentiment .addsprk tbody tr.grey td .red,.guestsentiment .addsprk tbody tr.grey td .redcolor{
    color: #999 !important;
}
/* .guestsentiment .addsprk tbody tr[istransfer=O] td{
    color: #1A1AA6;
}
.guestsentiment .addsprk tbody tr[istransfer=O] td .red,.guestsentiment .addsprk tbody tr[istransfer=O] td .redcolor{
    color: #1A1AA6 !important;
} */
.guestsentiment .addsprk40 thead tr td,.guestsentiment .addsprk40 tbody tr td{
    height: 32px;
    line-height: 32px;
    font-size: 13px;
}
.guestsentiment .addsprk40 thead tr td span,.guestsentiment .addsprk40 tbody tr td span{
    line-height: 20px;
}
.guestsentiment .tongji{
    border: 1px solid #eee;
    border-top: none;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    width: 334px;
    padding-left: 10px;
    box-sizing: border-box;
}
.guestsentiment .tongji span{
    font-size: 13px;
    margin-right: 15px;
}
.guestsentiment .tongji span:last-child{
    margin-right: 0;
}
.guestsentiment .tongji span em{
    color: #3560BD;
}
.guestsentiment .tongji span em.mon:before{
    content: "￥";
}
.guestsentiment .setbtn{
    font-size: 0;
    display: flex;
    align-items: center;
    padding-top: 11px;
}
.guestsentiment .setbtn .setbtn{
    padding-top: 0;
}
.guestsentiment .setbtn .btn{
    color: #333;
    font-size: 14px;
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    max-width: initial;
    background-color: #fcfcfc;
    border-radius: 3px;
}
.guestsentiment .setbtn .btn:hover{
    background-color: #005BE6;
    color: #fff;
}
.guestsentiment .setbtn .btn:last-of-type{
    margin-right: 0;
}
.guestsentiment .addsprk thead tr td:first-child, .guestsentiment .addsprk tbody tr td:first-child{
    border-left: none;
}
.guestsentiment .addsprk thead tr td:last-child, .guestsentiment .addsprk tbody tr td:last-child{
    border-right: none;
}
.guestsentiment dd .checkbox{
    font-size: 14px;
}
.guestsentiment .kzxx{
    width: 784px;
    height: 175px;
    box-sizing: border-box;
    border: 1px solid #eee;
    margin-right: 16px;
    padding: 14px;
    font-size: 14px;
    position: relative;
}
/* .guestsentiment .kzxx .xx b,.guestsentiment .kzxx .xx span{
    margin-right: 10px;
} */
.guestsentiment .kzxx .xx b:nth-of-type(2){
    margin-right: 20px;
}
.guestsentiment .kzxx .xx span:nth-of-type(2){
    margin-right: 20px;
}
.guestsentiment .kzxx .xx:nth-of-type(2) span{
    margin-right: 12px;
}
.guestsentiment .kzxx .bz{
    margin-top: 10px;
    height: 80px;
    font-size: 13px;
    overflow: hidden;
}
.guestsentiment .kzxx .fpzt{
    position: absolute;
    right: 0;
    bottom: 0;
}
.guestsentiment .kzxx .bz em{
    margin-right: 20px;
    text-align: left;
    float: left;
    color: #666;
}
.guestsentiment .kzxx .bz span{
    float: left;
    width: calc(100% - 58px);
    height: 80px;
    overflow: auto;
}
.guestsentiment .czopen{
    height: 137px;
    background-color: #fafafa;
    padding: 4px 10px 10px;
    box-sizing: border-box;
}
.guestsentiment .czopenpf{
    background-color: #fafafa;
    box-sizing: border-box;
    padding: 2px 12px 2px 36px;
}
.guestsentiment .czopenpf .ypf{
    width: 500px;
}
.guestsentiment .czopenpf .ypf .title{
    width: 50px;
    text-align: left;
}
.guestsentiment .czopenpf .ypf .ypflist{
    width: calc(100% - 50px);
}
.guestsentiment .czopenpf .ypf .list{
    float: left;
    background-color: #E1EDFF;
    border: 1px solid #71AAFF;
    height: 24px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 0 2px 0 5px;
    margin-left: 10px;
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.guestsentiment .pfreduce{
    background-color: #005BE6;
    color: #fff;
    width: 14px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}
.guestsentiment .czopenpf .ypf .listunclick{
    background-color: #F7F7F7;
    border: 1px solid #e3e3e3;
    pointer-events: none;
}
.guestsentiment .czopenpf .ypf .list .icon-close:before{
    font-size: 18px;
    margin-left: 5px;
    color: #666;
}
.guestsentiment .czopenpf .wpf span{
    margin-left: 5px;
}
.ant-cascader-menus {
    position: absolute;
    z-index: 1050;
    font-size: 14px;
    white-space: nowrap;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.ant-cascader-menu {
    display: inline-block;
    min-width: 111px;
    height: 180px;
    margin: 0;
    padding: 4px 0;
    overflow: auto;
    vertical-align: top;
    list-style: none;
    border-right: 1px solid #e8e8e8;
    background-color: #fff;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu-item {
    padding: 5px 12px;
    line-height: 22px;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
    position: relative;
}
.ant-cascader-menu:first-of-type .ant-cascader-menu-item:after {
    font-family: 'icomoon';
    font-size: 14px;
    content: "\e921";
    color: #bbb;
    position: absolute;
    right: 5px;
}

.zdywcfxtj{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    width: 100%;
    height: 100%; 
    background: rgba(0, 0, 0,.5); 
    overflow: auto;
}


.zdywcfxtj .zdywcfxtjkj{
    width: 640px;
    height: 415px;
    margin-top: 260px;
    background-color: #fff;
    margin-left: calc((100% - 640px) / 2);
    text-align: center;
    border-radius: 3px;
}
.zdywcfxtj .zdywcfxtjkj .s1{
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
    font-family: "Microsoft Yahei";
}
.zdywcfxtj .zdywcfxtjkj .s1:before{
    content: "\e97d";
    font-family: "icomoon";
    font-size: 48px;
    color: #2ECB6C !important;
    position: relative;
    top:13px;
    margin-right: 5px; 
}
.zdywcfxtj .zdywcfxtjkj .s2{
    font-size: 14px;
    color: #333;
    margin-bottom: 30px;
}
.zdywcfxtj .zdywcfxtjkj .s4{
    margin-top: 40px;
}
.zdywcfxtj .zdywcfxtjkj .s4 .a1{
    background-color: #FAFBFC;
    padding: 0 18px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #E5E7EB;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}
.zdywcfxtj .zdywcfxtjkj .s4 .a1:hover{
    background-color: #fdfdfd;
}
.zdywcfxtj .zdywcfxtjkj .s4 .a2{
    background-color: #005BE6;
    padding: 0 18px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #005BE6;
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
}
.zdywcfxtj .zdywcfxtjkj .s4 .a2:hover{
    background-color: #005BE6;
    border-color: #005BE6;
}
.zdywcfxtj .zdywcfxtjkj .close{
    text-align: right;
    padding: 10px 10px 0 0;
    cursor: pointer;
}
.zdywcfxtj .zdywcfxtjkj .close:before{
    content: "\e973";
    font-family: "icomoon";
    font-size: 24px;
    color: #666;
}

.ordermenu{
    float: left;
    width: 150px;
    background-color: #f8f8f8;
    height: calc(100% - 45px);
    line-height: 18px;
    box-sizing: border-box;
    overflow: auto;
}
.ordermenu ul li a{
    display: block;
    padding: 11px  10px 11px 20px;
    font-size: 14px;
}
.ordermenu ul li:hover,.ordermenu ul li.act{
    background-color: #E6ECF7;
    color: #005BE6;
}

.checkinroom{
    width: 552px;
    height: 328px;
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkinroom li{
    width: 100px;
    height: 74px;
    box-sizing: border-box;
    padding: 6px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #B8E4F3;
    border-radius: 3px;
    font-size: 13px;
    color: #000;
    position: relative;
    cursor: pointer;
}
.checkinroom li.VD{
    background-color: #DDDDDD;
}
.checkinroom li[islong="1"]{
    background-color: #E6EFFD;
}
.checkinroom li[room_state_code="OC"],.checkinroom li[room_state_code="OD"]{
    background-color: #D1EED2;
}
.checkinroom li[order_state_code="YLZ"],.checkinroom li[order_state_code="YLJ"]{
    background-color: #F9D7FF;
}
.checkinroom li.checked:after{
    content: "";
    background: url(../images/ftchecked.png) no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.checkinroom li .number{
    font-weight: bold;
}
.checkinroom li .name{
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.checkinroom li .state{
    margin: 6px 0 0 0;
    display: flex;
    align-items: center;
}
.checkinroom li .state .zang:before{
    background: url(../images/icon.png?20230224) -399px -62px no-repeat;
    width: 20px;
    height: 18px;
    content: "";
    display: inline-block;
    margin-right: 5px;
}

.guestsentiment .smmoney{
    margin-top: 20px;
}
.guestsentiment .smmoney ul{
    float: left;
}
.guestsentiment .smmoney li{
    width: 50px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #cdcdcd;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 8px;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 3px;
}
.guestsentiment .smmoney li:last-of-type{
    margin-right: 23px;
}
.guestsentiment .smmoney li.act,.guestsentiment .smmoney li:hover{
    border-color: #005BE6;
    color: #005BE6;
}

.guestsentiment .smmoney input[type="button"]{
    background-color: #fafafa;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
}

.sharebottombtn input.btn {
    height: 34px;
    line-height: 32px;
    margin-top: 15px;
    background: #fff;
    color: #333;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    width: auto;
    padding: 0 22px;
}

.sharebottombtn a,.sharebottombtn [type="submit"] {
    height: 34px;
    line-height: 32px;
    margin-top: 15px;
    background: #fff;
    color: #333;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    width: auto;
    padding: 0 22px;
    cursor: pointer;
}
.sharebottombtn a.bg,.sharebottombtn input.bg {
    background: #005BE6;
    color: #fff;
    border: 1px solid #005BE6;
}
.sharebottombtn a:hover,.sharebottombtn input.btn:hover,.guestsentiment .smmoney input[type="button"]:hover,.sharebottombtn [type="submit"]:hover {
    background: #005BE6;
    color: #fff;
    border-color: #005BE6;
}


.shareonetitle{
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}
.shareonetitle:before{
    content: "";
    width: 3px;
    height: 12px;
    background-color: #005BE6;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.shareleftonetitle{
    float: left;
    margin-right: 20px;
    line-height: 48px;
    width: 80px;
    text-align: center;
    font-size: 14px;
}
.shareleftonetitle span{
    float: left;
    margin-right: 5px;
}
.cf90 .shareonetitle:before{
    background-color: #005BE6;
}

/* 报表 */
.datadtatistics{
    background-color: #f8f8f8;
    padding-bottom: 20px;
    height:calc(100% - 41px);
    overflow: auto;
}

.datadtatistics .list,.datadtatistics .list1{
    background-color: #fff;
    margin: 0 14px 14px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    padding: 20px 20px 25px;   
    box-sizing: border-box;
}
.datadtatistics .list .allmoney{
   font-size: 30px;
   color: #c00;
}
.datadtatistics .list .allmoney span{
   font-size: 12px;
   color: #333;
   margin-left: 10px;
}
.datadtatistics .list .allmoney span i{
   color: #3560BD;
}
.datadtatistics .list .title .left,.datadtatistics .list1 .title .left{
    font-size: 16px;
}
.datadtatistics .list .title .left span,.datadtatistics .list1 .title .left span{
    font-size: 12px;
    color: #999;
    margin-left: 5px;
}

.datadtatistics .list .title .right,.datadtatistics .list1 .title .right{
    font-size: 14px;
    color: #005BE6;
    float: left;
    margin-left:10px; 
}

.datadtatistics .list ul{
}

.datadtatistics .list ul li{
    float: left;
    width: calc(100% / 6);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    padding: 0 0 0 15px;
    margin-top: 20px;
    border-right: 1px solid rgba(204,204,204,.3);
}
.datadtatisticsrt .list ul li{
    margin-top: 30px;
}
.datadtatisticsrt .list ul li:nth-child(1),
.datadtatisticsrt .list ul li:nth-child(2),
.datadtatisticsrt .list ul li:nth-child(3),
.datadtatisticsrt .list ul li:nth-child(4){
    margin-top: 20px;
}
.datadtatisticsrt .list ul li{
    width: calc(100% / 4);
}
.datadtatistics .list ul li:last-of-type{
    border-right: none;
}

.datadtatistics .list ul li .bt{
    font-size: 14px;
    color: #000;
}
.datadtatistics .list ul li .money{
    font-size: 26px;
    color: #333;
    margin-top: 5px;
}
.selectgou{
    position: relative;
}
.selectgou .allroom{
    position: absolute;
    top: 33px;
    left: 10px;
    z-index: 999999999;
}

.allroom .room{
    width: 173px;
    max-height: 200px;
    overflow:auto;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    background-color: #fff;
   /*  position: absolute;
   top: 45px;
   left: 15px; */
   margin-top: 5px;
    z-index: 999;
}

.allroom .checkbox label {
    width: 100%;
    float: left;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
    cursor: pointer;
}
.selectgou .allroom .checkbox {
    margin-left: 0;
}
.selectgou .allroom .checkbox label {
    color: #333;
    height: initial;
    line-height: initial;
}

.allroom .checkbox label:last-child {
    margin-bottom: 10px;
}

.allroom .checkbox label:before {
    font-family: 'icomoon';
    font-size: 12px;
    width: 16px;
    color: #e3e3e3;
    margin-right: 5px;
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.allroom .checkbox label.checked:before {
    content: "\e924";
    color: #005BE6;
    border: none;
    width: auto;
    height: auto;
    top: 1px;
}

.selectgou .allroom .checkbox label.checked:before {
    float: none;
}

.allroom .anniu{
    /* position: absolute;
    top: 244px;
    left: 15px; */
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    box-sizing: border-box;
    text-align: center;
    width: 173px;
    padding: 10px 0;
    z-index: 999;
}

.allroom .anniu a.bg{
    border: 1px solid #005BE6;
    margin-left: 8px;
}
.allroom .anniu a.bg:hover{
    border: 1px solid #0071E1;
}

.advancedfiltering .result{
   width: 173px;
}
.advancedfiltering .result ul{
   margin: 10px 0;
}
.advancedfiltering .result li,.advancedfiltering .kfbq li{
    float: left;
    background-color: #E1EDFF;
    border: 1px solid #71AAFF;
    height: 24px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 0 2px 0 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.advancedfiltering .result li .icon-close:before,.advancedfiltering .kfbq li i:before {
    font-size: 16px;
    margin-left: 2px;
    color: #666;
}
.advancedfiltering .kfbq {
    margin-top: 10px;
}
.advancedfiltering .kfbq li i:before {
    font-family: 'icomoon';
    content: "\e92d";
    color: #c2c2c2;
    font-size: 12px;
}
.advancedfiltering .kfbq li i.act:before {
    color: #005BE6;
}

.advancedfiltering .springframe{
    width: 190px;
    background-color: #fff;
    height: 400px;
    box-shadow: 1px 0 6px rgb(0 0 0 / 20%);
    position: absolute;
    top: 50px;
    left: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    z-index: 999;
}
.advancedfiltering .springframe em{
    display: block;
    width: 0;
    height: 0;
    border-width: 8px 8px 8px 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    top: -11px;
    left: 170px;
    margin-left: -8px;
    transform: rotate(90deg);
}
.advancedfiltering .springframe .ova{
    overflow: auto;
    height: 350px;
    padding: 10px;
    box-sizing: border-box;
}
.advancedfiltering .springframe .title{
    font-size: 12px;
    font-weight: bold;
}
.advancedfiltering .springframe .select{
    margin-top: 10px;
}
.advancedfiltering .springframe .select .name{
    float: left;
    width: 30px;
    line-height: 30px;
}
.advancedfiltering .springframe .select select{
    float: left;
    width: 134px;
}


.dayend
{
    padding:20px;
    }
.dayend .title
{
    font-size:16px;
    margin-bottom:20px; 
    display: flex;
    align-items: center;
    justify-content: middle;
    line-height: 32px;
    }
.dayend .title:before
{
    background: url(../images/fangjia.png?20210922) no-repeat 0px 1px;
    height: 24px;
    width: 24px;
    content: "";
    display: inline-block;
    }
.dayend .time
{
    font-size:14px;
    padding-bottom:16px;
    margin-bottom:16px;
    }
.dayend .chuli .chuliyw
{
    font-size:14px;
    margin-right:100px;
    }
.dayend .chuli .chuliyw li
{
    margin-top:14px;
    cursor: pointer;
    }
.dayend .chuli .chuliyw li:hover,.dayend .chuli .chuliyw li.act
{
    color: #005BE6;
    }
.dayend .chuli .tishi
{
    color:#999;
    font-size:12px;
    line-height:24px;
    margin-top:-5px;
    }


.swiperall .swiper-button-prev
{
    left: calc((100% - 900px) / 2);
    top: calc(50% - 60px);
    outline:none;
    }
.swiperall .swiper-button-next
{
    right: calc((100% - 900px) / 2);
    top: calc(50% - 60px);
    outline:none;
    }
.swiperall
{
    position: fixed;
    top: calc((100% - 765px) / 2);
    left: calc((100% - 1000px) / 2);
    z-index: 99999999;
    width: 1000px;
    height: 720px;
    }
.szzc,.remindphotozzc{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999998;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0,.5);
}
.swiperall .swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.swiperall .swiper-slide {
background-size: cover;
background-position: center;
width: 800px;
height: 600px;
}

.swiperall .swiper-slide img{
width: 100%;
height: 100%;
}

.swiperall .gallery-top {
height: 600px;
width: 800px;
}

.swiperall .gallery-thumbs {
height: 165px;
box-sizing: border-box;
padding: 10px 0;
width:800px;
background-color: #000;
}

.swiperall .gallery-thumbs .swiper-slide {
width: 25%;
height: calc(192.5px * 0.75);
opacity: 0.5;
}

.swiperall .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.swiperall .close
{
  background-color: rgba(255,255,255,.25);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: fixed;
  top: 11vh;
  left: calc(50% + 425px);
  width: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 9999999999999999;
  }
.swiperall .close:before
{
  content: "\e973";
  font-family: "icomoon";
  font-size: 24px;
  color: #fff;
  text-align: center;
  }
.swiperallauto .gallery-top .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiperallauto .swiper-slide{
    height: auto;
}
.swiperallauto .gallery-top .swiper-slide img{
    width: auto;
    max-width:calc(100vw - 200px);
    max-height: 100%;
    height: auto;
}
.swiperallauto{
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}
.swiperallauto .gallery-top{
    width: 100%;
    height: calc(100vh - 165px);
}
.swiperallauto .gallery-thumbs{
    width: 100%;
}
.swiperallauto .gallery-thumbs .swiper-slide{
    overflow: hidden;
}
.swiperallauto .gallery-thumbs .swiper-slide img{
    width: 100%;
    height: 100%;
}
.swiperallauto .swiper-button-prev{
    left: 10px;
}
.swiperallauto .swiper-button-next{
    right: 10px;
}
.swiperallauto .close{
    right: 20px;
    top: 20px;
    left: initial;
}

/* 提醒事件 */
.reminderevent{
    width: 440px;
    height: 200px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    z-index: 2010;
}
.reminderevent .top{
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
}
.reminderevent .top em{
    float: left;
    font-style: inherit;
    color:333;
    font-weight: bold;
}
.reminderevent .top i{
    float: right;
    font-style: inherit;
    cursor: pointer;
}
.reminderevent .top i:before{
    font-family: 'icomoon';
    font-size: 18px;
    color: #000;  
    content: "\e904";
}
.reminderevent .center{
    background-color: #F3F7FC;
    width: 430px;
    height: 127px;
    margin-left: 5px;
    padding: 10px;
    box-sizing: border-box;
}
.reminderevent .center li{
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.reminderevent .center li em{
    color: #666;
    margin-right: 10px;
    font-style: inherit;
    width: 60px
}
.reminderevent .center li span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 70px);
}
.reminderevent .center a{
    width: 60px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    box-sizing: border-box;
    float: right;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
}
.reminderevent .center a:hover{
    border: 1px solid #005BE6;
    background-color: #005BE6;
    color: #fff
}
.reminderevent .center .time:before{
    font-family: 'icomoon';
    font-size: 14px;
    color: #666;  
    content: "\e940";
    margin-right: 5px;
    width: 20px;
    display: inline-block;
}
.reminderevent .center .number:before{
    font-family: 'icomoon';
    font-size: 18px;
    color: #666;
    content: "\e945";
    margin-right: 5px;
    width: 20px;
    display: inline-block;
    position: relative;
    left: -2px;
    top:-1px;
}
.reminderevent .center .content:before{
    font-family: 'icomoon';
    font-size: 16px;
    color: #666;  
    content: "\e92f";
    margin-right: 5px;
    width: 20px;
    display: inline-block;
}
.reminderevent .bottom{
    padding: 8px 0 0 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.reminderevent .bottom:after{
    font-family: 'icomoon';
    font-size: 16px;
    color: #000;  
    content: "\e921";
}
.reminderevent .bottom:hover,.reminderevent .bottom:hover:after{
    color: #005BE6;
}

.table100 table.pq-grid-header-table,.table100 table.pq-grid-table{
    width: 100%;
}
.remindphoto
{
    height: calc(90vh - 20px);
    overflow: auto;
    width: calc(80vw - 20px);
    left: calc((100% - 80vw - 20px) / 2);
    top: calc((100% - 90vh - 20px) / 2);
    position:fixed;
    z-index:99999999;
    padding-top:20px;
    padding-right:20px;
    }
.remindphoto .dpf
{
    display: flex;
    justify-content: center;
    }
.remindphoto .por
{
    position:relative;
    }
.remindphoto img
{
    width: auto;
    height: auto;
    max-width: 100%;
    }
.remindphoto .photoclose {
    background-color: #005BE6;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    position:absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    z-index: 9999999999999999;
}
.remindphoto .photoclose:before {
    content: "\e973";
    font-family: "icomoon";
    font-size: 24px;
    color: #fff;
    text-align: center;
}
    

/* 收藏 */
.collectionall{
    
}
.collectionall .collection{
    padding: 0 20px;
    padding-top: 10px;
    height: calc(100vh - 46px);
    overflow: auto;
}
.collectionall .collection .list{
    margin-bottom: 30px;
}
.collectionall .collection .list .shareonetitle{
    width: 120px;
}
.collectionall .collection li{
    margin-bottom: 10px;
    cursor: pointer;
}
.collectionall .collection li:last-child{
    margin-bottom: 0;
}
.collectionall .collection li i{
    margin-right: 10px;
}
.collectionall .collection li i:before{
    font-family: 'icomoon';
    font-size: 14px;
    content: "\e997";
    margin-right: 5px;
}
.collectionall .collection li i.act:before{
    content: "\e999";
    color: #ff9500;
}
.collectionall .collection li .num{
    font-size: 14px;
    color: #666;
    margin-right: 10px;
}
.collectionall .collection li .name{
    font-size: 14px;
    color: #333;
    width: 200px;
    display: inline-block;
}
.collectionall .collection li .tishi{
    font-size: 14px;
    color: #999;
}
.collectionall .collection li:hover .num,.collectionall .collection li:hover .name{
    color:#005BE6;
}
.duohang
{
    display: flex;
    align-items: center;
}
.duohang div.height
{
    height:16px;
}
.duohang .red:before
{
    width: 0;
    margin-right: 0;
}
.adifoli  .needzz{
    font-size: 14px;
    border-bottom: 1px solid #EBEEF5;
}
.adifoli  .needzz .xzzxm{
    float: left;
    color: #666;
    margin-right: 20px;
    width: 70px;
}
.adifoli  .needzz ul{
    float: left;
    width: calc(100% - 90px);
}
.adifoli  .needzz li{
    float: left;
    margin-bottom: 10px;
}
.select2-container
{
    margin-right:10px !important;
    }
.mr0 ~ .select2-container
{
    margin-right:0 !important;
    }

.setuplist{
    width: 740px;
    padding: 0 20px;
}
.setuplist .adifoli{
    padding-top: 0;
}
.setuplist .title{
    margin: 30px 0 5px 30px;
}
.setuplist .title span:before{
    width: 3px;
    background-color: #005BE6;
    height: 12px;
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right:5px; 
}
.setuplist .title span{
    margin-right:20px; 
    font-size: 14px;
}
.setuplist .title a{
    color: #39c;
    font-size: 14px;
}
.setuplist .adifoli dd{
    margin-left:40px
}
.setuplist .adifoli dd small{
    text-align: left;
    width: 145px;
    margin-right:20px;
    color: #333;
}
.setuplist .adifoli dd .logo img{
    width: 86px;
    height: 86px;
}
.setuplist .adifoli dd .ewm img{
    width: 110px;
    height: 110px;
}
.setuplist .adifoli dd .no,.adifoli dd .no{
    color:#f00;
}
.setuplist .adifoli .paymentmethod{
    margin-top: 20px;
}
.setuplist .adifoli .paymentmethod span{
    color: #666;
    margin-right: 50px;
}
.setuplist .adifoli .paymentmethod span em{
    color: #333;
}



tr.pq-grid-row-hover td,tr.pq-grid-row-hover td.ui-state-default
{
    background-color: #F0F7FF !important;
}
tr.pq-row-select td,.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    background-color: #D9E8FF !important;
}


#GuestSex{
    border-radius: 3px;
}
#loading,.loadingqh
{
    font-size: 14px;
    position: absolute;
    z-index: 3000;
    left: 50%;
    top: 30%;
    border: none;
    width: auto;
    background: #fff;
    display:none;
    cursor: pointer;
    color: #fff;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px; /* Webkit browsers */
    border-radius: 5x; /* W3C syntax */
    background: rgba(0,0,0,.7);
    width: 120px;
    height: 48px;
    line-height: 48px;
    left: calc((100% - 120px) / 2);
    top: calc((100% - 52px) / 2);
    text-align: center;
}
#loading img,.loadingqh img
{
    margin-right: 10px;
    width:18px !important;
    vertical-align: middle;
    -webkit-animation:load 1s steps(12, end) infinite;
    animation:load 1s steps(12, end) infinite;
}

.zhlsnew{
    margin: 16px;
    position: relative;
}

.zhlsnew.act{
    display: none;
}
.zhlsnew .open{
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}
.zhlsnew .zhlsnewyxzh{
    background-color: #FAFBFC;
    width: 100%;
    height: 160px;
}
.zhlsnew .zhlsnewyxzh li{
    width: 27%;
    float: left;
    padding:0 16px;
    box-sizing: border-box;
    margin-top: 25px;
    position: relative;
}
.zhlsnew .zhlsnewyxzh li:nth-child(3){
    width: 46%;
}
.zhlsnew .zhlsnewyxzh li:after{
    content: "";
    width: 1px;
    height: 103px;
    position: absolute;
    background-color: #EBEEF5;
    right: 0;
    top: 0;
}
.zhlsnew .zhlsnewyxzh li:last-child:after{
    width: 0;
}
.zhlsnew .zhlsnewyxzh li .d1{
    font-size: 14px;
    color: #333;
}
.zhlsnew .zhlsnewyxzh li .d2{
    font-size: 24px;
    color: #333;
    margin-top: 10px;   
}
.zhlsnew .zhlsnewyxzh li .d2 a{
    float: right;
    width: 90px;
    height: 32px;
    line-height: 32px;
    background-color: #005BE6;
    border: 1px solid #005BE6;
    color: #fff;
    font-size: 14px;    
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}
.zhlsnew .zhlsnewyxzh li .d2 a.czjl{
    background: none;
    border: none;
    float: left;
    color: #005BE6;
}
.zhlsnew .zhlsnewyxzh li .d2 .czjl:hover
{
    background: none;
    border: none;
    float: left;
    color: #09c;
}
.zhlsnew .zhlsnewyxzh li .d2 a.bg{
    background-color: #005BE6;
    border: 1px solid #005BE6;
    color: #fff;
}
.zhlsnew .zhlsnewyxzh li .d2 a.bg:hover{
    background-color: #005BE6;
    border: 1px solid #005BE6;
    color: #fff;
}
.zhlsnew .zhlsnewyxzh li .d2 a:hover{
    background-color: #005BE6;
    border: 1px solid #005BE6;
    color: #fff;
}
.zhlsnew .zhlsnewyxzh li .d3{
    font-size: 12px;
    color: #005BE6;
    margin-top: 10px;
    cursor: pointer;
}
.zhlsnew .zhlsnewyxzh li .d3:after{
    content: "\e977";
    color: #005BE6;
    font-size: 16px;
    font-family: "icomoon";
    position: relative;
    top: 3px;
}
.zhlsnew .zhlsnewyxzh li .d3.act:after{
    content: "\e990";
}
.zhlsnew .zhlsnewyxzh li .tk{
    min-width: 600px;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    position: absolute;
    top: 110px;
    left: 16px;
    background-color: #fff;
    z-index: 999;
    padding: 20px 16px 0 16px;
}
.zhlsnew .zhlsnewyxzh li .tk:before{
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 64px;
    background: #fff;
}
.zhlsnew .zhlsnewyxzh li .tk  .tklist{
    margin-bottom: 30px;
}
.zhlsnew .zhlsnewyxzh li .tk .zhu .s1{
    font-size: 14px;
    color: #333;
    margin-right: 15px;
    text-align: right;
    width: 90px;
    display: inline-block;
}
.zhlsnew .zhlsnewyxzh li .tk .zhu .s2{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.zhlsnew .zhlsnewyxzh li .tk .fu .fulist{
    float: left;
    width: 33.33%;
    margin-top: 15px;
}
.zhlsnew .zhlsnewyxzh li .tk .fu .fulist .s1{
    font-size: 14px;
    color: #999;
    margin-right: 15px;
    text-align: right;
    width: 100px;
    display: inline-block;
}
.zhlsnew .zhlsnewyxzh li .tk .fu .fulist .s2{
    font-size: 14px;
    color: #333;
}
.zhlsnew .zhlsnewyxzh li .d4{
    border-top: 1px solid #EBEEF5;
    margin-top: 10px;
    padding-top:10px;
}
.zhlsnew .zhlsnewyxzh li .d41{
    float: left;
    color: #333;
    font-size: 14px;
}
.zhlsnew .zhlsnewyxzh li .d42{
    float: right;
}
.zhlsnew .zhlsnewyxzh li .d42 a{
    float: left;
    border-right: 1px solid #EBEEF5;
    color: #005BE6;
    padding: 0 10px;
    font-size: 14px;
}
.zhlsnew .zhlsnewyxzh li .d42 a:last-child{
    border-right: none;
    padding-right: 0;
}

.zhlsnew .zhlsnewyxzh li .d5 .list{
    margin-top: 10px;
}
.zhlsnew .zhlsnewyxzh li .d55 .list{
    float: left;
    margin-top: 20px;   
}
.zhlsnew .zhlsnewyxzh li .d5 .list1{
    float: left;
    color: #666;
    min-width: 58px;
}
.zhlsnew .zhlsnewyxzh li .d55 .list1{
    min-width: initial;
    font-size: 12px;
    color: #8a8a8a;
}
.zhlsnew .zhlsnewyxzh li .d5 .list2{
    float: left;
    color: #666;
    margin-right: 5px;
    max-width: 80px;
}
.zhlsnew .zhlsnewyxzh li .d55 .list2{
    font-size: 12px;
    color: #8a8a8a;
}
.zhlsnew .zhlsnewyxzh li .d5 .list3{
    float: left;
    color: #005BE6;
}
.zhlsnew .zhlsnewyxzh li .d5 .tipall{
    float: left;
    color: #005BE6;
}
.zhlsnew .zhlsnewyxzh li .d5 .icon-help.lowed:before{
    content: "\e92e";
    color: #e43;
}

.zhlsnewnew .zhlsnewyxzh li{
    width: 13.8%;
}
.zhlsnewnew .zhlsnewyxzh li:nth-child(3){
    width: 13.8%;
}
.zhlsnewnew .zhlsnewyxzh li:last-child{
    width: 17.2%;
}
.zhlsnewnew .zhlsnewyxzh
{
    height:103px;
    }

.zhlsnewnew .zhlsnewyxzh li
{
    margin-top: 15px;
    }
.zhlsnewnew .zhlsnewyxzh li:after
{
    height:73px;
    }
.zhlsnewnew .zhlsnewyxzh li .d1
{
    font-size: 12px;
    }
.zhlsnewnew .zhlsnewyxzh li .d2
{
    font-size: 18px;
    }
.zhlsnewnew .zhlsnewyxzh li .d5 .list3 a{
    font-size: 12px;
}
.zhlsnewnew .zhlsnewyxzh li .d2 a{
    width: 60px;
    height: 25px;
    line-height: 25px;  
    font-size: 12px;
}
.zhlsnewnew .zhlsnewyxzh li .d5 .list1{
    font-size: 12px;
}
.zhlsnewnew .zhlsnewyxzh li .d5 .list1{
    min-width: initial;
}
.zhlsnew .zhlsnewyxzh li .d55 .list{
    margin-top: 10px;
}



.control{
    background-color: #E1E4E6;
    width: 50px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #333;
    text-align: center;
    margin: 0 0 10px 20px;
    cursor: pointer;
}
.control.open:before{
    content: "\e990";
    font-family: "icomoon";
    font-size: 12px;
    color: #000;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.control.close:before{
    content: "\e977";
    font-family: "icomoon";
    font-size: 12px;
    color: #000;
    position: relative;
    top: 1px;
    margin-right: 2px;
}


.usingtutorials{
    padding: 34px 15px;
}
.usingtutorials ul li{
    float: left;
    text-align: center;
    width: 20%;
}
.usingtutorials ul li p{
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}

.adifoli .checkboxgou{
    height: 32px;
    line-height: 30px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 0 13px;
    display: inline-block;
    font-size: 14px;
    position: relative;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
.adifoli .czopenpf2 .checkboxgou{
    height: 26px;
    line-height: 24px;
}
.adifoli .checkboxgou.kj{
    background-color: #CDECF7;
    border-color: #CDECF7;
}
.adifoli .checkboxgou.kz{
    background-color: #DDDDDD;
    border-color: #DDDDDD;
}
.adifoli .checkboxgou.zz{
    background-color: #D1EED2;
    border-color: #D1EED2;
}
.adifoli .checkboxgou.yl{
    background-color: #FBE4FF;
    border-color: #FBE4FF;
}
.adifoli .checkboxgou[islong="1"]{
    background-color: #E6EFFD;
    border-color: #E6EFFD;
}

.adifoli .checkboxgou.checked:before{
    content: "";
    background: url(../images/pfchecked.png) no-repeat;
    width: 17px;
    height: 16px;
    position: absolute;
    bottom: 0;
    right: 0;
}


.adifoli .czopenpf1,.adifoli .czopenpf2{
    width: 550px;
    padding: 12px;
    padding-bottom: 2px;
    box-sizing: border-box;
    background-color: #f9f9f9;
}
.adifoli .czopenpf1 .ypf{
    width: 500px;
}
.adifoli .czopenpf1 .ypf .title{
    text-align: left;
    font-size: 14px;
    margin-bottom: 5px;
}
.adifoli .czopenpf1 .ypf .list{
    float: left;
    background-color: #E1EDFF;
    border: 1px solid #71AAFF;
    height: 24px;
    line-height: 22px;
    box-sizing: border-box;
    padding: 0 2px 0 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.adifoli .czopenpf1 .ypf .list .icon-close:before{
    font-size: 18px;
    margin-left: 5px;
    color: #666;
}

.collectioncode{
    padding: 30px 30px 15px 30px;
    width: 808px;
    box-sizing: border-box;   
    box-shadow: 1px 1px 10px rgb(0 0 0 / 20%);
    margin: 60px auto;
    position: relative;
}
.invoiceqrCode{
    box-shadow: initial;
    border: 1px solid #999;
    margin: 30px auto 20px;
}
.collectioncode .name{
    font-size: 26px;
    text-align: center;
}
.invoiceqrCode .name{
    font-size: 24px;
}
.collectioncode .title{
    font-size: 18px;
    color: #666;
    text-align: center;
    margin-top: 10px;
}
.invoiceqrCode .title{
    font-size: 16px;
    margin-top: 5px;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}
.collectioncode .money{
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.collectioncode .money span{
    font-size: 28px;
    color: #005BE6
}
.collectioncode .money span:before{
    content: "￥";
    font-size: 16px;
}


.collectioncode .code {
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.collectioncode .xinxi{
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 14px;
}
.collectioncode .xinxi .li{
    margin-top: 14px;
}

.collectioncode .xinxi .li span:first-child{
    display: inline-block;
    width: 60px;
    margin-right: 10px;
    text-align: right;
}
.collectioncode .xinxi .li .mon:before{
    content: "￥";
    font-size: 12px;
}

.collectioncode .list {
    width: 245px;
    height: 280px;
    box-sizing: border-box;
    float: left;
    margin-right: 30px;
    font-size: 20px;
    color: #666;
    background-color: #fff;
    margin-bottom: 14px;
}
.invoiceqrCode .list {
    height: 310px;
}

.collectioncode .list .codewx,.collectioncode .list .codezfb{
    width: 190px;
}

.collectioncode .list .wxicon,.collectioncode .list .zfbicon{
    margin-top: 25px;
}

.collectioncode .list:last-child {
    margin-right: 0;
}
.collectioncode .qswzf {
    color: #fff;
    font-size: 24px;
    padding-bottom: 32px;
    text-align: center;
}
.collectioncode .bluebg {
    background-color: #005BE6;
    width: 100%;
    height: 240px;
    position: absolute;
    top: 270px;
    left: 0;
    z-index: -1;

}

.collectioncode .logo {
    text-align: center;

}


.divaddreduce .left:first-of-type{
    margin-left: 0 !important;
}

.zhishuduibi{
    margin: 30px 14px;
}
.zhishuduibi .radio{
    height:30px;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}
.zhishuduibi .radio label{
    float: left;
    cursor: pointer;
    margin-right: 20px;
    color: #000;
    font-size: 14px;
}
.zhishuduibi .radio label:before{
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 4px;
    content: "\e905";
}
.zhishuduibi .radio label.checked:before{
    content: "\e906";
    color: #005BE6;
}

.projectstep {    
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
}
.projectstep .list{
    float: left;
    margin-right: 100px;
    font-size: 16px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #fff;
    padding-bottom: 6px;
}
.projectstep .list.act{
    color: #005BE6;
}
.projectstepnum .list.act{
    padding-bottom: 6px;
}
.projectstepnum .list.active{
    border-bottom: 1px solid #005BE6;
}
.projectstep .list:after{
    font-size: 50px;
    content: "...";
    position: absolute;
    right: -65px;
    top: -39px;
}
.projectstepnum .list:after{
    content: "";
    background: url(../images/icon.png) -525px -204px no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
    right: -60px;
    top: 10px;
}
.projectstepnum .list.act:after{
    content: "";
    background: url(../images/icon.png) -492px -204px no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
    right: -60px;
    top: 10px;
}
.projectstepnum .list:last-child:after{
    background: none;
}
.projectstep .list.act:after{
    color: #005BE6;
}
.projectstep .list:last-child:after{
    content: "";
}
.projectstep .list span{
    width: 12px;
    height: 12px;
    border: 1px solid #999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin-right: 10px;
}
.projectstepnum .list span{
    border: none;
    width: auto;
    height: auto;
}
.projectstep .list span:before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #999;
    display:inline-block;
}
.projectstepnum .list span:before{
    content: "1.";
    background-color: #fff;
    width: auto;
    height: auto;
    font-size: 20px;
    font-style:oblique;
}
.projectstepnum .list:nth-child(2) span:before{
    content: "2.";
}
.projectstep .list.act span{
    border: 1px solid #005BE6;
}
.projectstepnum .list.act span{
    border: none;
}
.projectstep .list.act span:before{
    background-color: #005BE6;
}

.projectstepnum .list.act span:before{
    background-color: #fff;
}

.projectscore{
    background-color: #f5f5f5;
    width: 806px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding:0 14px;
    box-sizing: border-box;
    color: #005BE6;
}
.projectscore .star{
    padding: 0 10px;
}
.projectscore .star i{
    color: #ccc;
}
.projectscore .star i.active{
    color: #005BE6;
}

/*工作台*/
.workbench{
    background-color: #f4f4f4;
    padding: 14px;
    box-sizing: border-box;
    height:100%;
    overflow: auto;
}
.workbench .workbenchleft{
    width: calc(100% - 375px);
    margin-right: 20px;
    float: left;
}
.workbench .workbenchleft .workbenchleftquick{
    margin-bottom: 14px;
}
.workbench .workbenchleft .workbenchleftquick ul{
    display: flex;
}
.workbench .workbenchleft .workbenchleftquick ul li{
    width: 100%;
    background-color: #fff;
    height: 95px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-right: 10px;
    border: 1px solid #dadada;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    transition: inherit;
    position: relative;
}
.workbench .workbenchleft .workbenchleftquick ul li:nth-child(1):after{
    background: url(../images/gzticon01.png) 0 0 no-repeat;
    width: 38px;
    height: 47px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
}
.workbench .workbenchleft .workbenchleftquick ul li:nth-child(2):after{
    background: url(../images/gzticon02.png) 0 0 no-repeat;
    width: 38px;
    height: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
}
.workbench .workbenchleft .workbenchleftquick ul li:nth-child(3):after{
    background: url(../images/gzticon03.png) 0 0 no-repeat;
    width: 39px;
    height: 44px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
}
.workbench .workbenchleft .workbenchleftquick ul li:nth-child(4):after{
    background: url(../images/gzticon04.png) 0 0 no-repeat;
    width:43px;
    height: 41px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
}
.workbench .workbenchleft .workbenchleftquick ul li:last-child{
    margin-right: 0;
}
.workbench .workbenchleft .workbenchleftquick ul li .p1{
    font-size: 22px;
    color: #333;
}
.workbench .workbenchleft .workbenchleftquick ul li .p2{
    font-size: 14px;
    color: #666;
    margin-top: 5px;      
}
.workbench .workbenchleft .workbenchleftrevenue{
    background-color: #fff;
    width: 100%;   
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.workbench .workbenchleft .workbenchleftrevenue .title{
    font-size: 20px;
}
.workbench .data{
    height: 90px;
    width: 100%;
    background-color: #F0F7FF;
    margin-top: 10px;
}
.workbench .data.caiwu{
    background-color: #E9F5FB;
}
.workbench .data.zuyue{
    background-color: #FEF9F1;
}
.workbench .data.xiaoshou{
    background-color: #E7FBEE;
}
.workbench .data.qita{
    background-color: #FEEAEA;
}
.workbench .schedule .data{
    height: 70px;
}
.workbench .datal{
    width: 30px;
    height: 100%;
    background-color: #005BE6; 
    font-size: 14px;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    float: left;
    display: flex;
    align-items: center;
}
.workbench .schedule .caiwu .datal{
    background-color: #0B8CDA; 
}
.workbench .schedule .zuyue .datal{
    background-color: #FFA970; 
}
.workbench .schedule .xiaoshou .datal{
    background-color: #5FE390; 
}
.workbench .schedule .qita .datal{
    background-color: #FA6F72; 
}
.workbench .datar{
    width: calc(100% - 30px);
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
}
.workbench .datar .datalist {
    padding-left: 40px;
    width: 100%;
    position: relative;
}
.workbench .datar .datalist:before {
    height: 63px;
    width: 1px;
    background-color: #dfdfdf;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3
}
.workbench .schedule .datar .datalist:before {
    height: 40px;
    top: 5px;
}
.workbench .datar .datalist.no:before,
.workbench .datar .datalist:first-child:before {
    width: 0;
}
.workbench .datar .datalist2:before {
    top: -10px;
}
.workbench .datar .datalist .num{
    font-size: 32px;
}
.workbench .yuying .datar .datalist .num{
    font-size: 28px;
}
.workbench .schedule .datar .datalist .num{
    font-size: 24px;
}
.workbench .datar .datalist .words{
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}
.workbench .schedule .datar .datalist .words{
    font-size: 12px;
}
.workbench .schedule .datar .datalist .words{
    margin-top: 0;
}
.workbench .datar .datalist .words:first-of-type{
    margin-top: 0;
}
.workbench .datar .datalist .words span{
    margin-left: 5px;
}
.workbench .workbenchleft .workbenchleftchart{
    background-color: #fff;
    width: 100%;   
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.workbench .workbenchleft .workbenchleftchart .title{
    font-size: 20px;
    margin-right: 20px;
}
.workbench .workbenchleft .workbenchleftchart .title span{
    font-size: 14px;
    margin-left: 10px;
}
.workbench .workbenchleft .workbenchleftchart .title span em{
    color: #005BE6;
    padding: 0 5px;
}

.workbench .workbenchleft .workbenchleftchart .sharedate {
    float: left;
    position: relative;
    margin-left: 0;
}

.workbench .workbenchleft .workbenchleftchart .sharedate:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    width: 6px;
    height: 1px;
    background: #999;
}

.workbench .workbenchleft .workbenchleftchart .sharedate input {
    height: 28px;
    line-height: 26px;
    width: 111px;
    background: url("/SysSetBase/img/date.gif") no-repeat 89px center;
    font-size: 12px;
}

.workbench .workbenchleft .workbenchleftchart .sharedate input + input {
    margin-left: 12px;
}
.workbench .workbenchleft .workbenchleftchart select{
    height: 28px;
    line-height: 26px;
    width:83px;
    float: left;
    margin-left: 6px;
    font-size: 12px;
}
.workbench .workbenchleft .workbenchleftchart .btn{
    height: 28px;
    line-height: 26px;
    margin-left: 6px;
    font-size: 12px;
}
.workbench .workbenchleft .workbenchleftchart .chart{
    height: 262px;
    width: 100%;
    margin-top: 20px;
}
.workbench .workbenchright{
    float:left;
    width: 355px;
}
.workbench .workbenchright .banner{
    margin-bottom: 14px;
}
.workbench .workbenchright .schedule{
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}
.workbench .workbenchright .schedule .title{
    font-size: 16px;
}
.workbench .workbenchright .notice{
    padding: 16px 16px 5px;
    background-color: #fff;
    height: 234px;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
}
.workbench .workbenchright .notice .title{
    margin-bottom: 12px;
}
.workbench .workbenchright .notice  .title span{
    font-size: 16px;
}
.workbench .workbenchright .notice  .title a{
    display: block;
    text-align: center;
    border: 1px solid #005BE6;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    line-height: 12px;
    color: #005BE6;
    float: right;
    margin-top: 2px;
}
.workbench .workbenchright .notice li{
    border-top: 1px solid #e2e2e2;
    height:44px;
    line-height: 44px;      
}
.workbench .workbenchright .notice li:nth-child(5){
    border-top: none;
}
.workbench .workbenchright .notice li .biaoti{
    float: left;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.workbench .workbenchright .bulletinboard li .biaoti{
    max-width: 100%;
}
.workbench .workbenchright .notice li .time{
    float: right;
    font-size: 12px;
    color: #999;
}

/* 消息中心 */
.messagecenter{
}
.messagecenter .navigation .menuNavList{
    height:100%;
    height: 100vh;
}
.messagecenter .notificationlist{
    float: left;
    width: 100%;
}
.messagecenter .notificationlist .title{
    padding: 6px 14px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e3e3e3;
}
.messagecenter .notificationlist .title span{
    font-size: 12px;
    color: #999;
    padding-left: 10px;
}
.messagecenter .notificationlist ul{
    overflow: auto;
    height: calc(100vh - 43px);
}
.messagecenter .notificationlist li{
    border-bottom: 1px solid #e3e3e3;
    cursor: pointer;
}
.messagecenter .notificationlist li .lititle{
    padding: 14px 50px 14px 14px;
    position: relative;
}
.messagecenter .notificationlist li.single{
    cursor: initial;
}
.messagecenter .notificationlist li.single .lititle{
    padding: 14px;
}
.messagecenter .notificationlist li .lititle:after{
    content: "\e977";
    font-family: 'icomoon';
    font-size: 20px;
    color: #333;
    position: absolute;
    right: 8px;
    top: 13px;
}
.messagecenter .notificationlist li.single .lititle:after{
    content: "" !important;
}
.messagecenter .notificationlist li.act .lititle:after{
    content: "\e990";
}
.messagecenter .notificationlist li .lititle .bt{
    font-size: 14px;
    color: #333;
    float: left;
}
.messagecenter .notificationlist li .lititle .bt:before{
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -2px;
}
.messagecenter .notificationlist li .lititle .bt.bttip:after{
    content: "";
    width: 7px;
    height: 7px;
    background-color: #c00;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -2px;
}
.messagecenter .notificationlist li .lititle .date{
    float: right;
    color: #7d7d7d;
    font-size: 14px;
}
.messagecenter .notificationlist li .lititle .know{
    float: right;
    color: #005Be6;
    font-size: 14px;
    cursor: pointer;
}
.messagecenter .notificationlist li .licontent{
    background-color: #f6f6f6;
    padding: 11px 14px;
}
.messagecenter .notificationlist li .licontent .ct{
    font-size: 14px;
    color: #333;
}
.messagecenter .notificationlist li .licontent a.ljxq{
    color: #005BE6;
    font-size: 12px;
    margin-top: 10px;
    display:block;
}
.messagecenter .notificationlist li .top1{
    margin-bottom: 10px;
}
.messagecenter .notificationlist li .top1 small{
    font-size: 14px;
    color: #666;
    width: 60px;
    text-align: left;
    float: left;
}
.messagecenter .notificationlist li .top1 .lxfs{
    font-size: 14px;
    color: #333;
    float: left;
}
.messagecenter .notificationlist li .top1 .photo{
    margin: 10px 0 0 60px;
}
.messagecenter .notificationlist li .top1 .photo img{
    width: 79px;
    height: 79px;
    border-radius:5px;
    float: left;
    margin-right: 10px;
}
.messagecenter .notificationlist li .top1 .lxfs textarea{
    height: 63px;
    background-color: #fff;
}
.messagecenter .notificationlist .updatebottom {
    overflow: auto;
    height: calc(100vh - 79px);
}
.messagecenter .notificationlist .updatetop {
    height: 36px;
    line-height: 36px;
    background-color: #F9F9F9;
    border-bottom:1px solid #e3e3e3;
    padding: 0 14px;
    box-sizing: border-box;
}
.messagecenter .notificationlist .updatebottom .liebiao {
    border-bottom:1px solid #e3e3e3;
    padding: 14px;
    box-sizing: border-box;
}
.messagecenter .notificationlist .updatetop .list,.messagecenter .notificationlist .updatebottom .list {
    float: left;
}
.messagecenter .notificationlist .updatetop .list:first-child,.messagecenter .notificationlist .updatebottom .list:first-child {
    width: calc(100% - 100px);
}
.messagecenter .notificationlist .updatetop .list:last-child,.messagecenter .notificationlist .updatebottom .list:last-child {
    width: 100px;
    text-align: right;
}
.messagecenter .menu > ul > li a em{
    height: 15px;
    padding: 0 4px;
    background-color: #FF0000;
    border-radius: 7px;
    color: #fff;
    line-height: 14px;
    text-align: center;
    font-size: 12px;
    margin-left: 5px;
}

.messagecenter .menu > ul > li a:before {
    background: url(../images/xxzxbg.png?20201203) no-repeat 0 12px;
}

.menu > ul > li a.sktongzhi:before
{
    background-position: 0 11px;
}

.menu > ul > li a.ddtongzhi:before
{
    background-position: -26px 11px;
}

.menu > ul > li a.bwtongzhi:before
{
    background-position: -48px 11px;
}

.menu > ul > li a.sstongzhi:before
{
    background-position: -70px 11px;
}

.menu > ul > li a.bxtongzhi:before
{
    background-position: -93px 11px;
}

.menu > ul > li a.hdtongzhi:before
{
    background-position: -116px 11px;
}

.menu > ul > li a.xttongzhi:before
{
    background-position: -142px 11px;
}
.menu > ul > li a.xtxiaoxi:before
{
    background-position: -142px 11px;
}

.menu > ul > li a.gxtongzhi:before
{
    background-position: -166px 11px;
}


.viewbill{
    margin: 20px;
}
.viewbill .data{
    background-color: #F7F7F7;
    padding: 14px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box;
}
.viewbill .data .datat{
    margin-bottom: 10px;
}
.viewbill .data .datat1{
    font-size: 20px;
    margin-right: 10px;
}
.viewbill .data .datat2{
    font-size: 20px;
    margin-right: 10px;
}
.viewbill .data .datat4{
    margin-right: 10px;
}
.viewbill .data .skzt{
    float: right;
    font-size: 20px;
}
.viewbill .data .ysk{
    color:#393;
}
.viewbill .data .wsk{
    color:#c00;
}
.viewbill .data .datab span{
    margin-right: 20px;
}

.adifoli dd .htfjadd:before{
    background: url(../images/icon.png) -390px -349px no-repeat;
    width: 15px;
    height: 13px;
    position: relative;
    top: 2px;
    content: "";
    display: inline-block;
    padding-right: 5px;
}

.adifoli dd .htfjlist{
    background: #F4F4F4;
    width: 100%;
    box-sizing: border-box;
    width: 695px;
}
.adifoli dd .htfjlist li{
    line-height: 20px;
    padding: 3px 14px;
}
.adifoli dd .htfjlist li:first-child{
    padding-top: 11px;
}
.adifoli dd .htfjlist li:last-child{
    padding-bottom: 11px;
}
.adifoli dd .htfjlist .name{
    float: left;
}
.adifoli dd .htfjlist .name:before{
    background: url(../images/icon.png) -390px -349px no-repeat;
    width: 15px;
    height: 13px;
    position: relative;
    top: 2px;
    content: "";
    display: inline-block;
    padding-right: 5px;
}
.adifoli dd .htfjlist .del{
    float: left;
    color: #005BE6;
    margin-left: 10px;
    cursor: pointer;
}

/* 服务订购 */
.servicesubscription .product{
    margin: 14px;
    background-color: #f2f2f2;
    height: 100px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.servicesubscription .product .name{
    font-size: 20px;
}
.servicesubscription .product .endtime{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.servicesubscription .xufeitime{
    margin: 20px 14px;
}
.servicesubscription .xufeitime ul{
    display: flex;
    align-items: center;
    float: left;
    margin-right: 20px;
    font-size: 14px;
    margin-bottom: 10px;
}
.servicesubscription .xufeitime ul li{
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    text-align: center;
    width: 60px;
    border: 1px solid #dfdfdf;
    border-right: none;
    cursor: pointer;
}
.servicesubscription .xufeitime ul li:hover,.servicesubscription .xufeitime ul li.act{
    border: 1px solid #005BE6;
    background-color: #005BE6;
    color: #fff;
}
.servicesubscription .xufeitime ul li:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.servicesubscription .xufeitime ul li:last-child{
    border-right: 1px solid #dfdfdf;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 10px;
}
.servicesubscription .xufeitime .aftertime{
    font-size: 14px;
}
.servicesubscription .xufeitime .aftertime span{
    color:#005BE6;
}
.servicesubscription .money{
    background-color: #f2f2f2;
    height: 100px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.servicesubscription .money .allmoney,.servicesubscription .money .allmoney .xufeimoney{
    display: flex;
    align-items: center;
}
.servicesubscription .money .allmoney .xufeimoney,.servicesubscription .money .allmoney .discount{
    float: left;
    font-size: 14px;
}
.servicesubscription .money .allmoney .discount{
    margin-left: 20px;
    color: #666;
}
.servicesubscription .money .allmoney .xufeimoney span{
    font-size: 20px;
    color: #005Be6;
}
.servicesubscription .money .allmoney .xufeimoney span:before,.servicesubscription .money .allmoney .discount span:before{
    content: "￥";
}
.servicesubscription .money .btn{
    background-color: #005BE6;
    color: #fff;
    border-color: #005BE6;
    width: 98px;
    max-width: 98px;
    margin-top: 10px;
}


.smspayment{
    padding: 0;
}

.smspayment .process{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;    
    justify-content: center;
    margin: 30px 0;
}
.smspayment .process .list{
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}
.smspayment .process .list.act{
    color: #000;
}
.smspayment .process .list em{
    width: 10px;
    height: 1px;
    background-color: #999;
    margin-right:5px;
    display:inline-block;
    position: relative;
    top: -5px;
}
.smspayment .process .list.act em{
    background-color: #000;
}
.smspayment .process .list em:last-of-type{
    margin-right: 20px;
}
.smspayment .title{
    color: #666;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}
.smspayment .title span{
    color: #333;
}
.smspayment .payment{
    width: 100%;
    height: 120px;
    background-color: #FAFBFC;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
}
.smspayment .title .yfk{
    padding-top: 0;
    display: flex;
    align-items: center;
    margin-top: 5px;
}
.smspayment .payment .yfk {
    display: flex;
    align-items: center;
}
.smspayment .payment .yfk em,.smspayment .title .yfk em{
    font-size: 14px;
    color: #333;
}
.smspayment .payment .yfk b,.smspayment .title .yfk b{
    font-size: 20px;
    font-weight: initial;
    color: #005BE6;
}
.smspayment .payment .yfk b:before,.smspayment .title .yfk b:before{
    content: "￥";
}
.smspayment .payment .btn{
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
    width: 98px;
    max-width: 98px;
    font-size: 14px;
    margin-top: 10px;
}
.smspayment .xieyi{
    font-size: 14px;
    color: #262626;
    margin: 15px 0 0 20px;
}
.smspayment .xieyi a{
    color: #005BE6;
}
.smspayment .tongyi:before{
    content: "\e91e";
    font-family: 'icomoon';
    font-size: 16px;
    color: #bbb;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.smspayment .tongyi.act:before{
    content: "\e91f";
    color: #005BE6;
}
.smspayment .paytip{
    margin: 14px;
    background-color: #f2f2f2;
    height: 82px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.smspayment .paytip .tip1{
    font-size: 14px;
    color: #333;
}
.smspayment .paytip .tip2{
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}
.smspayment .selectpay {
    margin: 20px;
}
.smspayment .selectpay .list{
    width: 187px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #ededed;
    float: left;
    margin-right: 30px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.smspayment .selectpay .list img{
    margin: 0 10px;
}
.smspayment .selectpay .list .radio{
    display: flex;
    align-items: center;
}
.smspayment .selectpay .list .radio:before{
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 2px;
    content: "\e905";
}
.smspayment .selectpay .list.act{
    border: 1px solid #005BE6;
   /*  -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
   box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25); */
}
.smspayment .selectpay .list.act .radio:before{
    content: "\e906";
    color: #005BE6;
}
.smspayment .paycode{
    margin: 20px;
}
.smspayment .paycode img{
    width: 188px;
}
.smspayment .paycode p{
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}
.smspayment .wywczf{
    padding: 0 20px;
    background-color: #005BE6;
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 2px;
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
}
/* .smspayment .offlinepayment {
    margin: 20px;
} */
.smspayment .offlinepayment .intor{
    background-color: #FAFBFC;
    box-sizing: border-box;
    padding: 20px 0 20px 20px;
}
.smspayment .offlinepayment .intor p{
    color: #333;
    font-size: 14px;
    margin-bottom: 10px;
}
.smspayment .offlinepayment .intor p:last-child{
    margin-bottom: 0;
}
.smspayment .offlinepayment .intor p i{
    color: #005BE6;
    font-size: 20px;
}

.smspayment .offlinepayment .intor p span{
    margin-right: 20px;
    color: #666;
}
.smspayment .offlinepayment .intor p em{
    color: #000;
}

.smspayment .fwmc{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}
.smspayment .fwmc .fengmian{
    margin-right: 10px;
}
.smspayment .fwmc .fengmian img{
    width: 60px;
    height: 60px;
}

.fujianpr{
    position: relative;
}

.fujianpr input{
    width: 146px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    font-size: 0;
}

.duophoto {
    float: left;
}
.duophoto .dads-children{
   float: left;
   margin-left: 10px;
   position: relative;
}
.duophoto .dads-children img{
    width: 60px;
    height: 60px;
}
.duophoto .dads-children .gb{
    position: absolute;
    top: -8px;
    right: 0;
    cursor: pointer;
}
.duophoto .dads-children .gb{
    top: 0;
    width: 30px;
    height: 30px;
    background: rgba(51,51,51,.4);
    text-align: center;
    display: none;
}
.duophoto .dads-children:hover .gb{
    display: block;
}
.duophoto .dads-children .gb .icon-close{
    color: #fff;
}
.duophoto .dads-children .gb .icon-close:before{
    content: "\e90a";
}
.duophoto .dads-children .close{
    background-color: #666;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none
}
.duophoto .dads-children:hover .close{
    display: flex;
}
.duophoto .dads-children .close .icon-close{
    color: #fff;
}

.filepath{
    padding: 0 10px 10px
}
.filepath a{
    font-size: 14px;
}
.filepath a:after{
    font-family: 'icomoon';
    font-size: 14px;
    content: "\e921";
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 5px;
}
.filepath a:last-child:after{
    content: "";
}
.filepath a:first-child:before{
    content: "";
    font-family: 'icomoon';
    font-size: 12px;
    content: "\e91a";
    display: inline-block;
}

.ywxiangqin h1{
    font-weight: initial;
    font-size: 14px;
}
.ywxiangqin .name{
    margin-bottom:10px 
}
.ywxiangqin .list:last-child .name{
    margin-bottom:0; 
}
.tipall .ywxiangqin:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -6px;
    top: 15px;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{
    color: #005be6 !important;
}

.filesharingicon{
    padding:14px;
    height: calc(100vh - 75px);
    overflow: auto;

}
.filesharingicon .list{
    float: left;
    padding:10px 10px 0 10px;
    width: 90px;
    text-align: center;
    cursor: pointer;
}
.filesharingicon .list:hover{
    background: #e5f3ff;
}
.filesharingicon .list .icon:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/folder.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 85px;
    height: 70px;
    content: "";
    display: inline-block;
}
.filesharingicon .list .word:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/word.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 70px;
}
.filesharingicon .list .ppt:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/ppt.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 70px;
}
.filesharingicon .list .excel:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/excel.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 70px;
}
.filesharingicon .list .txt:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/txt.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 70px;
}
.filesharingicon .list .pdf:before{
    background: url("http://www.heycominn.com/pmsjty/images/yuying/pdf.png?20210914") no-repeat;
    background-size: 100% 100%;
    width: 53px;
    height: 70px;
}
.filesharingicon .list .img{
    height: 70px;
    position: relative;
}
.filesharingicon .list .img:before{
    background: none;
    width: 0;
    height: 0;
}
.filesharingicon .list .img img{
    max-height: 70px;
    max-width: 70px;
    position: absolute;
    bottom: 0;
    left: calc((100% - 70px) /2);
}
.filesharingicon .list p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 40px;
    max-height: 40px;
}
.experienceversion{
    color: #f90;
    border: 1px solid #ACCAF7;
    padding: 4px 10px;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    margin-right: 20px; 
    color: #005BE6;
}
.experienceversionwhite{
    color: #fff;
    border: 1px solid #fff;
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 5px;
    float: right;
    line-height: initial;
    margin-top: 15px;
    position: relative;
    left: -15px;
}
.operationreport{
    padding: 14px 30px;
    height: calc(100vh - 170px);
    box-sizing: border-box;
    overflow: auto;
}
.operationreport h1{
    font-size: 24px;
    text-align: center;
    font-weight: initial;
    margin-top: 50px;
}
.operationreport h2{
    font-size: 28px;
    text-align: center;
    font-weight: initial;
    margin-top: 50px;
}
.operationreport .time{
    font-size: 12px;
    text-align: center;
    margin-top: 30px;
}
.operationreport .timetop{
    text-align: left;
}
.operationreport .time span{
    margin-right: 20px;
}
.operationreport .time span em:first-child{
    color: #666;
    margin-right: 6px;
}
.operationreport .time a{
    float: right;
}


.mask{
    background: rgba(0,0,0,.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
}

.xzhzmstk{
    background-color: #fff;
    position: fixed;
    z-index: 10001;
    overflow: auto;
    width: 90%;
    height: auto;
    max-height: 86%;
    left: 5%;
    overflow: hidden;
    padding-bottom: 2%;
    max-height:90vh;
    top: calc((100vh - 90vh - 4vw) / 2);
    padding-bottom: 4vw;
}
.xzhzmstkpc{
    width: 400px;
    height: auto;
    left: calc((100% - 400px) / 2);
    padding-bottom: 30px;
    border: 1px solid #d9d9d9;
}

.xzhzmstk .ewm{
  margin: 4vw auto 3vw;
  width: 52vw;
}
.xzhzmstkpc .ewm{
  margin: 10px auto 5px;
  width: 174px;
}
.xzhzmstk .ewm img{
  width: 100%;
}
.xzhzmstk .titlebg{
    background-color: #FAFBFC;
    height: 46px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}
.xzhzmstk .title{
    position: absolute;
    left: 12px;
    top: 12px;
    font-size: 16px;
}
.xzhzmstk .close{
  position: absolute;
  right: 3vw;
  top: 3vw;
  cursor: pointer;
}
.xzhzmstkpc .close{
  right: 12px;
  top: 12px;
}
.xzhzmstk .close:before{
  content: "\e973";
  font-family: "icomoon";
  font-size: 6.4vw;
  color: #999;
}
.xzhzmstkpc .close:before{
  font-size: 24px;
}
.xzhzmstk .titletip{
  text-align: center;
  font-size: 5.2vw;
  margin-top: 14vw;
}
.xzhzmstkpc .titletip{
  text-align: center;
  font-size: 14px;
  margin-top: 50px;
}
.xzhzmstk .phone{
  text-align: center;
  font-size: 3.733333vw;
  margin-top: 2vw;
  padding-bottom: 6vw;
  display: block;
}
.xzhzmstkpc .phone{
  font-size: 13px;
  margin-top: 10px;
  padding-bottom: 30px;
}
.xzhzmstk .phone:before{
    content: "";
    background: url(/heycominn/images/phone01.png) no-repeat;
    width: 4.2vw;
    height: 4.2vw;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: .8vw;
}
.xzhzmstkpc .phone:before{
    width: 14px;
    height: 14px;
    top: 2px;
}

.roomtypedetailskjtkss .bed{
    margin-top: 16px;
}
.roomtypedetailskjtkss .bed .list{
    width: 120px;   
    height: 45px;
    line-height: 45px;
    background-color: #ddd;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 2px;
    font-size: 14px;
    padding: 0 5px 0 10px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.roomtypedetailskjtkssxfk .bed .list:nth-child(3n){
   margin-right: 0;
}
.roomtypedetailskjtkss .bed .list .bednum,.roomtypedetailskjtkss .bed .list .bedname{
    float: left;
}
.roomtypedetailskjtkss .bed .list .bednum{
    margin-right: 10px;
    line-height: 16px;
}
.roomtypedetailskjtkss .bed .list .bedname{
    max-width: 62px;
    overflow: hidden;
    height: 45px;
}

.roomtypedetailskjtkss .bed .list.kongjing {
    background-color: #CDECF7;
}
.roomtypedetailskjtkss .bed .list.zaizhu {
    background-color: #D1EED2;
}
/* 维修 */
.roomtypedetailskjtkss .bed .list.weixiu {
    background-color: #FAD9D9;
}
/* 锁房 */
.roomtypedetailskjtkss .bed .list.suofang {
    background-color: #FBE7D0;
}
/* 预离 */
.roomtypedetailskjtkss .bed .list.yuli {
    background-color: #F9D7FF;
}

.roomtypedetailskjtkss .bed .list.yizhuman {
    background-color: #F9D7FF;
}
.roomtypedetailskjtkss .bed .list.checked:before {
    content: "";
    background: url(../images/ftchecked.png) no-repeat;
    width: 14px;
    height: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-size: 100% 100%;
}
/* 房源管理 */
.housingresources{
    height: calc(100% - 66px);
    overflow: auto;
}
.housingresources li{
    width: 257px;
    height: 159px;
    background: #fff;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 5px;
    margin: 0 15px 14px 0;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #f0f0f0;
}
.housingresources ul{
    padding: 15px 0px 13px 15px;
}
.housingresources ul{
    padding: 15px 0px 13px 15px;
}
.housingresources>div:last-child>ul{
    padding-top: 15px;
}
.housingresources li .roomnumber {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;
    background-color: #F8F8F8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    font-size: 12px;
    padding: 0px 10px;
    overflow: hidden;
}
.housingresources li .roomnumberl {
    float: left;
    width: 150px; 
    font-size: 16px;    
    white-space: nowrap; 
    font-weight: initial;
}
.housingresources li .roomnumberl .set:before{
    font-family: 'icomoon';
    font-size: 16px;
    content: "\e94a";
    color: #005BE6;
    margin-left: 10px;
    position: relative;
    top: 1px;
    cursor: pointer;
}
.housingresources li .roomnumberr {*
    float: right;
    width: 85px;
    text-align: right;
    font-size: 14px;    
}
.housingresources .information {
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}
.housingresources .information .fyname,
.housingresources .information .house,
.housingresources .information .divide
{
    margin-top: 12px;
}
.housingresources .information .house,
.housingresources .information .divide
{
    color: #666;
}
.housingresources .information .divide span
{
    color: #005BE6;
    margin-left: 5px;
}
[contenteditable]:focus {
   outline: 1px solid #005be6;
}
.zhedie{
    float: left;
    width: 15px;
    height: 42px;
    background-color: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.zhedie .icon{
    background: url(../images/icon.png?20230224) -558px -205px no-repeat;
    width: 10px;
    height: 10px;
}
.zhedie.act .icon{
    background: url(../images/icon.png?20230224) -587px -205px no-repeat;
    width: 10px;
    height: 10px;
}


.smsrecharge{
    padding: 20px;
}
.smsrecharge .title{
    font-size: 16px;
}
.smsrecharge .number{
    font-size: 26px;
}
.smsrecharge .number em{
    font-size: 12px;
    margin-left: 5px;
}
.smsrecharge .smsrechargeul{
    margin-top: 20px;
}
.smsrecharge .smsrechargeul li{
    float: left;
    width: calc((100% - 100px) / 5);
    box-sizing: border-box;
    border: 1px solid #efefef;
    margin-right: 20px;
    text-align: left;
    height: 90px;
    border-radius: 5px;
    position: relative;
}
.smsrecharge .smsrechargeul li:nth-child(6n){
    margin-right: 0;
}
.smsrecharge .smsrechargeul li .num{
    font-size: 16px;
    margin-top: 14px;
    padding-left: 14px;
}
.smsrecharge .smsrechargeul li .money{
    font-size: 30px;
    color: #005BE6;
    padding-left: 14px;
    padding-top: 5px;
    float: left;
}
.smsrecharge .smsrechargeul li .money:before{
    content: "￥";
    font-size: 16px;    
}
.smsrecharge .smsrechargeul li .jiesheng{
    font-size: 14px;
    color: #999;
    margin-top: 5px;
    float: left;
    margin-top: 18px;
    margin-left: 5px;
}
.smsrecharge .smsrechargeul li .jiesheng em{
    text-decoration: line-through;
    margin-right: 5px;
}
.smsrecharge .smsrechargeul li .zhekou{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #FB6161;
    width: 53px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.smsrecharge .smsrechargeul li .btn{
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
    float: right;
    margin-right: 14px;
    margin-top: 10px;
    height: 32px;
    line-height: 32px;
    width: 60px;
}
.sharetable { margin-top: 20px; }
.sharetable table thead { background-color: rgb(245, 247, 250); }
.sharetable table td { height: 40px; }
.sharetable table td.yichu { cursor: pointer; color: rgb(255, 153, 0); }
.sharetable table tr { border: 1px solid rgb(235, 238, 245); }
.sharetable table tbody tr.act, .sharetable table tbody tr:hover { background-color: rgb(255, 245, 229); }
.sharetable table thead td .i1::before, .sharetable table tbody td .i1::before { content: ""; font-family: icomoon; color: rgb(204, 204, 204); font-weight: normal; font-size: 14px; }
.sharetable table thead td .i1.radio::before, .sharetable table tbody td .i1.radio::before { content: ""; }
.sharetable table tbody td .i1.act::before { content: ""; font-family: icomoon; color: rgb(255, 153, 0); font-weight: normal; }
.sharetable table tbody td .i1.radio.act::before { content: ""; }

.platformoperationdatasee {
    padding: 20px;
    overflow: auto;
    /* height: calc(100vh - 46px); */
    box-sizing:border-box;
    border-top:1px solid #e8e8e8;
    width: 800px;
    margin: 0 auto;
}
.platformoperationdatasee .bglist{
    padding-bottom: 50px;
}
.platformoperationdatasee .bglist:last-of-type{
    padding-bottom: 20px;
}
.platformoperationdatasee .bigtitle{
    text-align: center;
    font-size: 28px;
    margin: 10px 0
}
.platformoperationdatasee .bgname{
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
    margin-top: 50px;
}
.platformoperationdatasee .bgimg img{
    width: auto;
    max-width: 100%;
    display: block;
    padding-bottom: 10px;
}
.platformoperationdatasee .bgsm{
    font-size: 14px;
    margin-top: 10px;
    background: #F0F5FF;
    padding: 10px;
}
.platformoperationdatasee .bgtime{
    text-align: center;
    font-size: 12px;
}
.platformoperationdatasee .bgtime span{
    color: #666;
    margin-right: 10px;
}
.platformoperationdatasee .bgzj{
    font-size: 14px;
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
    margin-top: 20px;
}
.platformoperationdatasee .bgzj span,.platformoperationdatasee .bgsm span{
    float: left;
    width: 44px;
    color:#c00;
}
.platformoperationdatasee .bgzj em,.platformoperationdatasee .bgsm em{
    float: left;
    width: calc(100% - 44px);
    line-height: 1.6;
}

#exportData{
    height: calc(100vh - 180px) !important;
}


.extensioncode{
    width: 858px;
    height: 550px;
    box-sizing: border-box;
    padding: 35px;
}

.extensioncode {
    width: 858px;
    height: 550px;
    box-sizing: border-box;
    padding: 35px;
}
.extensioncode .extensioncodel{
    float: left;
    width: 364px;
    text-align: center;
}

.extensioncode .extensioncodel .etip{
    background-color: #FFFDFB;
    border:1px solid #005BE6;
    color: #005BE6;
    height: 34px;
    line-height: 34px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}


.extensioncode .extensioncodel{
    position: relative;
}
.extensioncode .extensioncodel:after{
    content: "";
     border-bottom: 2px solid #ccc;
    border-left: 2px solid #ccc;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    width: 50px;
    height: 50px;
    top: 250px;
    right: -50px;
    position: absolute;
}
.extensioncode .extensioncodel .ename{
    font-size: 24px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 15px;
}
.extensioncode .extensioncodel .echange{
    margin-bottom: 15px;
}
.extensioncode .extensioncodel .echange a{
    font-size: 14px;
    color: #3399CC;
}
.extensioncode .extensioncodel .echange a:before{
    content: "\e90f";
    font-family: icomoon;
    color: #3399CC;
    font-size: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.extensioncode .extensioncodel .ecode{
    position: relative;
}
.extensioncode .extensioncodel .ecodelogo{
    position: absolute;
    top: 104px;
    left: 157px;
}
.extensioncode .extensioncodel .ecode img{
    width: 258px;
    height: 258px;
}
.extensioncode .extensioncodel .ecode .ecodelogo{
    width: 50px;
    height: 50px;
    border-radius: 5px;
}
.extensioncode .extensioncodel .edownload{
    margin-top: 20px;
}
.extensioncode .extensioncodel .edownload  input{
    height: 34px;
    line-height: 34px;
    padding: 0 23px;
    text-align: center;
    box-sizing: border-box;
    background-color: #FAFBFC;
    display: inline-block;
    border: 1px solid #E5E7EB;
    border-radius: 2px;
}
.extensioncode .extensioncoder{
    float: left;
    margin-left: 130px;
    position: relative;
}
.extensioncode .extensioncoder .banner{
    position: absolute;
    top: 53px;
    left: 13px;
}
.extensioncode .extensioncoder .banner{
    width: 206px;
    height: 364px;
}
.extensioncode .extensioncoder .banner img{
    width: 206px;
    height: 364px;
}


.cleanerrowhouse{
    width: 640px;
    margin: 14px;
}
.cleanerrowhouse .rowhouse{
    margin-top: 20px;
    max-height: 400px;
    overflow: auto;
}
.cleanerrowhouse label
 {
    float: left;
    cursor: pointer;
    margin-right: 10px;
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.cleanerrowhouse label:before {
    font-family: 'icomoon';
    font-size: 16px;
    width: 16px;
    float: left;
    color: #bbb;
    margin-right: 4px;
}


.cleanerrowhouse label:before {
    content: "\e905";
}

.cleanerrowhouse label.checked:before {
    content: "\e906";
    color: #005BE6;
}

.cleanerrowhouse label:before {
    content: "\e925";
}

.cleanerrowhouse .radio label:before {
    content: "\e905";
}
.cleanerrowhouse label.checked:before {
    content: "\e924";
    color: #005BE6;
}
.cleanerrowhouse .quanxuan {
    margin-bottom: 10px;
}
.cleanerrowhouse .quanxuan label {
    width: 100%;
}
.cleanerrowhouse li {
    margin-bottom: 20px;
}
.cleanerrowhouse li .fanghao{
    width: 600px;
}

/* 餐饮模块 */
.foodindex{
    background-color: #F3F3F3;
    padding: 15px;
    height: 100%;
    box-sizing: border-box;
}
.foodindextop{
    height: 91px;
    display: flex;
}
.foodindex .title{
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    display: none;
}
.foodindextop .xinxi{
    width: 23%;
    height: 100%;
    background-color: #fff;
    margin-right: 10px;
    float: left;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 10px 14px;
    box-sizing: border-box;
}
.foodindextop .xinxib{
    display: flex;
    margin-top: 5px;
}
.foodindextop .xinxib .logo img{
    width: 62px;
    height: 62px;
    border-radius: 50%;
    margin-right: 10px;
}
.foodindextop .xinxib .zt .p1{
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 18vw;
}
.foodindextop .xinxib .zt .p2{
    font-size: 12px;
    margin-top: 5px;
    color: #999;
}
.foodindextop .xinxib .zt .p3{
    font-size: 12px;
    margin-top: 5px;
    color: #999;
}
.foodindextop .gongneng{
    width: 16%;
    height: 100%;
    background-color: #fff;
    margin-right: 10px;
    float: left;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 10px 14px;
    box-sizing: border-box;
}
.foodindextop .gongnengb{
    display: flex;
    margin-top: 10px;
}
.foodindextop .gongnengb .list{
    width: 100%;
    display: flex;
    justify-content: center;
}
.foodindextop .gongnengb .lista{
    background-color: #0E8CD9;
    width: 54px;
    height: 54px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.foodindextop .gongnengb .list:nth-child(2) .lista{
    background-color: #5FE390;
}
.foodindextop .gongnengb .lista .icon{
    width: 18px;
    height: 18px;
    margin-left: 18px;
    margin-top: 10px;
    background: url(../images/iconfood.png?20230224) -1px -1px no-repeat;
    text-align: center;
}
.foodindextop .gongnengb .list:nth-child(2)  .lista .icon{
    background: url(../images/iconfood.png?20230224) -30px -1px no-repeat;
}
.foodindextop .gongnengb .lista .p1{
    margin-top: 5px;
}
.foodindextop .shuju{
    width: calc(63% - 20px);
    height: 100%;
    background-color: #fff;
    float: left;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 10px 14px;
    box-sizing: border-box;
    flex: 1;
}

.foodindextop .shujub{
   display: flex;
   margin-top: 10px;
}

.foodindextop .shujub .list{
   width: 100%;
   text-align: center;
}

.foodindextop .shujub .list .p1{
   font-size: 24px;
   font-weight: bold;
}
.foodindextop .shujub .list .p2{
   font-size: 14px;
   margin-top: 5px;
   color: #666;
}
.foodindexbottom{
    background-color: #fff;
    padding: 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
    height: calc(100vh - 176px);
}
.foodindexbottom .sharesearch input{
    height: 30px;
    line-height: 28px;
}
/* .foodindexbottom .shaixuan{
    margin-top: 20px;
} */
.foodindexbottom .shaixuan{
    margin-bottom: 15px;
}
.foodindexbottom .shaixuan .name{
    float: left;
    margin-right: 20px;
    padding: 5px;
}

.foodindexbottom .xuanxiang .list{
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    padding: 5px;
    cursor: pointer;
}
.foodindexbottom .xuanxiang .list:hover,.foodindexbottom .xuanxiang .list.act{
    background-color: #005BE6;
    color: #fff;
    border-radius: 5px;
}

.foodindexbottom .realtimeroomstate>ul{
    padding: 0;
}
.foodindex .realtimeroomstate .information .name .jcicon{
    width: 19px;
    height: 15px;
    background: url(../images/iconfood.png?20230224) -1px -35px no-repeat;
    display: inline-block;
    margin-left: 5px;
}
.foodindex .realtimeroomstate .nummoney{
    padding: 0 5px;
    margin-top: 5px;
}
.foodindex .realtimeroomstate .nummoneyl{
    float: left;
}
.foodindex .realtimeroomstate .nummoneyl:before{
    content:"";
    width: 13px;
    height: 12px;
    background: url(../images/iconfood.png?20230224) -1px -68px no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 2px;
}
.foodindex .realtimeroomstate .nummoneyr{
    float: right;
}
.foodindex .realtimeroomstate .nummoneyr:before{
    content:"";
    width: 12px;
    height: 12px;
    background: url(../images/iconfood.png?20230224) -27px -68px no-repeat;
    display: inline-block;
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.orderfood{
    background-color: #f8f8f8;
}
.orderfoodtop{
    height: 66px;
    border-bottom: 1px solid #005BE6;
    padding: 11px 14px 0;
    box-sizing: border-box;
    background-color: #F8F8F8;
}
.orderfoodtop .navlist{
    float: left;
    height:44px;
    line-height: 42px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    background: linear-gradient(#fff, #F6F6F6);
    margin-right: 10px;
    border-radius: 5px;
    font-size: 16px;
    min-width: 85px;
    text-align: center;
}
.orderfoodtop .navlist:hover,.orderfoodtop .navlist.act{
    background: #005BE6;
    border-color: #005BE6;
    color: #fff;
}
.orderfoodbottom{
    padding: 14px;
    height: 100vh;
    box-sizing: border-box;
}
.settleaccounts .orderfoodbottom{
    padding: 0;
}
.orderfoodbottom .caozuonav{
    width: 90px;
    float: left;
    box-sizing:border-box;
    border-left: 1px solid #efefef;
    height: calc(100vh - 83px);
    overflow: auto;
}
.orderfoodbottom .caozuonav .more{
    display: none;
}
.orderfoodbottom .caozuonav .czlist{
    width: 72px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    background: linear-gradient(#fff, #F6F6F6);
    font-size: 14px;
    text-align: center;
    margin: 10px auto 0;
    border-radius: 5px;
    cursor: pointer;
}
.orderfoodbottomleft{
    float: left;
    width: 288px;
}
.orderfoodbottomwide .orderfoodbottomleft{
    float: left;
    width: 378px;
}
.orderfoodbottomlefttop{
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}
.orderfoodbottomlefttopleft{
    height: calc(100vh - 83px);
    display: flex;
    flex-direction: column;
    width: 288px;
    float: left;
}
.orderfoodbottomleft .heji{
    padding: 9px;
    border-bottom: 1px solid #efefef;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
}
.orderfoodbottomleft .hejil{
    float: left;
    font-size: 16px;
}
.orderfoodbottomleft .hejil i{
    width: 16px;
    height: 16px;
    background: url(../images/iconfood.png?20230224) -55px -66px no-repeat;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 2px;
    cursor: pointer;
}
.orderfoodbottomleft .hejil span{
    color: #005BE6;
    margin-left: 5px;
}
.orderfoodbottomleft .hejir{
    float: right;
    font-size: 16px;
    text-align: right;
    flex: 1 1;
}
.orderfoodbottomleft .hejir .yuanjia{
    color: rgb(153, 153, 153);
    font-size: 12px;
}
.orderfoodbottomleft .hejir span{
    margin-left: 5px;
}
.orderfoodbottomleft .detail{
    padding: 7px 10px;
    background-color: #F1F7FE;
    font-size: 14px;
}
.orderfoodbottomleft .detailli{
    margin-bottom: 10px;
}
.orderfoodbottomleft .detailli50{
    float: left;
    width: 50%;
}
.orderfoodbottomleft .detaillil{
    float: left;
    width: 65px;
    color: #666;
}
.orderfoodbottomleft .detaillir{
    float: left;
    width: calc(100% - 65px);
    color: #333;
}
.orderfoodbottomleft .addsprk{
    width: 100%;
    flex: 1 1;
    overflow: auto;
    height: 100%;
    max-height:initial;
}
.orderfoodbottomleft .addsprk tr td{
    font-size: 15px;
}
.orderfoodbottomleft .addsprk thead tr td:first-child{
    width: auto;
}
.orderfoodbottomleft .addsprk tr td.tal{
    padding-left: 10px;
}
.orderfoodbottomleft .addsprk tr td.tar{
    padding-right: 10px;
}
.orderfoodbottomleft .addsprk tr td .i2:before{
    font-size: 18px;
    color: #c00;
}
.orderfoodbottomleft .addsprk tr td a:hover{
    background: none;
}
.orderfoodbottomleft .addsprk tr td .ts{
    color: #c00;
    font-size: 12px;
    display: block;
}
.orderfoodbottomleft .addsprk tr td .beizhu{
    color: #666;
    font-size: 12px;
    display: block;
}
.orderfoodbottomleft .addsprk tr td .beizhu i{
    color: #999;
}
.orderfoodbottomleft .addsprk tr td .send{
    color: #396;
}
.orderfoodbottomleft .addsprk tr td .yuanjia{
    /* text-decoration:line-through; */
    color: #999;
    font-size: 12px;
}
tr[ispackdetail="1"]{
    background-color: #f6f6f6;
}

.orderfood .caozuo{
    display: flex;
    margin-top: 10px;
}
.settleaccounts .orderfoodbottomright .caozuo{
    float: right;
    margin-right: 10px;
    margin-top: 18px;   
}
.orderfood .caozuo .cznav{
    width: 100%;
    background-color: #005BE6;
    color:#fff;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 5px;
    box-sizing: border-box;
}
.settleaccounts .orderfoodbottomright .caozuo .cznav{
    width: 90px;
    background:linear-gradient(#fff, #F6F6F6);
    color:#333;
    border:1px solid #ccc;
}
.settleaccounts .orderfoodbottomright .caozuo .cznav:hover{
    background: #005BE6;
    color:#fff;
    border:1px solid #005BE6;
}
.orderfood .caozuo .cznav.unclick{
    background: #ccc !important;
    color: #fff !important;
}
.orderfood .caozuo .cznav:last-child{
    margin-right: 0;
}


.orderfoodbottomright{
    float: left;
    margin-left: 14px;
    width: calc(100% - 302px);
    height: calc(100vh - 28px);
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.orderfoodbottomwide .orderfoodbottomright{
    width: calc(100% - 392px);
}

.settleaccounts .orderfoodbottomright{
    box-shadow: initial;
    border-radius: 0;
    background: none;
    margin-left: 0;
    width: 100%;
}
.settleaccounts .orderfoodbottomright .jiezhang{
    width: 100%;
    height: 425px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    padding: 0;
    box-sizing: border-box;
}
.settleaccounts .orderfoodbottomright .jiezhang{
    box-shadow:initial;
}
.settleaccounts .orderfoodbottomright .jiezhang .title{
    font-size: 24px;
    text-align: center;
}
.settleaccounts .orderfoodbottomright .jiezhang .xinxi{
   margin-top: 0;
   line-height: 52px;
   padding: 0 20px
}
.settleaccounts .orderfoodbottomright .jiezhang .xinxi .list{
    float: left;
    margin-right: 22px;
    font-size: 16px;
}
.settleaccounts .orderfoodbottomright .jiezhang .xinxi .list span{
    color: #666
}
.settleaccounts .orderfoodbottomright .jiezhang .money{
    margin: 0 20px;
}
.settleaccounts .orderfoodbottomright .jiezhang .money ul{
    padding: 10px 0;
    border-top: 1px solid #efefef;
    line-height: 30px;
}

.settleaccounts .orderfoodbottomright .jiezhang .money ul li{
    float: left;
    font-size: 16px;
    width: 33.33%;
    white-space: nowrap;
}
.settleaccounts .orderfoodbottomright .jiezhang .money ul li:last-child{
    float: right;
    text-align: right;
}
.settleaccounts .orderfoodbottomright .jiezhang .money ul li.all span{
    color: #005BE6;
    font-size: 22px;
}
.settleaccounts .orderfoodbottomright .jiezhang .money ul li.all em{
    color: #c00;
    font-size: 22px;
}
.settleaccounts .orderfoodbottomright .jiezhang .moneypay{
    color: #666;
    font-size: 12px;
}
.settleaccounts .orderfoodbottomright .jiezhang .moneypay span{
    margin-right: 10px;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode{
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode{
    display: flex;
    align-items: center;
    font-size: 16px;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payicon{
    display: flex;
    align-items: center;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .icon {
    width: 60px;
    height: 30px;
    text-align: center;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist {
    margin-left: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist p {
    text-align: center;
    font-size: 12px;
    margin-top: 5px;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .xjzf {
    background: url(../images/iconfood.png?20230224) 12px -90px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .yhkzf {
    background: url(../images/iconfood.png?20230224) -72px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .hykzf {
    background: url(../images/iconfood.png?20230224) -160px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .wxzf {
    background: url(../images/iconfood.png?20230224) -237px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .zfbzf {
    background: url(../images/iconfood.png?20230224) -318px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .smzf {
    background: url(../images/iconfood.png?20230224) -417px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .paymode .payiconlist .gz {
    background: url(../images/iconfood.png?20230224) -491px -93px no-repeat;
}
.settleaccounts .orderfoodbottomright .jiezhang .beizhu{
    font-size: 16px;
    padding: 20px 0;
}
.orderfoodbottomright .sousuo{
    padding: 14px;
}
.orderfoodbottomright .sousuo .sharesearch{
    padding-left: 0;
}
.orderfoodbottomright .sousuo .sharesearch input{
    height: 40px;
    line-height: 40px;
    width: 350px;
}
.orderfoodbottomright .sousuo .sharesearch a{
    height: 40px;
    line-height: 38px;
}
.orderfoodbottomright .qiehuan {
    float: right;
}
.orderfoodbottomright .qiehuan .zuo{
    margin-right: 10px;
}
.orderfoodbottomright .qiehuan .zuo:before{
    content: "\e97E";
    font-family: icomoon;
    font-size: 28px;
    color: #005BE6;
}
.orderfoodbottomright .qiehuan .you:before{
    content: "\e921";
    font-family: icomoon;
    font-size: 28px;
    color: #005BE6;
}
.orderfoodbottomright .qiehuan .zuo,.orderfoodbottomright .qiehuan .you{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #eee;
    border: 1px solid #d9d9d9;
    float: left;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.orderfoodbottomright .qiehuan .zuo.unclick:before,.orderfoodbottomright .qiehuan .you.unclick:before{
    color: #ccc;
}
.orderfoodbottomright .foodshow{
    padding: 0 14px;
    height: calc(100vh - 164px);
    overflow: auto;
}
.orderfoodbottomright .foodshowlist{
    float: left;
    width: 168px;
    margin-right: 8px;
    cursor: pointer;
}
.orderfoodbottomright .foodshowlist .photo{
   position: relative;
}
.orderfoodbottomright .foodshowlist .sellclear{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102,102,102,.5);
    display: flex;
    color: #fff;
    font-size: 24px;
    align-items: center;
    justify-content: center;
}
.orderfoodbottomright .foodshowlist img{
    width: 100%;
    height: 126px;
    border: 1px solid #ccc;
    border-radius: 5px;
    object-fit: cover;
}
.orderfoodbottomright .foodshowlist .namemoney{
    font-size: 14px;
    margin-top: 5px
}
.orderfoodbottomright .foodshowlist .name{
    float: left;
    width: 100px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.orderfoodbottomright .foodshowlist .money{
    float: right;
    width: 68px;
    text-align: right;
}
.orderfoodbottomrightleft{
    width: calc(100% - 120px);
    float: left;
    height: 100%
}
.orderfoodbottomrightright{
    width: 120px;
    float: right;
    background: #F8F8F8;
    height: calc(100vh - 94px);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: auto;
}
.orderfoodbottomrightright .caixilist{
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #efefef;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}
.orderfoodbottomrightright .caixilist.act{
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.orderfoodbottomrightright .caixilist i{
    height: 19px;
    padding: 0 6px;
    line-height: 19px;
    border-radius: 10px;
    position: absolute;
    text-align: center;
    background: #c00;
    color: #fff;
    font-size: 12px;
    transform: translate(-5px,10px);
}

.foodspecifications{
    width: 850px;
    height: 542px;
    overflow: auto;
    padding: 20px;
    box-sizing: border-box;
}
.foodspecifications .photo{
    float: left;
    margin-right: 12px;
}
.foodspecifications .photo img{
    width: 168px;
    height: 126px;
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.foodspecifications .detail{
    float: left;
    width: calc(100% - 180px);
    position: relative;
    height: 126px;
}
.foodspecifications .detail .name{
    font-size: 22px;
    font-weight: bold;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.foodspecifications .detail .sale{
    font-size: 14px;
    margin-top: 5px;
}
.foodspecifications .detail .money{
    font-size: 20px;
    position: absolute;
    bottom: 5px;
    left: 0;
}
.foodspecifications .specificationsselect .title{
    font-size: 22px;
    margin-bottom: 10px;
}
.foodspecifications .specificationsselect{
    margin-top: 30px;
}
.foodspecifications .specificationsselect .list{
    margin-bottom: 8px;
}
.foodspecifications .specificationsselect .list:last-child{
    margin-bottom: 0;
}
.foodspecifications .specificationsselect li{
    height: 45px;   
    line-height: 43px;
    text-align: center;
    padding: 0 20px;
    background: linear-gradient(#fff, #F6F6F6);
    border: 2px solid #d9d9d9;
    box-sizing: border-box;
    float: left;
    margin-right: 12px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-bottom: 12px;
}
.foodspecifications .specificationsselect .uladd li{
    height: 55px;   
    line-height: initial;
    display: flex;
    justify-content: center;
    align-items: center;
}
.foodspecifications .specificationsselect .uladd li .jladd{
    display: none;
}
.foodspecifications .specificationsselect .uladd li.act .jladd{
    display: block;
    margin-top: 3px;
}
.foodspecifications .specificationsselect .uladd li .jladd i{
    padding: 0 5px;
    font-size: 14px;
}
.foodspecifications .specificationsselect .uladd li .jladd em{
    background: rgba(255,255,255,.4);
    width: 21px;
    height: 13px;
    line-height: 11px;
    text-align: center;
    display: inline-block;
}
.foodspecifications .specificationsselect li.act,.foodspecifications .specificationsselect li:hover{
    background: #005BE6;
    border-color: #005BE6;
    color: #fff;
}
.foodspecifications .specificationsselect .list .memr{
    float: left
}
.foodspecifications .specificationsselect .list .memr .mrNav{
    border-bottom: none;
    position: relative;
    top: -8px;
    margin-left: 20px;
}
.foodspecifications .specificationsselect .list .memr .mrNav a{
    font-size: 18px;
    font-weight: initial;
}
.foodspecifications .specificationsselect.foodpack li{
    background: #fff;
    color: #333;
    height: 70px;
    padding: 0 50px 0 10px;
    position: relative;
}
.foodspecifications .specificationsselect.foodpack li.act{
    border: 2px solid #005BE6;
}
.foodspecifications .specificationsselect.foodpack li:hover{
    background: #fff;
}
.foodspecifications .specificationsselect.foodpack li .dfa{
    display: flex;
    align-items: center;
}
.foodspecifications .specificationsselect.foodpack li .guigeselect{
    font-size: 12px;
    color: #c00;
    text-align: left;
    margin-top: 5px;
}
.foodspecifications .specificationsselect.foodpack li .phototc{
    margin-right: 10px;
}
.foodspecifications .specificationsselect.foodpack li .phototc img{
    height: 30px;
}
.foodspecifications .specificationsselect.foodpack li .check{
    position: absolute;
    bottom: 6px;
    right: 6px;
}
/* .foodspecifications .specificationsselect.foodpack li.act .check{
    display: none;
} */
.foodspecifications .specificationsselect.foodpack li .check:before{
    font-family: 'icomoon';
    font-size: 22px;
    color: #666;
    content: "\e97d";
}
.foodspecifications .specificationsselect.foodpack li.act .check:before{
    color: #005BE6;
}
.foodspecifications .specificationsselect.foodpack li .nametc {
    background: linear-gradient(to right,#CF0D0D, #E95353);
    color: #fff;
    padding: 3px 5px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
}
.foodspecifications .specificationsselect.foodpack li .moneytc {
    color: #005BE6;
}
.foodspecifications .specificationsselect.foodpack li .guigetc {
    color: #005BE6;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #005BE6;
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
}
.foodspecifications .specificationsselect.foodpack .uladd li .jladd em{
    background-color: #005BE6;
    color: #fff;
}
.foodspecifications .specificationsselect.foodpack .uladd li .jladd em.unclicktc{
    background-color: #D6D6D6;
    pointer-events:none;
}
.selectpeoplenumber{
    padding: 10px 0 0;
}
.selectpeoplenumber li{
    width: 80px;
    height: 80px;
    line-height: 78px;
    text-align: center;
    border: 1px solid #bebebe;
    box-sizing: border-box;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #333;
    font-size: 18px;
    cursor: pointer;
    font-size: 24px;
}
.selectpeoplenumber li:nth-child(4n),.selectpeoplenumberfive li:nth-child(5n){
    margin-right: 0;
    background-color: #f1f1f1;
}
.selectpeoplenumberfive li:nth-child(4n){
    margin-right: 10px;
    background-color: #fff;
}
.selectpeoplenumberfive li:nth-child(4),.selectpeoplenumberfive li:nth-child(9),.selectpeoplenumberfive li:nth-child(14),.selectpeoplenumberfive li:nth-child(19){
    margin-right: 10px;
    background-color: #fff;
    color: #f60;
}
.selectpeoplenumber li:hover,.selectpeoplenumber li.act{
    background-color: #005BE6;
    border-color: #005BE6;
    color: #fff;
}
.selectpeoplenumber li:last-child{
    background-color: #005BE6;
    border: 1px solid #005BE6;
    color: #fff;
    margin-right: 0;
}

.adifoli .shuidianbiao{
    background-color: #e6e6e6;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 14px;
    text-align: center;
}
.adifoli .shuidianbiao span{
    display: inline-block;
    border: 1px solid  #333;
    width: 12px;
    height: 12px;
    margin-left: 2px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
}


@media screen and (max-width: 1600px) {  
    .orderfoodbottomright .foodshowlist{
        width: 124px;
    }
    .orderfoodbottomright .foodshowlist img{
        height: 75px;
    }
    .orderfoodbottomright .foodshowlist .name{
        width: 56px;
    }
    .orderfood .addsprk tbody tr td,.orderfood .addsprk thead tr td{
        height: 26px;
    }
    .orderfoodbottomleft .detailli {
        margin-bottom: 5px;
    }
    .orderfoodbottomleft .heji{
        padding: 3px 9px;
    }
    .orderfoodbottomright .sousuo{
        padding: 10px 14px;
    }
    .orderfoodbottomright .sousuo .sharesearch input,.orderfoodbottomright .sousuo .sharesearch a{
        height: 32px;
        line-height: 32px;
    }
}
@media screen and (max-width: 1366px) {  
    
    .orderfoodbottom .caozuonav .moreshow{
        position: absolute;
        bottom: 95px;
        left: 405px;
        background: #fff;
        box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);
        padding: 5px 10px 10px;
        border-radius: 5px;
        display: none;
    }
    .orderfoodbottom .caozuonav .moreshow.show{
        display: block;
    }
    .orderfoodbottom .caozuonav .moreshow i{
        width: 0;
        height: 0;
        border-width: 8px 8px 8px 0;
        border-style: solid;
        border-color: transparent #fff transparent transparent;
        position: absolute;
        bottom: 10px;
        left: 0px;
        margin-left: -8px;
    }
    .orderfoodbottom .caozuonav .more{
        display: block;
    }
}

/* 管理大数据平台 */

@font-face
{
    font-family: myFirstFont;
    src: url('/App_Themes/default/css/ttf/FZZCHJW.TTF?20230323');
}
@font-face
{
    font-family: myFirstFont1;
    src: url('/App_Themes/default/css/ttf/JLinXin.TTF?20230323');
}

.bigdataplatform{
    background: linear-gradient(#04132E,#07104E);
    width: 100vw;
    height: 100vh;
    overflow: auto;
    position: relative;
}
.bigdataplatformbg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.bigdataplatform .top{   
    position: relative; 
    margin-left: 3.8vw;
    width: calc(100% - 3.8vw);
    height: 6vh;
    padding-top: 6vh;
}
.bigdataplatform .top .date{
    float: left;
    width: 25%;

}
.bigdataplatform .top .date span{
    color: #82c9ff;
    font-size: 0.8vw;
    margin-right:1vw;
    font-family: myFirstFont;
}
.bigdataplatform .top .name{
    text-align: center;
    color: #eef8ff;
    font-size: 1.2vw;
    float: left;
    width: 46.5%;
    font-family: myFirstFont;
}
.bigdataplatform .top .num{
    color: #75bcff;
    font-size: 0.8vw;
    float: left;
    width: 28.5%;
    padding-left: 0.5%;
    box-sizing: border-box;
    font-family: myFirstFont;
}
.bigdataplatform .top .num span{
    margin-right: 1vw;
}
.bigdataplatform .center{
    width: 95.2vw;
    height: 80%;
    margin: 0 2.4vw;
}
.bigdataplatform .centertop{
    width: 100%;
    height: 50%;
}
.bigdataplatform .centertopone{
    float: left;
    height: 100%;
    width: 25%;
    padding: 1vw;
    box-sizing: border-box;
}
.bigdataplatform .centertoptwo,.bigdataplatform .centerbottomtwo{
    float: left;
    height:calc(100% - 2vw);
    width: 40%;
    margin: 1vw 5% 1vw;
    display: inline-flex;
    position: relative;
    background: url(../images/bigdata/mapbg.png?20230224) no-repeat;
    background-size: 100% 100%;
}
.bigdataplatform .map{
    height:calc(100% - 2vw);
    width: calc(100% - 2vw);
    margin: 1vw;
    display: inline-flex;
    position: relative;
    background: url(../images/bigdata/map.png?20230224) no-repeat;
    position: relative;
    background-size: 100% 100%;
}
.bigdataplatform .map .hotspot{
    background: url(../images/bigdata/hotspot.png?20230224) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2vw;
    height: 2vw;
    -webkit-animation:loading 1s steps(12, end) infinite;
    animation:loading 1s steps(12, end) infinite;
    z-index: 2;
}
.bigdataplatform .map .hotspot1{
    top: 45%;
    left: 57%;
}
.bigdataplatform .map .hotspot2{
    top: 60%;
    left: 58%;
}
.bigdataplatform .map .hotspot3{
    top: 68%;
    left: 58%;
}
.bigdataplatform .map .hotspot4{
    top: 66%;
    left: 51%;
}
.bigdataplatform .map .hotspot5{
    top: 47%;
    left: 65%;
}
.bigdataplatform .map .hotspot6{
    top: 69%;
    left: 87%;
}
.bigdataplatform .map .hotspot7{
    top: 23%;
    left: 57%;
}
.bigdataplatform .map .hotspot8{
    top: 58%;
    left: 23%;
}
.bigdataplatform .map .hotspot9{
    top: 64%;
    left: 42%;
}
.bigdataplatform .map .hotspot10{
    top: 72%;
    left: 48%;
}
.bigdataplatform .map .hotspot11{
    top: 51%;
    left: 50%;
}
.bigdataplatform .map .hotspot12{
    top: 67%;
    left: 75%;
}
.bigdataplatform .map .hotspot13{
    top: 63%;
    left: 82%;
}
.bigdataplatform .map .hotspot14{
    top: 65%;
    left: 32%;
}
.bigdataplatform .map .hotspot15{
    top: 66%;
    left: 12%;
}

.bigdataplatform .map .wenzi{
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 0.8vw;
}
.bigdataplatform .map .wenzi1{
    top: 45%;
    left: 57%;
}
.bigdataplatform .map .wenzi2{
    top: 60%;
    left: 58%;
}
.bigdataplatform .map .wenzi3{
    top: 68%;
    left: 58%;
}
.bigdataplatform .map .wenzi4{
    top: 66%;
    left: 51%;
}
.bigdataplatform .map .wenzi5{
    top: 47%;
    left: 65%;
}
.bigdataplatform .map .wenzi6{
    top: 69%;
    left: 87%;
}
.bigdataplatform .map .wenzi7{
    top: 23%;
    left: 57%;
}
.bigdataplatform .map .wenzi8{
    top: 58%;
    left: 23%;
}
.bigdataplatform .map .wenzi9{
    top: 64%;
    left: 42%;
}
.bigdataplatform .map .wenzi10{
    top: 72%;
    left: 48%;
}
.bigdataplatform .map .wenzi11{
    top: 51%;
    left: 50%;
}
.bigdataplatform .map .wenzi12{
    top: 67%;
    left: 75%;
}
.bigdataplatform .map .wenzi13{
    top: 63%;
    left: 82%;
}
.bigdataplatform .map .wenzi14{
    top: 65%;
    left: 32%;
}
.bigdataplatform .map .wenzi15{
    top: 66%;
    left: 12%;
}
.bigdataplatform .map .wenzi16{
    top: 46%;
    left: 35%;
}
.bigdataplatform .map .wenzi17{
    top: 36%;
    left: 44%;
}
.bigdataplatform .map .wenzi18{
    top: 14%;
    left: 67%;
}
.bigdataplatform .map .wenzi19{
    top: 42%;
    left: 75%;
}
.bigdataplatform .map .wenzi20{
    top: 48%;
    left: 86%;
}
.bigdataplatform .map .wenzi21{
    top: 62%;
    left: 92%;
}
.bigdataplatform .map .number{
    background: url(../images/bigdata/numbigbg.png?20230224) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: -1vw;
    right: 0;
    color: #fff;
    font-family: myFirstFont;
    font-size: 1.2vw;
    padding-top: 2vw;

}

@-webkit-keyframes loading{
    0%{
    -webkit-transform:scale(0.5);
        transform:scale(0.5);
    }
    100%{
    -webkit-transform:scale(1);
        transform:scale(1);
    }
  }
  @keyframes loading{
    0%{
    -webkit-transform:scale(0.1);
        transform:scale(0.5);
    }
    100%{
    -webkit-transform:scale(1);
        transform:scale(1);
    }
  }
.bigdataplatform .centertopthree{
    float: left;
    height: 100%;
    width: 25%;
}
.bigdataplatform .table{
    float: left;
    height: calc(100% - 2vw);
    width: calc(100% - 1vw);
    display: inline-flex;
    position: relative;
    background: url(../images/bigdata/tablebg.png?20230224) no-repeat;
    background-size: 100% 100%;
    margin: 0 1vw 1vw 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bigdataplatform .centerbottomone .table{
    margin: 0 0 1vw 1vw;
}
.bigdataplatform .tabledq{
    width: 86%;
    height: 80%;
    margin-left: 3%;
    margin-top: 3%;
}
.bigdataplatform .centerbottom{
    width: 100%;
    height: 50%;
}
.bigdataplatform .centerbottomone{
    float: left;
    height: 100%;
    width: 25%;
}
.bigdataplatform .centerbottomtwo{
    float: left;
}
.bigdataplatform .centerbottomthree{
    float: left;
    height: 100%;
    width: 25%;
}
.bigdataplatform .bottom{
    text-align: center;
    height: 8%;
    color: rgba(255,255,255,.46);
    font-size: .8vw;
}
.bigdataplatform .bottom img{
    width: 4vw;
    margin-right: 1vw;
}
.bigdataplatform .sharefaguang{
    font-size: .8vw;
    color: #65b7ff;
}
.bigdataplatform .sharefaguang{
    display: flex;
    align-items: center;
}
.bigdataplatform .centertopthree .sharefaguang,.bigdataplatform .centerbottomthree .sharefaguang{
    float: right;
    margin-right: 5%;
}
.bigdataplatform .centerbottomone .sharefaguang{
    float: left;
    margin-left: 5%;
}
.bigdataplatform .sharefaguang:before{
    content: "";
    background: url(../images/bigdata/faguang01.png?20230224) no-repeat;
    width: 1.4vw;
    height: 1.4vw;
    display: inline-block;
    -webkit-background-size: 100%;
    background-size: 100%;
}
.bigdataplatform .numberbg{
    content: "";
    background: url(../images/bigdata/numbg.png?20230224) no-repeat;
    width: 1.4vw;
    height: 2vw;
    line-height: 2vw;
    display: inline-block;
    -webkit-background-size: 100%;
    background-size: 100%;
    float: left;
    text-align: center;
    color: #fff;
    margin-right: 1vw;
    font-size: 1.6vw;
    font-weight: bold;
}
.bigdataplatform .number{
   margin: 0 0 0.5vw;
    padding:1vw;
    display: inline-flex;
    position: relative;
    background: url(../images/bigdata/numbgbg.png?20230224) no-repeat;
    background-size: 100% 100%;
}
/* .bigdataplatform .number:before{
    content: "";
    background: url(../images/bigdata/faguangleft.png?20230224) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 1vw;
    height: 1vw;
    background-size:100%; 
}
.bigdataplatform .number:after{
    content: "";
    background: url(../images/bigdata/faguangleft.png?20230224) no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1vw;
    height: 1vw;
    background-size:100%; 
} */
.bigdataplatform .numberbg{
    content: "";
    background: url(../images/bigdata/numbg.png?20230224) no-repeat;
    width: 1.4vw;
    height: 2vw;
    line-height: 2vw;
    display: inline-block;
    -webkit-background-size: 100%;
    background-size: 100%;
    float: left;
    text-align: center;
    color: #fff;
    margin-right: 1vw;
    font-size: 1.6vw;
    font-weight: bold;
    font-family: myFirstFont1;
}
.bigdataplatform .numberbg:last-of-type{
    margin-right: 0.5vw;
}
.bigdataplatform .danwei{
    color: #fff;
    font-size: .8vw;
    position: relative;
    top: 1vw;
}
.bigdataplatform .photoshow{
   display: contents;
}
.bigdataplatform .photoshowl{
   float: left;
   width: calc(70% - 2vw);
   height:calc(100% - 2vw);
   margin:1vw;
   overflow: hidden;
}
.bigdataplatform .photoshowl .list{
    width: 100% !important;
    height: 100% !important;
}
.bigdataplatform .photoshowl img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
.bigdataplatform .photoshowr{
   float: left;
   width: calc(30% - 1vw);
   height: calc(100% - 2vw);
   margin: 1vw 1vw 1vw 0;
   overflow: hidden;
}
.bigdataplatform .photoshowr .swiper-container{
   width: 100%;
   height: 100%;
}
.bigdataplatform .photoshowr .list{
   width: 100% !important;
   height: calc(90% / 3) !important;
   margin-bottom: 5%;
}
.bigdataplatform .photoshowr .list:last-of-type{
   margin-bottom: 0;
}
.bigdataplatform .photoshowr .list img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* .bigdataplatform .photoshowl .swiper-container-horizontal>.swiper-pagination-bullets,.bigdataplatform .photoshowl .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 3vw !important;
} */

.competitivehotelsadd dd small{
    width: 75px;
}
.addevaluate dd div .star i{
    font-size: 18px;
    margin-right: 0;
}
.addevaluate dd div .star i.active{
    color: #FFCC00; 
}

.useranalysis
{
    padding: 14px;
    height:calc(100vh - 41px);
    overflow:auto;
    box-sizing: border-box;
}
.useranalysis .couponstip
{
    box-sizing: border-box;
    width: 100%;
}
.useranalysis .couponstip:before
{
    top: 0px;
}

.useranalysismodule{
    margin-top: 20px;
}
.useranalysismodule .useranalysismoduleleft{
    float: left;
    width: 58%;
    margin-right: 2%;
    font-size: 14px;
}
.useranalysismodule100 .useranalysismoduleleft{
    width: 100%;
    margin-right: 0%;
}
.useranalysismodule .useranalysismoduleright{
    float: left;
    width: 40%;
    font-size: 14px;
}
.useranalysismodule .chart{
    width: 100%;
    height: 300px;
    background-color: #fff;
    margin-top: 10px;
}
.useranalysismodule .tips{
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    font-size: 14px;
    background-color: #E8EEFB;
    margin-top: 10px;
    border: 1px solid #B9CDF3;
}
.useranalysismodule .title span{
    margin-left: 30px;
}
.useranalysismodule .title em{
    color: #005BE6;
}

.attendancedetails{
    padding: 14px;
    border: 1px solid #eee;
    width: 910px;
    box-sizing: border-box;
}
.attendancedetails .top{
    display: flex;
    align-items: center;
}
.attendancedetails .top .name{
    font-size: 18px;
    margin-right: 10px;
}
.attendancedetails .top .computer{
    background: url(../images/icon.png?20210922) no-repeat -33px -427px;
    width: 18px;
    height: 18px;
    margin-right: 10px;
}
.attendancedetails .top .residue{
    font-size: 12px;
}
.attendancedetails .table .ywc:before{
    font-family: 'icomoon';
    font-size: 22px;
    color: blue;
    content: "\e923";
}
.attendancedetails .table .wwc:before{
    font-family: 'icomoon';
    font-size: 18px;
    color: red;
    content: "\e904";
}

.sendset .example{
    border:1px solid #CAC9C9;
    height:197px;
    width: 914px;
    margin-left: 85px;
    border-radius: 5px;
}
.sendset .exampleone{
    width: 400px;
}
.sendset .examplel{
    float: left;
    width:44%;
    margin: 2%;
    position: relative;
    padding-right: 2%;
    border-right:1px dashed #CAC9C9;
    box-sizing: border-box;
}
.sendset .exampleone .examplel{
    border-right:none;
    width: 98%;
}
/* .sendset .examplel:after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #CAC9C9;
    top: 2%;
    right: -30px;
} */
.sendset .examplel textarea{
    height: 85px;
}
.sendset .exampleone .examplel textarea{
    height: 140px;
}
.sendset .examplel .btn{
    float: right;
    background-color: #005BE6;
    color: #fff;
    margin-top: 10px;
}
.sendset .exampler{
    float: left;
    width:46%;
    margin: 2%; 
}
.sendset .exampler .content{
    line-height: 1.4;
    max-height: 125px;
    overflow: auto;
}