/*header*/
.header{
    width:100%;
    height:50px;
    background-color: #3079be;
}
.header .header-box{
    width: 99%;
    height:100%;
    margin-left:1%;
}
.header .header-box .logo{
    color: #fff;
    line-height: 50px;
    font-size: 18px;
}
@media screen and (max-width: 1700px){
    .header .header-box .logo{
        display: none;
    }
    .header .header-box .address{
        border-left:none;
    }
}
@media screen and (max-width: 1500px){
    .header .header-box .r-dis{
        display: none;
    }
    .header .header-box .address{
        border-left:none;
    }
}
.header .header-box .address{
    height:12px;
    padding: 0 10px;
    border-left:1px solid #fff;
    margin: 21px 0 0 10px;
}
.header .header-box .address img{
    vertical-align: top;
}
.header .header-nav{
    /*padding-left: 5%;*/
}
.header .header-right li {
    width: 137px;
    height:50px;
    float: left;
    background-color: rgba(255,255,255,0.1);
    margin-left: 1px;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: rgba(255,255,255,.7);
    cursor: pointer;
    position: relative;
}
.header .header-right li .photo{
    width: 32px;
    height:32px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    overflow: hidden;
    line-height: 32px;
    margin: 9px 5px 0 20px;
}
.header .header-right li .photo img{
    width: 100%;
    height:100%;
}
.header .header-right li:hover{
    color: #fff;
}
.header .header-right li .name{
    max-width: 70px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.header .header-right li g{
    display: block;
    width: 10px;
    height:10px;
    background-color: #ff0000;
    position: absolute;
    top:12px;
    right:22px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.system .title{
    width: 100%;
    height:50px;
    color: #fff;
    background-color: #f85858;
    font-size: 14px;
    text-indent: 20px;
    line-height: 50px;
    position: relative;
}
.system .title i{
    position: absolute;
    top:0;
    right: 20px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}
.system .system-box{
    padding: 20px;
    min-height: 100px;
    max-height:240px;
    overflow-y: auto;
}
.system .system-box li{
    margin-bottom: 15px;
}
.system .system-box li .icon{
    width: 24px;
    height:22px;
    background: url(../images/icon-41.png) no-repeat;
}
.system .system-box li .text{
    padding-left: 35px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
}
.system .system-box li .text a,
.system .system-box li .text span{
    color: #ff0000;
}
.system .system-box .layui-btn-qr{
    background-color: #f85858;
}
.system .system-box .layui-btn{
    padding: 0 35px;

}
.system .system-box .system-btn{
    width: 100px;
    margin: 20px auto 0;
}

/*title*/
.room-title{
    padding:15px 0 15px 3.2%;
    position: relative;
}
.room-title i{
    position: absolute;
    top:18px;
    left:2%;
    display: block;
    width: 14px;
    height:15px;
    background: url(../images/icon-05.png) no-repeat;
}
.nav-list{
    padding: 20px 0 0 1%;
}
.nav-list li{
    float: left;
    width: 125px;
    height:40px;
    background-color: #fff;
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 40px;
    margin-right: 1px;
}
.nav-list li.active{
    color: #ff5240;
}
.nav-list li:hover{
    color: #ff5240;
}
h4{
    font-size: 16px;
    font-weight: 600;
}
/*content*/
.content{
    width: 98%;
    margin: 0 auto 20px;
    background-color: #fff;
}
.content-box{
    width: 98%;
    padding: 0 1% 20px;
}
.content .box{
    width: 98%;
    margin: 0 auto;
    padding: 30px 0;
}
/*login*/
#login{
    background: url(../images/icon-14.png) no-repeat;
    background-size:100% 100% ;
}
#login .box{
    width: 500px;
    height:600px;
    margin: 0 auto;
    padding: 20px 80px;
    background-color: #fff;
}
#login .box .logo{
    text-align: center;
    padding: 50px 0 30px;
}
#login .box h2{
    font-size: 36px;
    line-height: 37px;
    color: #333;
    text-align: center;
}
#login .box .inp-box{
    width: 500px;
    height:80px;
    border-bottom:1px solid #e5e5e5;
    margin-top: 20px;
    position: relative;
}
#login .box .name{
    font-size: 20px;
    color: #666;
    line-height: 80px;
    padding: 0 20px;
}
#login .box .text{
    padding-left: 100px;
    height:80px;
}
#login .box .inp-box .yz{
    position: absolute;
    line-height: 80px;
    width: 101px;
    top:0;
    right:0;
    cursor: pointer;
}
#login .box .inp-box .yz img{
    width: 100%;
    height:50px;
}

#login .box .text input{
    width: 100%;
    height:100%;
    font-size: 20px;
    color: #333;
}
#login .box .login-btn{
    width: 500px;
    height:60px;
    padding-top: 30px;
}
#login .box .login-btn input{
    width: 100%;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 20px;
    background-color: #39baf2;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    cursor: pointer;
}
#login .box .tips{
    width: 485px;
    height:30px;
    padding-left: 15px;
    font-size: 12px;
    color: #ffa312;
    line-height: 30px;
    background: url(../images/icon-15.png) no-repeat center left;
    visibility: hidden;
}
/*index*/
#index {
    width: 98%;
    margin: 0 auto 20px;
}
#index .title{
    width: 100%;
    height:144px;
    border-bottom:1px solid #ececec;
    box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}
#index .title .title-box{
    width: 95%;
    height:90px;
    margin: 0 auto;
    padding-top: 27px;
}
#index .title .title-box .left{
    width: 109px;
    height:103px;
    background: url(../images/icon-07.png) no-repeat;
    text-align: center;
    line-height: 93px;
    color: #fff;
    font-size: 16px;
}
#index .title .title-box .right{
    padding-left: 10%;
    width:90%;
}
#index .title .title-box .right ul{
    width: 100%;
}
#index .title .title-box .right li{
    float: left;
    width: 22.5%;
    margin-left: 1.5%;
}
#index .title .title-box .right li div{
    height:38px;
    padding: 25px 0;
    text-align: center;
    border:1px solid #dcdcdc;
}
#index .title .title-box .right li .name{
    font-size: 14px;
    color: #3079be;
    padding-left: 20px;
   
}
#index .title .title-box .right li .od{
    background: url(../images/icon-60.png) no-repeat left center;
}
#index .title .title-box .right li .ht{
    background: url(../images/icon-61.png) no-repeat left center;
}
#index .title .title-box .right li .rm{
    background: url(../images/icon-62.png) no-repeat left center;
}
#index .title .title-box .right li .all{
    background: url(../images/icon-63.png) no-repeat left center;
}
#index .title .title-box .right li .num{
    font-size: 36px;
    color: #3079be;
    padding-left: 10px;
}
#index .tab-list{
    width: 95%;
    margin: 0 auto;
    padding-top: 10px;
}
#index .dy_b{
    max-height: 550px;
    overflow-y: auto;
}
#index .index_list{
    width: 97%;
    margin-top:20px; 
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: 0 1.5%;
}
#index .index_list .tit {
    width: 98%;
    padding: 0 1%;
    border-bottom: 1px solid #E6E6E6;
}
#index .index_list .tit a{
    display: block;
    font-size: 14px;
    text-decoration: underline;
    color: #FE5623;
    padding-top: 20px;
}
#index .index_list p{
    line-height: 20px;
    font-size: 18px;
    color: #333;
    padding: 20px 0 20px 30px;
}
#index .index_list p.a{
    background: url(../images/icon-57.png) no-repeat;
    background-position: left center;
}
#index .index_list p.b{
    background: url(../images/icon-59.png) no-repeat;
    background-position: left center;
}
#index .index_list p font{
    padding-left: 5px;
    color: #FE5623;
}
#index .index_list .tit .btns{
    padding: 20px  20px 0 0 ;
}
#index .index_list .tit button{
    width: 50px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    padding: 0;
}
#index .index_list .tit button i{
    font-size: 12px !important;
}
#index .dy_b ul{
    width: 98%;
    padding: 20px 1% 30px;
}
#index .dy_b ul li{
    width: 50%;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
   
}
#index .dy_b ul li .li_bx{
    display: inline-block;
    height: 20px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
}
#index .dy_b ul li .tips{
    background: url(../images/icon-58.png) no-repeat;
    background-position: left center;
}
#index .dy_b ul li .li_bx .db_bj{
    position: absolute;
    /* top: 30px; */
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 123;
    border:1px solid rgba(230,230,230,1);
    box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    display: none;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box{
    padding: 10px 20px 20px;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box .bj_head{
    padding: 0 0 5px;
    border-bottom: 1px solid #EAEAEA;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box .bj_head .time{
    color: #999;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box .bj_head .bj_close{
    color: #999;
    cursor: pointer;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box .bj_info{
    color: #333;
    font-size: 14px;
    line-height: 24px;
    text-indent: 28px;
    padding: 10px 0 20px;
}
#index .dy_b ul li .li_bx .db_bj .db_bj_box button{
    float: right;
    margin-left: 20px;
}
#index .dy_b ul li span{
    color: #999;
}
/* #index .dy_b ul li .infos{
    max-width: 80%;
    overflow:hidden;
    text-overflow:ellipsis;
} */
#index .dy_b ul li .icons{
    padding-left: 20px;
    cursor: pointer;
}
#index .dy_b ul li .icons i{
    font-size: 14px;
    color: #FE5623;
}
#index .sh_d .tb_lis{
    width: 98%;
    margin: 0 auto;
    padding: 20px 0;
}
#index .sh_d .tb_lis table{
    width: 100%;
}
/*hotel*/
#hotel .hotel-box{
    width: 95%;
    margin: 0 auto;
    padding: 20px 0;
}
#hotel .hotel-box h2{
    font-size: 18px;
    color: #ff0c00;
    padding: 20px 0 30px;
    border-bottom:1px solid #dcdcdc;
}
#hotel .hotel-box .item {
    padding: 20px 0;
}
#hotel .hotel-box .item h3{
    font-size: 18px ;
    color: #333;
    font-weight: 600;
}
#hotel .search{
    padding: 10px 0 20px;
}
#hotel .search input{
    border: none;
    border-bottom:1px solid #e6e6e6;
    color: #333;
}
#hotel .search .search-btn{
    color: #00a3be;
    border-color: #00a3be;
}
#hotel .search .layui-form-label{
    padding-left: 0;
    /*text-align: left;*/
    color: #333;
}
#hotel .hotel-box .contact .tab{
    margin-top: 20px;
}
#hotel .hotel-box .contact .tab td{
    padding: 10px 0;
    font-size: 18px;
    color: #333;
}
#hotel .hotel-box  .info table{
    margin-bottom: 40px;
    width: 100%;
    border:1px solid #e6e6e6;
}
#hotel .hotel-box  .info table tr{
    border-borttom:1px solid #e6e6e6;
}
#hotel .hotel-box  .info table thead td{
    background-color: #f5f5f5;
    padding: 20px 0;
    text-align: center;
    color: #333;
    font-size: 16px;
}
#hotel .hotel-box  .info table tbody td{
    color: #3079be;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
}
#hotel .hotel-box  .info table.tab-three tbody td{
    padding: 10px 0;
}
#hotel .hotel-box  .info .tab-one {
    margin-top: 30px;
}
#hotel .hotel-box  .info .tab-one p{
    color: #3079be;
    padding-bottom: 10px;
}
#hotel .hotel-box  .info .tab-one p.tt{
    color: #333;
}
#hotel .hotel-box  .info  .tab-three .pic{
    text-align: left;
    padding-left: 30px;
}
#hotel .hotel-box  .info  .tab-three img{
    max-width: 160px;
    width: 160px;
    height:90px;
}
/*addHotel*/
#addHotel{
    margin-top: 1px;
}
#addHotel .box{
    width: 96%;
    margin: 0 auto;
    padding-bottom: 30px;
}
#addHotel .box .title{
    padding: 20px 0;
}
#addHotel .box .title a{
    font-size: 18px;
    color: #999;
}
#addHotel .box .title a.active{
    color: #ff5240;
}
#addHotel .box .title a:hover{
    color: #ff5240;
}
#addHotel .box .title span{
    font-size: 18px;
    color: #999;
    padding: 0 25px;
}
#addHotel .box .form-list{
    width: 96%;
    margin: 0 auto;
    padding: 20px 2%;
    border:4px solid #e6e6e6;
}
#addHotel .box .form-list .layui-form-item{
    padding-bottom: 40px;
}
#addHotel .box .form-list .layui-form-item h4{
    font-size: 16px;
    color: #333;
    padding-bottom: 15px;
}
#addHotel .box .form-list .layui-form-item span{
    color: #3079be;
    font-size: 12px;
}
#addHotel .box .form-list .layui-form-item .child-age{
    padding-bottom: 0px;
}
#addHotel .box .form-list .layui-form-item .ws-box{
    width: 100px;
    height:30px;
    border:1px solid #ff5240;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    color: #ff5240;
}
#addHotel .box .form-list .layui-form-item .layui-inline input{
    border:none;
    border-bottom:1px solid #e5e5e5;
    color: #333;
}
#addHotel .box .form-list .layui-form-item .layui-inline textarea{
    font-size: 16px;
    color: #333;
    resize: none;
}
#addHotel .box .form-list .layui-form-item .layui-inline .drag{
    width: 100px;
    height:30px;
    background: url(../images/icon-08.png) no-repeat;
    cursor: pointer;
}
#addHotel .box .form-list .ws-date{
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    border-bottom: 1px solid #e2e2e2;
    background: url(../images/icon-10.png) no-repeat 125px center;
    font-size: 16px;
    color: #333;
    padding-left: 10px;
}
#addHotel .box .form-list .ws-date img{
    padding: 0 10px;
}
#addHotel .box .form-list .coordinate{
    width: 100px;
    height:30px;
    background: url(../images/icon-09.png) no-repeat;
    cursor: pointer;
}
/*footer*/
.footer{
    width: 100%;
    height:50px;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
    color: #686868;
}
.footer a{
    padding: 0 10px;
}
/*酒店管理*/
#hotel{
    margin-top: 1px;
}
#hotel .box{
    width: 96%;
    margin: 0 auto;
    padding:10px 0 30px;
}
.googleMap a.sure{
    display: block;
    width: 150px;
    height:40px;
    background-color: #1E9FFF ;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin: 10px auto 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#hotel_success{
    margin-top: 1px;
}
#hotel_success .tips{
    padding: 80px 0 40px 50px;
    height:40px;
    line-height: 40px;
    font-size: 24px;
    color: #2aa515;
    margin-left:125px;
    background: url(../images/icon-16.png) no-repeat 0px 82px;
}
#hotel_success .success_btn{
    padding-left: 130px;
}
#hotel_success .success_btn a{
    display: inline-block;
    width: 160px;
    height:40px;
    background-color: #f85858;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-left: 40px;
}
/*stock*/
#stock .box{
    padding-bottom: 30px;
}
#stock .box .search .layui-form-item .layui-inline input{
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #333;
}
#stock .box .search{
    padding: 20px 0 10px;
}
#stock .box .search .time{
    height: 38px;
    line-height: 38px;
    cursor: pointer;
    text-indent:10px;
    border-bottom: 1px solid #e2e2e2;
}
#stock .box .list{
    width: 97%;
    margin: 0 auto;
    position: relative;
}
#stock .box .list>g{
    display: block;
    position: absolute;
    top:0px;
    width: 15px;
    height:60px;
    cursor: pointer;
    z-index: 20180614;
}
#stock .box .list>g.prev{
    left:16.5%;
    background: url(../images/icon-18.png) no-repeat left center;
}
#stock .box .list>g.next{
    right:0.5%;
    background: url(../images/icon-19.png) no-repeat right center;
}
#stock .box .list table{
    width: 100%;
}
#stock .box .list table{
    border:1px solid #e6e6e6;
}
#stock .box .list table thead td{
    position: relative;
}
#stock .box .list table thead td i{
    display: none;
    width: 30px;
    height:16px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-size: 12px;
    background-color: #eb9100;
    position: absolute;
    top:0;
    left:0;
}
#stock .box .list table thead td i.active{
    display: block;
}
#stock .box .list table thead td,
#stock .box .list table thead th{
    background-color: #5199dd;
    height:60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
#stock .box .list table tbody td{
    text-align: center;
    padding: 10px 0 5px;
    border:1px solid #e6e6e6;
    position: relative;
}
#stock .box .list table tbody th{
    color: #666;
    border-bottom:1px solid #e6e6e6;
    text-align: left;
    text-indent:20px;
}
#stock .box .list table tbody td i{
    display: none;
    position: absolute;
    top:5px;
    right:5px;
    width: 14px;
    height:14px;
    background: url(../images/icon-17.png) no-repeat;
}
#stock .box .list table tbody td .number{
    color: #333;
    padding-bottom: 10px;
    font-size: 16px;
}
#stock .box .list table tbody td .price{
    color: #999;
}
#stock .box .list table tbody th:hover{
    background-color: #daecfe;
}
#stock .box .list table tbody td.yes:hover{
    background-color: #e3feeb;
    cursor: pointer;
}
#stock .box .list table tbody td:hover i{
    display: block;
}
#stock .box .list table tbody td img{
    opacity: 0.5;
}
.change-box{
    width: 440px;
    height: 225px;
    padding: 20px;
}
.change-box .title{
    width: 440px;
    padding-bottom: 15px;
    border-bottom:1px solid #e6e6e6;
    position: relative;
}
.change-box .title a{
    font-size: 14px;
    color: #999;
}
.change-box .title a.active{
    color: #ff5240;
}
.change-box .title a:hover{
    color: #ff5240;
}
.change-box .title span{
    color: #999;
    padding: 0 5px;
}
.change-box .title i{
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
    font-size: 20px;
    color: #666;
}
.change-box p{
    padding: 30px 0 20px;
}
.change-box input{
    height:30px;
    border:1px solid #e6e6e6;
    line-height: 30px;
    color: #333;
}
.change-box .one input{
    width: 210px;
    text-align: center;
}
.change-box .change-btn{
    width: 210px;
    height:32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    background-color: #f85858;
    margin-top: 30px;
    cursor: pointer;
}
.change-box .test-item{
    background-image: url(../images/icon-10.png);
    background-repeat: no-repeat;
    background-position: 95px 5px;
    cursor: pointer;
}
.change-box .change-sure h2{
    text-align: center;
    color: #ff5240;
    line-height: 30px;
}
.change-box .change-sure h2 span{
    font-size: 18px;
    color: #333;
}
.change-box .change-sure .pl-btn{
    width: 340px;
    margin: 0 auto;
    padding-top: 40px;
}
.change-box .change-sure .pl-btn a{
    display: inline-block;
    width: 150px;
    height:32px;
    text-align: center;
    color: #fff;
    line-height: 32px;
}
.change-box .change-sure .pl-btn a.qr{
    background-color: #f85858;
    margin-right: 20px;
}
.change-box .change-sure .pl-btn a.qx{
    background-color: #cccccc;
    margin-left: 20px;
}
/*addRoom*/
#addRoom .add{
    width: 100px;
    height:30px;
    background: url(../images/icon-20.png) no-repeat 0px 20px;
    cursor: pointer;
    padding: 20px 0;
    float: right;
    margin-right: 5%;
}
#addRoom .title{
    font-size: 18px;
    line-height: 37px;
    color: #f85858;
    padding: 30px 0 10px 20px;
}
#addRoom .list{
    width: 95%;
    min-height: 500px;
}
#addRoom .list li{
    padding: 30px 90px 30px 10px;
    border:2px solid #dcdcdc;
    margin-bottom: 20px;
    position: relative;
    position: relative;
}
#addRoom .list li .change{
    position: absolute;
    top:20px;
    right:40px;
    width: 230px;
    height:30px;
    cursor: pointer;
}
#addRoom .list li .change button{
    width: 100%;
    height:100%;
    background-color: #f85858;
    color: #fff;
    line-height: 30px;
    border:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    display: none;
    cursor: pointer;
}
#addRoom .list li .close{
    position: absolute;
    top:0;
    right:0;
    width: 60px;
    height:60px;
    background: url(../images/icon-21.png) no-repeat;
    cursor: pointer;
}
#addRoom .list li .number{
    width:25px;
    height:25px;
    border:1px solid #ff5240;
    color: #ff5240;
    text-align: center;
    line-height: 25px;
    font-size: 24px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    border-radius:25px;
    margin-right: 10px;
    margin-top: 30px;
}
#addRoom .list .preview .pic{
    cursor: pointer;
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index:123;
}
#addRoom .list .preview .pic i{
    color: #ff5240;
}
#addRoom .list .preview{
    width: 160px;
    height:90px;
    background-color: #ebebeb;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    position: relative;
    text-align: center;
    line-height: 90px;
    color: #ff5240;
}
#addRoom .list .preview img{
    position: absolute;
    top:0px;
    left:0;
    width: 100%;
    height:100%;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    overflow: hidden;
    opacity: 0;
}
#addRoom .list .item{
    width:90%;
    padding-left: 250px;
}
#addRoom .list .item .hotel-name{
    width: 90%;
    padding-bottom: 35px;
}
#addRoom .list .item .name{
    font-size: 16px;
    color: #333;
    line-height: 35px;
    font-weight: 600;
}
#addRoom .content-box input{
    width: 100%;
    border:none;
    border-bottom:1px solid #e6e6e6;
    font-size: 14px;
    color: #333;
}
#addRoom .list .item .int-list{
    margin-right: 5%;
}
#addRoom .list .item .posit{
    position: absolute;
    top:10px;
    right:0;
    font-size: 12px;
    color: #999;
}
/*addPrice*/
#addPrice .c-box{
    padding-top: 40px;
}
#addPrice .c-box input{
    border:none;
    border-bottom:1px solid #e6e6e6;
    color: #666;
}
#addPrice .c-box .layui-form-label{
    color: #333;
    padding-left: 0px;
}
#addPrice .price-list{
    padding-top: 20px;
    min-height: 400px;
}
#addPrice .price-list table{
    width: 100%;
}
#addPrice .price-list table th{
    background-color: #f3f4f3;
    border:1px solid #e6e6e6;
    padding: 15px 0;
    line-height: 18px;
    color: #333;
}
#addPrice .price-list table td{
    text-align: center;
    border:1px solid #e6e6e6;
    color: #333;
    padding: 5px 0;
}
#addPrice .price-list table td.children{
    padding: 5px 10px;
}
#addPrice .price-list td input{
    border:none;
    text-align: center;
    border-bottom:1px solid #e6e6e6;
    line-height: 35px;
}
#addPrice .price-list td input.p-time{
    cursor: pointer;
}
#addPrice .price-list td .time{
    width: 400px;
    margin: 0 auto;
}
#addPrice .price-list td .time input{
    background: url(../images/icon-10.png) no-repeat 135px 9px;
}
#addPrice .price-list td img{
    cursor: pointer;
}
/*航班管理*/
#flight{
    margin-top: 1px;
}
#flight .box{
    width: 98%;
    margin: 0 auto;
    padding: 30px 0;
}
#flight table{
    width: 100%;
    border:1px solid #e6e6e6;
}
#flight table td{
    height:48px;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    text-align: center;

}
#flight table thead td{
    background-color: #f3f4f3;
}
#flight table tbody td{
    border:1px solid #e6e6e6;
    padding: 0 10px;
}
#flight table tbody tr:hover td{
    background-color: #f2f6fa;
}
/*#flight table tbody tr td ul{*/
    /*width: 510px;*/
    /*margin: 0 auto;*/
/*}*/
#flight table tbody tr td li{
    float: left;
    margin-right: 15px;
    height:16px;
}
#flight table tbody tr td li div{
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    width: 40px;
}
#flight table tbody tr td li .day{
    width: 16px;
    height:16px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    background-color: #dbdbdb;
}
#flight table tbody tr td li.active .day{
    background-color: #3fc321;
}
#flight table tbody tr td li .title{
    color: #333;
}
#flight table tbody tr td li.active .title{
    color: #3fc321;
}
/*addFlight*/
#addFlight .box{
    width: 98%;
    margin: 0 auto;
    padding: 30px 0;
}
#addFlight .box h2{
    color: #f85858;
    font-size: 18px;
    padding: 10px 0;
}
#addFlight .box .flight-list{
    padding-left: 20px;
    padding-top: 20px;
}
#addFlight .box .flight-list input{
    border:none;
    border-bottom:1px solid #e6e6e6;
}
#addFlight .box .flight-list h4{
    font-size: 16px;
    color: #333;
    padding: 10px 0;
}
#addFlight .box .flight-list .flight-time{
    padding: 20px 0 0 60px;
}
#addFlight .box .flight-list .flight-time .title{
    color: #666;
    font-size: 14px;
}
#addFlight .box .flight-list .add{
    text-align: right;
    cursor: pointer;
    /*margin-top: 25px;*/
}
#addFlight .box .flight-list .addBox{
    width: 900px;
    padding-bottom: 20px;
}
#addFlight .box .flight-list .addBox .text{
    width: 400px;
    padding-right: 50px;
}
#addFlight .box .flight-list .addBox .slc{
    width: 350px;
}
#addFlight .box .flight-list .addBox .add{
    width: 100px;
    cursor: pointer;
}
#addFlight .box .flight-list .addBox .text .text-gj{
    width: 400px;
}
#addFlight .box .flight-list .addBox .text .text-jc{
    width: 350px;
}
#addFlight .box .flight-list .title{
    font-size: 16px;
    color: #333;
    padding: 10px 0;
    font-weight: 600;
}
#addFlight .box .flight-list .title .one{
    width: 400px;
}
#addFlight .box .flight-list .title .two{
    width: 350px;
    padding-left: 50px;
}
/*warning*/
#warning .box{
    width: 96%;
    margin: 0 auto;
    padding: 30px 0;
}
#warning .box .layui-inline input{
    border:none;
    border-bottom:1px solid #e6e6e6;
    color: #333;
}
#warning .box .bt{
    padding-top: 20px;
}
#warning .box .bt img{
    cursor: pointer;
}
/*whither*/
#whither .box{
    width: 98%;
    margin: 0 auto;
    padding: 30px 0;
}
#whither .box h2{
    color: #f85858;
    font-size: 18px;
    padding: 10px 0;
}
#whither .box .tab{
    padding-left: 20px;
    width: 1500px;
}
#whither .box .chose{
    padding: 20px 15px;
    position: relative;
}
#whither .box .chose .room-edit{
    color: #00a3be;
    border-color: #00a3be;
    margin-right: 15px;
}
#whither .box .chose .cover{
    width: 1475px;
    padding: 15px;
    border:1px solid #e6e6e6;
    position: absolute;
    top:60px;
    left:15px;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0px 2px 6px 0px #dcdcdc;
    text-align: left;
    display: none;
}
#whither .box .chose .cover h4{
    color: #333;
    padding-bottom: 10px;
}
#whither .box .chose .cover input,.edit-box input{
    border:none;
    border-bottom:1px solid #e6e6e6;
    color: #666;
}
#whither .box .chose .cover .add-area img{
    width: 30px;
    height:30px;
    cursor: pointer;
    margin-top:6px;
}
#whither .box .chose .cover k{
    display: block;
    width: 15px;
    height:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    color: #fff;
    background: #cecece;
    cursor: pointer;
    position: absolute;
    top:13px;
    right:0;
}
#whither .box .chose .cover .sure{
    background-color: #f85858;
    width: 80px;
    margin-top: 35px;
}
#whither .box .chose .cover g{
    display: block;
    position: absolute;
    top:0;
    right:0;
    width: 60px;
    height:60px;
    background: url(../images/icon-21.png) no-repeat;
    cursor: pointer;
}
.edit-box{
    padding: 20px 0;
}
.edit-box .layui-form-item .add_area{
    width: 25px;
    height: 25px;
    padding-top: 10px;
    cursor: pointer;
    position: relative;
}
.edit-box .layui-form-item .add_area img{
    width: 100%;
    height:100%;
}
.edit-box .layui-form-item g{
    display: block;
    width: 12px;
    height:12px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top:23px;
    right:0;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    background-color: #dcdcdc;
    color: #fff;
    cursor: pointer;
}
.edit-box .cover{
    position: absolute;
    top:16px;
    right:5px;
    font-size: 12px;
    color: #999;
}
.edit-box .edit-btn{
    width: 220px;
    margin: 20px auto 0;
}
.edit-box .edit-btn .layui-btn-sm{
    padding: 0 80px;
}
.edit-box .layui-form-label{
    text-align: left;
    width: 80px;
}
.edit-box .layui-input-block{
    margin-left: 110px;
}

/*password*/
#password .box{
    width: 98%;
    margin: 0 auto;
    padding: 30px 0;
}
/*order*/
#order{
    margin-top: 1px;
}
#order .box {
    width: 96%;
    margin: 0 auto;
    padding: 10px 0 30px;
}

#order .box .search  .search-add{
    font-size: 30px;
    color: #ff5240;
    cursor: pointer;
}
#order .box .all-jy{
    text-align: right;
    font-size: 18px;
    color: #333;
}
.ipt-icon-time{
    background: url(../images/icon-10.png) no-repeat 97px center;
    cursor: pointer;
}
#order .box .order-tab thead th{
    padding: 9px 5px;
}
#order .box .order-tab thead th.layui-form{
    padding: 9px 2px;
    width: 45px;
}
#order .box .order-tab thead th.layui-form span{
    padding: 0;
    font-size: 12px;
    padding-left: 3px;
}

#order .box .order-tab thead th i{
    width: 13px;
    height:13px;
}

#order .box .order-tab tbody td.layui-form i{
    width: 13px;
    height:13px;
}
#order .box .order-tab tbody td{
    font-size: 12px;
    padding: 9px 3px;
}
#order .box .order-tab tbody td .roomT{
    padding-right: 20px;
    cursor: pointer;
}
#order .box .order-tab tbody td .y_roomT{
    background: url(../images/icon-53.png) no-repeat right center;
}
#order .box .order-tab tbody td .n_roomT{
    background: url(../images/icon-56.png) no-repeat right center;
}
#order .box .order-tab tbody td .ss{
    color: #ff5240;
}
#order .box .order-tab tbody td .number{
    width: 70%;
    padding-right: 12px;
    background: url(../images/icon-40.png) no-repeat right center;
    cursor: pointer;
}
#order .box .order-tab tbody td .or{
    position: relative;
    max-width: 80px;
    margin: 0 auto;
    text-align: right;
}
#order .box .order-tab tbody td .or span{
    display: inline-block;
}
#order .box .order-tab tbody td .or span.text{
    max-width: 60px;
    height:20px;
    overflow: hidden;
    text-align: left;
    margin-right: 5px;
}
#order .box .order-tab tbody td .add-group{
    font-size: 16px;
    color: #ff5240;
    padding-left: 5px;
}
#order .box .order-tab tbody td input{
    border:1px solid #dcdcdc;
}

/*#order .box .order-tab tbody td .or k{*/
    /*display: block;*/
    /*position: absolute;*/
/*}*/
#order .box .order-tab tbody td .or span.h_or{
    width: 14px;
    height:20px;
    cursor: pointer;
}
#order .box .order-tab tbody td .or span.qr{
    background: url(../images/icon-37.png) no-repeat center right;
}
#order .box .order-tab tbody td .or span.h_qr{
    background: url(../images/icon-38.png) no-repeat center right;
}
#order .box .order-tab tbody td .progress{
    width: 50px;
    text-align: center;
}
#order .box .order-tab tbody td .pay-add{
    padding-left: 5px;
    cursor: pointer;
    padding-top: 8px;
}
#order .box .order-tab tbody td .ck{
    color: #2626f1;
    cursor: pointer;
    text-align: center;
}
#order .box .order-tab tbody td .cover{
    position: absolute;
    right:0px;
    width: 650px;
    z-index: 20180709;
    border:1px solid #e6e6e6;
    box-shadow: 0px 4px 6px 0px #d9d9d9;
    text-align: left;
    background-color: #fff;
    display: none;
}
#order .box .order-tab tbody td .cover table{
    margin: 0;
    text-align: center;
}
#order .box .order-tab tbody td .cover input{
    width: 50px;
    text-align: center;
    color: #666;
    border:1px solid #e6e6e6;
}
#order .box .order-tab tbody td .cover thead tr:hover{
    background-color: #f2f2f2;
}
#order .box .order-tab tbody td .cover tbody tr:hover{
    background-color: #fff;
}
#order .box .order-tab tbody .list-del{
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background-color:rgba(255,255,255,0.6);
}
#demoImg .up_list{
    padding-bottom: 10px;
}
#demoImg .file-name{
    padding-right: 15px;
}
#demoImg .img_name{
    padding-top: 10px;
}
#demoImg .img_name input{
    line-height: 25px;
}
#demoImg img{
    width: 80px;
    height:40px;
}

.open-box {
    width: 95%;
    margin: 0 auto;
    padding: 10px 0 30px;
}
.open-box .layui-form-item{
    padding-top: 15px;
}
.open-box .layui-btn,.money-box .layui-btn{
    width: 200px;
    background-color: #f85858;
}
.money-box{
    padding: 20px;
    width: 460px;
}
.money-box .title{
    width: 100%;
    padding-bottom: 15px;
    border-bottom:1px solid #e6e6e6;
}
.money-box .title span{
    font-size: 14px;
    color: #999;
    padding-right: 10px;
    line-height: 16px;
    cursor: pointer;
}
.money-box .title a{
    color: #999;
    padding-right: 10px;
}
.money-box .title span.active{
    color: #ff5240;
}
.money-box .title span:hover{
    color: #ff5240;
}
.money-box .title .close{
    cursor: pointer;
    color: #666;
}
.money-box .layui-form-item{
    margin-top: 30px;
}
.money-box .pay-tab{
    display: none;
}
.money-box .layui-table{
    text-align: center;
}
.money-box .ck{
    color: #2626f1;
}
/*.money-box .ck:visited{*/
    /*color: #ff0000;*/
/*}*/
.money-box .tips{
    color: #ff0000;
    font-size: 15px;
    padding-left: 10px;
    cursor: pointer;
}
.money-box .cp_add{
    text-align: center;
}
.money-box table tbody tr:hover input{
    background: #f2f6fa;
}
.money-box .cp_add img{
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.money-box .cp_last{
    position: relative;
}
.money-box .cp_last i{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon-21.png) no-repeat;
    background-size: cover;
    cursor: pointer;
}
.money-box .cp_btn{
    text-align: center;
}


.user-info{
    width: 94%;
    padding: 20px 3%;
}
.user-info .title{
    width: 100%;
    padding-bottom: 15px;
    border-bottom:1px solid #e6e6e6;
}
.user-info .title .active{
    font-size: 14px;
    color: #ff5240;
}
.user-info .title .close{
    font-size: 20px;
    color: #666;
    cursor: pointer;
}
.user-info .room-list{
    font-size: 16px;
    color: #333;
    line-height: 35px;
}
.user-info .btn{
    width: 100px;
    background-color: #f85858;
    height:32px;
    padding: 0;
    line-height: 32px;
    font-size: 12px;
    cursor: pointer;
}
.user-info .tab-list{
    padding-top: 25px;
    padding-left: 2%;
    width: 98%;
    max-height:600px;
}
.user-info .tab-list td{
    padding: 9px 5px;
}
.user-info .tab-list tbody tr:hover{
    background-color: #fff;
}
.user-info .tab-list td input{
    border:none;
    border-bottom:1px solid #dcdcdc;
    height:30px;
    color: #666;
    text-align: center;
    padding-left: 0;
}
.user-info .tab-list td g{
    display: block;
    width: 30px;
    height:30px;
    position: absolute;
    top:0;
    right:0;
    background: url(../images/icon-21.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.user-info .tab-list .add{
    font-size: 30px;
    color: #ff7d6f;
    cursor: pointer;
}
.user-info .tab-list .info-btn{
    width: 300px;
    height:43px;
    margin: 30px auto 20px;
}
.user-info .tab-list .info-btn button{
    width: 100%;
    height:100%;
    line-height: 43px;
    background-color: #f85858;
}
.user-info .del-wy{
    width: 450px;
    padding-left: 10px;
    padding-top: 30px;
}
.user-info .del-wy .wy-title{
    line-height: 30px;
    color: #333;
}
.user-info .del-wy .wy-txt{
    width: 380px;
    padding-left: 70px;
}
.user-info .del-wy .wy-txt input{
    border-bottom:1px solid #dcdcdc;
    color: #333;
    line-height: 30px;
    width: 100%;
}
.user-info .wy-btn{
    padding: 30px 0 10px;
    text-align: center;
}
.user-info .wy-btn button{
    margin-right: 30px;
}

/*customer*/
#customer h2{
    color: #f85858;
    font-size: 18px;
}
#customer .add-customer{
    padding:40px 0 20px 15px;
    position: relative;
}
#customer .add-customer .cover{
    width: 1458px;
    padding: 20px;
    position: absolute;
    top:80px;
    left:15px;
    box-shadow: 0px 2px 6px 0px #dcdcdc;
    border: solid 1px #dcdcdc;
    background-color: #fff;
    z-index: 12;
    display: none;
}
#customer .add-customer .cover input{
    border:none;
    border-bottom:1px solid #e6e6e6;
    color: #666;
}
#customer .add-customer .cover .sure {
    background-color: #f85858;
    width: 80px;
    margin-top: 26px;
}
#customer .add-customer .cover g{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: url(../images/icon-21.png) no-repeat;
    cursor: pointer;
}
#customer .add-customer-btn{
    font-size: 12px;
    color: #00a3be;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    border: solid 1px #00a3be;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
#customer .customer-tab{
    padding-left: 15px;
}
/*addOrder*/
#addOrder .order-list{
    padding-left: 20px;
    padding-top: 40px;
}
#addOrder .order-list input{
    border:none;
    border-bottom:1px solid #e6e6e6;
    color: #666;
}
#addOrder .order-list h4{
    padding-bottom: 15px;
}
#addOrder .order-list .order-line{
    padding-bottom:40px;
}
#addOrder .order-list .order-line .order-line-box{
    padding-right: 60px;
    padding-bottom: 20px;
}
#addOrder .order-list .order-line .order-line-box .order-line-w{
    width: 190px;
}
#addOrder .order-list .btn{
    background-color: #f85858;
}
#addOrder .order-list .order-line-box img{
    cursor: pointer;
    width: 30px;
    height:30px;
    margin-top: 43px;
}
#addOrder .order-list .order-line-box .ipt-icon-time{
    background-position: 168px center;
}
#addOrder .order-list .order-line .cover{
    width: 100%;
    height:228px;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(255,255,255,0);
    z-index: 20180821;
    display: none;
}
.orderGo {
    padding: 20px;
}
.orderGo .title i{
    font-size: 16px;
    color: #ff5240;
    padding-right: 10px;
}
.orderGo .title{
    font-size: 14px;
    color: #ff5240;
    padding-bottom: 15px;
    border-bottom:1px solid #e6e6e6;
    line-height: 18px;
    position: relative;
}
.orderGo .title g{
    position: absolute;
    top:5px;
    right:0;
    font-size: 22px;
    color: #ccc;
    cursor: pointer;
}
.orderGo .text{
    font-size: 14px;
    color: #333;
    padding: 20px 0 30px;
}
.orderGo .layui-btn-go{
    background-color: #f85858;
}
.orderGo .layui-btn-primary:hover{
    border-color: #f85858;
}
/*信息提示*/
#href .box{
    margin-top: 20px;
}
#href .box .tips{
    width: 220px;
    margin: 0 auto;
    text-align: center;
}

#href .box .tips h3{
    font-size: 24px;
    text-align: center;
    padding-top: 10px;
}
#href .box .tips h3.success{
    color: #35dd34;
}
#href .box .tips h3.error{
    color: #ff0000;
}
#href .box .tips .ss{
    font-size: 16px;
    color: #333;
    padding-top: 55px;
}
#href .box .tips .ss span{
    color: #f3535a;
}
#href .box .tips .going{
    width: 160px;
    height:43px;
    color: #fff;
    background-color: #3079be;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    line-height: 43px;
    margin: 20px auto 0;
}

#href .box .tips .suc{
    font-size: 35px;
    color: #35dd34;
}
#href .box .tips .fas{
    font-size: 30px;
    color: #ff0000;
}
/*bill*/
#bill .box{
    margin-top: 20px;
}
#bill .box .box-list{
    width: 1460px;
    height:100%;
    margin: 0 auto;
}
#bill .box .bill-btn a{
    display: inline-block;
    width: 78px;
    height:28px;
    text-align: center;
    line-height: 28px;
    color: #00a3be;
    font-size: 14px;
    border:1px solid #00a3be;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-right: 20px;
}
.preferentInfo-tips div.layui-layer-content {
    background-color: #fff;
    max-width: 360px;
    min-width: 50px;
    _width: expression(this.width>50? (this.width> 360 ? "360" : auto):50);
    color: #333;
    border: 1px solid #01a7c0;
    padding: 10px;
    line-height: 14px;
}
.preferentInfo-tips i{
    display: none;
}
.bill-email{
    padding: 20px;
}
.bill-email .layui-form-label{
    width: 85px;
    color: #333;
}
.bill-email .layui-input-block{
    margin-left: 115px;
}
.bill-email input{
    border:none;
    border-bottom:1px solid #dcdcdc;
}
.bill-email .email-btn{
    padding-top: 30px;
    padding-left: 120px;
}
.bill-email .email-btn .layui-btn{
    padding: 0 30px;
    margin-right: 30px;
}
/*财务管理*/
#c_money .room-edit{
    color: #00a3be;
    width: 78px;
    height:28px;
    border-color: #00a3be;
    display: block;
    float: right;
}
#c_money .xz{
    width: 1300px;
    margin: 0 auto;
    padding: 0 40px 20px;
}
#c_money .list{
    margin: 0 auto;
    border:2px solid #dcdcdc;
    padding: 10px 40px 50px;
    position: relative;
}
#c_money .list g{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width: 227px;
    height:227px;
    background: url(../images/icon-52.png) no-repeat -21px 0px;
}
#c_money .list h2{
    text-align: center;
    font-size: 24px;
    color: #333;
    padding: 30px 0 20px;
}
#c_money .list .layui-table th,#c_money .list .layui-table td{
    text-align: center;
    font-size: 14px;
    font-family:"microsoft yahei";
}
#c_money .list .layui-table td{
    color: #3079be;
    font-size: 16px;
    padding: 9px 10px;
}
#c_money .list .layui-table tbody tr:hover{
    background-color: #fff;
}
#c_money .list .layui-table .price{
    width: 100px;
    color: #3079be;
    line-height: 30px;
    height:30px;
    border-bottom:1px solid #dcdcdc;
    text-align: center;
}
#c_money .list .layui-table .time{
    border:none;
    border-bottom:1px solid #dcdcdc;
    width: 120px;
    height:30px;
    padding-left: 10px;
    background: url(../images/icon-10.png) no-repeat 105px 5px;
    cursor: pointer;
    color: #3079be;
}
#c_money .list .layui-table .tips td{
    border: none;
    padding: 0;
    color: #f90001;
    font-size: 12px;
    text-align: left;
    line-height: 25px;
}
#c_money .list .layui-table .name{
    color: #333;
    line-height: 30px;
}
#c_money .list .layui-table .cont{
    padding-left: 95px;
    text-align: left;
}
#c_money .list .layui-table .cont input{
    border-bottom:1px solid #dcdcdc;
    height:30px;
    color: #333;
}
#c_money .pay_fj{
    width: 1280px;
    height:30px;
    border-bottom:1px solid #dcdcdc;
    text-align: left;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 20px;
    position: absolute;
    padding-left: 20px;
}
#c_money .list .sp{
    margin-top: 50px;
    margin-bottom: 20px;
}
#c_money .list .sp th p{
    color: #333;
}
#c_money .list .sp th{
    background-color: #fff;
    padding: 9px;
}
#c_money .list .sp td{
    position: relative;
    padding: 15px;
}
#c_money .list .sp td i{
    display: block;
    position: absolute;
    top:0px;
    right:15px;
    width: 60px;
    height:60px;
}
#c_money .list .sp td i.yes{
    background: url(../images/icon-43.png) no-repeat;
}
#c_money .list .sp td i.no{
    background: url(../images/icon-42.png) no-repeat;
}
#c_money .list .sp td i.still{
    background: url(../images/icon-51.png) no-repeat;
}
#c_money .list .sp td i.still_a{
    background: url(../images/icon-50.png) no-repeat;
}
#c_money .list .sp td .account{
    width: 100%;
}
#c_money .list .sp td .account li{
    width: 46%;
    float: left;
    padding: 1%;
    border:1px solid #dcdcdc;
    margin-bottom: 20px;
    text-align: left;
    margin-right: 1%;
}
#c_money .list .sp td .account li span{
    display: block;
    line-height: 25px;
}
#c_money .list .layui-upload-drag{
    padding: 0;
    border:none;
}
#c_money .list .layui-upload-drag img{
    max-width:40px;
    max-height:40px;
}
.pz_cover{
    position: fixed;
    width: 100%;
    height:100%;
    z-index: 20180827;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
}
.pz_cover i{
    position: absolute;
    top:0;
    right:0;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}
#c_pay .layer-photos-demo {
    width: 58px;
    height:22px;
    position: absolute;
    top:9px;
    left:15px;
    overflow: hidden;
    cursor: pointer;
    opacity:0;
}
#c_pay .layer-photos-demo img{
    width: 100%;
    height:100%;
    float: left;

}

/*付款管理*/
#search-nav input{
    border:none;
    border-bottom:1px solid #dcdcdc;
    color: #666;
}
#search-nav .room-edit{
    color: #00a3be;
    border-color: #00a3be;
    margin-top: 20px;
}
#search-nav{
    padding: 10px 0;
}
#search-nav h4{
    font-size: 14px;
    color: #ff5240;
    padding-left: 20px;
    position: relative;
}
#search-nav h4 g{
    display: block;
    width: 14px;
    height:20px;
    position: absolute;
    top:0;
    left:0;
}
#search-nav h4 g.icon-area{
    background: url(../images/icon-34.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-user{
    background: url(../images/icon-33.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-hotel{
    background: url(../images/icon-32.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-time{
    background: url(../images/icon-31.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-num{
    background: url(../images/icon-30.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-gs{
    background: url(../images/icon-45.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-zt{
    background: url(../images/icon-49.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-id{
    background: url(../images/icon-47.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-bh{
    background: url(../images/icon-46.png) no-repeat 0px 4px;
}
#search-nav h4 g.icon-sz{
    background: url(../images/icon-48.png) no-repeat 0px 4px;
}
#search-nav .hotel_list{
    position: absolute;
    left:0;
    top:43px;
    width: 100%;
    border:1px solid #dcdcdc;
    max-height:182px;
    z-index: 20180906;
    background-color: #fff;
    overflow-y: auto;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    display: none;
}
#search-nav .hotel_list li{
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}
#search-nav .hotel_list li.hover{
    background-color: #3079be;
}
#search-nav .hotel_list li:hover{
    background-color: #3079be;
    color: #fff;
}

.open-box input,.money-box input{
    border: none;
    border-bottom: 1px solid #e6e6e6;
    color: #666;
}
.open-box .room_img img{
    width: 35px;
    height:35px;
    cursor: pointer;
}
.open-box .room_add img{
    margin-top: 20px;
}

#search-nav .search-btn{
    color: #00a3be;
    border-color: #00a3be;
    margin-top: 5px;
}
#search-nav .dc{
    color: #00a3be;
    border-color: #00a3be;
    padding: 5px;
}
/*roomt*/
#roomt .roomt-btn{
    width: 1280px;
    height:35px;
    margin: 0 auto;
    padding-bottom: 20px;
}
#roomt .roomt-btn .room-edit{
    color: #00a3be;
    border-color: #00a3be;
    padding: 9px 25px;
    font-size: 12px;
    margin-right: 20px;
}
#roomt .list{
    width: 1200px;
    border:2px solid #dcdcdc;
    margin: 0 auto;
    padding: 0 40px 30px;
    font-family: PingFang-SC-Regular;
    position: relative;
    background-color: #fff;
}
#roomt .list .title{
    padding: 10px 0;
    position: relative;
}

#roomt .list .title .name{
    height:80px;
}
#roomt .list .title .name p{
    text-align: center;
    color: #333;
    font-size: 24px;
}
#roomt .list .tab-list thead th{
    text-align: center;
    font-size: 18px;
    padding: 20px 15px;
}
#roomt .list .tab-list tbody th{
    background-color: #f5f5f5;
    font-size: 16px;
    color: #333;
    text-align: center;
}
#roomt .list .tab-list tbody td{
    color: #3079be;
    font-size: 18px;
    text-align: center;
}
#roomt .list .tab-list tbody td.remark .titles{
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 24px;
}
#roomt .list .tab-list tbody td.remark:hover{
    background-color: #fff;
}
#roomt .list .tab-list tbody td.remark .cont .sss{
    text-align: left;
    color: #666;
    padding-left: 10px;
}
#roomt .list .tab-list tbody td.remark .cont textarea{
    font-size: 16px;
    color: #666;
    text-align: left;
    line-height: 24px;
}
#roomt .list .contact{
    padding-top: 20px;
    background-color: #fff;
}
#roomt .list .contact div{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
/*hotel_bank*/
#hotel_bank h2{
    color: #f85858;
    font-size: 18px;
    padding: 0 0 10px;
}
#hotel_bank .hotel-list .item{
    width: 100%;
    padding-top: 20px;
}
#hotel_bank .hotel-list .item .lines .layui-btn{
    line-height: 30px;
    height:30px;
    padding: 0 10px;
    margin-top: 5px;
}
#hotel_bank .hotel-list .item .title{
    line-height: 38px;
    padding-left: 10px;
}
#hotel_bank .hotel-list .item .text{
    width: 400px;
    padding-right: 20px;
    position: relative;
}
#hotel_bank .hotel-list .item .text i{
    display: block;
    position: absolute;
    top:15px;
    right:20px;
    width: 15px;
    height:15px;
    cursor: pointer;
    background: url(../images/icon-24.png) no-repeat;
    background-size: 100% 100%;
}

#hotel_bank .hotel-list .item .text input{
    border:none;
    border-bottom:1px solid #dcdcdc;
    color: #333;
}
#hotel_bank .hotel-list .item .icon{
    width: 38px;
    height:38px;
    cursor: pointer;
}
#hotel_bank .hotel-list .item .icon img{
    width: 30px;
    height:30px;
    margin-top: 8px;
}
/*node*/
#node .rule .rule-list{
    padding: 0px 0 20px;
}
#node .rule-list li{
    float: left;
}
/*hard_report*/
#hard_report .layui-table th,#hard_report .layui-table td{
    text-align: center;
}
/*hard_index*/
#hard_index tbody tr:hover{
    background-color: #fff;
}
#hard_index tr th,#hard_index tr td{
    text-align: center;
    padding: 5px;
}
#hard_index tr th.last{
    color: #ff5240;
}
#hard_index tr th .week{
    font-size: 12px;
    color: #ccc;
}
#hard_index tr td{
    font-size: 12px;
}
#hard_index tr td.last{
    color: #ff5240;
    background-color: #faf1f0;
}
#hard_index tr td.bgc{
    background-color: #f2f6fa;
}
#hard_index tr td .all-name{
    color: #ff5240;
}
#hard_index .mouth li{
    float: left;
    width: 80px;
    height:30px;
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align: center;
    line-height: 30px;
    color: #ccc;
    margin-right: 10px;
}
#hard_index .mouth li.month_btn{
    color: #ff5240;
    border-color: #ff5240;
    cursor: pointer;
}
#hard_index .mouth li.active{
    color: #3079be;
    border-color: #3079be;
    cursor: pointer;
}
#hard_index .allPrice td{
    background-color: #fafaf6;
}
#hard_index .hotel_sure td{
    background-color: #faf2fa;
}
#hard_index .hotel_sure td .or {
    max-width: 80px;
    height:20px;
    padding-right: 15px;
    background: url(../images/icon-38.png) no-repeat center right;
    line-height: 20px;
    cursor: pointer;
}
#hard_index .differ td{
    background-color: #f8fae5;
}
#hard_index .differ td.col_red {
    color: #ff0000;
}
/*hard_add*/
#hard_add .info-list{
    padding-bottom: 20px;
}
#hard_add .info-list h2{
    font-size: 16px;
    color: #999;
    padding-bottom: 25px;
}
#hard_add .info-list li {
    float: left;
    margin-right: 60px;
    margin-bottom: 30px;
}
#hard_add .info-list li p{
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
}
#hard_add .info-list li input{
    border:none;
    border-bottom:1px solid #dcdcdc;
    font-size: 16px;
    color: #333;
}
#hard_add .info-list li.hotel_add img{
    cursor: pointer;
    margin-top: 33px;
    width: 35px;
    height:35px;
}
#hard_add .info-list li.hotel_del img{
    cursor: pointer;
    width: 35px;
    height:35px;
}
#hard_add .info-list .choose-time p{
    font-size: 16px;
    color: #333;
    padding-bottom: 10px;
}
#hard_add .info-list .choose-time td{
    font-size:14px;
    color: #333;
    padding: 10px;
}
#hard_add .info-list .choose-time ul{
    width: 770px;
    padding-left: 10px;
}
#hard_add .info-list .choose-time ul li{
    width: 100px;
    margin:10px 10px 10px 0;
}

/*hard_list*/
#hard_list table{
    width: 100%;
}
#hard_list table thead td{
    text-align: center;
    height:48px;
    background-color: #f3f4f3;
    color: #333;
    font-size: 14px;
}
#hard_list table tbody td{
    border:1px solid #e5e5e5;
    text-align: center;
    padding: 5px;
    color: #333;
}
#hard_list table .color{
    color: #ff5240;
}
#hard_list table>tbody:hover>tr{
    background-color: #f2f8fa;
}
#hard_list button{
    width: 80px;
    margin-top: 20px;
}
#hard_list .box a{
    display: inline-block;
    width: 80px;
    height:30px;
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    color: #ccc;
}
#hard_list .box a.active,#hard_list .box a:hover{
    color: #ff5240;
    border-color: #ff5240;
}