/* 公共样式 */
.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: #fbf7dd;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/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: #8e2b1e; }
.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.28rem;position:relative;background:#eaecfb url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_sy_bg.jpg) no-repeat;background-size:7.5rem 15.36rem;}
.wrap .wdCountDown{width: 5.52rem;height: 2.4rem;margin:0 auto;padding-left:0.25rem ;}
.wrap .wdTime{font-size: 0.28rem;text-align: center;color: #b62b0e;padding-top:0rem;line-height:0.8rem;}
.wrap .showTime{position: relative; display: flex;justify-content: left;width: 4.43rem; margin-left: 0.56rem;line-height: 0.75rem;}
.wrap .showTime span{text-align: center;font-size: 0.58rem;color: #fff;}
.wrap .showTime .left, .showTime .right {position: relative;width: 0.55rem;text-align: center;display: inline-block;}
.wrap .showTime .left {right: 0.18rem;}
.wrap .showTime .right {right: 0.11rem;}
.wrap .showTime .day{ position: absolute;left: 0.06rem;}
.wrap .showTime .hour {position: absolute;right: 1.59rem;}
.wrap .showTime .minute {position: absolute;right: -0.08rem;}

.wrap .showTime span.day .b01{margin-left: 0.06rem;}
.wrap .showTime span.day .b02{margin-left: 0.12rem;}
.wrap .showTime span.hour .b01{margin-left: 0.15rem;}
.wrap .showTime span.hour .b02{margin-left: 0.12rem;}
.wrap .showTime span.minute .b01{margin-left: 0.15rem;}
.wrap .showTime span.minute .b02{margin-left: 0.12rem;}
.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.50rem;height:1.26rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_sy_btn.png) no-repeat;background-size:11.27rem 2.52rem;text-indent: -9999rem;overflow: hidden;margin-bottom: 0.2rem;margin-left: 0.3rem;}
.wrap .wdbtn a.a01{background-position: 0 0;}
.wrap .wdbtn a.a02{background-position: 0 -1.33rem; margin-bottom: 0.05rem;}
.wrap .wdbtn a.a01:active{background-position:-5.7rem 0;}
.wrap .wdbtn a.a02:active{background-position:-5.7rem -1.33rem;}
.wrap .wdRole{color: #ca3805;font-size: 0.28rem;line-height: 1rem;text-align:center;padding-left: 0.3rem;}


/*02仙道值进度*/
.pwrap{position:relative;background:#fcedc8 url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_bg.jpg) no-repeat; background-size: 7.5rem 2.35rem;width: 100%;padding-bottom:1.64rem;}
.jdList{padding:0 0.4rem;overflow:hidden;}
.jdtxt{font-size:0.32rem;color:#70392e;padding:0.7rem 0rem 0.5rem;text-align: center;}
.jdtxt h2{font-size:0.4rem;font-weight:bold;color:#ffffff;height: 1.12rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_tit.png) no-repeat 50% 0;background-size:4.42rem 1.12rem;margin:0 auto 0.4rem;text-align: center;line-height:1.34rem;}
.line{position:relative;}
.line li{position:absolute;width:1.14rem;height:0.1rem;background:#fdb48e;overflow:hidden;}
.line li i{display:block;height:.1rem;width:0%;background:#f31f19;}
.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.64rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_micon01.png) no-repeat;background-size: 100% 100%; margin-bottom:0.57rem;box-sizing:border-box;font-size:0.24rem;color:#fffcf8;text-align:center;line-height:0.54rem;
    border-radius: 0.1rem;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    /* border: 0.01rem solid #000000; */
}

.iconList li .text_item{
    width: 1.72rem;
    height: 0.53rem;
    /*background: #fffcf8;*/
    line-height: 0.53rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 1.11rem;
}
 /*.iconList li.on .text_item{
   background: #fffcf8;
}*/
.iconList li:nth-child(3n){margin-right:0}
.iconList li img{
    border-radius: 0.1rem;
    width: 0.67rem; height: 0.67rem;margin-top: 0.33rem;
}
.iconList li img{
    filter: grayscale(100%);
}
.iconList li.on img{
    filter: grayscale(0%);
}
/* .iconList li.dot1 img{
    border: 0.1rem solid #ffff;
}
.iconList li.dot2 img{
    border: 0.1rem solid #86e1ff; 
}
.iconList li.dot3 img{
    border: 0.1rem solid #ffa3cc; 
}
.iconList li.dot4 img{
    border: 0.1rem solid #e99e57; 
}
.iconList li.dot5 img{
    border: 0.1rem solid #9dff75; 
}
.iconList li.dot6 img{
    border: 0.1rem solid #e886ff; 
}
.iconList li.dot7 img{
    border: 0.1rem solid #ff9946; 
}
.iconList li.dot8 img{
    border: 0.1rem solid #ff6b6d; 
}
.iconList li.dot9 img{
    border: 0.1rem solid #58ffe5; 
} */
.iconList li.on{background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_micon02.png) no-repeat;background-size: 100% 100%;color:#fffcf8}
.jdList table{width:6.7rem;margin:0 auto 0.44rem;text-align:center;}
.jdList table caption{height:0.8rem;background:#93654a;border:0.02rem solid #ba8875;font-size:0.36rem;color:#ffffff;line-height:0.76rem;font-weight:bold;}
.jdList table tr td{background:#fff;padding:0.17rem 0.1rem;border:0.02rem solid #ba8875;font-size:0.28rem;color:#70392e;line-height:0.38rem;}
.jdList table tr td:first-child{background:#faf3da;width: 34%;color:#70392e;}
.jdList table tr td span{color:#fc4211;}

/* 03活动规则 */
.gz_wrap{position:relative;background:#fcedc8 url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_bg.jpg) no-repeat; background-size: 7.5rem 2.35rem;overflow:hidden;padding-bottom:1.5rem;}
.gz_wrap h3{font-size:0.4rem;font-weight:bold;color:#ffffff;height: 1.12rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_jd_tit.png) no-repeat 50% 0;background-size:4.42rem 1.12rem;margin: 0.9rem auto 0.4rem;text-align: center;line-height: 1.32rem;}
.gz_wrap h4{padding:0.4rem 0 0 .32rem;font-size:.4rem; color:#70392e;line-height:0.72rem;}
.gz_wrap b{font-weight:bold;}
.gz_wrap p{font-size:.32rem;color:#70392e;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: #70392e;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: #fff;font-size: 0.28rem;}
table{width:5.92rem;margin:0.33rem 0 0.4rem 0.78rem;text-align:center;border-collapse:collapse ; background:#fff;}
table th{color:#e5ddd9;background:#93654a;border:0.02rem solid #70392e ;padding:0.29rem 0.05rem;font-size:0.32rem;}
table td{border:0.02rem solid #ceaf9a;color:#70392e;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/xrmc/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/xrmc/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/xrmc/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 div{width: 4.69rem;height: 4.52rem;position: absolute;top: 4.60rem;left: 1.41rem;background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/xdjx/wd_tc.png) no-repeat;background-size:4.69rem 4.52rem;font-size: 0.4rem;line-height: .66rem;color: #00619b;text-align: center;padding-top:1rem;box-sizing:border-box;font-weight: bold;}
.wd_tc div span{color:#c95531;}
   
/*弹层-下拉列表*/
.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: 1.03rem;box-sizing: border-box;}
.wd_tc p{text-align: center;font-size: 0.38rem;color: #3fcbb9;line-height: 0.82rem;}
.wd_tc p:nth-child(2){background: url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/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: #f88343;}
.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/xrmc/images/pf/wd_tc_line.png) no-repeat 0 0;background-size:6.86rem .15rem;color:#70bef5;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.78rem;height:0.8rem;background:url(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/images/pf/wd_tc_close.png);background-size:100% 100%;margin: 0.63rem 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(http://image.gyyxcdn.cn/upload/wd/hd/m/2025/tf/xrmc/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;}
