.layui-timeline-axis{
    left: auto;
}
.layui-timeline-item:before{
    left: auto;
}
.layui-timeline-item:before{
    background-color: #3c87f1;
}
@media screen and (min-width: 1300px){
    .shiming{
        width:1070px;height:560px;background-size: 100% 100%;
    }

}

@media screen and (min-width: 1200px){
    .shiming{
        width:1070px;height:560px;background-size: 100% 100%;
    }




}

@media screen and (min-width: 992px){
    .shiming {
        width: 800px;height:460px;background-size: 100% 100%;
    }
    .layui-timeline-item{
        width: 50%;
    }
    .layui-timeline-item:nth-child(odd){
        text-align: right;
    }
    .layui-timeline-item:nth-child(even){
        text-align: left;
        margin-left: 50%;
    }
    .layui-timeline-item:nth-child(even):before{
        left: 10px;
    }
    .layui-timeline-item:nth-child(odd):before{
        right: -10px;
    }




}
@media screen and (min-width: 768px){
    .shiming{
        width: 100%;background-size: 100%;
    }

}
.layui-text h3{
    font-size: 16px;box-shadow: 0px 2px 1px #3c87f1;
    display: inline-block;
    padding: 6px 10px;
}
.layui-text b{
    color: #00b6ff;
}
.layui-text i{
    font-weight: bold;color: red;font-style: normal;
}
.layui-timeline-axis{
    color: #0087f9;
    font-weight: bolder;
}
.layui-tab-title li{
    font-size: 16px;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color: #0087f9;
    font-weight: bold;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #0087f9;
}
.layui-tab-title li:hover{
    border-bottom: 2px solid #0087f9;
    color: #0087f9;
    font-weight: bold;
}
.guanyu>h3{
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.guanyu>h4{
    text-align: center;
    color: #999;
}
.guanyu p{
    font-size: 16px;
    line-height: 30px;
}
.shiming>p{
    color: #FFFFFF;
}


.zhiwei>li>h3{
    background-color: #b1cff9;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
}
.zhiwei>li{
    border-radius: 10px;
    box-shadow: 0px 0px 2px #0087f9;
    margin-bottom: 20px;
}
.zhiweixq>div{
    padding: 10px;
}
.zhiweixq>div>ul{
    padding-left: 20px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-image: linear-gradient(#fff, #0087f9,#fff) 1;
    min-height: 140px;
}
.zhiweixq h4{
    font-weight: bold;
    font-size: 16px;
}
.zhiweixq li{
    margin-top: 10px;
    list-style: amharic;

}
.reward>div{
    padding: 20px;
}
.reward>div>div{
    text-align: center;
    height: 180px;
    line-height: 180px;
    box-shadow: 0px -1px 1px #0087f9;
    padding: 10px;
    border-radius: 6px;
}
.reward>div>h3{
    text-align: center;
    padding:6px 10px;
    box-shadow: 0px 0px 40px #3c87f1 inset;
    border-radius: 2px;
}
.reward img{
    max-width: 100%;
}