body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe { margin: 0; padding: 0; }
ul { list-style: none; }
a { text-decoration: none;outline:none; }
a:hover { text-decoration: underline; }
a:link, a:visited { text-decoration: none;outline:none; }
img { border: none; }
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear { clear: both; }
.trn { transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s;}
.breadth0 { width: 1200px; margin: 0 auto; position: relative;}
.breadth { width: 1200px; margin: 0 auto; position: relative;}
body { background: url(../images/bg-1.jpg) no-repeat top center; font-family: "Microsoft YaHei";}
.pop {
    background: url(../images/240822/pop.jpg) no-repeat top center;
}
#header { height: 948px; }
#header .slogon { 
    font-family: "Noto Serif SC", serif;
    font-size: 27.58px; font-weight: bold; color: #ffffff;position: absolute;
    top: 344px;
    left: 596px;word-spacing: 12px;
    text-align: center; 
    padding-left: 9px;
}
#header .slogon .slogon-time {    
    color: #ffe88f;
    padding-right: 15px;}
#header .act-yuyue{
    position: absolute;
    top: 407px;
    left: 655px;
}
.out_form{
    border-style: solid;
    border-color: #ffe88f;
    border-width: thin;
    border-radius: 3px;
}
#header a.btn_yvyue { 
    display: block;
    width: 330px; height: 80px; top: 625px; left: 125px; background: url(../images/btn_yuyue_1.png) no-repeat 0 0;}
#header a.btn_yvyue:hover {
    background: url(../images/btn_yuyue_1.png) no-repeat 0 -110px;
}
.act-actors{
    margin-top: 45px;
}
a.btn_yuye_2,a.btn_dl { 
    display: block;
    width: 406px; height: 100px;
    float: left;
    background: url(../images/btn_yuyue_2.png) no-repeat 0 0;}

a.btn_yuye_2:hover {
    background: url(../images/btn_yuyue_2.png) no-repeat 0 -130px;
}
a.btn_dl{
    margin-left: 138px;
    background: url(../images/btn-dl.png) no-repeat 0 0;
}
a.btn_dl:hover{
    background: url(../images/btn-dl.png) no-repeat 0 -130px;
}
#header .act-rules{    
    color: #ffedb5;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 18px;
    padding-left: 5px;
    /* -webkit-text-stroke: 1px #4f2014; */
    font-weight: bolder;
    text-shadow: -1px -1px 0 #4f2014, 1px -1px 0 #4f2014, -1px 1px 0 #4f2014, 1px 1px 0 #4f2014;
    margin-left: 111px;
}
.act-items-review{
    position: absolute;
    width: 785px;
    height: 235px;
    background: url(../images/bg-atc-items.png) no-repeat top center;
    top: 527px;
    left: 428px;
}
.act-add-wx{
    width: 179px;
    height: 234px;
    position: absolute;
    background: url(../images/bg-join-wx.png) no-repeat top center; 
    top: 527px;
    right: -340px;
}
.go-next-page{
    position: absolute;
    bottom: 35px;
    width: 198px;
    height: 64px;
    background: url(../images/btn-next-page.png) no-repeat top center;
    left: 504px;
}
.act-appoint-num{
    color: #ffffff;
    font-size: 35px;
    font-family: "Noto Sans SC", sans-serif;
}
.act-rules-contents{
    display: none;
    background-color: #35383a;
    position: fixed;
    z-index: 100;
    width: 650px;
    height: 280px;
    line-height: 35px;
    color: #fff;
    border-radius: 10px;
    padding: 15px;
    left: 35vw;
}
.logo_mark{position: absolute; top: 0px; left: 200px; width: 245px; height: 200px; /*background: url(/jzxy/images/appointment/logo-v4.png) no-repeat; background-size: 80%; */}
#subscribe { text-align: center; margin-top: 60px; 
    /* height: 1542px; */
}
.close-rule{
    color: red;
    float: right;
    font-size: 20px;
    cursor: pointer;
}
.sub_title { 
    font-size: 35px;
    line-height: 52px;
    font-weight: bold;
    margin: 191px 0 0 56px;
    text-align: left;}

.appnum{
    /*font-size: 72px; line-height: 66px;
    color: #e85431;*/
}
.sub_title .sub_title_r,.sub_title .sub_title_l {
    width: 39px;
    height: 22px;
    margin-top: 32px;
}
.sub_title .sub_title_l{
    background:  url("/jzxy/images/appointment/icon_l.png") no-repeat;
    margin-right: 40px;
}
.sub_title .sub_title_r{
    background: url("/jzxy/images/appointment/icon_r.png") no-repeat;
    margin-left: 40px;
}
.sub_cont .sub_title{
    width: 368px;font-size: 35px;
}
.sub_cont .sub_title_r,.sub_cont .sub_title_l{
    margin-top: 20px;
}
.sub_box { /*margin-top: 120px;*/
    text-align: center;
    height: 300px;
}
/*.item_img {background: url(/jzxy/images/appointment/items.png) no-repeat center; background-size: 90% 69%;
    height: 558px;
    margin-right: 13px; }*/
.box_layer{width: 1241px;height: 420px;padding: 206px 0 0 0px;}
.box_num {width: 1053px; position: absolute; /*position: relative;display:inline-block;*/ }

.box_num li { display: inline-block; width: 128px; height: 108px; font-weight: bold; margin: 0 54px; position: relative; }
.box_num li i,.box_num >i.icon { background: url(/jzxy/images/appointment/ban-progress.png) no-repeat; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 31px; height: 31px;}
.box_num li h3 { font-size: 24px; line-height: 56px; color: #555; }
.box_num li p { font-size: 16px; color: #000; line-height: 16px; }

.box_num li.active i { /*background: url(/jzxy/images/appointment/wzsj-icon-x_01_19.png) no-repeat;*/ }
.box_num li.active h3 { color: #e8be45; }


.box_pro_line, .box_pro_line_sub{
    z-index: -1;
    position: absolute;
    height: 5px;
    width: 100%;
    margin: 66px 0 0 0px;
    background: url(../images/bg-milestone-line-1.png) no-repeat;
}

.box_pro_line_sub {
    margin: 0 0 0 0;
    background: url(../images/bg-milestone-line-2.png) no-repeat;
    width: 20%;
}
.box_pro_wrapper {
    position: absolute;
    height: 120px;
    margin: 78px 0 0 0px;
    width: 1241px;
    background: url();
}
.box_pro_items{

}
.pro_item_wrap {
    float: left;
    width: 140px;
    /* height: 190px; */
    padding: 0 18px 0 50px;
    overflow: hidden;
}
.pro_item {
    height: 140px;
}
.pro_item_label {
    height: 40px;
}
.pro_item_line1{
    background: url(../images/bg-milestone-item-1.png) no-repeat top center;
}
.pro_item_line2{
    background: url(../images/bg-milestone-item-2.png) no-repeat top center;
}
.pro_item_line3{
    background: url(../images/bg-milestone-item-3.png) no-repeat top center;
}
.pro_item_line4{
    background: url(../images/bg-milestone-item-4.png) no-repeat top center;
}
.pro_item_line5{
    background: url(../images/bg-milestone-item-5.png) no-repeat top center;
}

.pro_item_label {
    float: left;
    width: 140px;
    height: 52px;
    margin-top: 17px;
}
.pro_item_lab_1{
    background: url(../images/bg-milestone-lab-1.png) no-repeat top center;
}
.pro_item_lab_2{
    background: url(../images/bg-milestone-lab-2.png) no-repeat top center;
}
.pro_item_lab_3{
    background: url(../images/bg-milestone-lab-3.png) no-repeat top center;
}
.pro_item_lab_4{
    background: url(../images/bg-milestone-lab-4.png) no-repeat top center;
}
.pro_item_lab_5{
    background: url(../images/bg-milestone-lab-5.png) no-repeat top center;
}

.extion-gift-box{
    position: relative;
    /* top: 246px;
    left: 152px; */
    top:77px;
}
.extion-gift{
    float: left;
    /* width: 322px;
    height: 398px;
    background: url(../images/bg-exition-item.png) no-repeat top center/contain;
    margin-top: 80px; */
    width: 397px;
    height: 530px;
    background: url(../images/bg-exition-item.png) no-repeat top center / cover;
    margin: 0px 0 0 60px;
}

.extion-buy{
    float: left;
    font-family: "Noto Sans SC", sans-serif;
    font-size: 18px;
    padding: 146px 0 0 64px;
}

.extion-desc{
    color: #ffffff;
}
.extion-price {
    margin: 59px 0 13px -85px;
}
.extion-real-price{
    font-size: 90.67px;
    color: #e5c6a0;
}
.extion-normal-price{
    color: #7b7b7b;
    text-decoration: line-through;
}

.btn-buy-extion{
    cursor: pointer;
    width: 323px;
    height: 80px;
    background:url(../images/btn-buy-extion.png) no-repeat top center;
}
/*
.btn-buy-extion:hover{
    background:url(../images/btn-buy-extion.png) no-repeat 0 -110px;
}
*/
.btn-buy-extion-disabled{
    cursor: none;
    background:url(../images/btn-buy-extion.png) no-repeat 0 -221px;
}

.btn-buy-extion-disabled:hover{
    cursor: pointer;
    background:url(../images/btn-buy-extion.png) no-repeat 0 -221px;
}
.btn-buy-extion-done,.btn-buy-extion-done:hover{
    background: none;
    cursor: none;
}
.btn-buy-extion-done::after{
    content:"\2714";
    color: red;
    font-size: 60px;
}
.btn-bind-role{
    cursor: pointer;
    width: 201px;
    height: 48px;
    margin: 0 auto;
    margin-top: 52px;
    background: url(../images/btn_yuyue_3.png) no-repeat top center;
}
.btn-bind-role:hover{
    background: url(../images/btn_yuyue_3.png) no-repeat 0 -120px;
}

.sub_box_2 {
    /* height: 1060px; */
    height: 750px;
}
.line1{
    font-size: 12px;
    color: #000;
    font-weight: bolder;
}
.line2{
    font-size: 24px;
    color: #e85431;
    font-weight: bold;
}
.pro_list{
    display:inline-block;
    margin-left: 40px;

}
.item_img{
    padding: 170px 50px 0 50px;
}
.box_item {
    float: left;
    width: 248px;
    margin: 2px 0 0 0px;
    position: relative;
}
.box_item div{
    width: 188px;
    height: 473px;
}
.box_item_s1{
    background: url("/jzxy/images/appointment/item-list-1.jpg") no-repeat;margin-left: 20px;
}
.box_item_s2{
    background: url("/jzxy/images/appointment/item-list-2.jpg") no-repeat; margin-left: 25px;
}
.box_item_s3{
    background: url("/jzxy/images/appointment/item-list-3.jpg") no-repeat;margin-left: 30px;
}
.box_item_s4{
    background: url("/jzxy/images/appointment/item-list-4.jpg") no-repeat;margin-left: 35px;
}
.box_item_s5{
    background: url("/jzxy/images/appointment/item-list-5.jpg") no-repeat;margin-left: 40px;
}
.box_item .first-item-detail{
    height: 638px;
    width: 540px;
}

.act-actors{
    /* position: relative;
    display: block;
    margin: 0 auto;
    bottom: 167px;
    left:125px;
    height: 100px; */
    position: relative;
    left: 125px;
    height: 100px;
    width: 100%;
    margin: 0 auto;
    margin-top: 125px;    
    bottom: 50px;
}

.first-item{
    background: url("/jzxy/images/appointment/1st_item_bg.png") no-repeat;
    float: left;
    width: 170px;
    height: 410px;
    margin: 2px 0 0 66px;
    position: relative;
}
.first-item img {
    padding-top: 32px;
}
.first-item:hover{
    background: url("/jzxy/images/appointment/1st_item_bg-hover.png") no-repeat;
}
.first-item-detail{
    /*background: url(/jzxy/images/appointment/item-detail-bg.png) no-repeat;
    width: 543px;
    height: 423px;
    float: left;
    margin: 0 0 0 -23px;
    display: none;*/
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 160px;
}
.first-item-detail a>img{
    margin: 0 auto;
}
.first-item-detail-title {
    margin-top: 40px;
}
.first-item-detail .item-name-wrapper{
    /*background: url("/jzxy/images/appointment/item-detail-item-name.png");*/
    position: absolute;
    width: 38px;
    height: 128px;
    margin: 30px 0 0 64px;
}
.item-name{
    padding: 10px 18px 0 0;
}
.item-detail-ad-col{
    width: 18px;
    position: absolute;
    margin: 32px 0 0 75px;
    font-size: 19px;
    color: #f5e37b;
}
.pro_stage{
    background: url("/jzxy/images/appointment/progress-stage-em.png") no-repeat;
}
.pro_stage_alight {
    background: url("/jzxy/images/appointment/progress-stage-filled.png") no-repeat;
}
.sub_cont { color: #000; margin: 0 auto; }
.sub_cont h3 { font-size: 52px; line-height: 126px; font-weight: bold; /*color:#5b50b7*/}
.sub_cont p { font-size: 18px; text-align: left;  padding: 18px 0 0 0;line-height: 40px;}

.sub_btn { width: 1000px;
    padding: 248px 0 60px 130px;}
.sub_btn a {
    display: inline-block;
    width: 345px;
    height: 88px;
    margin: 0 40px 0 20px;
    padding: 30px 0 0 0;
    color: #ffcf5e;
    font-size: 40px;
}
.sub_content_body{
    margin: 0 0 0 66px;
    height: 266px;
    padding: 30px 20px 0 20px;
    width: 1030px;
    background-size: 100% 100%;
    color: #bdaeae;
    font-size: 1.1em;
    line-height: 70px;
}
.sub_content_body div {
    font-size: 1.4em;
    text-align: left;
    font-weight: bolder;
}
.sub_content_body ul li{
    list-style-type: decimal;
    text-align: left;
    text-indent: 1em;
}
.btn_dl:hover {background: url(/jzxy/images/appointment/btn-dl-hover.png) top center no-repeat;}
.btn_dl {background: url(/jzxy/images/appointment/btn-dl.png) top center no-repeat; width: 360px; height: 112px;float: left}
.btn_join_qq{background: url(/jzxy/images/appointment/btn-join-qq.png) no-repeat;width: 360px;  height: 112px;}
.btn_join_qq:hover {background: url(/jzxy/images/appointment/btn-join-qq-hover.png) no-repeat;}

.mb_box { display: none; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(000, 000, 000, .6); }
.mb_cont { position: absolute; width: 555px; height: 489px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: url(/jzxy/images/appointment/pop-up.png) no-repeat; }
.mb-x { position: absolute; width: 42px; height: 42px; top:0;right: 0; cursor: pointer; }

#reg_win4{ margin: 100px 125px;}
.checklink{
    display: none;
}
.checklink, .checklink:link, .checklink:hover, .checklink:visited{
    color:#a00a07;
    text-decoration: underline;
    font-size:18px;
    position: absolute;
    width:200px;
    height:24px;
    line-height:24px;
    top:760px;
    left:520px;
    cursor:pointer;
}
.topblank {
    width:100%;
    height:60px;
}
.accstat {
    /*background:#8e0805;*/
    background: #555078;
    width:200px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:15px;
    color:#f8f4eb;
    float:right;
    margin: 0 0 0 0;
}
.accstat a, .accstat a:link, .accstat a:visited {
    /*color:#f8f4eb;*/
    color: #7f9ee0;
    text-decoration: underline;
}
.accstat img{

}
.accstat:after{
}
.slogon-wrapper{
    margin: 45px 0 0 265px;
}
.slogon{
}
.slogon h2{
    background: url(/jzxy/images/appointment/slogon_kuagn.png) no-repeat;
    height: 75px;
    padding: 16px 0 0 65px;
    font-size: 32px;
    color: white;
    margin-top: 15px;
}
.logininfo {
    display:none;
}
.logout {
    display:none;
}

/* popup */
.mask {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1004;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.76);
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c2000000, endColorstr=#c2000000);
}
.pop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1005;
}
.popapp,.popmsg,.poplogin,.poprch {
    width: 420px;
    height: 473px;
    background: url(../images/240822/pop.jpg) top center no-repeat;
    border-radius:8px;
	display: none;
}
.loginfrm{
    margin-top: 135px;
}

.popmsgarea {
	width:220px;
	height:270px;
	margin:45% auto 0 auto;
	line-height:30px;
	font-size:18px;
	overflow:hidden;
}
.close_pop1,.close_pop2,.close_pop3{
	height: 30px;
	width: 30px;
	border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	overflow:hidden;
	line-height: 25px;
	top:10px;
	left:375px;
}

.close_pop3 {
	top:6px;
	left:380px;
}
.loginfrm {
	width:330px;
	height:265px;
	position:absolute;
	top:45px;
	left:35px;
}
.dialogtitle {
    width:100%;
    line-height: 35px;
    height: 70px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 170px;
    color: #eec2c3;    
}
.appdlgpanel {
    width:420px;
    overflow: hidden;
    text-align: center;
}
.step01,.step03,.step04 {
    width: 450px;
    height:340px;
    overflow: hidden;
}
.step02 {
    width:360px;
    height:200px;
    border:3px solid #38a0ff;
    background: #fff;
    border-radius: 5px;
    position: relative;
    top: -320px;
    left:70px;
}
.step04, .step02, .step03,.step01 {
    display:none;
}
.step01blank{
    width:100%;
    height:30px;
}
.step03blank {
    width:100%;
    height:20px;
}
.step03 .sub_btn {
    padding: 55px 0 0 45px;
    width: 400px;
}
.dlgtext, .inputline {
    color: #810a0c;  
    line-height: 40px;
    font-size: 16px;
}
.dlgtext2 {
    height: 20px;
    color: #810a0c;  
    line-height: 20px;
    font-size: 14px;
}
.inputline {
    text-align:center;
}
.inputline02 {
    width:300px;
    height: 40px;
    color: #333;  
    line-height: 40px;
    font-size: 16px;
    margin:0 auto;
}
.inputline02 .piccode{
    width:100px;
    height:30px;
    float:left;
    display:block;
}
.inputline02 .code1{
    width:76px;
    height:26px;
    float:left;
    display:block;
    margin:0 10px;
}
.inputline02 a{
    width:90px;
    height:30px;
    line-height: 30px;
    float:right;
    display:block;
    font-size:12px;
    text-align: right;
}
.mobileinfo {
    width:240px;
}
.smscode {
    width:155px;
}
.mobibtn {
    width:80px;
    height:20px;
    background: #810a0c;  
    color:#fff;
    border-radius: 20px;
    text-align: center;
    border:none;
    font-size: 12px;
    cursor:pointer;
}
.mobibtn:disabled {
    background: #505050;
    color:#a0a0a0
}
.step01btn {
    height:50px;
    width:200px;
    line-height:50px;
    margin:15px auto;
    background: #810a0c;  
    border-radius: 25px;
    color:#fff;
    text-align:center;
    font-size:22px;
    font-weight:bold;
    cursor:pointer;
}
.step02btn {
    height:35px;
    width:140px;
    line-height:35px;
    margin:10px auto;
    background: #38a0ff;  
    border-radius: 17.5px;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-weight:bold;
    cursor:pointer;
}
.closestep02 {
	height: 30px;
	width: 30px;
    border-radius: 15px;
	color: #38a0ff;
	cursor: pointer;
	position:absolute;
	margin: 0;
	font-size: 30px;
	text-align: center;
	line-height: 25px;
	overflow:hidden;
	top:6px;
	left:325px;
}
.coderes {
    border: none;
    background: transparent;
    margin-right: 10px;
    outline: none;
    width: 230px;
    text-align: center;
    color: #ca4042;
    font-size: 18px;
}
.cardbtn {
    background: #810a0c;
    border: none;
    border-radius: 10px;
    height: 20px;
    width: 80px;
    line-height: 20px;
    color: #fff;
    cursor:pointer;
}
.qqlink {
    cursor:pointer;
    text-decoration: underline;
}
.popdwnbtn {
    width: 206px;
    height: 63px;
    margin: 60px auto 0 auto;
    background: url(/jzxy/images/appointment/wzsj-btn-l.gif) no-repeat;
    background-size: contain;
}

#footer {    background-color: #181c23;    height: 148px;    min-width: 1000px;}
.footer_con {    color: #999;  height: 125px;    padding-top: 10px;    width: 1000px;    margin: 0 auto;}
.footer_con a {color: #666;}
.footer_con p {    text-align: center;    font-size: 12px;    color: #999;    padding-top: 8px;}
.footer_con p img {    margin: 0px 20px;}
.footer_con p span {    color: #fff;}

.breath-light{
    opacity: 0.1;
    overflow: hidden;
    -webkit-animation-name: BreathLight;
    -moz-animation-name: BreathLight;
    -o-animation-name: BreathLight;
    animation-name: BreathLight;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes BreathLight {
    from {opacity: 0.5;}
    50% {opacity: 1;}
    to {opacity: 0.5;}
}
@-webkit-keyframes BreathLight {
    from {opacity: 0.5;}
    50% {opacity: 1;}
    to {opacity: 0.5;}
}


.heartbeat{
    opacity: 1;
    overflow: hidden;
    -webkit-animation-name: HeartBeat;
    -moz-animation-name: HeartBeat;
    -o-animation-name: HeartBeat;
    animation-name: HeartBeat;

    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;

    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}
@-webkit-keyframes HeartBeat {
    from {transform:rotate(0deg) scale(0.8,0.8);}
    50% {transform:rotate(0deg) scale(1,1);}
    to {transform:rotate(0deg) scale(0.8,0.8);}
}
#close_poprch{
    top: -25px;
    right: -25px;
	left: unset;
}
.poprch{
    width: 720px;
    height: 420px;
}
.ifrch{
    width: 720px;
    height: 420px;
    border-radius: 5px;
}
.popmsgarea p.pop_msg {
    color: #ede4eb;
}

.popmsgarea .extion-gift-box{
    width: 100%;
    height: 215px;
    top: 0;
    left: 0;
}
.popmsgarea .extion-gift{
    width: 145px;
    margin: 10px;
    background-size: contain;
}
.popmsgarea .extion-buy {
    padding: 0;
    margin: 0 0 0 158px;
    position: absolute;
    width: 230px;
}
.popmsgarea .extion-desc{
    font-size: 12px;
    width: 125px;
    float: right;
}
.popmsgarea .extion-price{
    margin: 10px;
    padding: 0;
}
.popmsgarea .extion-real-price {
    font-size: 45px;
}
.popmsgarea .btn-buy-extion {
    width: 173px;
    height: 44px;
    background-size: cover;
    margin: 0 auto;
}

.popmsg .popmsgarea .btn_dl{
    margin: 0 auto;
    width: 221px;
    height: 57px;
    background-size: cover;
    margin-top: 35px;
}
.popmsg .popmsgarea .btn_dl:hover {
    /* background: url(/jzxy/images/appointment/btn-dl-hover.png) top center/cover no-repeat; */
    background: url(../images/btn-dl.png) no-repeat 0 -140px;
    background-size: cover;
}

.add-new{
    position: relative;
    width: 100%;
    height: 488px;
}
.act-time{
    font-size: 1.5rem;
    color: #fefefe;
    margin: 175px 0 0 -100px;
}

.act2-rules {
    width: 70%;
    text-align: left;
    font-size: 1.0rem;
    color: #fefefe;
    font-weight: lighter;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 45px;
    padding-left: 50px;
}
.act2-rules ul{
    /* width: 70%; */
    width: 66%;
    font-size: 14px;
    line-height: 23px;
}
.act-title{
    font-size: 1.5rem;
    font-weight: bolder;
}
.joun_sns {
    width: 600px;
    margin: 0 auto;
    height: 170px;
}

.joun_sns .join_qq, .joun_sns .join_wx{
    width: 150px;
    height: 150px;
    float: left;
}
.joun_sns p{
    padding-top: 157px;
    color: aliceblue;
}
.join_qq{
    background: url(../images/240822/bg-join-qq.png) no-repeat top center;
}
.join_wx{
    background: url(../images/240822/bg-join-wx.png) no-repeat top center;
    margin-left: 45px;
    background-size: contain;
}

.act2-rules p lable {
    font-size: 1rem;
    color: #9df654;
    font-weight: normal;
  }