
/*@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, body {
    width: 100%;
    min-height: 100vh;
    background: white;
    /*background: linear-gradient(to bottom,#EBEBE4,#EBEBE4);*/
    /*background: black;*/
    /*background: url("../image/bg.jpg")no-repeat center center;*/
    /*background-size: 100% 100%;*/
    /*margin-bottom: 4.6rem;*/
    /*min-width: 1200px;*/

    /*#E3EDCD*/

}
body {
    position: relative;

    -webkit-overflow-scrolling: touch;
    overflow-x: hidden!important;
    overflow-y: auto!important;


}

.f-up {
    animation-name: f-up; /*动画名称*/
    animation-duration: 3s; /*动画持续时间*/
    animation-iteration-count: 1; /*动画次数*/
    animation-delay: 0s; /*延迟时间*/
}

@keyframes f-up {
    from {
        will-change: transform; /*优化动画卡顿1*/
        opacity: 0; /*初始状态 透明度为0*/
        transform: translateY(100px); /*初始状态 文档流下100px*/
    }
    to {
        opacity: 1; /*结尾状态 透明度为1*/
        transform: translateY(0px); /*初始状态 恢复正常位置*/
    }
}
.yc{
    -webkit-animation-delay: 2s;/**延迟**/
    animation-delay: 2s;
}

/*头部*/
#tou{
    width:100%;
    /*position: relative;*/
    /*height:80px;*/
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    /*margin-bottom: 20vh;*/
    /*background: rgba(255,255,255, 0.85);*/
    /*background: white;*/
}
/*身体部分*/
.content_body {
    width: 100%;
    min-height: 100%;
    /*background: rgba(0,0,0,0.03);*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*-webkit-overflow-scrolling: touch;*/
}

.content_body1{
    width: 100%;
    margin: 150px  auto 0 auto;
    /*padding-top:5.6rem;*/
    /*background: #1E9FFF;*/
    /*padding-bottom: 5px;*/
    /*margin-top: 175px;*/
}
.pageBan{
    width: 100%;
    height: 10rem;
    object-fit: cover;
}

.searchBox{
    width: 100%;
    /*padding-top:10px;*/
    background: rgba(0,0,0,0.1);
}
.searchBoxCen{
    width: 75%;
    margin: 0px auto;
    /*background: pink;*/
    display: flex;
    flex-wrap: wrap;
}
.searchBoxLeft{
    width: 70%;
    height: 1.5rem;
    line-height: 1.5rem;
    /*padding-top:10px;*/
    color: rgba(0,0,0,0.6);
    text-align: left;
    letter-spacing: 2px;
    font-size: 0.6rem;
}
.searchBoxLeft b{
    color: #0068b7;
}

/*搜索框*/
.searchCP {
    width: 30%;
    /*margin-left: 75%;*/
    /*background: yellow;*/
    display: flex;
    /*flex-direction: column;*/
    /*align-items: center;*/
}
.searchCP1 {
    width: 100%;
    padding-left: 30%;
    margin: 5px auto;
    /*background: green;*/
    display: flex;
    /*align-items: center;*/
}
.searchCP1Div {
    display: flex;
    margin-left: 0 !important;
}

.searchCP1 .input {
    width: 70%;
    /*height: 1.5rem;*/
    /*line-height: 1.5rem;*/
    font-size: 0.5rem;
}

.searchCP1 button {
    width: 30%;
    background: #1E9FFF !important;
}



.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;
}
/*.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: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi{
    from {
        opacity: 0.4;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.6;
    }
}

.huxi1{
    animation-name: movehuxi1;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi1{
    from {
        opacity: 1;
        color: #c2c2c2;
        /*color:rgba(255,255,255,0.5);*/
        transition: 1s

    }
    50% {
        opacity: 1;
        color:rgba(1,170,237,0.95);
        transition: 1s
        /*color:white*/
    }
    to {
        opacity: 1;
        /*color: #0C0C0C;*/
        color:rgba(12,12,12,0.8) ;
        transition: 1s
    }
}

.huxi2{
    animation-name: movehuxi2;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}
@keyframes movehuxi2{
    from {

        border: 3px solid white;
    }
    50% {
        border: 2px solid white;
    }
    to {
        border: 3px 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;
    }
}
/*tab切换*/
.layui-tab-brief>.layui-tab-title .layui-this {
    color: #1E9FFF!important;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid #1E9FFF!important;
}


/*右下角返回顶部按钮*/
.layui-fixbar li {
    width: 2rem!important;
    height: 2rem!important;
    line-height: 2rem!important;
    font-size: 1.5rem!important;
    background-color: #1E9FFF!important;
    color: white!important;
}

/*媒体查询*/
@media (max-width: 900px) {
    /*分页*/
    #page .layui-laypage em,#page .layui-laypage a{
        font-size: 0.6rem!important;
    }
    .layui-laypage a, .layui-laypage span {
        font-size: 0.9rem!important;
        /*line-height: 1rem!important;*/
    }

    .layui-tab-title li{
        font-size: 0.7rem;
        letter-spacing: 1px;
    }

    .layui-fixbar{
        bottom: 30px!important;
    }
    .layui-fixbar li {
        width: 3rem!important;
        height: 3rem!important;
        line-height: 3rem!important;
        font-size: 2.3rem!important;
        border-radius: 8px!important;
        margin-bottom: 8px!important;
        /*background:linear-gradient(to left,rgba(47, 64, 86, 0.95),rgba(240,131,0,0.65))!important;*/
       /*background: rgba(240,131,0,0.8)!important;;*/
    }
    .content_body1 {
        width: 100%;
        /*margin-left: 2%;*/
        /*margin-top: 70px;*/

        /*padding-top: 1.65rem;*/
        margin: 0rem auto 0 auto;
    }
    .pageBan {
        /*width: 100%;*/
        height: 35vh;
        margin-top: 0!important;
        /*object-fit: cover;*/
    }

    .searchBoxCen{
        width: 96%;
    }
    .searchBoxLeft {
        height: auto!important;
        width: 100%;
        font-size: 0.8rem;
    }

    /*搜索框*/
    .searchCP {
        width: 100%;
        /*margin-left: 0%;*/
        margin: 0 auto;
        /*background: yellow;*/
    }
    .searchCP1{
        width: 100%;
        padding-left: 0%
        /*background: pink;*/
    }
    .layui-input-block {
        width: 100%!important;
    }
    .searchCP1 .input {
        font-size: 0.8rem;
        margin-left: 0%;
        /*height: 3rem;line-height: 3rem;*/
    }

    .searchCP1 button {
        font-size: 0.8rem;
        /*height: 3rem;line-height: 3rem;*/
    }
}





