body {
    background: #000000;
    overflow-x: hidden;
}
.sgGameGlobalTop{
    display:block !important;
}
[v-cloak] {
    display: none !important;
}
.container {
    width: 100%;
    max-width: 19.2rem;
    margin: auto;
    background: rgb(22, 12, 11);
    position: relative;
    z-index: 2;
}
.section {
    width: 100%;
    background: none no-repeat center center;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    height: 100vh;
    background-size: 100%;
}
.fixed-bottom{
    content:"";
    position: fixed;
    bottom: 0.05rem;
    left:0;
    right:0;
    margin:0 auto;
    width:1.1rem;
    height: 1.28rem;
    background: url(https://img.youxi290.com/khm/dbfgc/back.png) no-repeat center;
    background-size: 100%;
    /* bottom: 0;
     */
    transform: rotate(180deg);
    display: block;
    z-index: 3;
}
.fixed-bottom.active{
    content:"";
    transform: rotate(0deg);
}
.section > div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.s1 {
    background-image: url(https://img.youxi290.com/khm/dbfgc/wbg1.jpg);
}
.s1-con {
    width: 100%;
    margin: 0 auto;
    /* position: absolute;
     */
    /* margin: 0;
     */
    height: 11rem;
    right: 0;
}
.s1-con .title {
    width: 6.97rem;
    height: 1.21rem;
    background: url(https://img.youxi290.com/khm/dbfgc/slg.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0.12rem;
    /* transform: scale(0.7);
     */
}
.s1-con .title1 {
    width: 6.88rem;
    height: 0.45rem;
    background: url(https://img.youxi290.com/khm/dbfgc/slg1.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0.25rem;
    position: relative;
    top: -0.05rem;
}
.s1-con .time {
    width: 7.12rem;
    height: 0.57rem;
    background: url(https://img.youxi290.com/khm/dbfgc/timebg.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0.45rem;
    line-height: 0.57rem;
    text-align: left;
    color: #f5f0ee;
    font-size: 0.24rem;
    text-indent: 0.28rem;
}
.s1-con .ul {
    font-size: 0;
    text-align: center;
    height: 6.5rem;
    margin: 0 auto;
    position: relative;
}
.s1-con .li {
    width: 2.32rem;
    display: block;
    height: 1.67rem;
    position:absolute;
    top:0;
    right:0;
}
.s1-con .li:nth-child(1){
    top: 0;
    right: 2.3rem;
}
.s1-con .li:nth-child(2){
    top: 0.77rem;
    right: 0.44rem;
}
.s1-con .li:nth-child(3){
    top: 2.72rem;
    right: 0.11rem;
}
.s1-con .li:nth-child(4){
    top: 4.64rem;
    right: 0.87rem;
}
.s1-con .li .img {
    width: 1.26rem;
    height: 1.23rem;
    background: url(https://img.youxi290.com/khm/dbfgc/icotop.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.s1-con .li .img img {
    float: left;
    width: 84%;
    margin: 8%;
    height: 84%;
}
.s1-con .li .name {
    width: 2.32rem;
    height: 0.44rem;
    background: url(https://img.youxi290.com/khm/dbfgc/wbg.png) no-repeat center;
    background-size: 100%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.18rem;
    letter-spacing: -0.01rem;
    color: #ffffff;
}
.s1-con .s1-btn {
    width: 2.33rem;
    height: 0.94rem;
    background: url(https://img.youxi290.com/khm/dbfgc/btna1.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    line-height: 1.02rem;
    text-align: center;
    font-size: 0.3rem;
    color: #522e0d;
    text-shadow: 0.01rem 0.01rem 0.05rem #ffe88e, -0.01rem -0.01rem 0.05rem #ffe88e, -0.01rem 0.01rem 0.05rem #ffe88e, 0.01rem -0.01rem 0.05rem #ffe88e;
    font-weight: bold;
    cursor: pointer;
}
.s1-con .s1-btn.done {
    background-image: url(https://img.youxi290.com/khm/dbfgc/btna2.png);
    cursor: default;
}
.s2 {
    background-image: url(https://img.youxi290.com/khm/dbfgc/wbg2.jpg);
}
.s2-con {
    width: 100%;
    margin: 0 auto;
    height: 10.8rem;
    /* top: -1rem !important;
     */
}
.s2-con .title {
    width: 4.55rem;
    height: 1.42rem;
    background: url(https://img.youxi290.com/khm/dbfgc/bt1.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}
.s2-con .num {
    font-size: 0.24rem;
    line-height: 0.24rem;
    color: #585754;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto 0.5rem;
}
.s2-con .num span {
    display: inline-block;
    width: 3.28rem;
    height: 0.57rem;
    background: url(https://img.youxi290.com/khm/dbfgc/numbg.png) no-repeat center;
    background-size: 100%;
    line-height: 0.57rem;
    text-align: left;
    text-indent: 0.26rem;
    color: #ffffff;
    vertical-align: middle;
    font-size: 0.24rem;
}
.s2-con .num b {
    font-weight: bold;
    font-size: 0.34rem;
    display: inline-block;
    min-width: 0.89rem;
    text-align: right;
}
.s2-con .process {
    font-size: 0;
    text-align: center;
    width: 6.66rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.s2-con .process-li {
    width: 1.97rem;
    margin: 0 0.11rem 0.4rem;
    display: block;
    position: relative;
    vertical-align: middle;
}
.s2-con .process-li .number {
    font-size: 0.24rem;
    color: #3d3b3a;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 0.05rem;
}
.s2-con .process-li .number b {
    font-size: 0.36rem;
}
.s2-con .process-li .point {
    width: 0.18rem;
    height: 0.18rem;
    background: url(https://img.youxi290.com/khm/dbfgc/fk1.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0.14rem;
}
.s2-con .process-li .line {
    position: absolute;
    top: 0.61rem;
    right: -1.05rem;
    width: 1.93rem;
    height: 0.01rem;
    background-color: rgba(61, 59, 58, 0.2);
}
.s2-con .process-li:nth-child(3) .line{
    display:none;
}
.s2-con .process-li .frame {
    width: 1.97rem;
    height: 2.72rem;
    background: url(https://img.youxi290.com/khm/dbfgc/jlbg2.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 0.34rem;
}
.s2-con .process-li.done .frame {
    background-image: url(https://img.youxi290.com/khm/dbfgc/jlbg1.png);
}
.s2-con .process-li .img {
    width: 1.26rem;
    height: 1.23rem;
    background: url(https://img.youxi290.com/khm/dbfgc/icotop.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.s2-con .process-li .img img {
    float: left;
    width: 84%;
    margin: 8%;
}
.s2-con .process-li .name {
    width: 100%;
    height: 0.45rem;
    background-size: 100%;
    line-height: 0.45rem;
    text-align: center;
    font-size: 0.18rem;
    color: #3d3b3a;
    margin: 0 auto;
}
.s2-con .process-li .btn {
    width: 1.25rem;
    height: 0.5rem;
    background: none no-repeat center;
    background-size: 100%;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.24rem;
    color: #4c3e34;
    margin: 0 auto;
    font-weight: bold;
}
.s2-con .process-li.checked .btn {
    background-image: url(https://img.youxi290.com/khm/dbfgc/btnb1.png);
    color: #232221;
    cursor: pointer;
}
.s2-con .process-li.done .btn {
    background-image: url(https://img.youxi290.com/khm/dbfgc/btnb2.png);
    color: #76685d;
    cursor: none;
}
.s2-con .process-li.checked .point::after, .s2-con .process-li.done .point::after {
    content: "";
    float: left;
    width: 0.08rem;
    height: 0.08rem;
    margin: 0.05rem;
    background: url(https://img.youxi290.com/khm/dbfgc/fk2.png) no-repeat center;
    background-size: 100%;
}
.s2-con .process-li.checked .line, .s2-con .process-li.done .line {
    background-color: rgba(61, 59, 58, 1);
}
.s3 {
    background-image: url(https://img.youxi290.com/khm/dbfgc/wbg3.jpg);
}
.s3-con {
    width: 100%;
    margin: 0 auto;
    height: 10.8rem;
}
.s3-con .title {
    width: 6.15rem;
    height: 1.04rem;
    background: url(https://img.youxi290.com/khm/dbfgc/bt2.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}
.s3-con .title0 {
    width: 3.3rem;
    height: 1.44rem;
    background: url(https://img.youxi290.com/khm/dbfgc/bg10.png) no-repeat center;
    background-size: 100%;
    font-size: 0.36rem;
    font-weight: bold;
    letter-spacing: -0.02rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.65rem;
    text-shadow: 0.02rem 0.02rem 0.02rem #000, -0.02rem -0.02rem 0.02rem #000, -0.02rem 0.02rem 0.02rem #000, 0.02rem -0.02rem 0.02rem #000;
    text-indent: 0.45rem;
    position: relative;
    top: -0.42rem;
    left: -0.8rem;
}
.s3-con .title0 b {
    font-size: 0.58rem;
}
.s3-con .ul {
    overflow: hidden;
    width: 93%;
    margin: 0 auto;
    position: relative;
    top: -0.6rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.s3-con .li {
    width: 1.72rem;
    height: 2.34rem;
    position: relative;
    /* float: left;
     */
    box-sizing: border-box;
    padding-top: 0.16rem;
}
.s3-con .li > div {
    position: relative;
    z-index: 2;
}
.s3-con .li .day {
    text-align: center;
    color: #ffffff;
    font-size: 0.22rem;
    font-weight: bold;
    margin: 0 auto 0.07rem;
    line-height: 0.26rem;
}
.s3-con .li:after {
    content: "";
    width: 1.72rem;
    height: 1.8rem;
    background: url(https://img.youxi290.com/khm/dbfgc/icobg.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
}
.s3-con .li.over:after {
    opacity: 0.5;
}
.s3-con .li .img {
    width: 0.64rem;
    height: 0.64rem;
    background: url(https://img.youxi290.com/khm/dbfgc/icotop.png) no-repeat center;
    background-size: 100%;
    border: 2px solid transparent;
    position: relative;
    margin: 0 auto 0.32rem;
}
.s3-con .li .img img {
    float: left;
    width: 100%;
    height: 100%;
}
.s3-con .li .name {
    font-size: 0.2rem;
    font-weight: bold;
    line-height: 0.2rem;
    height: 0.37rem;
    margin: 0 auto;
    letter-spacing: -0.01rem;
    color: #040000;
    text-align: center;
}
.s3-con .li .btn {
    width: 1.1rem;
    height: 0.39rem;
    border: solid 1px #7b7672;
    box-sizing: border-box;
    line-height: 0.37rem;
    text-align: center;
    color: #7b7672;
    font-size: 0.22rem;
    margin: 0 auto;
}
.s3-con .li.over .img::after {
    content: "";
    position: absolute;
    width: 0.28rem;
    height: 0.28rem;
    background: url(https://img.youxi290.com/khm/dbfgc/x.png) no-repeat center;
    background-size: 100%;
    bottom: -0.08rem;
    right: -0.1rem;
}
.s3-con .li.isget .img::after {
    content: "";
    position: absolute;
    width: 0.39rem;
    height: 0.31rem;
    background: url(https://img.youxi290.com/khm/dbfgc/V.png) no-repeat center;
    background-size: 100%;
    bottom: -0.08rem;
    right: -0.1rem;
}
.s3-con .li.current .img {
    border-color: white;
}
.s3-con .li.current .day {
    color: #ff0000;
}
.s3-con .li.over .btn {
    border-color: #7b7672;
    background: #7b7672;
    color: white;
}
.s3-con .li.isget .btn {
    border-color: #b77f52;
    background: #b77f52;
    color: white;
}
.s3-con .li.current .btn, .s3-con .li.get .btn {
    border-color: #c32c27;
    background: #c32c27;
    color: white;
    cursor: pointer;
}
.s4 {
    background-image: url(https://img.youxi290.com/khm/dbfgc/wbg4.jpg);
}
.s4-con {
    width: 100%;
    margin: 0 auto;
    height: 10rem;
}
.s4-con .title {
    width: 6.2rem;
    height: 0.91rem;
    background: url(https://img.youxi290.com/khm/dbfgc/bt3.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}
.s4-con .s4-teams {
    width: 100%;
    margin: auto;
    font-size: 0;
    text-align: center;
    padding-top: 0.42rem;
}
.s4-con .team-li {
    width: 2.14rem;
    height: 1.7rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.s4-con .team-li .img {
    width: 1.21rem;
    height: 1.13rem;
    background: url(https://img.youxi290.com/khm/dbfgc/facebg.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
}
.s4-con .team-li .img img {
    float: left;
    width: 0.88rem;
    margin: 0.12rem 0 0 0.16rem;
    height: 0.88rem;
    border-radius: 50%;
}
.s4-con .team-li .name {
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 0.36rem;
    line-height: 0.36rem;
    text-align: center;
    font-size: 0.18rem;
    color: #000000;
    font-weight: bold;
    margin: auto;
    overflow: hidden;
}
.s4-con .team-li.leader:after {
    content: "";
    display: block;
    position: absolute;
    top: -0.46rem;
    right: 0.69rem;
    width: 0.61rem;
    height: 0.58rem;
    background: url(https://img.youxi290.com/khm/dbfgc/dz.png) no-repeat center;
    background-size: 100%;
}
.s4-con .s4-btns {
    width: 100%;
    text-align: center;
    height: 0.94rem;
    font-size: 0;
    margin: 0 auto 0.6rem;
    color: #522e0d;
    text-shadow: 0.01rem 0.01rem 0.01rem #ffe88e, -0.01rem -0.01rem 0.01rem #ffe88e, -0.01rem 0.01rem 0.01rem #ffe88e, 0.01rem -0.01rem 0.01rem #ffe88e;
}
.s4-con .s4-btn {
    width: 2.33rem;
    height: 0.94rem;
    background: url(https://img.youxi290.com/khm/dbfgc/btna1.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    line-height: 1.02rem;
    text-align: center;
    font-size: 0.3rem;
    color: #522e0d;
    font-weight: bold;
    cursor: pointer;
    margin: 0 0.1rem;
    display: inline-block;
    text-shadow: 0.01rem 0.01rem 0.05rem #ffe88e, -0.01rem -0.01rem 0.05rem #ffe88e, -0.01rem 0.01rem 0.05rem #ffe88e, 0.01rem -0.01rem 0.05rem #ffe88e;
}
.s4-con .s4-btn:hover {
    background-image: url(https://img.youxi290.com/khm/dbfgc/btna2.png);
    text-shadow: 0.01rem 0.01rem 0.05rem #cdcabe, -0.01rem -0.01rem 0.05rem #cdcabe, -0.01rem 0.01rem 0.05rem #cdcabe, 0.01rem -0.01rem 0.05rem #cdcabe;
}
.s4-con .s4-mission {
    width: 6.7rem;
    height: 3.42rem;
    background-color: #7d7c7a;
    border: solid 2px #000000;
    box-sizing: border-box;
    position: relative;
    padding: 0.2rem 0.15rem;
    margin: 0 auto;
}
.s4-con .swiper-prev {
    width: 0.58rem;
    height: 0.5rem;
    background: url(https://img.youxi290.com/khm/dbfgc/lr1.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: -0.28rem;
    top: 1.42rem;
    cursor: pointer;
    z-index: 2;
}
.s4-con .swiper-next {
    width: 0.58rem;
    height: 0.5rem;
    background: url(https://img.youxi290.com/khm/dbfgc/lr2.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    right: -0.28rem;
    top: 1.42rem;
    cursor: pointer;
    z-index: 2;
}
.s4-con .swiper-bg {
    width: 6.4rem;
    height: 3.03rem;
    margin: auto;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 0;
    width: 2.56rem;
    height: 3.03rem;
    background-color: #4e4b4a;
    display: block;
    box-sizing: border-box;
    padding-top: 0.36rem;
    margin-right: 0.16rem;
}
.s4-con .s-title {
    font-size: 0.24rem;
    line-height: 0.26rem;
    color: #ffffff;
    margin: 0 auto 0.32rem;
    position: relative;
}
.s4-con .s-title span{
    position: absolute;
    left:0;
    top: 0.28rem;
    color:red;
    font-size: 0.18rem;
    width: 100%;
    text-align: center;
}
.s4-con .long .s-title {
    /* font-size: 0.18rem;
     */
    /* margin-bottom: 0.2rem;
     */
}
.s4-con .s-gifts {
    font-size: 0;
    text-align: center;
}
.s4-con .s-gift {
    width: 1.16rem;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
}
.s4-con .s-gift .img {
    width: 0.82rem;
    height: 0.82rem;
    margin: 0 auto;
    /* background: url(https://img.youxi290.com/khm/dbfgc/facebg.png) no-repeat center;
     */
    background-size: 100%;
}
.s4-con .s-gift .img img {
    float: left;
    width: 100%;
    margin: 0;
    height: 100%;
}
.s4-con .s-gift .name {
    width: 100%;
    /* text-overflow: ellipsis;
     */
    /* white-space: nowrap;
     */
    height: 0.4rem;
    line-height: 0.18rem;
    text-align: center;
    font-size: 0.16rem;
    color: #ffffff;
    font-weight: bold;
    margin: 0.08rem auto 0.1rem;
    font-weight: normal;
}
.s4-con .s4-mission .btn {
    width: 1.25rem;
    height: 0.5rem;
    background: url(https://img.youxi290.com/khm/dbfgc/btnb2.png) no-repeat center;
    background-size: 100%;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.22rem;
    color: #130806;
    margin: 0 auto;
    font-weight: bold;
}
.s4-con .s4-mission .btn.checked {
    cursor: pointer;
    background-image: url(https://img.youxi290.com/khm/dbfgc/btnb1.png);
    /* color: #ffffff;
     */
}
.s4-con .s4-mission .btn.done {
    background-image: url(https://img.youxi290.com/khm/dbfgc/btnb2.png);
    color: #130806;
}
.swiper-slide.long {
    width: 4.19rem;
    /* padding-top: 0.1rem;
     */
}
.s4-con .sl-title {
    font-size: 0.24rem;
    line-height: 0.3rem;
    margin-bottom: 0.07rem;
    color: #ffffff;
    height: 0.3rem;
}
.s4-con .s1-ul {
    font-size: 0;
    text-align: center;
}
.s4-con .sl-li {
    /* display: inline-block;
     */
    /* width: 1.16rem;
     */
}
.s4-con .sl-li {
    display: inline-block;
    width: 1.5rem;
}
.s5 {
    background-image: url(https://img.youxi290.com/khm/dbfgc/wbgx.jpg);
}
.s5-con {
    width: 90%;
    margin: 0 auto;
    height: 10.8rem;
}
.s5-con .title {
    width: 4.42rem;
    height: 1.68rem;
    background: url(https://img.youxi290.com/khm/dbfgc/btx.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0.2rem;
}
.s5-con .s5-bg {
    width: 100%;
    height: 8.5rem;
    background-color: rgba(0, 0, 0, 0.44);
    border: solid 2px #000000;
    box-sizing: border-box;
    padding-top: 0.28rem;
}
.scroll-style::-webkit-scrollbar {
    width: 0.08rem;
    height: 0.08rem;
}
.scroll-style::-webkit-scrollbar-thumb {
    border-radius: 0rem !important;
    box-shadow: none !important;
    background: #ecece4 !important;
}
/*滚动条轨道*/
.scroll-style::-webkit-scrollbar-track {
    border-radius: 0rem !important;
    box-shadow: none !important;
    background: #3d3b39 !important;
}
.s5-con .sg-content {
    width: 96%;
    height: 7.86rem;
    /* background-color: rgba(0, 0, 0, 0.44);
     */
    box-sizing: border-box;
    padding: 0 0.14rem;
    overflow: auto;
    margin: auto;
    word-break: break-all;
    color: white;
}
.s5-con .sg-content h3{
    font-size: 0.28rem;
    line-height: 0.5rem;
    margin-top: 0.3rem;
    margin-bottom: 0.1rem;
}
.s5-con .sg-content h3:first-child{
    margin-top:0;
}
.s5-con .sg-content p{
    font-size: 0.22rem;
    line-height: 0.36rem;
    margin-bottom: 0.05rem;
}
.fixed-left {
    width: 1.76rem;
    height: 5.83rem;
    background: url(https://img.youxi290.com/khm/dbfgc/tabbg.png) no-repeat center;
    background-size: 100%;
    position: fixed;
    z-index: 5;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none !important;
    box-sizing: border-box;
    padding: 0.93rem 0 0 0.08rem;
}
.fixed-left .fixed-li {
    width: 1.59rem;
    height: 0.42rem;
    background: none no-repeat center;
    background-size: 100%;
    text-align: center;
    cursor: pointer;
    margin: 0 0 0.06rem;
    overflow: hidden;
}
.fixed-left .fixed-li img {
    height: 0.22rem;
    margin: 0.1rem auto;
}
.fixed-left .fixed-li.checked {
    background-image: url(https://img.youxi290.com/khm/dbfgc/tabbg1.png);
}
.fixed-left .fixed-top {
    width: 0.5rem;
    height: 0.58rem;
    background: url(https://img.youxi290.com/khm/dbfgc/topbtn.png) no-repeat center;
    background-size: 100%;
    margin: 1.2rem 0 0 0.52rem;
    cursor: pointer;
}
.alert-window {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    display: block;
}
.alert-window .alert-bg {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}
.alert-window .alert-win {
    position: absolute;
    z-index: 2;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ede5dc;
    border: solid 1px #806c59;
    box-shadow: none;
    width: 5.62rem;
    height: 3.36rem;
    border-radius: 0.06rem;
    padding-bottom: 0.17rem;
    box-sizing: border-box;
    display: block;
}
.alert-window .close-btn {
    width: 0.3rem;
    height: 0.3rem;
    background: url(https://img.youxi290.com/khm/dbfgc/cbtn.png) no-repeat center center;
    background-size: 0.19rem 0.19rem;
    position: absolute;
    top: 0.13rem;
    right: 0.09rem;
    cursor: pointer;
}
.alert-window .title {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding-left: 0.18rem;
    position: relative;
    font-size: 0.22rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 0.6rem;
    height: 0.6rem;
    background-color: #806c59;
    border-radius: 0.04rem 0.04rem 0 0;
}
.alert-window .alert-msg {
    height: 1.79rem;
}
.alert-msg .msg-con {
    padding: 0.47rem 0;
    font-size: 0.33rem;
    font-weight: bold;
    line-height: 0.33rem;
    color: #806c59;
    text-align: center;
}
.alert-win .input-con .message {
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.9rem;
    color: #806c59;
    height: 0.9rem;
    text-align: center;
}
.alert-win .input-con .input-text {
    width: 4.64rem;
    height: 0.55rem;
    background-color: #ffffff;
    border: solid 1px #806c59;
    margin: 0 auto 0.27rem;
    box-sizing: border-box;
    outline: 0;
    text-align: center;
    font-size: 0.22rem;
    line-height: 0.53rem;
    color: #2e2115;
    display: block;
    margin: 0 auto 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.alert-win .alert-btns {
    width: 100%;
    text-align: center;
    font-size: 0;
    height: 0.55rem;
}
.alert-win .alert-btn {
    width: 1.5rem;
    height: 0.55rem;
    background: #a12e1d;
    border-radius: 0.04rem;
    border: solid 1px #a12e1d;
    box-sizing: border-box;
    line-height: 0.53rem;
    font-size: 0.24rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    display: inline-block;
    margin: 0 0.18rem;
    cursor: pointer;
}
.alert-win .alert-btn.cancel {
    background: none;
    border-color: #806c59;
    color: #806c59;
}
.alert-window .alert-build {
    height: 2.35rem;
}