/*@media screen and (max-width: 400px){*/
/*    html {*/
/*        font-size: 53.34px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 480px){*/
/*    html {*/
/*        font-size: 64px;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 640px){*/
/*    html {*/
/*        font-size: 85.34px;*/
/*    }*/
/*}*/

/*@media only screen and (min-width: 767px){*/
/*    html {*/
/*        font-size: 85.34px;*/
/*    }*/
/*}*/


html{
    font-size: 10px;
}
body{
    font-size: 1.6rem;
    font-family: "微软雅黑","宋体";
}

html,body{
    min-height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
a:hover{
    color: #0165c7;
}

.diy-flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.diy-flex__item{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-center{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

[v-cloak]{
    display: none;
}

.app {
    margin-top: 30px;
}
.page-body{
    width: 1200px;
    margin: auto;
}

#container{
    transform-origin: 0 0;
}

.text-over-one-hidden{
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; */

    overflow: hidden;
    text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
    display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 1; /* 文本需要显示多少行 */
}

.text-over-two-hidden{
    overflow: hidden;
    text-overflow: ellipsis; /* 文本溢出时显示省略号来代表被修剪的文本 */
    display: -webkit-box; /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2; /* 文本需要显示多少行 */
}


/* 自定义popover - start */
.diy-popover{
    min-width: 50px !important;
    padding: 0 !important;
}
/* 自定义popover - end */


.pagination{
    padding: 3rem 1.2rem;
    box-sizing: border-box;
}
.pagination .left{
    color: #606266;
    font-size: 1.4rem;
    align-items: center;
}

.guanfangshipin-video{
    width: 100vw;
    height: 100vh;
}