ul, li {
    list-style: none;
    padding: 0px;
}

.room .room_desc {
    border-top: 1px dashed hsla(0, 0%, 100%, .3);
    line-height: 30px;
    height: 30px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#list_status_use {
    overflow: hidden;
    margin-bottom: 20px;
}

#list_status_use li {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 15px;
}

#list_status_use span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

#status_use_1 span, .status_use_1 {
    border: 2px solid rgb(118, 178, 242);
    background: rgb(118, 178, 242);
}

#status_use_2 span, .status_use_2 {
    border: 2px solid rgb(241, 60, 94);
    background: rgb(241, 60, 94);
}

#status_use_3 span, .status_use_3 {
    /*border: 2px solid rgb(45, 159, 178);*/
    /*background: rgb(45, 159, 178);*/
    border: 2px solid purple;
    background: purple;
}

#status_use_4 span, .status_use_4 {
    border: 2px solid rgb(161, 161, 161);
    background: rgb(161, 161, 161);
}

#status_use_5 span, .status_use_5 {
    border: 2px solid rgb(128, 146, 121);
    background: rgb(128, 146, 121);
}

#list_room_type .room {
    width: 129px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    padding: 10px 10px 0px 10px;
    position: relative;
    /*overflow: hidden;*/
}

#list_room_type .room i {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 9999;
}

#list_room_type .item_room_type {
    overflow: hidden;
}

#list_room_type .room_type {
    background: #e9e9e9;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-weight: 600;
    border-radius: 7.5px;
}

#list_room_type .room .room_name {
    font-size: 15px;
    font-weight: 600;
}

#list_room_type .room .room_user {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    line-height: 30px;
}

#list_room_type .room .current_artificer {
    line-height: 20px;
    padding: 5px 0px;
    height: 50px;
    word-break: break-all;
}

#list_room_type .room .current_artificer_other {
    line-height: 50px;
}

.hr-line-dashed {
    margin: 0 0 10px 0 !important;
}

/*****/
/*#list_artificer_type .item_artificer_type {*/
/*    overflow: hidden;*/
/*}*/

#list_artificer_type .artificer_type {
    background: #e9e9e9;
    height: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    font-weight: 600;
    border-radius: 7.5px;
}

#list_artificer .artificer {
    width: 15%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    text-align: center;
    color: #333333;
    background: rgb(247, 249, 250);
    border: 1px solid rgb(240, 240, 240);
    border-radius: 5px;
    width: 128px;
}

.artificer_name {
    font-size: 15px;
    font-weight: 600;
    line-height: 35px;
}

.artificer_count span {
    color: red;
    padding: 0px 3px;
}

.artificer_status {
    border-radius: 50px;
}

.artificer_status_1 {
    background: rgb(99, 191, 142);
    color: rgb(255, 255, 255);
}

.artificer_status_2_1 {
    background: rgb(241, 158, 31);
    color: rgb(255, 255, 255);
}

.artificer_status_2_2 {
    background: rgb(255, 96, 108);
    color: rgb(255, 255, 255);
}

.artificer_count {
    font-size: 14px;
}

.artificer_time {
    height: 25px;
    line-height: 25px;
}

.artificer_status {
    margin: 5px 10px;
    height: 23px;
    line-height: 23px;
}

.artificer_room {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
}

.room {

}

.room:hover {
    cursor: pointer;
    border: 2px solid red;
}

/*select project*/
.jqDlgContainer #listCategory li {
    margin-right: 20px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    line-height: 35px;
    border-radius: 100px;
    display: inline-block;
    background: #ebebeb;
    color: #525252;
    font-weight: 600;
    cursor: pointer;
}

.jqDlgContainer #listCategory li.active {
    background: linear-gradient(90deg, #f4bc6a, #f7d379) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05) !important;
    color: #fff !important;
}

.jqDlgContainer .project {
    width: 175px;
    float: left;
    margin-right: 20px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 20px;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .1);
    border: 2px solid #fff;
    cursor: pointer;
    height: 104px;
}

.jqDlgContainer .room {
    width: 175px;
}

.jqDlgContainer .room_user {
    text-align: center;
}

.jqDlgContainer .room_user_0 span {
    background: red;
    color: #fff !important;
    padding: 3px 15px;
    border-radius: 23px;
    font-size: 13px;
}

.jqDlgContainer .room_time {
    color: #888 !important;
    text-align: center;
}

.jqDlgContainer .room_user_all span {
    background: #5fd392;
    color: #fff !important;
    padding: 3px 15px;
    border-radius: 23px;
    font-size: 13px;
}

.jqDlgContainer .project:hover {
    border: 2px solid red;
}

.jqDlgContainer .project .project_image {
    width: 200px;
    height: 200px;
    margin-bottom: 10px;
}

.jqDlgContainer .project img {
    max-width: 100%;
}

.jqDlgContainer .project .project_name,
.jqDlgContainer .project .project_price_original,
.jqDlgContainer .project .project_time {
    line-height: 30px;
    padding-left: 10px;
    font-size: 14px;
    color: #555;
}

.jqDlgContainer .project .project_name {
    font-weight: 600;
    font-size: 15px;
}

.jqDlgContainer .room .room_name {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.jqDlgContainer #listCategory {
    text-align: center;
}

.jqDlgContainer .project .project_price_original span {
    color: red;
    font-weight: 600;
    letter-spacing: 1px;
}

.jqDlgContainer .project .project_time span {
    background: orange;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    padding: 3px 8px;
}

#btn-pay_pre {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    height: 50px;
    background: #f3b760;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .05);
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    left: 0;
    z-index: 99999;
}

#list_artificer_country {
    overflow: hidden;
    line-height: 25px;
}

#list_artificer_country li {
    float: left;
    margin-right: 20px;
    cursor: pointer;
    letter-spacing: 1px;
    font-size: 15px;
}

.room .room_selected {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.room .room_selected img {
    width: 100%;
}