.main{width:100%;height:100%;background:#3c049c}.main .container{max-width:1920px;height:1215px;margin:0 auto;background:url(../img/active/double/bg.jpg) no-repeat center;background-size:cover;overflow:hidden}.main .container>h1{width:806px;height:292px;background:url(../img/active/double/title.png) no-repeat center;background-size:contain;margin:110px auto 100px}.main .container .meals{width:1100px;margin:0 auto}.main .container .meals::after{content:"";display:block;clear:both}.main .container .meals .item{float:left;width:225px;height:267px;margin-right:60px;position:relative}.main .container .meals .item .tip{position:absolute;width:164px;height:52px;background:url(../img/active/double/tip.png) no-repeat center;background-size:contain;top:-27px;left:0;color:#fff;font-size:16px;letter-spacing:1px;line-height:55px;text-align:left;text-indent:25px}.main .container .meals .item .tip>span{color:#fff000;font-size:24px}.main .container .meals .item .buy{display:block;width:225px;height:50px;background:url(../img/active/double/buy.png) no-repeat 0 0;position:absolute;bottom:0;left:0;cursor:pointer}.main .container .meals .item .buy:hover{background:url(../img/active/double/buy.png) no-repeat 0 -54px}.main .container .meals .item:nth-child(1){background:url(../img/active/double/1.png) no-repeat center;background-size:contain}.main .container .meals .item:nth-child(2){background:url(../img/active/double/2.png) no-repeat center;background-size:contain}.main .container .meals .item:nth-child(3){background:url(../img/active/double/3.png) no-repeat center;background-size:contain}.main .container .meals .item:nth-child(4){background:url(../img/active/double/4.png) no-repeat center;background-size:contain;margin-right:0}.main .container .roles{width:1100px;height:270px;background:#5734d1;margin:50px auto 0;border-radius:22px;overflow:hidden}.main .container .roles .infos{width:1000px;margin:25px auto;text-align:left;color:#fff;letter-spacing:1px}.main .container .roles .infos>h6{font-size:22px;margin-bottom:20px}.main .container .roles .infos>p{font-size:18px;margin-bottom:4px}.main .container .pay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;background:rgba(255,255,255,0.02)}.main .container .pay .bg{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.5)}.main .container .pay .pay-box{width:560px;height:486px;background:#fff;position:relative;top:calc(50% - 180px);left:calc(50% - 280px)}.main .container .pay .pay-box.showIn{-webkit-animation:zoomIn .3s linear forwards;animation:zoomIn .3s linear forwards}.main .container .pay .pay-box.hideOut{-webkit-animation:zoomOut .3s linear forwards;animation:zoomOut .3s linear forwards}.main .container .pay .pay-box>h6{width:100%;height:40px;line-height:40px;position:relative;color:#303133;font-size:14px;font-weight:500;letter-spacing:1px;text-align:left;text-indent:20px;background:#f5f5f5}.main .container .pay .pay-box>h6>span{display:block;position:absolute;width:12px;height:12px;background:url(../img/buy/close.png) no-repeat center;background-size:contain;right:20px;top:calc(50% - 6px);cursor:pointer}.main .container .pay .pay-box .pay-type{width:100%;height:60px;line-height:60px;text-align:center;position:relative;background:#f5f5f5}.main .container .pay .pay-box .pay-type .pay-move{width:50%;height:100%;border:1px solid #ededed;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;position:absolute;left:0}.main .container .pay .pay-box .pay-type>span{display:block;position:absolute;width:50%;height:100%;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1001;color:#333;letter-spacing:1px;cursor:pointer}.main .container .pay .pay-box .pay-type>span>a{display:inline-block;vertical-align:middle;background:-webkit-gradient(linear, left top, right top, from(#fe5f52), to(#fc4574));background:linear-gradient(to right, #fe5f52, #fc4574);height:16px;line-height:16px;padding:0 5px;text-align:center;position:relative;font-size:12px;color:#fff;border-radius:2px}.main .container .pay .pay-box .pay-type>span>a::after{content:"";display:block;position:absolute;border:4px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border-right-color:#fe5f52;left:-8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.main .container .pay .pay-box .pay-type>span>i{display:inline-block;vertical-align:middle;width:21px;height:21px;margin-top:-2px}.main .container .pay .pay-box .pay-type>span:nth-child(1){left:0}.main .container .pay .pay-box .pay-type>span:nth-child(1)>i{background:url(../img/buy/alipay.png) no-repeat center;background-size:contain}.main .container .pay .pay-box .pay-type>span:nth-child(2){right:0}.main .container .pay .pay-box .pay-type>span:nth-child(2)>i{background:url(../img/buy/wechatpay.png) no-repeat center;background-size:contain}.main .container .pay .pay-box .left{width:190px;height:235px;position:absolute;top:130px;left:55px}.main .container .pay .pay-box .left>img{display:block;width:100%;height:190px}.main .container .pay .pay-box .left>p{width:100%;height:auto;position:absolute;bottom:5px;color:#303133;font-size:14px;text-align:center}.main .container .pay .pay-box .left>p>img{display:inline-block;vertical-align:middle;width:27px;height:27px;margin-top:1.5px;margin-left:0}.main .container .pay .pay-box .left>p>span{display:inline-block;vertical-align:middle;letter-spacing:2px;margin-left:8px}.main .container .pay .pay-box .left>p>span>i{display:block;font-style:normal}.main .container .pay .pay-box .right{width:270px;height:auto;position:absolute;top:130px;right:20px}.main .container .pay .pay-box .right>ul{width:210px;height:auto;margin:0 auto;font-size:14px}.main .container .pay .pay-box .right>ul>li{color:#606266;width:100%;text-align:left;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main .container .pay .pay-box .right>ul>li.is_old{display:none}.main .container .pay .pay-box .right>ul>li:nth-child(1){margin-top:0;color:#303133}.main .container .pay .pay-box .right>ul>li:nth-child(3){margin-top:35px}.main .container .pay .pay-box .right>ul>li:last-child{color:#303133;margin-top:10px}.main .container .pay .pay-box .right>ul>li:last-child>span{color:#ea575c;font-size:26px}.main .container .pay .pay-box .right>ul>li:last-child>i{color:#ea575c;font-style:normal}.main .container .pay .pay-box .right>p{width:220px;margin:0 auto;font-size:12px;color:#606266;text-align:left;margin-top:20px;letter-spacing:.6px}.main .container .pay .pay-box .discount{width:450px;height:50px;line-height:50px;letter-spacing:1px;position:absolute;bottom:30px;left:53px}.main .container .pay .pay-box .discount .btn{color:#303133;font-size:16px;position:absolute;left:0;cursor:pointer}.main .container .pay .pay-box .discount .btn>span{display:inline-block;vertical-align:middle;width:20px;height:20px;border:2px solid #9b9ea3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;margin-right:5px;margin-top:-2px}.main .container .pay .pay-box .discount .btn>span.use-dis{background:#11c783 url(../img/buy/yes.png) no-repeat center;background-size:contain;border:2px solid #11c783}.main .container .pay .pay-box .discount .code{width:384px;height:100%;background:#f2f5f7;border-radius:5px;position:absolute;right:0;text-align:left;overflow:hidden;cursor:pointer}.main .container .pay .pay-box .discount .code input::-webkit-input-placeholder{color:#909399}.main .container .pay .pay-box .discount .code input::-moz-placeholder{color:#909399}.main .container .pay .pay-box .discount .code input:-moz-placeholder{color:#909399}.main .container .pay .pay-box .discount .code input:-ms-input-placeholder{color:#909399}.main .container .pay .pay-box .discount .code>input{display:inline-block;vertical-align:middle;width:350px;height:100%;text-indent:20px;font-size:14px;background:none;border:none;cursor:pointer}.main .container .pay .pay-box .discount .code>span{display:inline-block;vertical-align:middle;width:14px;height:8px;background:url(../img/active/double/arrow.png) no-repeat center;background-size:contain}.main .container .pay .pay-box .discount .slide{width:384px;max-height:150px;height:auto;background:#f2f5f7;border-radius:5px;position:absolute;right:0;top:110%;padding:5px 0;overflow:hidden;overflow-y:scroll;display:none}.main .container .pay .pay-box .discount .slide::-webkit-scrollbar{width:6px}.main .container .pay .pay-box .discount .slide::-webkit-scrollbar-thumb{background:#909399;border-radius:3px}.main .container .pay .pay-box .discount .slide::-webkit-scrollbar-track{background:#d4d7d9}.main .container .pay .pay-box .discount .slide>p{width:100%;height:30px;line-height:30px;color:#606266;font-size:14px;letter-spacing:1px;cursor:pointer;text-align:left;text-indent:20px}.main .container .pay .pay-box .discount .slide>p:hover{color:#303133;background:#e6e9eb}.main .container .pay .pay-box .tips{color:#ff5757;font-size:12px;position:absolute;bottom:20px;left:180px;height:20px;line-height:20px}