@font-face {
    font-family: mFont;
    src: url("../font/MinionVariableConcept-Roman.otf")
}

* {
    padding: 0;
    margin: 0;
    font-size: 0.3rem;
    font-family: mFont
}

a {
    text-decoration: none
}

li {
    list-style: none
}

@keyframes welcome {
    0% {
        opacity: 1;
        transform: scale(0.43);
        -webkit-transform: scale(0.43);
        -moz-transform: scale(0.43)
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2)
    }
}

@-webkit-keyframes welcome {
    0% {
        opacity: 1;
        transform: scale(0.43);
        -webkit-transform: scale(0.43);
        -moz-transform: scale(0.43)
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2)
    }
}

.header {
    height: 1.28rem;
    background-color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999
}

.header .logo {
    height: .64rem;
    margin: .32rem .2133333333rem;
    float: left
}

.header .navBar {
    height: .4266666667rem;
    margin: .4266666667rem .2133333333rem;
    float: right
}

.header .ch_lang {
    height: .4266666667rem;
    margin: .0rem .0rem;
    float: right
}

.header > a {
    display: block;
    width: 1.0666666667rem;
    height: .4266666667rem;
    line-height: .4266666667rem;
    box-sizing: border-box;
    float: right;
    margin: .4266666667rem .2133333333rem;
    /* border: solid 1px #005442; */
    color: #005442;
    /* border-radius: .32rem; */
    text-align: center
}

.header .nav {
    display: none;
    z-index: 99;
    position: absolute;
    right: 0;
    top: 1.28rem;
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 8px 8px
}

.header .nav li {
    list-style: none;
    letter-spacing: 0;
    text-align: center;
    margin: .4266666667rem 0
}

.header .nav li a {
    font-size: .2773333333rem;
    color: #005442
}

.indexpage {
    background-image: url("../image/2311280251189.jpg");
    background-position: top;
    background-repeat: repeat-y;
    background-size: 100%;
    background-color: #d1ecfb
}

.indexpage .content {
    padding: 1.9626666667rem .96rem 1.0666666667rem
}

.indexpage .content img {
    width: 100%
}

.indexpage .content .enter {
    display: block;
    margin: 3.4133333333rem auto 0 auto;
    width: 2.1333333333rem;
    height: 2.1333333333rem;
    border-radius: 50%;
    position: relative
}

.indexpage .content .enter > .rounds {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}
/*进入*/
.indexpage .content .enter > .rounds > span{
    color:#2ab481;
}

.indexpage .content .enter .round {
    border-radius: 50%;
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    animation: 1.5s welcome linear
}

.indexpage .content .enter span {
    color: #00ecac;
    font-weight: bold;
    font-size: .3413333333rem;
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    text-align: center;
    z-index: 10
}

.bgimg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url("../image/2314273693602.jpg");
    background-color: #76C8BC;
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.intro {
    padding-top: 1.28rem;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative
}

.intro .content {
    padding: .96rem .32rem
}

.intro .content > img {
    display: block;
    width: 80%;
    margin: 0 auto
}

.intro .content .main {
    display: block;
    margin: .7466666667rem auto 0 auto;
    padding: .64rem .4266666667rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.77)
}

.intro .content .main p {
    color: #002400;
    line-height: .512rem
}

.intro .content .main .fw {
    font-weight: 500
}

.intro .content .main .mt {
    margin-top: .4266666667rem
}

.intro .content .main a {
    color: #000024
}

.opa0 {
    opacity: 0
}

.banner {
    position: relative
}

.banner img {
    display: block;
    width: 100%
}

.banner .title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner .title span {
    display: block;
    /*background: url(../image/2314230222109.png) no-repeat scroll 0 17px transparent;*/
    /*background-size: 100% 8px;*/
    /*background-position: bottom;*/
    max-width: 80%;
    font-size: .3626666667rem;
    font-weight: bold;
    text-align: center;
    color:#005E3C;
}

.preface {
    padding-top: 1.28rem;
    position: relative
}

.preface .content {
    padding: 0 .256rem;
    padding-bottom: .64rem
}

.preface .content .main {
    padding: .32rem .256rem;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 0.3rem
}
/*部分页面的正文颜色，不确定是否需要修改*/
.preface .content .main p{

    /*color:#005442;*/
}

.preface .content .main p {
    text-indent: .512rem;
    font-size: .3rem;
    line-height: .512rem
}

.pageBar {
    text-align: center;
    padding: .7466666667rem;
    display: flex;
    justify-content: center;
    position: relative
}

.pageBar img {
    display: inline-block;
    height: .64rem;
    margin: 0 .4266666667rem
}

.pageBar span {
    display: inline-block;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .32rem;
    background-color: rgba(255, 255, 255, 0.77);
    border-radius: 5px;
    color: #00a3ea
}

.pageBar a {
    display: inline-block;
    height: .64rem;
    line-height: .64rem;
    padding: 0 .32rem;
    background-color: rgba(255, 255, 255, 0.77);
    border-radius: 5px;
    color: #005442;
}

.pageBar .act {
    background-color: #fff !important
}

.pageBar ul {
    display: none;
    position: absolute;
    width: 70%;
    left: 15%;
    bottom: 100%;
    background-color: #fff;
    border-radius: 8px
}

.pageBar ul li {
    list-style: none;
    letter-spacing: 0;
    text-align: center;
    margin: .4266666667rem 0
}

.pageBar ul li a {
    font-size: .2773333333rem;
    color: #002E54
}

.roster ul {
    background-color: rgba(255, 255, 255, 0.3)
}

.roster ul li {
    margin-bottom: .4266666667rem
}

.roster ul li p {
    padding: .2133333333rem .4266666667rem;
    background-color: #fff;
    position: relative
}

.roster ul li p img {
    vertical-align: middle;
    margin: 0 .2346666667rem;
    width: .5333333333rem
}

.roster ul li p .cart {
    position: absolute;
    top: 40%;
    right: .2133333333rem;
    display: inline-block;
    width: .2837333333rem;
    height: .1770666667rem;
    background-image: url("../image/2315512386803.png");
    background-size: cover;
    background-repeat: no-repeat
}

.roster ul li p .up {
    background-image: url("../image/2411251430946.png") !important
}

.roster ul li > div {
    display: none
}

.roster ul li table {
    width: 100%;
    display: block;
    border-collapse: collapse;
    background-color: rgba(255, 255, 255, 0.47)
}

.roster ul li table th {
    padding: .2133333333rem;
    background-color: #005442;
    color: #fff;
    text-align: center;
    font-size: .2346666667rem;
    font-weight: 400
}

.roster ul li table .row {
    background-color: rgba(255, 255, 255, 0.5)
}

.roster ul li table tr td {
    padding: .2133333333rem;
    font-size: .2346666667rem;
    border-bottom: solid 1px #005442;
    border-right: solid 1px #005442
}

.roster ul li table tr td:last-child {
    border-right: none !important
}

.project {
    padding-top: .1066666667rem
}

.project li {
    background-color: rgba(255, 255, 255, 0.49);
    text-align: center;
    margin-top: .8533333333rem;
    position: relative;
    color: #002E54
}

.project li h4 {
    font-size: .2986666667rem;
    line-height: .64rem
}

.project li p {
    font-size: .256rem
}

.project li a {
    display: block;
    color: #005442;
    padding: .4266666667rem
}

.project li .tag {
    display: block;
    min-width: 1.7066666667rem;
    height: .7253333333rem;
    line-height: .7253333333rem;
    position: absolute;
    top: -.32rem;
    left: 0;
    background-image: url("../image/2316195079536.png");
    background-size: 100% 100%;
    color: #005442;
    padding: 0 .4266666667rem 0 .2133333333rem
}

.judges ul li {
    padding-left: .4266666667rem;
    position: relative;
    margin-top: .8533333333rem
}

.judges ul li div {
    padding: .4266666667rem .2133333333rem .2133333333rem 1.92rem;
    background-image: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.3) 100%)
}

.judges ul li div img {
    position: absolute;
    top: -.4266666667rem;
    left: 0;
    width: 2.1333333333rem
}

.judges ul li div p {
    text-indent: 0 !important
}

.judges ul li div h4 {
    font-size: .3626666667rem;
    color: #005442;
}

.judges ul li div .zw {
    color: #005442;
}

.judges ul li div .con {
    color: #72a892 !important;
}

.detail {
    text-align: center;
    color: #005442;
}

.detail h4 {
    font-size: .3626666667rem;
    margin-bottom: .2133333333rem
}

.detail > p {
    text-indent: 0 !important
}

.detail .con {
    margin-top: .2133333333rem;
    text-align: left
}

.detail .con img {
    display: block;
    width: 100%
}

.ql-align-justify {
    text-align: justify;
}

/*# sourceMappingURL=index.css.map */