body{width: 100%;font-size: 12px;color: #6e6d6d; background: #fff;}
ul,ol{list-style-type: none;}
body,ul,ol,h1,h2,h3,h4,h5,h6,dl,dd,form,p{margin: 0px; padding: 0px;font-family: "Microsoft YaHei";}
h1{display: none;}
/*img{display: block;width: 100%; }*/
a{text-decoration: none;}
html,body{height: 100%;}
i,em{font-style: normal;}
table { border-collapse:collapse; border-spacing:0; }
.foot{font-size: 0.18rem; text-align: center; background: #1a1b1d; padding: 0.2rem 0;}
.wrap_ieg{ font-size:0.2rem; color:#ccc; text-align:center; background:#1a1b1d; padding:0.18rem 0 0.18rem 0; line-height:30px;}
.wrap_ieg a{color: #ccc;}
.wrap1{width: 7.5rem; overflow: hidden; margin: 0 auto;}
.main1{ width: 7.5rem; margin: 0 auto; position: relative;}
.main1{background:url(//game.gtimg.cn/images/dnf/cp/a20230921integral/m-bg1.jpg) no-repeat; height: 61.51rem; background-size: 7.5rem;}
.logo{width: 2rem; height: .8rem; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/logo.png) no-repeat; background-size: 2rem; position: absolute; top: .45rem; left: .2rem; display: block;text-indent: -9999px; overflow: hidden; z-index: 9;}

.main1-top{ padding-top: 6.55rem; height: 1.25rem;}
.time{width: 6rem; height: .33rem; margin: 0 auto; padding: 0 .25rem; position: relative; font-size: .22rem; color: #fff; text-align: center;}
.time .t1{width: .19rem; height: .18rem; position: absolute; top: 50%; margin-top: -.09rem; left: 0; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/t1.png) no-repeat; background-size: .19rem;}
.time .t2{width: .19rem; height: .18rem; position: absolute; top: 50%; margin-top: -.09rem; right: 0; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/t2.png) no-repeat; background-size: .19rem;}

.part1{height: 30rem; padding-top: 1.4rem;}
.tab-box{width: 6.5rem; margin: 0 auto;border: solid #9cc1fa 1px; overflow: hidden; background: #ffffff; }
.tab-box .tab{width: 6.51rem; margin: 0 auto;}
.tab-box .tab thead tr{ background: #4c62d1;}
.tab-box .tab th{height: .85rem; font-size: .22rem; color: #ffffff; line-height: .3rem; text-align: center; font-weight: bold; border: solid #9cc1fa 1px; border-top: none; border-left: none;}
.tab-box .tab tbody tr{ background: #1a1f4e;}
.tab-box .tab td{font-size: .18rem; color: #ffffff; line-height: .25rem; height: .74rem; text-align: center;border: solid #9cc1fa 1px; border-bottom: none; border-left: none;}
.tab-box .tab td p{padding: 0 .05rem;}
.tab-box .tab td img{width: .4rem; display: block; margin: 0 auto .03rem;}
.tab-box .tab td a{display: inline-block; vertical-align: middle; width: 1.85rem; height: .35rem; line-height: .35rem; text-align: center; color: #331500; font-size: .18rem; text-decoration: none; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/xbg2.png) no-repeat; background-size: 1.85rem;  margin-top: .1rem; font-weight: bold;}
.tab-box .tab .tr1 td{height: 1.79rem;}
.tab-box .tab .tr2 td{height: 1.09rem;}
.tab-box .tab .tr3 td{height: 1.52rem;}
.tab-box .tab .tr4 td{height: 9.2rem;}
.tab-box .tab .tr5 td{height: 1.78rem;}
.tab-box .tab .tr6 td{height: 1.4rem;}
.tab-box .tab .tr7 td{height: 1.4rem;}
.tab-box .tab .tr8 td{height: 1.66rem;}
.tab-box .tab .tr9 td{height: 4.5rem;}
.tab-box .tab .tr10 td{height: 2.5rem;}
.tab-box .tab .tr11 td{height: 1.7rem;}

.part2{padding-top: 1.45rem; height: 2.3rem;}
.part2 .img1{width: 4.51rem; display: block; margin: 0 auto .06rem;}
.part2 p{font-size: .18rem; color: #ffffff; line-height: .3rem; text-align: center; width: 6.1rem; margin: 0 auto;}

.part3{padding-top: 2rem; height: 10.2rem;}
.part3 .part3-top{height: 3.75rem;}
.part3 ul{width: 6.1rem; margin: 0 auto;}
.part3 ul li{padding-left: .15rem; position: relative; font-size: .18rem; color: #fff; line-height: .3rem;}
.part3 ul li span{width: .16rem; height: .16rem; position: absolute; top: .03rem; left: 0;}
.part3 .img2{width: 6.04rem; margin: 0 auto .1rem; display: block;}
.part3-top ul li{margin-bottom: .05rem;}

.part4{padding-top: 1.35rem; height: 1.52rem;}
.part4 p{font-size: .18rem; line-height: .35rem; color: #fff; text-align: center; width: 6.1rem; margin: 0 auto .05rem;}
.part4 .img3{width: 6.02rem; margin: 0 auto .2rem; display: block;}

.part5{padding-top: 1.22rem; height: 1.35rem;}
.part5 ul{width: 7.1rem; margin: 0 auto;}
.part5 ul li{padding-left: .25rem; position: relative; line-height: .3rem; color: #fff; font-size: .18rem; margin-bottom: .05rem;}
.part5 ul li span{position: absolute; top: 0; left: 0;}

.tist{font-size: .18rem; color: #fff; line-height: .35rem; text-align: center;}


.dialog{width: 6.12rem; height: 8.5rem; position: relative; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/m-tc-bg1.png) no-repeat; background-size: 6.32rem; padding: .2rem .1rem; }
.dia-close{width: .63rem; height: .63rem; background: url(//game.gtimg.cn/images/dnf/cp/a20230921integral/tc-close.png) no-repeat; background-size: .63rem; position: absolute; top: -.7rem; right: -.33rem; font-size: .48rem; text-align: center; text-decoration: none; color: #fff; line-height: .56rem; }
.dialog .dia-con{width: 6.1rem; height: 8.5rem; padding-right: .1rem; overflow-y: auto; overflow-x: hidden;}
.dialog .dia-box{width: 5.9rem; margin: 0 auto;border: solid #9cc1fa 1px; overflow: hidden; position: relative; }
.dialog .tab{width: 5.92rem; margin: 0 auto;}
.dialog .tab thead tr{background: #4c62d1;}
.dialog .tab th{height: .61rem; font-size: .2rem; color: #fff; line-height: .25rem; text-align: center; font-weight: bold; border: solid #9cc1fa 1px; border-top: none; border-left: none;}
.dialog .tab tbody tr{ background: #1a1f4e;}
.dialog .tab td{font-size: .2rem; color: #fff; line-height: .25rem; height: .28rem; text-align: center;border: solid #9cc1fa 1px; border-bottom: none; border-left: none;}
.dialog .tab-p{width: 2.96rem; height: .3rem; line-height: .3rem; font-size: .2rem; color: #fff; position: absolute; left: .2rem; bottom: 3.7rem; z-index: 3;}
.dialog .tab-p span{width: 1.48rem; height: .3rem; display: block; float: left; text-align: center;}

.dialog .tab .td1{background: #1a1f4e; border-top: none;}
.dialog .tab .td2{background: #1a1f4e; border-top: none;}
.dialog .tab .tr2 td{height: .295rem;}