/* 公共样式 */
.wdNav{width: 7.5rem;height: 1.12rem;position: fixed;left: 0;bottom: 0;}
.wdNav li{width: 2.5rem;height: 1.12rem;float: left;}
.wdNav li a{display: block;width: 2.5rem;height: .53rem;font-size: 0.28rem;color: #022c66;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_sy_nav.jpg) no-repeat;background-size:7.5rem 2.4rem;text-align: center;padding-top: 0.63rem;}
.wdNav li.on a { color: #022c66; }
.wdNav li a.a01{background-position:0 0;}
.wdNav li a.a02{background-position:-2.5rem 0;}
.wdNav li a.a03{background-position:-5rem 0;}
.wdNav li.on a.a01{background-position:0 -1.2rem;}
.wdNav li.on a.a02{background-position:-2.5rem -1.2rem;}
.wdNav li.on a.a03{background-position:-5rem -1.2rem;}
.wdNav li a.a01{background-position:0 0;}
.wdNav li a.a02{background-position:-2.5rem 0;}
.wdNav li a.a03{background-position:-5rem 0;}
.wdNav li.on a.a01{background-position:0 -1.2rem;}
.wdNav li.on a.a02{background-position:-2.5rem -1.2rem;}
.wdNav li.on a.a03{background-position:-5rem -1.2rem;}

/*01仙道集结*/
.wrap{height:9.71rem;padding-top:6.25rem;position:relative;background:#582b1a url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_sy_bg.jpg) no-repeat;background-size:7.5rem 15.36rem;}
.wrap .wdCountDown{width: 5.52rem;height: 2.6rem;margin:0 auto;padding-left:0.25rem ;}
.wrap .wdTime{font-size: 0.28rem;text-align: center;color: #046584;padding-top:0rem;line-height:0.8rem;}
.wrap .showTime{position: relative; display: flex;justify-content: left;width: 4.43rem; margin-left: 0.6rem;line-height: 0.75rem;}
/*.wrap .showTime span{text-align: center;font-size: 0.58rem;color: #fff;letter-spacing: 0.27rem;}*/
/*.wrap .showTime span.day{margin-left: 0rem;}*/
/*.wrap .showTime span.hour{margin-left: 0.47rem;}*/
/*.wrap .showTime span.minute{margin-left: 0.4rem;}*/

.wrap .showTime span{text-align: center;font-size: 0.56rem;color: #fff;}
.wrap .showTime .left, .showTime .right {position: relative;width: 0.55rem;text-align: center;display: inline-block;}
.wrap .showTime .left {right: 0.19rem;}
.wrap .showTime .right {right: 0.12rem;}
.wrap .showTime .day{ position: absolute;left: 0.08rem;}
.wrap .showTime .hour {position: absolute;right: 1.59rem;}
.wrap .showTime .minute {position: absolute;right: 0;}

.wrap .wdCountDown .showTime span.aaa{font-size: .65rem; position: absolute;}
.wrap .wdCountDown .showTime span.aaa:nth-child(1){left: .12rem;}
.wrap .wdCountDown .showTime span.aaa:nth-child(2){left: 1.28rem;}
.wrap .wdCountDown .showTime span.aaa:nth-child(3){left: 2.92rem;}
.wrap .wdbtn{width: 5.7rem;margin: 0 auto;}
.wrap .wdbtn a{display: block;width: 5.51rem;height:0.94rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_sy_btn.png) no-repeat;background-size:11.02rem 2.28rem;text-indent: -9999rem;overflow: hidden;margin-bottom: 0.4rem;}
.wrap .wdbtn a.a01{background-position: 0 0;}
.wrap .wdbtn a.a02{background-position: 0 -1.33rem;}
.wrap .wdbtn a.a01:active{background-position:-5.51rem 0;}
.wrap .wdbtn a.a02:active{background-position:-5.51rem -1.33rem;}
.wrap .wdRole{color: #caf0fb;font-size: 0.28rem;line-height: 1rem;text-align:center;}


/*02仙道值进度*/
.pwrap{position:relative;background:#022c66 url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_jd_bg.jpg) no-repeat; background-size: 7.5rem 2.79rem;width: 100%;padding-bottom:1.64rem;}
.jdList{padding:0 0.4rem;overflow:hidden;}
.jdtxt{font-size:0.32rem;color:#caf0fb;padding:0.7rem 0rem 0.5rem;text-align: center;}
.jdtxt h2{font-size:0.4rem;font-weight:bold;color:#ffffff;width:6.89rem;height: 1.32rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_jd_tit.png) no-repeat;background-size:6.89rem 1.32rem;margin:0 auto 0.4rem;text-align: center;line-height: 1.84rem;}
.line{position:relative;}
.line li{position:absolute;width:1.14rem;height:0.1rem;background:#105772;overflow:hidden;}
.line li i{display:block;height:.1rem;width:0%;background:#3796b9;}
.line li.li01{left: 1.66rem;top: 0.49rem;}
.line li.li02{left:3.90rem;top:0.49rem;}
.line li.li03{left: 5.6rem;top: 1.68rem;width: 0.1rem;height: 0.55rem;}
.line li.li04{left:1.65rem;top:2.75rem;transform: rotate(180deg);}
.line li.li05{left:3.92rem;top:2.75rem;transform: rotate(180deg);}
.line li.li06{left:1.1rem;top:3.92rem;width:0.1rem;height:0.59rem;}
.line li.li07{left:1.65rem;top:4.97rem;}
.line li.li08{left:3.9rem;top:4.97rem;}
.iconList{
    padding-bottom: 0.1rem;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;}
.iconList li{
    float:left;
    width: 1.72rem;
    height: 1.72rem;
    background: url(//image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/rys/images/xdjx/wd_jd_micon01.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom:0.49rem;
    box-sizing:border-box;
    font-size:0.3rem;
    color:#2a505d;
    text-align:center;
    line-height:0.53rem;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.iconList li:nth-child(3n){margin-right:0}
.iconList li .text_item{
    width: 1.72rem;
    height: 0.53rem;
    line-height: 0.56rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 1.19rem;
}
.iconList li img{
    width: 0.89rem; height: 0.89rem;margin-top: 0.11rem;
}
.iconList li img{
    filter: grayscale(100%);
}
.iconList li.on img{
    filter: grayscale(0%);
}
.iconList li.on{background: url(//image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/rys/images/xdjx/wd_jd_micon02.png) no-repeat;background-size: 100% 100%;color:#046584}
.jdList table{width:6.7rem;margin:0 auto 0.44rem;text-align:center;}
.jdList table caption{height:0.8rem;background:#1e6ec2;border:0.02rem solid #155da9;font-size:0.36rem;color:#ffffff;line-height:0.76rem;font-weight:bold;}
.jdList table tr td{background:#d3f1fd;padding:0.17rem 0.1rem;border:0.02rem solid #155da9;font-size:0.28rem;color:#073b84;line-height:0.38rem;}
.jdList table tr td:first-child{background:#aaddf2;width: 34%;}
.jdList table tr td span{color:#fc4211;}

/* 03活动规则 */
.gz_wrap{position:relative;background:#022c66 url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_jd_bg.jpg) no-repeat; background-size: 7.5rem 2.79rem;overflow:hidden;padding-bottom:1.5rem;}
.gz_wrap h3{font-size:0.4rem;font-weight:bold;color:#ffffff;width:6.89rem;height: 1.32rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_jd_tit.png) no-repeat;background-size:6.89rem 1.32rem;margin: 0.9rem auto 0.4rem;text-align: center;line-height: 1.84rem;}
.gz_wrap h4{padding:0.4rem 0 0 .32rem;font-size:.4rem; color:#caf0fb;line-height:0.72rem;}
.gz_wrap b{font-weight:bold;}
.gz_wrap p{font-size:.32rem;color:#caf0fb;line-height:.5rem;margin: 0.1rem 0.32rem;position: relative;padding-left: 0.46rem;}
.gz_wrap p.p_left{padding: 0;}
.gz_wrap p span {color: #fc4211;}

.gz_wrap p i{position: absolute;left: 0rem;top: 0.05rem;font-style: normal;background: #aaddf2;clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);width: 0.38rem;height: 0.38rem;text-align: center;line-height: 0.36rem;color: #022c66;font-size: 0.28rem;}
table{width:5.92rem;margin:0.33rem 0 0.4rem 0.78rem;text-align:center;border-collapse:collapse ; background:#d3f1fd;}
table th{color:#073b84;background:#aaddf2;border-bottom:0.02rem solid #155da9;padding:0.29rem 0.05rem;font-size:0.32rem;}
table td{border-bottom:0.02rem solid #155da9;color:#073b84;padding:0.25rem 0.05rem;line-height:1.5;font-size:0.32rem;}

.gifPic{background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_gz_pic.png) no-repeat center top;background-size:100% 100%;width:4.44rem;height: 3.37rem;margin: 0.4rem auto;padding: 0.07rem;}
.gifPic img{display:block;width:100%;margin:0 auto;}
.tips{padding:0 0.4rem 0 .56rem;color:#fc4211;font-size:.32rem;}

/*右上角下拉菜单*/
.enter { position:fixed;top:0.36rem;right:0.36rem;width: 0.8rem;height: 0.8rem;background: url(//image.gyyxcdn.cn/upload/wd/hd/m/2022/tf/d16/images/pf/wd_enter.png) no-repeat;background-size:0.8rem 0.8rem;z-index:9;}

/* 弹层 */
.popBox{width:4.69rem;height:4.52rem;position:absolute;top:3.68rem;left:1.45rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_tc.png) no-repeat;background-size:4.69rem 4.52rem;font-size:0.4rem;line-height: .66rem;color:#90683e;text-align:center;padding-top:1.27rem;box-sizing: border-box;z-index:101;}
.mask{width:100%;height:100%;background: rgba(0,0,0,.8);position: fixed;top:0;left:0;z-index:100;}
.closed{width:.5rem;height:.5rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/xdjx/wd_tc_btn.png) no-repeat;background-size:.5rem .5rem;position:absolute;top:-0.34rem;right:-0.32rem;text-indent:-1999px;}


/*弹层-下拉列表*/
/*弹层 */
.wd_tc{background:rgba(0,0,0,.8);position:fixed;top:0;left:0;width:100%;height:100vh;display:none;z-index:999;overflow-y: scroll;padding-top: 0.7rem;box-sizing: border-box;}
.wd_tc p{text-align: center;font-size: 0.38rem;color: #fff1bb;line-height: 0.82rem;}
.wd_tc p:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/pf/wd_tc_tit.png) no-repeat 50% 0;background-size: 100% 100%;width: 6.38rem;height: 1.41rem;line-height: 1.42rem;margin: 0 auto;font-size: 0.72rem;font-weight: bold;color: #ffb453;}
.wd_tc a{text-align:center;width:6.86rem;margin:0 auto;height:1.1rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/pf/wd_tc_line.png) no-repeat 0 0;background-size:6.86rem .14rem;color:#fbb561;font-size:0.38rem;display:block;line-height: 1.26rem;}
.wd_tc a:nth-of-type(1){margin-top: 0.14rem;background: none;}
.wd_tc a:last-child{width:0.56rem;height:0.62rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/109/images/pf/wd_tc_close.png);background-size:100% 100%;margin: 0.5rem auto;}
.body_pos{position:fixed;}

.detail_wrap{
    width:6.4rem;
    position:absolute;
    top:3.75rem;
    left:50%;
    margin-left: -3.2rem;
    background: #022c66;
    border: 0.05rem solid #ffffff;
    font-size:0.28rem;
    color: #fff;
    text-align: center;
    padding-top:.1rem;
    box-sizing: border-box;
    padding: 0 0.1rem 0.15rem 0.1rem;
    display: none;
}
.detail_wrap .title{
    color: #9cfeff;
    line-height: 0.6rem;
}
.detail_wrap >div.div_text{
    display: flex;
    line-height: 0.5rem;
}
.detail_wrap >div{
    line-height: 0.5rem;
    text-align: left;
}
.detail_wrap >div span:nth-child(1){
    min-width: 1.5rem;
    text-align: left;
}
.detail_wrap >div span:nth-child(2){
    text-align: left;
}

.detail_wrap >div span b{
    font-weight: normal;
}
.detail_wrap .detail_close{
    width: .5rem;
    height: .5rem;
    background: url(//image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/rys/images/xdjx/wd_tc_btn.png) no-repeat;
    background-size: .5rem .5rem;
    position: absolute;
    top: -0.35rem;
    right: -0.55rem;
    text-indent: -1999px;
}
.detail_wrap >div span i{color: red;font-style: normal;}