/*input为number时可以去掉浏览器自动上下箭头吗====begin*/
/* WebKit (Chrome, Safari) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input[type=number] {appearance: textfield;}
/*input为number时可以去掉浏览器自动上下箭头吗====end*/

/* table内容垂直居中 */
table.table tbody>tr>td{vertical-align:middle;}

/** 自定义layer按钮样式：提交，关闭 */
body .my-submit .layui-layer-btn a{line-height: 1.72;font-size: 14px;padding: 5px 12px;letter-spacing: 1px;
    border-radius: 2px;outline: none !important;font-weight: 400;height: 36px;}
/**按钮1样式 */
body .my-submit .layui-layer-btn0{background-color: #33cabb;border-color: #33cabb;color: #fff!important;}
/**按钮2样式 */
body .my-submit .layui-layer-btn1 {background-color: #fcfdfe;border-color: #ebebeb;color: #8b95a5!important;}

/**按钮1样式 */
body .my-submit2 .layui-layer-btn0{background-color: #FFF;border-color: #33cabb;color: #000;font-size: 13px;
    border-radius: 5px;line-height: 40px;height: 40px;padding: 0 5px;}
/**按钮2样式 */
body .my-submit2 .layui-layer-btn1{background-color: #fcfdfe;border-color: #ebebeb;color: #8b95a5!important;line-height: 40px;height: 40px;}

/** 关闭样式: 关闭 */
body .my-close .layui-layer-btn a{line-height: 1.72;font-size: 14px;padding: 5px 12px;letter-spacing: 1px;
    border-radius: 2px;outline: none !important;font-weight: 400;height: 36px;}

/**按钮1样式 */
body .my-close .layui-layer-btn0{background-color: #fcfdfe;border-color: #ebebeb;color: #8b95a5!important;}


/*房源列表，房型列表封面样式*/
.coverimg .lyear-display-pic figure{max-height: none!important;max-width: none!important;height: 83px;width: 114.54px;}
.coverimg .lyear-display-pic figure img{max-height: none!important;max-width: none!important;height: 83px;width: 114.54px;object-fit: cover;border-radius: 6px;}
.coverimg-banner .lyear-display-pic figure{height: 83px;width: 148px;}
.coverimg-banner .lyear-display-pic figure img{height: 83px;width: 148px;}
.coverimg-vertical .lyear-display-pic figure{height: 100px;width: 80px;}
.coverimg-vertical .lyear-display-pic figure img{height: 100px;width: 80px;}

/** 自动切换下一张图片样式 */
.layui-layer-page .preBtn, .layui-layer-page .nextBtn{
    position: absolute;
    left: 15px;
    top: calc(50% - 15px);
    height: 30px;
}
.layui-layer-page .nextBtn{
    left: auto;
    right: 15px;
}
.layui-layer-page .preBtn:hover, .layui-layer-page .nextBtn:hover{
    color: #33cabb;
    cursor: pointer;
}
.layui-layer-page .play-box{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*房源列表，房型列表封面样式*/
.coverimg .lyear-display-pic figure{max-height: none!important;max-width: none!important;height: 83px;width: 114.54px;}
.coverimg .lyear-display-pic figure img{max-height: none!important;max-width: none!important;height: 83px;width: 114.54px;object-fit: cover;border-radius: 6px;}
.coverimg-banner .lyear-display-pic figure{height: 83px;width: 148px;}
.coverimg-banner .lyear-display-pic figure img{height: 83px;width: 148px;}
.coverimg-vertical .lyear-display-pic figure{height: 100px;width: 80px;}
.coverimg-vertical .lyear-display-pic figure img{height: 100px;width: 80px;}

.table > tbody > tr > td.coverimg, .table > tfoot > tr > td.coverimg, .table > thead > tr > td.coverimg{padding: 5px;}
.coverimg .altitude{
    border-radius: 2px 13px 13px 2px;
    background-color: #E24A4D;
    position: absolute;
    left: 0;
    z-index: 1;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 5px 0 2px;
}
.coverimg .img-tag-style{
    border-radius: 2px 13px 13px 2px;
    background-color: #33cabb;
    position: absolute;
    left: 0;
    z-index: 1;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 5px 0 2px;
}
.coverimg .areaName{
    border-radius: 2px 13px 13px 2px;
    background-color: #48b0f7;
    position: absolute;
    left: 0;
    z-index: 1;
    color: #FFFFFF;
    font-size: 12px;
    padding: 0 5px 0 2px;
}
.coverimg .top1{top: 6px;}
.coverimg .top2{top: 32px;}
.coverimg .top3{bottom: 6px;}


/*订单详情横向排版展示*/
.box-row-item{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.25rem;
}
.box-row-item-left80{
    width: 80px;
    text-align: right;
    flex: 0 0 auto;
    margin-bottom: 0;
}
.box-row-item-left100{
    width: 100px;
    text-align: right;
    flex: 0 0 auto;
    margin-bottom: 0;
}
.box-row-item-left120{
    width: 120px;
    text-align: right;
    flex: 0 0 auto;
    margin-bottom: 0;
}
.box-row-item-right{flex: 1 1 0;font-size: 14px;}


span.desensitized-switch{cursor: pointer;}

/*table单元格样式排版*/

/* div行排版，主轴开始对齐，横轴集中对齐 默认间距.3rem*/
table td div.flex-row-start-center-gap{display: flex;justify-content: flex-start;align-items: center;gap: .3rem;}
/* 拨打电话样式按钮 */
table td .btc-call{color:#faa64b;border-color:#faa64b; padding: calc((14px*1.72 - 12px*1.72 - 1px*2)/2) 5px;}
table td .btc-call:hover{color:#faa64b;border-color:#faa64b;}

/*表格排版---控制表格滚动*/
.tab-roll {background-color: #fffafa;}
.tab-roll>.container-fluid {height: 100%;overflow:hidden;display: flex;flex-direction: column;padding:15px;}
.tab-roll>.container-fluid>.row {flex-grow:1;overflow: hidden;}
.tab-roll>.container-fluid>.row>div {height: 100%;overflow: hidden;}
.tab-roll>.container-fluid>.row>div>.card {height: 100%;overflow: hidden;margin: 0;padding: 0;}
.tab-roll>.container-fluid>.row>div>.card>.card-toolbar {padding: 10px 0 0 0;}
.tab-roll>.container-fluid>.row>div>.card>.card-body {flex-grow:1;overflow:hidden;display: flex;flex-direction: column;padding: 10px 0 0 0;}

/*搜索栏地址组件样式*/
.container-fluid form.search-bar .location-picker-span{height:35px!important;line-height:35px!important;}

/*单选框/多选框/switch开关 样式自定义===begin*/
.custom-input-box {display:flex;justify-content: flex-start;align-content: center;gap:.5rem;}
.custom-input-box .custom-radio, .custom-input-box .custom-checkbox,.custom-input-box .custom-switch{position: relative;display: block;padding: 0;}
.custom-input-box .custom-control-input{position: absolute;left: .625rem;top: .625rem;width: 1rem;height: 1rem;}
.custom-input-box .custom-control-label {padding: .5625rem .5625rem .5625rem 2.125rem;line-height: 1rem;border: 1px solid #dcdfe6;border-radius: .25rem;white-space: nowrap;cursor: pointer;}
.custom-input-box .custom-switch .custom-control-label {padding-left: calc(.5625rem*2 + 1.75rem)}
.custom-input-box .custom-control-label > input{width: 50px; padding: 0 5px;height: calc(2.125rem - 2px);line-height: calc(2.125rem - 2px);margin: -0.5625rem 0;}
/*兼容单选框label下面加入输入框*/
.custom-input-box .custom-control-label:hover{border: 1px solid #409eff;}
.custom-input-box .custom-control-label::after {position: absolute;top: .5625rem;left: .5625rem;display: block;width: 1rem;height: 1rem;content: "";
    background: no-repeat 50% / 50% 50%;}
.custom-input-box .custom-control-label::before {position: absolute;top: .5625rem;left: .5625rem;display: block;width: 1rem;height: 1rem;content: "";
    background-color: #fff;border: #adb5bd solid 1px;pointer-events: none;}
.custom-input-box .custom-control-input:focus ~ .custom-control-label::before {box-shadow:none;}
.custom-input-box .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {border-color: #adb5bd;}
.custom-input-box .custom-control-input:not(:disabled):active ~ .custom-control-label::before {background-color: #409eff;border-color: #adb5bd;}

.custom-input-box .custom-switch .custom-control-label::before {width: 1.75rem;pointer-events: all;border-radius: 0.5rem;}
.custom-input-box .custom-switch .custom-control-label::after {top: calc(.5625rem + 2px);left: calc(.5625rem + 2px);width: calc(1rem - 4px);height: calc(1rem - 4px);
    background-color: #adb5bd;border-radius: 0.5rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.custom-input-box .custom-control-input[type='radio']:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.custom-input-box .custom-control-input[type='checkbox']:checked ~ .custom-control-label::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");}
.custom-input-box .custom-control-input:checked ~ .custom-control-label::before {background-color: #409eff; border-color: #409eff;}
.custom-input-box .custom-control-input:checked ~ .custom-control-label {border: 1px solid #409eff;color: #409eff;}
.custom-input-box .custom-control-input:active ~ .custom-control-label:before {background-color: #409eff;border-color: #409eff;}
.custom-input-box .custom-control-input:focus ~.custom-control-label::before {box-shadow: none!important;}/*获得焦点样式*/
/*单选框/多选框/switch开关 样式自定义===end*/

/*编辑页面布局样式begin========================*/
.editor-box {max-width:1500px;margin: auto; height: 100%;background: #FFFFFF;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.editor-head {flex-grow:0;width: 100%;height: 2.5rem; line-height: 2.5rem;font-size:1rem;font-weight:bold;text-align: center;}
.editor-main {flex-grow:1;width: 100%;min-height:0;display: flex;padding: 1rem 1rem;border-top: 1px solid #c0c4cc;border-bottom: 1px solid #c0c4cc;}
.editor-bottom {flex-grow:0;width: 100%;height: 4rem;line-height: 4rem;padding-right: 1rem;text-align: right;}
.editor-main .editor-left-box {width: 150px; flex: 0 0 auto;margin-right:1rem;}
.editor-main .editor-left-box .nav{gap: .75rem;}
.editor-main .editor-left-box .nav-link {border: 1px solid #c0c4cc;}
.editor-main .editor-left-box .nav-link.active {border: 1px solid #33cabb;}
.editor-main .editor-right-box {padding-left:1rem;min-width: 0;flex-grow: 1;border-left: 1px solid #c0c4cc;height:100%;overflow-y: auto;}
.editor-main .editor-right-box .tab-pane {height: 100%;}
.editor-main .editor-right-box .tab-pane>.row{margin-left: 0;margin-right: 0;}
/*编辑页面布局样式end========================*/


/***********兼容540px以下宽带样式begin****************/
/* admin/index.html主页框架 */
@media screen and (max-width: 540px) {
    nav.navbar>.navbar-right>.dropdown>#tp-weather-widget{display: none;}
    nav.navbar>.navbar-right>.dropdown>#tp-lunar-calendar-widget{display: none;}
}
/*通用表格兼容样式*/
@media screen and (max-width: 540px) {
    /*bootstrap-notify提示宽度*/
    body>.alert-info[data-notify='container']{ width: 80%;}
    /*表格搜索框*/
    .container-fluid form.search-bar input[name="keyword"],
    .container-fluid2 form.search-bar input[name="keyword"],
    .container-fluid3 form.search-bar input[name="keyword"]{
        min-width: 200px;
    }
    /*表格分页组件样式*/
    .pagination{ flex-wrap: wrap;}
    .pagination .page-item{ display: block; }
    /* 单个上传组件样式 */
    .lyear-single-upload-pic{ width: 100%;}
    .lyear-single-upload-pic figure{ width: 100%;}
    /*多个上传组件样式*/
    .lyear-multiple-uploads-pic li {margin-right:0;margin-bottom: 15px;width: 48.5%;}
    .lyear-multiple-uploads-pic figure { width: 100%;}
    .lyear-multiple-uploads-pic li:nth-child(2n) {margin-right: 3%;}
    .lyear-multiple-uploads-pic figure img{max-width:100%;max-height:55vw;}
}

/* 订房订单查看，旅居游订单查看查看 */
@media screen and (max-width: 540px) {
    #hotelProductDayOrderModal div.order-detail-right {border-left: none!important;}
    #tourOrderModal div.order-detail-right {border-left: none!important;}
}
/***********兼容540px以下宽带样式end****************/