@font-face {
    font-family: 'glowblack';
    src: url('../font/GlowSansSC-Normal-Regular.otf');
    src:url('../font/GlowSansSC-Normal-Regular.otf') format('OpenType'),
}

*{
    margin:0;
    padding:0;
    list-style: none;
    box-sizing: border-box;
    /*touch-action: none;*/
    /*font-family: glowblack;*/

}

/**页面变灰特效**/
/*html{*/
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
    /*-webkit-filter: gray;*/
    /*filter: gray;*/
    /*-webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);*/
    /*filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);*/
/*}*/

html, body {
    width: 100%;
    min-height: 100vh;
    /*filter: grayscale(100%);*/

    /*background: whitesmoke;*/

    /*background: linear-gradient(to bottom,#EBEBE4,#EBEBE4);*/
    /*background: black;*/
    /*background: url("../image/guoqing.jpg")no-repeat center center;*/
    /*background-size: 100% 100%;*/
    /*margin-bottom: 4.6rem;*/
    /*min-width: 1200px;*/

    /*#E3EDCD*/
}

body {
    position: relative;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    /*background: url("../image/guoqing.jpg")no-repeat center center;*/
    /*background-size: 100% 100%;*/

}
/*头部*/
/*#tou{*/
    /*width: 100%;*/
    /*height: 15vh;*/
    /*background: #F6523A;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*z-index: 1000;*/
/*}*/
/*身体部分*/
.content_body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    padding-top: 4rem;
    margin-bottom: 10.1vh;
    -webkit-overflow-scrolling: touch;

    /*filter: grayscale(100%);*/
    /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
}


.content1 {
    position: relative;
    width: 1000px;
    margin: 20px auto;

    /*padding-bottom: 20px;*/
    /*height: 75vh;*/
    /*background-color: gold;*/
}
img{
    border:none 0;
}
body a:hover{
    text-decoration:none;
}
ul,li{
    list-style:none;
}
p{
    margin: 0;
}
.none{
    display: none;
}
.opacity{
    opacity: 0;
}
.wave {
    position: relative;
    overflow: hidden;
}
.wave:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .5s, opacity .5s;
}
.wave:active:after {
    transform: scale(0, 0);
    opacity: .5;
    transition: 0s;
}
.wave:active {
    opacity: .9;
}

.slh{
    display: block;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slh2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.slh3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.yc{
    animate-duration: 6s;
    -webkit-animation-duration:6s
}

.boxShadow{
    box-shadow: 6px 6px 6px 6px #666;
}
.textShadow{
    /*color: #666 !important;*/
   text-shadow: 6px 8px 8px #666666;
}

/*呼吸灯*/
.huxi{
    animation-name: movehuxi;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi{
    from {
        opacity: 0.3;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.3;
    }
}

.huxi1{
    animation-name: movehuxi1;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi1{
    from {
        opacity: 1;
        color: orangered;
    }
    50% {
        opacity: 1;
        color:rgba(0,0,0,0.3) ;
    }
    to {
        opacity: 1;
        color:#1E9FFF;
    }
}

.huxi2{
    animation-name: movehuxi2;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi2{
    from {

        border: 4px solid white;
    }
    50% {
        border: 2px solid white;
    }
    to {
        border: 4px solid white ;
    }
}

.huxi3{
    animation-name: movehuxi3;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi3{
    from {
        opacity: 0.3;
        color: yellow;
    }
    50% {
        opacity: 1;
        color:yellow ;
    }
    to {
        opacity: 0.3;
        color:yellow;
    }
}

.layui-input,.layui-btn{
    border-radius: 9px!important;
}
.layui-input{
    margin-right: 3.5%!important;
}




/*垂直居中*/
.cz{
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
    text-align: justify;
}


.layui-flow-more a cite {
    background-color: rgba(0,0,0,0)!important;
    color: rgba(0,0,0,0.2)!important;
}




/*模态框里面照片*/
/*.layui-layer-photos{*/
    /*width: 100vw!important;*/
    /*height: auto!important;*/
    /*!*object-fit: fill!important;*!*/
    /*position: fixed!important;*/
    /*!*top: 0!important;*!*/
    /*!*bottom: 0!important;*!*/
    /*!*right: 0!important;*!*/
    /*!*left: 0!important;*!*/
    /*!*margin: auto!important;*!*/
/*}*/
/*.layui-layer-content{*/
    /*height: auto!important;*/
/*}*/
/*.layui-layer-photos .layui-layer-phimg img {*/
    /*height: 100vh!important;*/
    /*object-fit: contain!important;*/
/*}*/