/*弹窗*/

/*提交中*/
.tip_success_img {
    position:absolute;
    width: 80%;
    padding: 2% 5% 5%;
    margin: auto;
    left: 50%;
    top: 10%;
    margin-left: -40%;
    z-index:101;
}
.tip_success_img img {
    width:100%;
}
.committing,.enroll_error,.enroll_success,.not_start,.already_end{
    position: fixed;
    z-index: 100;
    width: 44%;
    padding: 2% 5% 5%;
    margin: auto;
    left: 50%;
    top: 30%;
    margin-left: -22%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: none;
}
.committing img,.enroll_error img,.enroll_success img,.not_start img,.already_end img{
    margin: auto;
    display: block;
    width: 74%;
}
.enroll_error p,.enroll_success p{
    text-align: center;
    font-size: 25px;
    padding-top: 12px;
    line-height: 30px;
    font-weight: bold;
}
.committing p{
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    line-height: 30px;
    font-weight: bold;
}

/*提交成功提示框*/
.enroll_success{
    width: 70%;
    margin-left: -35%;
    padding-top: 5%;
    top: 20%;
}

.enroll_success span{
    display: block;
    text-align: center;
    line-height: 35px;
}
.enroll_success .jump_button,.enroll_success .jump_dati{
    width: 100%;
    display: block;
    text-align: center;
    border: 0;
    margin: 10px 0;
    background-color: #fcc135;
    line-height: 40px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
}

/*错误提示框*/
.enroll_error{
    width: 70%;
    margin-left: -35%;
    padding-top: 5%;
    top: 20%;
}
.enroll_error p{
    font-size: 16px;
}
.enroll_error span{
    display: block;
    padding-bottom: 50px;
    text-align: center;
    line-height: 30px;
}
.enroll_error button.close_btn{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #d4d4d4;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: #fff;
    line-height: 45px;
    outline: none;
    font-size: 15px;
}

/*活动尚未开始*/
.not_start,.already_end{
    width: 70%;
    margin-left: -35%;
    padding-top: 5%;
    top: 20%;
}

.not_start p,.already_end p{
    text-align: center;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 10px;
    line-height: 30px;
    font-weight: bold;

}
.not_start span{
    display: block;
    text-align: center;
    line-height: 20px;
}

/*赛事说明*/
.explain_fw{
    display: none;
    width: 90%;
    height: 70vh;
    position: fixed;
    top: 60px;
    left: 6%;
    border-radius: 10px;
    z-index: 100;
    /*background:#ff9000;*/
    background:#ffb702;
}
.explain_title{
    position:absolute;
    /*width:48%;*/
    /*top: -25px;*/
    /*left:26%;*/
    z-index:101;
    width: 60%;
    top: -20px;
    left: 20%;
}
.explain_title img {
    width:100%;
}
.explain_box {
    width:96%;
    height:97%;
    margin:2% auto 0 auto;
    overflow:hidden;
    border:2px solid #ffe5c1;
    border-radius: 10px;
    background:#FFF;
    background: url(https://pic.zhaotu.me/2023/04/27/shuomingbj0084c8b1a68dc036.jpg) no-repeat bottom center #FFF;
    background-size: 100%;
}
.explain_content{
    width:100%;
    padding: 6%;
    height: 89%;
    margin:10% auto 0 auto;
    overflow: scroll;
    -webkit-overflow-scrolling:touch;
}
.explain_fw button,.not_start_fw button,.gogood button{
    width: 50%;
    margin: auto;
    display: block;
    border: none;
    /*background-color: #1E9FFF;*/
    margin-top: 7%;
    line-height: 50px;
    height: 50px;
    border-radius: 20px;
    color: #fff;
    position: absolute;
    /*bottom: -50px;*/
    left: 25%;
    background: url(https://pic.zhaotu.me/2023/04/27/btn_anniu_5448963b5e969c935.png) no-repeat bottom center;
    background-size: 100% 100%;
}
.explain_fw .explain_content .mainTitle{
    font-weight: bold;
    font-size: 15px;
    padding: 6px 0;
}
.color_olr {
    color:#FF6600;
}
.color_red {
    color:#fe3600;
}

.shadow {
    /* 背景颜色线性渐变 */
        /* 老式写法 */
            /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */
            /* color-stop函数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。所以本次渐变为两边灰色，中间渐白色 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #611b16), color-stop(.4, #611b16), color-stop(.5, white), color-stop(.6, #611b16), color-stop(1, #611b16));
        /* 新式写法 */
    /* background: -webkit-linear-gradient(left top, right top, color-stop(0, #4d4d4d), color-stop(.4, #4d4d4d), color-stop(.5, white), color-stop(.6, #4d4d4d), color-stop(1, #4d4d4d)); */

    /* 设置为text，意思是把文本内容之外的背景给裁剪掉 */
    -webkit-background-clip: text;
    /* 设置对象中的文字填充颜色 这里设置为透明 */
    -webkit-text-fill-color: transparent;
    /* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
    -webkit-animation: animate 1.5s infinite;
}
/* 兼容写法，要放在@keyframes前面 */
@-webkit-keyframes animate {
    /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
    from {background-position: -100px;}
    to {background-position: 100px;}
}
@keyframes animate {
    from {background-position: -100px;}
    to {background-position: 100px;}
}


body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}