.main-panel { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: helvetica, tahoma, arial, "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei", sans-serif; min-width: 1200px; background-color: #f6c3c7; background-image: url(/uploads/image/p1public/web_banner.png); background-position: top center; background-repeat: no-repeat; padding: 1057px 0 96px; } .main-header .banner{ margin: 0 auto; display: block; width: 100%; } .main-panel a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } .main-panel a:link, .main-panel a:visited, .main-panel a:focus, .main-panel a:hover { text-decoration: none !important; color: #fff; } .clearfix::after { content: ''; display: table; clear: both; } .main-panel a.button { height: 52px; line-height: 52px; text-align: center; color: rgba(246, 61, 91, 1); background-color: #fff; border: rgba(246, 61, 131, 1) 1px solid; border-radius: 31px; display: inline-block; overflow: hidden; padding: 0 44px; font-size: 24px; } .main-panel a.button.active { color: #fff; background: linear-gradient(270deg, #f63d5b 0%, #f63d87 100%); } .main-panel .main-content { width:1080px; margin: 0 auto 92px; border: 4px solid #fb6688; border-radius: 20px; background-color: #fff; box-sizing: border-box; position: relative; padding: 100px 0 64px; } .main-panel .main-title { width: 1080px; height: 94px; text-align: center; line-height: 94px; top: -42px; position: absolute; } .main-panel .sec-title { height: 45px; line-height: 1; font-size: 46px; text-align: center; font-weight: bold; color: rgba(246, 61, 91, 1); margin-bottom: 24px; } .main-panel .sec-title span { color: rgba(246, 61, 91, 1); padding: 0 10px; font-size: 46px; position: relative; } .main-panel .sec-title span::before { position: absolute; background: no-repeat center center; width: 42px; height: 42px; content: ''; display: block; left: -50px; top: 4px; } .main-panel .sec-title span::after { position: absolute; background: no-repeat center center; width: 42px; height: 42px; content: ''; display: block; right: -50px; top: 4px; } .main-panel .thd-title { width: 710px; height: 52px; line-height: 52px; margin: 0 auto; font-size: 26px; text-align: center; color: rgba(102, 75, 59, 1); margin-bottom: 40px; } .main-panel .thd-title span { color: rgba(94, 9, 22, 1); position: relative; font-size: 28px; } .main-panel .thd-title span::before { position: absolute; background: no-repeat center center; width: 141px; height: 1px; content: ''; display: block; left: -170px; top: 50%; } .main-panel .thd-title span::after { position: absolute; background: no-repeat center center; width: 141px; height: 1px; content: ''; display: block; right: -170px; top: 50%; } .main-panel .four-title { width: 710px; height: 40px; line-height: 40px; margin: 0 auto; text-align: center; color: rgba(51, 51, 51, 1); margin-bottom: 40px; } .main-panel .four-title span { color: rgba(224, 47, 76, 1); font-weight: bold; } .main-panel .four-title p { display: inline; position: relative; font-size: 34px; line-height: 1; } .main-panel .four-title p::before { position: absolute; background: no-repeat center center; width: 24px; height: 40px; content: ''; display: block; left: -48px; top: 0; } .main-panel .four-title p::after { position: absolute; background: no-repeat center center; width: 24px; height: 40px; content: ''; display: block; right: -48px; top: 0; } .main-panel .miaosha { } .main-panel .miaosha .miaosha-desc { text-align: center; font-size: 20px; color: rgba(222, 75, 63, 1); font-weight: bold; padding-bottom: 40px; } .main-panel .miaosha .miaosha-desc p { margin-bottom: 20px; } .main-panel .miaosha .miaosha-qudao { padding: 0 57px; position: relative; margin-bottom: 40px; } .main-panel .miaosha .miaosha-qudao-left { float: left; width: 640px; height: 363px; position: relative; } .main-panel .miaosha .miaosha-qudao-right { float: right; width: 250px; height: 363px; text-align: center; } .main-panel .miaosha .miaosha-qudao-1 { float: right; width: 250px; height: 298px; background: no-repeat; text-align: center; box-sizing: border-box; padding: 45px 0 0; } .main-panel .miaosha .miaosha-qudao-1 p { font-size: 20px; color: rgba(222, 75, 63, 1); font-weight: bold; } .main-panel .miaosha .miaosha-qudao-1 p:first-child { margin-bottom: 28px; } .main-panel .miaosha .miaosha-qudao-2 { float: left; width: 640px; height: 298px; box-sizing: border-box; font-size: 20px; color: rgba(51, 51, 51, 1); font-weight: bold; position: relative; } .main-panel .miaosha .miaosha-qudao-button { width: 214px; height: 50px; line-height: 50px; border-radius: 25px; border: 2px solid #de4b3f; font-size: 20px; cursor: pointer; text-align: center; display: inline-block; color: rgba(222, 75, 63, 1); } .main-panel .member-register { border: 0 none; background: no-repeat; width: 1080px; height: 172px; color: rgba(222, 75, 63, 1); border: 0 none; min-height: 172px; padding: 0; position: relative; } .main-panel .member-register p { position: absolute; right: 52px; top: 30px; } .main-panel .member-register p a { display: block; } .main-panel .member-register p a:nth-child(1) { margin-bottom: 21px; } .main-panel .coupons { text-align: center; } .main-panel .coupons .coupon-main { background: no-repeat; width: 909px; height: 181px; margin: 0 auto; position: relative; } .main-panel .coupons .coupon-main a { position: absolute; right: 40px; top: 29px; } .main-panel .common-item-container { padding: 0 24px 0; } .main-panel .common-container { padding: 0 24px 0; } .main-panel .common-item { padding: 30px 0 30px 58px; background: linear-gradient(119deg, #fff1f0 0%, #ffedec 100%); margin-bottom: 24px; position: relative; } .main-panel .common-item-image { width: 230px; height: 230px; float: left; margin-right: 40px; padding-top: 12px ; } .main-panel .common-item-image img { width: 100%; height: 100%; } .main-panel .common-item-text { float: left; width: 690px; position: relative; z-index: 1; } .main-panel .common-item-text h4 { font-size: 36px; color: rgba(246, 61, 91, 1); margin-bottom: 15px; } .main-panel .common-item-text p { color: rgba(94, 9, 22, 1); font-size: 24px; line-height: 1.8; } .main-panel .common-item-text p span { color: #adb0b8; font-size: 18px } .main-panel .common-item-text p a { margin-right: 44px; } .flights-button { text-align: center; margin-bottom: 24px; } .flights-button a.button { font-size: 24px; width: 400px; height: 52px; line-height: 52px; text-align: center; display: inline-block; padding: 0 36px; color: rgba(246, 61, 91, 1); background: #fff; border-radius: 34px; border: 1px solid rgba(246, 61, 91, 1); } .main-panel .wechat-qrcode { text-align: center; margin-bottom: 16px; border-top:rgba(153, 153, 153, 1) 1px dashed; padding: 30px 0; margin: 0 30px; } .main-panel .wechat-qrcode span { color: rgba(246, 61, 91, 1); font-size: 30px; margin: 0 15px; font-weight: bold; } .main-panel .wechat-qrcode span:last-child { position: relative; } .main-panel .wechat-qrcode span:last-child:after { content: ''; background: no-repeat; width: 33px; height: 34px; display: block; position: absolute; right: -40px; top: -5px; } .main-panel .event-notice { font-size: 18px; color: rgba(129, 120, 114, 1); text-align: center; } .main-panel .flights-group { margin-bottom: 60px; } .main-panel .tabs { width: 914px; height: 56px; background: #f3f3f3; border-radius: 28px; margin: 0 auto 32px; } .main-panel .tabs p { font-size: 22px; display: inline-block; width: 16.6666%; text-align: center; cursor: pointer; height:56px; color: rgba(102, 75, 59, 1); line-height: 56px; border-radius: 28px; transition: all .3s ease ; } .main-panel .tabs p.active { color: #fff; background: linear-gradient(270deg, #de4b3f 0%, #de4b3f 100%); font-weight: bold; transition: all .3s ease ; } .main-panel .tabs p:hover { background: rgba(238, 72, 44, .1); color: rgba(238, 72, 44, 1); font-weight: bold; transition: all .3s ease ; } .main-panel .flights-desc { text-align: center; padding: 40px 0; } .main-panel .flights-main, .main-panel .flights-other { width: 964px; overflow: hidden; padding: 0 30px; margin: 0 0 32px; } .main-panel .flights-main ul, .main-panel .flights-other ul { width: 996px } .main-panel .flights-main li, .main-panel .flights-other li { float: left; background: no-repeat; width: 217px; height: 160px; margin-right: 32px; margin-bottom: 32px; box-sizing: border-box; padding: 14px 0 0 0; color: #fff; position: relative; } .main-panel .flights-main li p:nth-child(1), .main-panel .flights-other li p:nth-child(1) { font-size: 24px; color: rgba(51, 51, 51, 1); text-align: center; } .main-panel .flights-main li p:nth-child(2), .main-panel .flights-other li p:nth-child(2) { font-size: 48px; color: rgba(246, 61, 91, 1); text-align: center; font-weight: bold; } .main-panel .flights-main li p:nth-child(2)::before, .main-panel .flights-other li p:nth-child(2)::before { content: '¥'; font-size: 24px; } .main-panel .flights-main li p:nth-child(2)::after, .main-panel .flights-other li p:nth-child(2)::after { content: '起'; font-size: 20px; } .main-panel .flights-main li p:nth-child(3), .main-panel .flights-other li p:nth-child(3) { font-size: 22px; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; } .main-panel .flights-main li p:nth-child(3) a, .main-panel .flights-other li p:nth-child(3) a { color: #fff; display: block; width: 100%; height: 100%; } .main-panel .zengzhi { } .main-panel .zengzhi h2 { color: rgba(246, 61, 91, 1); font-size: 36px; margin-bottom: 20px; line-height: 1; } .main-panel .zengzhi li .zengzhi-neirong p { color: rgba(51, 51, 51, 1); font-size: 20px; line-height: 2; margin-bottom: 30px; } .main-panel .zengzhi ul { padding: 0 65px; } .main-panel .zengzhi li { border-bottom: rgba(153, 153, 153, 1) 1px dashed; padding: 30px 30px 30px 61px; background-position: 0 30px; background-repeat: no-repeat; } .main-panel .zengzhi li:last-child { border-bottom: 0 none; padding: 30px 30px 0 61px; } .main-panel .zengzhi li.zz-1 { background-image: ; } .main-panel .zengzhi li.zz-2 { background-image: ; } .main-panel .zengzhi li.zz-3 { background-image: ; } .main-panel .zengzhi li.zz-4 { background-image: ; } .main-panel .zengzhi li.zz-5 { background-image: ; } .main-panel .zengzhi li.zengzhi-extra .zengzhi-neirong { width: 100%; } .main-panel .zengzhi li.zengzhi-extra .zengzhi-anniu { width: 100%; } .modal.modal-content { background: #fff; color:rgba(102, 75, 59, 1); border: 4px solid rgba(251, 102, 136, 1); border-radius: 0; padding: 48px 0; /* width: 100%; */ max-width: 100%; background:rgba(255,255,255,1); border-radius:52px; } .modal.modal-content .modal-title-sub-left { height: 20px; width: 128px; background: left / 100% auto no-repeat; margin-right: 0; } .modal.modal-content .modal-title-sub-right { height: 20px; width: 128px; background: right / 100% auto no-repeat; margin-left: 0; } .modal.modal-content .modal-title { font-size: 30px; text-align: center; font-weight: bold; color:rgba(72, 62, 56, 1); text-align: center; margin-bottom: 30px; } .modal.modal-content .modal-title img { width: 236px; height: 53px; } .modal.modal-content .modal-title-sub { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 60%; font-size: 16px; color: #706c92; margin: 8px auto 16px; } .modal.modal-content .modal-title-sub img { width: 50%; height: 2px; } .modal.modal-content .modal-title-sub div { white-space: nowrap; margin: 0 5px; } .modal.modal-content a.close-modal { top: 20px; right: 20px; background: url(/uploads/image/p1public/exit-2x.png) center / contain no-repeat; border-radius: 50%; width: 59px; height: 45px; } .modal.modal-content .modal-text { font-size: 16px; line-height: 1.5; padding: 0 48px; } .modal.modal-content .modal-text h3, .modal.modal-content .modal-text p { margin: 0 0 10px; color: rgba(102, 75, 59, 1); } .modal.modal-content .modal-text h3 { margin: 20px 0 10px; font-size: 18px; } .modal.modal-content .modal-table { margin: 0 auto 0; width: 100%; border-collapse: collapse; font-size: 12px; } .modal.modal-content .modal-table th { padding: 5px 0; background: #ffdcc9; color: #2f2b4e; white-space: nowrap; text-align: center; width: 50%; } .modal.modal-content .modal-table td { padding: 5px 0; white-space: nowrap; text-align: center; } .modal.modal-content .modal-table th:first-child, .modal.modal-content .modal-table td:first-child { text-align: left; padding-left: 16px; } .modal.modal-content .modal-table tr:nth-child(2n 1) td { background: #ffebe6; } .modal.modal-content .modal-table tr:nth-child(2n) td { background: #ffe2d8; } .modal.modal-content .modal-text-title { font-size: 12px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; } .blocker { z-index: 10000; }