/**
阿里巴巴 图标库
https: //www.iconfont.cn/
*/
@import url('iconfont/iconfont.css');


.clear_btn_style {
    background: none;
    border: 0;
}

.icon_btn {
    cursor: pointer;
}

.et_pb_row {
    margin: auto;
}

.flex {
    display: flex;
}
.flex_column{
    flex-direction: column;
}

.y_center {
    align-items: center;
}

.x_center {
    justify-content: center;
}
.nowrap{
    flex-wrap: nowrap;
}

.img_100 {
    width: 100%;
    display: block;
}
.x_scroll{
    overflow-x: scroll;
}
/*
隐藏x_scroll的滚动条
*/
.x_scroll::-webkit-scrollbar {
    display: none;
}





/*
超链接 hover 样式
*/
.text_hover:hover,.text_light {
    color: #f70000 !important;
}
body.et-db #et-boc .et-l .et_pb_row .et_pb_column.margin_auto{
    margin: 0 auto !important;
}
/*
图片 hover 放大
*/
.img_hover_box{
    overflow: hidden;
}
.img_hover_box img{
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    display: block;
}

.img_hover_box:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/*
字体超出隐藏
*/
.text_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*
区分终端 隐藏
*/
.pc_hide{
    display: none !important;
}
._page_loading::after{
    position: absolute;
    top: 0;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999; 
}
.moble_show {
    display: none !important;
}
@media screen and (max-width: 1024px) {
    .ipad_hide {
        display: none !important;
    }
    .pc_hide{
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .moble_hide {
        display: none !important;
    }
    .moble_show{
        display: block !important;
    }
}