* { margin: 0; padding: 0; box-sizing: border-box; font-family: fontsc,PingFang SC,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; }
a{text-decoration: none;}
button{
    border: none;
    cursor: pointer;
    outline: none;
}
button:hover{
    opacity: 0.7;
}
html{
    -webkit-tap-highlight-color: transparent;
}
a {
    text-decoration: none;
    color: black;
}
.index{
    background-color: rgb(173, 23, 28);
    position: relative;
    height: 7446px;
    overflow: hidden;
}
.login-box{
    cursor: pointer;
}
.header-img{
    display: block;
}
.header-box{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    padding: 0 380px;
    align-items: center;
}
.banner-img{
    width: 100%;
    display: block;
}
.middle-word{
    font-weight: 400;
font-size: 40px;
color: white;
}
.middle{
    width: 1200px;
height: 1065px;
background-image: url(../img/Group\ 199.png);
background-size: 100%;
margin: auto;
padding-top: 155px;
}
.white{
    width: 100%;
    height: 5px;
    position: absolute;
    top: 77px;
    background-color: white;
}
.middle-contain1{
    background-image: url(../img/Polygon\ 5.png);
    background-size: 100%;
    width: 1120px;
    height: 250px;    
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 40px;
    align-items: center;
}
.middle-item1-title{
    font-weight: 700;
font-size: 40px;
color: #BA0200;
line-height: 60px;

}
.middle-item1-word{
    font-weight: 400;
font-size: 20px;
color: #5A1111;
width: 682px;
line-height: 30px;
margin-top: 3px;
}
.btn-quick{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
width: 240px;
height: 60px;
display: block;
text-align: center;
line-height: 60px;
color: #FFFFFF;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
font-weight: 500;
font-size: 24px;
margin-top: 10px;
display: block;
}
.middle-item1-right{
    width: 402px;
margin-top: 70px;
display: block;

}
.middle-contain2{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1120px;
    margin: 20px auto;
}
.middle2-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 550px;
height: 200px;
background: linear-gradient(180deg, #FBEEDC 0%, #ECCF92 108%);
border: 2px solid #FFB846;
padding: 0 10px 0 40px;
}
.middle2-left-item-title{
    font-weight: 700;
font-size: 40px;
line-height: 60px;
color: #BA0200;
}
.middle2-left-item-word{
    color: #5A1111;
    font-weight: 400;
font-size: 24px;
line-height: 34px;
}
.btn-buy{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
display: block;
width: 220px;
height: 48px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
text-align: center;
line-height: 48px;
margin-top: 20px;
}
.btn-butie{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
display: block;
width: 220px;
height: 48px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
text-align: center;
line-height: 48px;
margin-top: 20px;
}
.middle2-img{
    display: block;
    width: 210px;
}
.middle2-img2{
    display: block;
    width: 195px;
}
.middle-contain3{
    background-image: url(../img/Group\ 198.png);
    background-size: 100%;
    width: 1120px;
height: 380px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px 0 40px;
}
.middle3-item-title{
    font-weight: 700;
font-size: 40px;
color: #BA0200;
}
.middle3-iten-word{
    font-weight: 400;
font-size: 24px;
color: #5A1111;
margin-top: 10px;
}
.btn-canyu{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
width: 240px;
height: 60px;
margin-top: 65px;
display: block;
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
text-align: center;
line-height: 60px;
}
.middle3-img{
    display: block;
    width: 473px;
}
.center{
    width: 1200px;
height: 2589px;
background-image: url(../img/Group\ 201.png);
background-size: 100%;
margin: 60px auto;
padding-top: 183px;
}
.center-item1{
    width: 1080px;
height: 420px;
border: 10px solid #AB1310;
background: linear-gradient(180deg, #F8E8CE 0%, #FFFFFF 50%, #FCE5B7 100%);
border-radius: 20px;
margin: auto;
display: flex;
justify-content: space-between;
padding-right: 20px;

}
.center-item1-left{
    width: 557px;
height: 430px;
background-image: url(../img/Frame\ 1.png);
position: relative;
top: -14px;
left: -10px;
background-size: 100%;

}
.word77{
    color: #FFFFFF;
    font-weight: 700;
    font-size: 30px;
    padding: 10px 0 0 180px;
    text-align: left;
}
.center-item1-title>div{
    width: 60px;
height: 2px;
background: #9D1A1A;
}
.center-item1-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 375px;
    margin: 29px auto 26px;
    font-weight: 700;
font-size: 36px;
color: #9D1A1A;
}
.word1{
    height: 96px;
    display: block;
}
.center-item1-box{
    display: flex;
    justify-content:center;
    align-items: baseline;
    margin-top: 10px;
}
.price1{
    color: #333333;
    font-weight: 400;
font-size: 20px;
}
.price2{
    font-weight: 400;
font-size: 20px;
color: #F83536;
}
.right{
    font-weight: 700;
font-size: 48px;
color: #F83536;
position: relative;
top: 28px;
}
.btn-buy1{
    width: 240px;
height: 60px;
background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
box-shadow: 0px 2px 0px #AC1309;
border-radius: 36px;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
text-align: center;
line-height: 60px;
display: block;
margin: 20px auto 0;
cursor: pointer;
}
.btn-buy1:hover{
    opacity: 0.7;
}
.box-line{
    width: 1120px;
    height: 20px;
    background: #B91614;
    margin: 20px auto;
    padding-top: 7px;
}
.line{
    background: linear-gradient(180deg, #FFF1CC 0%, #FF5B59 51.56%, #AD1716 76.04%, #600100 100%);
    width: 1120px;
height: 6px;
}
.center-item{
    width: 1080px;
height: 420px;
background: #FFF1E3;
border-radius: 10px;
margin: auto;
display: flex;
justify-content: left;
align-items: center;
padding-left: 40px;
border: 4px solid #CC7019;
}
.center-item-left{
    width: 360px;
height: 380px;
background: #FAEBCA;
border-radius: 10px;
border: 2px solid #CC7019;
}
.center-item-left-img123{
    width: 360px;
    height: 380px;
    display: block;
}
.center-item-img{
    width: 230px;
height: 230px;
display: block;
margin: 27px auto 17px;
}
.center-item-word1{
    background: linear-gradient(180deg, #F3D9B9 0%, #FFEED8 29.69%, #DDAF80 100%);
border: 3px solid #F1CA90;
box-shadow: inset 0px 4px 8px rgba(255, 255, 255, 0.7);
border-radius: 24px 24px 0px 0px;
width: 200px;
height: 48px;
color: #E1261A;
font-weight: 700;
font-size: 16px;
text-align: center;
line-height: 24px;
padding-top: 5px;
margin: auto;
}
.center-item-word2{
    width: 250px;
height: 48px;
background: linear-gradient(180deg, #F65C38 0%, #DC332D 100%);
border: 3px solid #FFA794;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.25);
border-radius: 24px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
text-align: center;
letter-spacing: 0.1em;
line-height: 42px;
color: #FFFFFF;
font-weight: 700;
font-size: 20px;
margin: auto;
position: relative;
top: -15px;
}
.center-item-title{
    font-weight: 700;
font-size: 36px;
color: #E1261A;
letter-spacing: 0.1em;
text-align: left;
}
.center-item-title>span{
    font-size: 24px;
}
.center-item-title2{
    font-weight: 400;
    text-align: left;
font-size: 20px;
color: #FF4747;
margin: 10px auto 20px;
}
.box123{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 586px;
}
.box-item{
    width: 182px;
height: 48px;
border: 1px solid #F83536;
border-radius: 5px;
text-align: center;
line-height: 48px;
margin-bottom: 10px;
cursor: pointer;
}
.box444{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 90px;
    width: 600px;
}
.box111{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price111{
    color: #333333;
    font-weight: 400;
font-size: 20px;
}
.price222{
    font-weight: 400;
font-size: 20px;
color: #F83536;
}
.box333{
    color: #F83536;
    font-weight: 700;
font-size: 48px;
}
.btn-buy2{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
box-shadow: 0px 2px 0px #AC1309;
border-radius: 36px;
width: 240px;
height: 60px;
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
line-height: 60px;
text-align: center;
}

.btn-buy4{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
box-shadow: 0px 2px 0px #AC1309;
border-radius: 36px;
width: 240px;
height: 60px;
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
line-height: 60px;
text-align: center;
}
.btn-buy3{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
box-shadow: 0px 2px 0px #AC1309;
border-radius: 36px;
width: 240px;
height: 60px;
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
line-height: 60px;
text-align: center;
}
.center-item-right{
    margin-left: 40px;
    width: 600px;
}
.center-item-img1{
    width: 230px;
    display: block;
    margin: 52px auto 46px;
}
.box124{
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    width: 480px;
}
.box-item1{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 240px;
}
.box-item1>img{
    display: block;
    width: 30px;
    margin: 10px;
}
.word654{
    font-weight: 400;
font-size: 20px;
color: #333333;
}
.foot{
    width: 1200px;
height: 920px;
background-image: url(../img/Group\ 11.png);
background-size: 100%;
margin: auto;
padding-top: 170px;
}
.foot-img{
    margin: auto;
    display: block;
}
.foot-contian{
    width: 1060px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    flex-wrap: wrap;
    width: 1120px;
height: 390px;
border-radius: 20px;
border: 10px solid  #E9D9A1 ;
padding: 20px;
position: relative;
top: -17px;
}
.foot-left{
    width: 520px;
height: 250px;
background: #F9E9C7;
border-radius: 10px;
border: 2px solid #CC7019;
}
.foot-left-title{
    font-weight: 700;
font-size: 36px;
color: #C10000;
text-align: center;
padding-top: 27px;
}
.foot-left-word{
    width: 280px;
height: 40px;
background: #F5E1AE;
border: 1px solid #F8BD78;
border-radius: 20px;
font-weight: 400;
font-size: 16px;
color: #C10000;
line-height: 40px;
padding: 0 4px;
display: flex;
align-items: center;
margin:22px  auto 20px;
}
.foot-left-word>img{
    display: block;
    margin-right: 10px;
}
.foot-left-word1{
    width: 360px;
    height: 40px;
background: #F5E1AE;
border: 1px solid #F8BD78;
border-radius: 20px;
font-weight: 400;
font-size: 16px;
color: #C10000;
line-height: 40px;
padding: 0 4px;
display: flex;
align-items: center;
margin:22px  auto 20px;
}
.foot-left-word1>img{
    display: block;
    margin-right: 10px;
}
.foot-left-word2{
    width: 360px;
    height: 40px;
background: #F5E1AE;
border: 1px solid #F8BD78;
border-radius: 20px;
font-weight: 400;
font-size: 16px;
color: #C10000;
line-height: 40px;
padding: 0 4px;
display: flex;
align-items: center;
margin:10px  auto 10px;
}
.foot-left-word2>img{
    display: block;
    margin-right: 10px;
    width: 32px;
}
.btn-foot{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
width: 354px;
height: 60px;
text-align: center;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
line-height: 60px;
/* display: none; */
display: block;
margin: 20px auto 0;
}
.head{
    width: 1200px;
    height: 1935px;
background-image: url(../img/Group\ 205.png);
background-size: 100%;
margin: 60px auto;
padding-top: 210px;
}
.head-contain{
    width: 1080px;
    height: 1662px;
margin: auto;
border: 4px solid #CC7019;
background: #CD1918;
border-radius: 10px;
padding-top: 100px;
position: relative;
}
.head-box{
    background: #FAEBCA;
    border-radius: 10px;
    width: 1040px;
height: 540px;
border: 2px solid #CC7019;
margin:40px  auto 0;
padding: 40px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.head-item-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
font-size: 72px;
color: #C10000;

}
.head-item{
    width: 350px;
    height: 210px;
}
.box157{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 400;
font-size: 24px;
color: #C10000;

margin: 8px 0 4px;
}
.line521{
    width: 100px;
height: 2px;
background: #C10000;
}
.word001{
    font-weight: 400;
font-size: 20px;
color: #C10000;
}
.head-item1{
    width: 472px;
height: 210px;
border: 2px solid #CC7019;
background: #FFF8E9;
border-radius: 10px;
display: flex;
justify-content: left;
align-items: center;
}
.head-item-title111{
    color: #B00100;
    font-weight: 400;
font-size: 20px;
}
.wordd{
    font-size: 20px;
    color: #333333;
    margin: 10px auto 20px ;
}

.wordo{
    color: #333333;
    font-weight: 400;
font-size: 20px;

}
.wordo>span{
    font-size: 50px;
    color: #F83536;
}
.head-item1>img{
    width: 200px;
height: 200px;
display: block;
margin: 0 20px;
}
.head-item2{
    width: 300px;
height: 210px;
background: #FFF8E9;
border-radius: 10px;
border: 2px solid #CC7019;
margin-top: 40px;
}
.wordp{
    color: #B00100;
    font-weight: 400;
font-size: 20px;
text-align: center;
}
.img1{
    width: 169.8px;
    margin: auto;
    display: block;
}
.btn-chuan{
    background: linear-gradient(180deg, #FFF3E8 0%, #FFC633 7.81%, #FF9633 93.75%, #DF6D00 100%);
box-shadow: 0px 2px 0px #AC1309;
border-radius: 32px;
text-shadow: 0px 2px 2px rgba(194, 0, 0, 0.5);
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
text-align: center;
line-height: 64px;
    width: 240px;
height: 64px;
margin: 40px auto 10px;
display: block;
position: relative;
}
.word-chuan{
    font-weight: 500;
font-size: 16px;
color: #FFFFFF;
text-align: center;

}
.rule{
    width: 1040px;
height: 214px;
border-radius: 10px;
background: #FAEBCA;
border: 2px solid  #CC7019;
margin: 40px auto 0;
}
.rule-title{
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    padding: 10px  0 0 20px;
}
.tule-word{
    width: 991px;
    color: #000000;
    line-height: 24px;
    font-weight: 400;
font-size: 16px;
margin:10px  auto 0;
}
.dibu {
    width: 100%;
    height: 120px;
    padding-top: 39px;
    background-color: #000000;
    text-align: center;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 21px;
}
.box654{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.item654{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.item654>img{
    width: 30px;
    height: 30px;
    display: block;
}
.word6654{
    width: 250px;
    color: #333333;
    font-weight: 400;
font-size: 16px;
padding-left: 10px;
text-align: left;
}
.price2222{
    font-weight: 700;
font-size: 24px;
color: #F83536;
}
.yellow{
    position: absolute;width: 180px;
    height: 40px;
    display: block;
    right: 0px;
    top: -17px;
    z-index: 1;
}
.boxbox{
    width: 356px;
height: 378px;
background: #FAEBCA;
border-radius: 10px;
border: 2px solid #CC7019;
background-image: url(../img/Mask\ group123456789.png);
background-size: 100%;
padding-top: 260px;
}
.worddd{
    background: linear-gradient(180deg, #F3D9B9 0%, #FFEED8 29.69%, #DDAF80 100%);
border: 3px solid #F1CA90;
box-shadow: inset 0px 4px 8px rgba(255, 255, 255, 0.7);
border-radius: 24px 24px 0px 0px;
width: 230px;
height: 48px;
text-align: center;
line-height: 40px;
font-weight: 400;
font-size: 16px;
color: #E1261A;
margin: auto;
}
.wordwww{
    background: linear-gradient(180deg, #F65C38 0%, #DC332D 100%);
border: 3px solid #FFA794;
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.25);
border-radius: 24px;
width: 250px;
height: 48px;
text-align: center;
color: #FFFFFF;
font-weight: 700;
font-size: 20px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
line-height: 30px;
margin: auto;
position: relative;
top: -10px;
line-height: 42px;
}
.header123{
    width: 800px;
    height: 120px;
    background-image: url(../img/Group\ 204321.png);
    background-size: 100%;
    font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #FFFFFF;
padding-top: 10px;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
text-align: center;
position: absolute;
left: 140px;
top: -40px;
}
.kuai-box{
    background: #F13B39;
    border: 5px solid #FDDD97;
    border-radius: 20px;
    width: 560px;
    height: 560px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 18px 0;
}
.kuai{
    width: 160px;
    height: 160px;
    background: radial-gradient(50% 50% at 50.25% 50%, #FFF6E6 17.84%, #FFD592 100%);
    border: 1px solid #FFFFFF;
    box-shadow: 0px 4px 0px #AC1309, inset 0px 0px 10px #FFD875;
    border-radius: 36px;
    margin-bottom: 20px;
}
.kuai-word{
    color: #E1261A;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    padding-top: 18px;
}
.kuai-img{
    width: 100px;
height: 100px;
display: block;
margin: auto;
}
.kuai9{
    background: linear-gradient(180deg, #FF9F47 0%, #FF3030 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
width: 160px;
height: 160px;
padding-top: 20px;
margin-bottom: 20px;
cursor: pointer;
}
.kuai9-word{
    color: #FFFFFF;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
    font-weight: 700;
font-size: 32px;
text-align: center;
}
.lottery-num-word{
    color: #520E0E;
    font-weight: 400;
font-size: 20px;
text-align: center;
}
.lottery-rule{
    width: 440px;
height: 560px;
background: #FFF0CF;
border-radius: 20px;
border: 2px solid #CC7019;
position: relative;
}
.lottery-title{
    font-weight: 700;
font-size: 32px;
color: #B30000;
text-align: center;
padding: 30px 0;
}
.lottery{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
}
.lottery-word{
    width: 400px;
    margin: auto;
    font-weight: 400;
font-size: 15px;
color: #292929;
line-height: 27px;
}
.lottery-word>span{
    color: #F83536 !important;
}
.btn-share1{
    background: linear-gradient(180deg, #F83536 0%, #E1261A 100%);
border: 1px solid #FFFFFF;
box-shadow: 0px 2px 0px #AC1309, inset 0px 0px 10px #FFD875;
border-radius: 36px;
width: 222px;
height: 59px;
color: #FFFFFF;
font-weight: 500;
font-size: 24px;
text-align: center;
line-height: 57px;
display: block;
margin:35px  auto 0;

}
.btn-success{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:60px auto 0;
}
.btn-xun{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:60px auto 0;
}
.dialog-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.san-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.dialog{
    width: 480px;
    height: 467px;
    background: rgba(250, 233, 196, 0.2);
    border: 1px solid #FAE9C4;
    border-radius: 0px 0px 15px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 10px;
}
.dialog-contain{
    width: 460px;
height: 447px;
background: #FAE9C4;
border-radius: 0px 0px 15px 15px;
margin: auto;
position: relative;
}
.dialog-title{
    color: #E1261A;
    font-weight: 700;
font-size: 40px;
text-align: center;
letter-spacing: 0.05em;
padding-top: 70px;
}
.dialog-word{
    color: #040000;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin:60px auto;
}
.btn-dialog{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:80px auto 0;
}
.btn-foot1{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:80px auto 0;
}
.tan-img{
    width: 574px;
height: 254px;
display: block;
position: absolute;
top: -160px;
    left: -57px;
}
.close{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    z-index: 500;
}
.notime-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.notime{
    width: 480px;
    height: 467px;
    background: rgba(250, 233, 196, 0.2);
    border: 1px solid #FAE9C4;
    border-radius: 0px 0px 15px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 10px;
}
.notime-contain{
    width: 460px;
height: 447px;
background: #FAE9C4;
border-radius: 0px 0px 15px 15px;
margin: auto;
position: relative;
}
.notime-title{
    color: #E1261A;
    font-weight: 700;
font-size: 40px;
text-align: center;
letter-spacing: 0.05em;
padding-top: 70px;
}
.notime-word{
    color: #040000;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin:50px auto;
}
.btn-notime{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:80px auto 0;
}
.share-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.shenhe-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.success-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.xun-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.share{
    width: 480px;
    height: 467px;
    background: rgba(250, 233, 196, 0.2);
    border: 1px solid #FAE9C4;
    border-radius: 0px 0px 15px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 10px;
}
.share-contain{
    width: 460px;
height: 447px;
background: #FAE9C4;
border-radius: 0px 0px 15px 15px;
margin: auto;
position: relative;
}
.share-title{
    color: #E1261A;
    font-weight: 700;
font-size: 40px;
text-align: center;
letter-spacing: 0.05em;
padding-top: 70px;
}
.share-word{
    color: #040000;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin:50px auto;
}
.btn-share{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:80px auto 0;
}
.btn-shenhe{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:80px auto 0;
}
.price-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.price{
    width: 480px;
    height: 467px;
    background: rgba(250, 233, 196, 0.2);
    border: 1px solid #FAE9C4;
    border-radius: 0px 0px 15px 15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 10px;
}
.price-contain{
    width: 460px;
height: 447px;
background: #FAE9C4;
border-radius: 0px 0px 15px 15px;
margin: auto;
position: relative;
}
.price-title{
    color: #E1261A;
    font-weight: 700;
font-size: 40px;
text-align: center;
letter-spacing: 0.05em;
padding-top: 70px;
}
.price-title2{
    font-weight: 400;
font-size: 20px;
color: #B00100;
text-align: center;
margin: 15px auto 2px;
line-height: 30px;
}
.btn-price{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 288px;
height: 64px;
text-align: center;
line-height: 64px;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.1em;
color: #FFFFFF;
display: block;
margin:25px auto 0;
}
.price-img{
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;
}
.price-word{
    font-weight: 400;
font-size: 20px;
text-align: center;
color: #040000;
margin: 4px auto 15px;
}
.zhu-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.zhu{
    width: 480px;
    height: 695px;
    background: rgba(250, 233, 196, 0.2);
    border: 1px solid #FAE9C4;
    border-radius:15px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding-top: 10px;
}
.zhu-contain{
    width: 460px;
    height: 675px;
background: #FAE9C4;
border-radius:15px;
margin: auto;
position: relative;
}
.close1{
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%);
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    z-index: 500;
}
.zhu-title{
    font-weight: 700;
font-size: 24px;
color: #E1261A;
letter-spacing: 0.05em;
text-align: center;
line-height: 36px;
padding-top: 20px;
}
.zhu-line{
    background: #FFF7E4;
border-radius: 15px;
width: 420px;
height: 1px;
margin: 20px auto;
}
.zhu-info{
    padding: 0 20px;
    font-weight: 400;
font-size: 16px;
color: #333333;
}
.zhu-name{
    width: 132px;
height: 36px;
background: #FFFFFF;
border-radius: 10px;
}
.zhu-mobile{
    width: 144px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 10px;
}
input{
    border-style: none;
    font-weight: 400;
    font-size: 16px;
    color: #333333;
}
.zhu-company{
    margin: 15px 0;
}
#zhu-company{
    width: 346px;
height: 36px;
background: #FFFFFF;
border-radius: 10px;
}
#zhu-gangwei{
    width: 346px;
height: 36px;
background: #FFFFFF;
border-radius: 10px;
}
.zhu-shebei{
    margin: 15px 0;
}
#zhu-shebei{
    width: 346px;
height: 36px;
background: #FFFFFF;
border-radius: 10px;
}
.zhu-title999{
    font-weight: 700;
font-size: 16px;
color: #333333;
text-align: center;
letter-spacing: 0.05em;
padding-top: 5px;
}
.zhu-item{
    border: 1px dashed #DD7423;
    border-radius: 10px;
width: 320px;
height: 40px;
letter-spacing: 0.05em;
text-align: center;
color: #DD7423;
font-weight: 400;
font-size: 16px;
margin: 15px auto 0;
line-height: 40px;
}
.btn-tijiao{
    width: 200px;
height: 48px;
background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
display: block;
margin: 20px auto 0;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 48px;
}
.toastBox { display: none; position: fixed; top: 50%; left: 0; text-align: center; width: 100%; height: 48px; line-height: 48px; transform: translateY(-50%); z-index: 999; }
.toastBox .tobox { display: inline-block; padding: 0 25px; color: white; font-size: 18px; background-color: black; opacity: 0.8; border-radius: 10px; letter-spacing: 1px; }
.box-item-active{
    background: #F83536 !important;
    line-height: 50px !important;
    border: none !important;
    color: #FFFFFF !important;
}
.zhu-item-active{
    background: #DD7423 !important;
    color: #FFFFFF !important;
    line-height: 40px !important;
}
.vx-box{
    width: 402px;
height: 120px;
background: #FFE7B1;
border: 1px solid #C10000;
border-radius: 20px;
padding: 9px 40px 0;
margin: 20px auto 0;
}
.vx-title{
    font-weight: 700;
font-size: 24px;
color: #C10000;
text-align: center;
}
.vx-box1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.vx-box1>img{
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.qq-box{
    width: 240px;
    height: 280px;
    padding: 10px;
background-color: white;
position: absolute;
bottom: 135px;
left: 50%;
transform: translateX(-50%);
display: none;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.vx1-box{
    width: 240px;
    height: 280px;
    padding: 10px;
background-color: white;
position: absolute;
bottom: 135px;
left: 50%;
transform: translateX(-50%);
display: none;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 10px;
}
.qq-title{
    text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
}
.qq-img{
    display: block;
    width: 182px;
    height: 182px;
    margin: 10px auto 0;
}
#file{
    display: block;
    width: 240px;
    height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.chou-active{
    background: radial-gradient(50% 50% at 50.25% 50%, #FFFEFB 17.84%, #FFF2DE 100%) !important;
}
.shop-loc-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.shop-loc{
    width: 480px;
height: 435px;
background: rgba(250, 233, 196, 0.2);
border: 1px solid #FAE9C4;
border-radius: 15px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
padding-top: 10px;
}
.shop-loc-contain{
    width: 460px;
height: 415px;
background: #FAE9C4;
border-radius: 15px;
margin: auto;
position: relative;
}
.shop-loc-header{
    color: #E1261A;
    text-align: center;
letter-spacing: 0.05em;
font-weight: 700;
font-size: 24px;
padding: 20px;
}
.line-line11{
    background: #FFF7E4;
border-radius: 15px;
width: 420px;
height: 1px;
margin: auto;
}
.addressInfo{
    width: 390px;
    margin: auto;
    padding-top: 20px;
    font-size: 16px;
    color: #333333;
}
.addressName{
    width: 132px;
height: 36px;
border: none;
background: #FFFFFF;
border-radius: 5px;
}
.addressTel{
    width: 132px;
    height: 36px;
    border: none;
    background: #FFFFFF;
    border-radius: 5px;
}
.info>select{
    width: 92px;
    height: 36px;
    border: none;
    box-sizing: border-box;
    border-radius: 5px;
    margin:20px 10px 20px 0;
}
.addressDetail{
    width: 300px;
height: 36px;
background: #FFFFFF;
border-radius: 5px;
}
.sure-loc{
    background: linear-gradient(90deg, #ED7842 0%, #EB543A 102.95%);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 0px 4px rgba(0, 0, 0, 0.2);
border-radius: 40px;
width: 200px;
height: 48px;
display: block;
text-align: center;
line-height: 48px;
margin:40px auto 0;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
}
.index2{
    position: relative;
    top: -100px;
}
.daohang{
    width: 222px;
    height: 706px;
    background-image: url(../img/daohang.png?v1.0);
    background-size: 100%;
    position: fixed;
    top: 8%;
    right: 0;
    z-index: 100;
    padding-top: 300px;
}
.daohang1{
    width: 132px;
    height: 30px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 15px;
    border: 2px solid white;
    margin: auto;
    text-align: center;
    line-height: 26px;
    font-size: 16px ;
    color: white;
}
.daohang2{
    width: 132px;
    height: 30px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 15px;
    border: 2px solid white;
    margin: 20px auto 0;
    text-align: center;
    line-height: 26px;
    font-size: 16px ;
    color: white;
}
.daohang3{
    width: 132px;
    height: 30px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 15px;
    border: 2px solid white;
    margin: 110px auto 0;
    text-align: center;
    line-height: 26px;
    font-size: 16px ;
    color: white;
}
.daohang4{
    width: 132px;
    height: 30px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 15px;
    border: 2px solid white;
    margin: 20px auto ;
    text-align: center;
    line-height: 26px;
    font-size: 16px ;
    color: white;
}
.daohang5{
    width: 132px;
    height: 30px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 15px;
    border: 2px solid white;
    margin: auto ;
    text-align: center;
    line-height: 26px;
    font-size: 16px ;
    color: white;
}
.daohang6{
    width: 90px;
    height: 24px;
    background: linear-gradient(12.05deg, #FE3F3F 42.98%, #FE9579 118.15%);
    box-shadow: 0px 4px 0px #FB3332;
    border-radius: 12px;
    border: 1px solid white;
    margin: 20px auto 0 ;
    text-align: center;
    line-height: 22px;
    font-size: 12px ;
    color: white;
}
.daohang>div:hover{
    cursor: pointer;
    background: linear-gradient(12.05deg, #D91111 42.98%, #FF5021 118.15%) !important;
}
.daohang-close{
    position: absolute;
    top: -295px;
    right: 5px;
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    z-index: 101;
}