.wow {opacity:0;}
.mobile {width:100%;}
.mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;}
.mobile-inner img {}
.mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;}
.mobile-inner-header {background-color:rgb(255,255,255);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;}
.mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;}
.mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:rgb(199,34,27);}
.mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
.mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;}
@keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);}
100% {transform:translateY(0) rotate(45deg);}
}
@keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);}
100% {transform:translateY(0) rotate(-45deg);}
}
.mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
.mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
@keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);}
100% {transform:translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {0% {transform:translateY(0) rotate(45deg);}
100% {transform:translateY(4px) rotate(0deg);}
}
.mobile-inner-nav {overflow:auto;max-height:calc(100vh - 50px);}
.mobile-inner-nav {background-color:rgb(65 78 113 / 90%);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;}
.mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;}
.mobile-inner-nav dl {display:none;}
.mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;}
.mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;}
.mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;/* border-bottom:solid 1px rgba(255,255,255,0.3);*/    -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;}
.mobile-inner-nav h2.h2tit a {color:#FFFFFF;}
.mobile-inner-nav a {border-bottom:none;}
.mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;}
@-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}
0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);}
100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);}
}
@-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
to {opacity:1;-webkit-transform:none;transform:none;}
}
.mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;}
.mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;}
.mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;}
.mobile-inner-nav li:last-child {border-bottom:none;}
.mobile-inner-nav li form {display:block;width:100%;height:100%;}
@charset "utf-8";@charset "UTF-8";.animated {animation-duration:1s;animation-fill-mode:both;}
.animated.infinite {animation-iteration-count:infinite;}
.animated.hinge {animation-duration:2s;}
.fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;}
@keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);}
to {opacity:1;transform:none;}
}
* {font-family:PingFangSC-Regular,PingFang SC,"Microsoft YaHei","Arial";}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;}
html {font-size:62.5%;}
body {font-size:1.4rem;}
html,body {-moz-user-select:none;-khtml-user-select:none;user-select:none;}
body {font-family:"Microsoft YaHei" ! important;color:#fff;background:#14385f;margin:0 auto;padding:0px;}
body {-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"] {-webkit-appearance:none;}
input[type="button"],input[type="submit"],input[type="reset"] {cursor:pointer;}
input {-webkit-appearance:none;}
input {-webkit-appearance:none!important;border-radius:0;}
button {cursor:pointer;}
textarea {-webkit-appearance:none;}
a {text-decoration:none;color:#235aa7;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
img {border:0px;vertical-align:middle;}
li {list-style:none;}
* {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;}
.loadingfa {width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%;}
html {-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:none;}
html {-webkit-tap-highlight-color:transparent;}
body {-webkit-overflow-scrolling:touch;}
* {padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;}
@keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate {from {-ms-transform:rotate(0deg)}
to {-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate {from {-o-transform:rotate(0deg)}
to {-o-transform:rotate(360deg)}
}
.xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;}
.xuanzhuan img {display:block;width:100%;}
.pc {display:block;}
.wap {display:none;}
.clearflex:after {content:"";display:table;clear:both;}
.bg img {width:100%;}
.top {color:#fff;overflow:hidden;background:rgba(22,61,100,.54);position:fixed;white-space:nowrap;top:0;left:0;right:0;z-index:99;box-sizing:border-box;width:100%;}
.top .txt {white-space:nowrap;display:block;word-wrap:normal;width:-webkit-max-content;width:max-content;height:calc(19/360*100vw);line-height:calc(19/360*100vw);font-size:calc(10/360*100vw);-webkit-transform:translateX(calc(240/360*100vw));transform:translateX(calc(240/360*100vw));-webkit-animation:marquee2 18s infinite linear;animation:marquee2 18s infinite linear;color:#fff;}
.section1 {position:relative;overflow:hidden;}
.section1 .bg {}
.section1 .bg img {}
.section1 .position {position:absolute;width:100%;top:0;z-index:2;}
.section1 .position .circle {width:calc(297/360*100vw);height:calc(297/360*100vw);position:absolute;top:calc(134/360*100vw);left:calc(31/360*100vw);z-index:50;-webkit-animation:rotate 8s linear infinite;animation:rotate 8s linear infinite;}
.section1 .position .circle img {width:100%;}
.section1 .position .tags {}
.section1 .position .tags .icon1 {width:calc(34/360*100vw);height:calc(127/360*100vw);position:absolute;top:calc(187/360*100vw);left:calc(28/360*100vw);z-index:51;-webkit-animation:play2 7s linear infinite;animation:play2 7s linear infinite;}
.section1 .position .tags .icon2 {width:calc(34/360*100vw);height:calc(123/360*100vw);position:absolute;top:calc(148/360*100vw);left:calc(124/360*100vw);z-index:51;-webkit-animation:play1 7s linear infinite;animation:play1 7s linear infinite;}
.section1 .position .tags .icon3 {width:calc(34/360*100vw);height:calc(124/360*100vw);position:absolute;top:calc(182/360*100vw);left:calc(268/360*100vw);z-index:51;-webkit-animation:play1 7s linear infinite;animation:play1 7s linear infinite;}
.section2 {z-index:4;margin-top:calc(-134/360*100vw);position:relative;color:#26639d;font-size:calc(13/360*100vw);}
.section2 .bg {}
.section2 .bg img:nth-child(2) {height:calc(339/360*100vw);}
.section2 .block1 {position:absolute;width:100%;left:0;z-index:3;top:0;position:absolute;top:calc(105/360*100vw);left:0;z-index:59;display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(48/360*100vw);padding:0 calc(14/360*100vw);box-sizing:border-box;}
.section2 .block1 .left {}
.section2 .block1 .left .content {display:flex;align-items:center;}
.section2 .block1 .left .swiper-container,.section2 .block1 .left .swiper-wrapper,.section2 .block1 .left .swiper-slide {height:calc(38/360*100vw) !important;}
.section2 .block1 .left .content .imgbox {}
.section2 .block1 .left .content .imgbox img {width:calc(38/360*100vw);height:calc(38/360*100vw);border-radius:calc(19/360*100vw);}
.section2 .block1 .left .content .right {color:#81b3ff;padding-left:calc(8/360*100vw);}
.section2 .block1 .left .content .right .name {font-size:calc(11/360*100vw);margin-bottom:calc(4/360*100vw);color:#81b3ff;}
* {color:#26639d;font-size:calc(13/360*100vw);}
.section2 .block1 .left .content .right .dec {font-size:calc(11/360*100vw);color:#81b3ff;}
.section2 .block1 > .right * {color:#81b3ff;}
.section2 .block1 > .right {color:#81b3ff;font-size:calc(12/360*100vw);padding-left:calc(9/360*100vw);border-left:1px solid #81b3ff;}
.section2 .block2 {position:absolute;left:50%;margin-left:calc(-144/360*100vw);top:calc(208/360*100vw);width:calc(288/360*100vw);height:calc(33/360*100vw);z-index:59;}
.section2 .block2 .model {background:url(../images/input_new.png) no-repeat center center;background-size:100%;position:relative;margin-bottom:calc(11/360*100vw);}
.section2 .block2 .model .s1 {}
.section2 .block2 .model .s1 img {width:calc(31/360*100vw);position:absolute;top:calc(9/360*100vw);left:calc(24/360*100vw);}
.section2 .block2 .model .s2 {display:block;width:calc(278/360*100vw);height:calc(33/360*100vw);padding-left:calc(76/360*100vw);box-sizing:border-box;font-size:calc(13/360*100vw);background:none;border:none;color:#68808b;}
.section2 .block2 .model .s2 .words {width:100%;height:100%;border:none;background:none;color:rgb(129,179,255);}
.section2 .block2 .model .s2 .checkItem {display:flex;align-items:center;justify-content:center;height:calc(24/360*100vw);width:calc(70/360*100vw);box-sizing:border-box;color:#fff;text-align:center;line-height:calc(24/360*100vw);border-radius:calc(13/360*100vw);margin:calc(5/360*100vw) calc(9/360*100vw);background:#b2c6dc;float:left;}
.section2 .block2 .model .s2 .checkItem input[type="checkbox"] {}
.section2 .block2 .model .s2 .checkItem label {}
.section2 .block2 .model .s2 .checkItem label span {color:#fff;}
.section2 .block2 .model .s2 .checkItem label span b {color:#fff;vertical-align:middle;font-weight:normal;display:inline-block;}
.section2 .block2 .model .s2 .checkItem label span img {width:calc(14/360*100vw);margin-right:calc(7/360*100vw);color:#fff;vertical-align:middle;}
.section2 .block2 .txt {position:absolute;left:50%;margin-left:calc(-144/360*100vw);width:calc(288/360*100vw);z-index:59;background-image:url(../images/kunhuo_new.png);background-size:contain;background-repeat:no-repeat;height:calc(216/360*100vw);padding:calc(43/360*100vw) calc(9/360*100vw) calc(100/360*100vw) calc(9/360*100vw);border:none;color:#68808b;}
.section2 .block2 .txt textarea {width:100%;border:none;color:#26639d;font-size:calc(12/360*100vw);}
.section3 {}
.section3 .btn {display:block;border:none;background:none;text-align:center;width:100%;margin:calc(9/360*100vw) 0;}
.section3 .btn img {width:calc(323/360*100vw);height:calc(54/360*100vw);-webkit-animation:big 2s linear infinite;animation:big 2s linear infinite;}
.section3 .dec {margin:auto;width:calc(280/360*100vw);line-height:calc(19/360*100vw);font-size:calc(10/360*100vw);text-align:justify;color:#fff;margin-top:calc(14/360*100vw);}
.section3 .dec p {line-height:calc(19/360*100vw);font-size:calc(10/360*100vw);text-align:justify;color:#fff;}
.section3 .check {text-align:center;line-height:calc(19/360*100vw);font-size:calc(10/360*100vw);padding-top:calc(4/360*100vw);color:#fff;}
.section3 .check .checkbox {width:calc(12/360*100vw);height:calc(12/360*100vw);border:1px solid #fff;border-radius:300px;vertical-align:middle;}
.section3 .check a {font-size:inherit;color:inherit;text-decoration:underline;}
.section4 {padding-bottom:calc(90/360*100vw);}
.section4 .bg {}
.section4 .bg img {}
.bottoms .btn {border:none;background:none;width:calc(323/360*100vw);height:calc(54/360*100vw);-webkit-animation:big 2s linear infinite;animation:big 2s linear infinite;}
.bottoms {display:flex;align-items:center;justify-content:center;background-color:rgba(172,188,210,.6);width:100vw;height:calc(67/360*100vw);position:fixed;bottom:0;left:0;}
.bottoms img {width:100%;}
.sideMenu {position:fixed;right:0;top:10vh;background:rgba(0,0,0,.5);padding:calc(4/360*100vw);border-radius:calc(4/360*100vw) 0 0 calc(4/360*100vw);z-index:999;width:calc(27/360*100vw);text-align:center;}
.sideMenu a {}
.sideMenu a img {width:calc(19/360*100vw);display:block;margin:auto;}
.sideMenu a span {width:1em;display:block;color:#fff;text-align:center;font-size:calc(13/360*100vw);margin:auto;}
.sideMenu .line {width:calc(14/360*100vw);border-bottom:1px solid rgb(255,255,255);margin:calc(7/360*100vw) auto;}
@keyframes marquee2 {0% {-webkit-transform:translateX(calc(355/360*100vw));transform:translateX(calc(355/360*100vw));}
100% {-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@keyframes big {0% {-webkit-transform:scale(.9);transform:scale(.9);}
50% {-webkit-transform:scale(1);transform:scale(1);}
100% {-webkit-transform:scale(.9);transform:scale(.9);}
}
.section2 .block2 .model .s2 .checkItem.current {background:#ff9d33;}
.section2 .block2 .model .s2 .date_input {height:100%;}
@keyframes play2 {0% {opacity:1;}
20% {opacity:1;}
40% {opacity:0;}
70% {opacity:0;}
90% {opacity:1;}
100% {opacity:1;}
}
@keyframes play1 {0% {opacity:0;}
20% {opacity:0;}
40% {opacity:1;}
70% {opacity:1;}
90% {opacity:0;}
100% {opacity:0;}
}
.seccon1 {position:relative;}
.seccon1 .bg {}
.seccon1 .bg img {}
.seccon1 .content {position:absolute;top:calc(84/360*100vw);left:calc(62/360*100vw);color:#fff;width:69%;}
.seccon1 .content p {color:#fff;margin-bottom:calc(9/360*100vw);}
.seccon1 .content p a {color:#09c;}
.seccon2 {}
.seccon2 .swiper-container,.seccon2 .swiper-wrapper,.seccon2 .swiper-slide {height:calc(19/360*100vw) !important;}
.seccon2 .con {display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(19/360*100vw);padding:0 calc(14/360*100vw);box-sizing:border-box;top:calc(-9/360*100vw);}
.seccon2 .con .icon {}
.seccon2 .con .icon img {width:calc(19/360*100vw);height:calc(19/360*100vw);object-fit:cover;border-radius:30px;}
.seccon2 .con .txt {color:#81b3ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:calc(8/360*100vw);}
.seccon3 {width:calc(331/360*100vw);margin:0 auto;padding:calc(14/360*100vw);background:#d1eaff;border-radius:calc(9/360*100vw);box-sizing:border-box;margin-top:calc(8/360*100vw);}
.seccon3 .con1 {padding:calc(9/360*100vw) calc(7/360*100vw);box-sizing:border-box;background:#fff;border-radius:calc(9/360*100vw);border:calc(2/360*100vw) solid #ff002a;position:relative;}
.seccon3 .con1 .title {font-size:calc(14/360*100vw);line-height:150%;color:#ff002a;margin-bottom:calc(4/360*100vw);margin-top:calc(4/360*100vw);}
.seccon3 .con1 .dec {display:flex;justify-content:space-between;align-items:center;}
.seccon3 .con1 .dec p {font-size:calc(10/360*100vw);color:#ff002a;}
.seccon3 .con1 .dec b {font-size:calc(9/360*100vw);line-height:150%;color:#999;text-decoration:line-through;}
.seccon3 .con2 {font-size:calc(13/360*100vw);text-align:justify;margin-top:calc(8/360*100vw);}
.seccon3 .con2 b {color:red;}
.seccon3 .con3 {padding-top:4vw;}
.seccon3 .con3 img {width:100%;width:calc(221/360*100vw);display:block;margin:auto;}
.seccon4 {padding-top:9vw;padding-bottom:20vw;}
.page2 {background:url(../images/bg.png) no-repeat center 0;height:100vh;background-size:100%;}
.page2 .content1 {}
.page2 .content1 .title {padding-top:8vw;padding-bottom:6vw;}
.page2 .content1 .title img {width:100%;display:block;margin:auto;width:67%;}
.page2 .content2 {margin:0 calc(15/360*100vw);background:url(../images/box.png) no-repeat center center;background-size:100% 100%;height:calc(408/360*100vw);padding:5vw 0;position:relative;}
.page2 .content2 .title {color:#fff;font-size:calc(16/360*100vw);padding:0px 5vw;}
.page2 .content2 .loadings {border-radius:300px;background:#4a8cd3;height:calc(11/360*100vw);margin-top:6vw;position:relative;overflow:hidden;margin-left:5vw;margin-right:5vw;}
.page2 .content2 .loadings i {height:100%;display:block;width:2%;background:#ffbd02;border-radius:300px;}
.circles {width:calc(240/360*100vw);height:calc(240/360*100vw);margin:auto;position:absolute;margin-top:37vw;left:50%;margin-left:calc(-120/360*100vw);opacity:0;}
.circles .circle1 {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%;}
.circles .circle1 .dz {background:url(../images/waibg.png) no-repeat center center;height:100%;background-size:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;}
.circles > div > div > div {width:100%;height:100%;position:absolute;font-size:calc(14/360*100vw);box-sizing:border-box;padding-top:calc(11/360*100vw);line-height:calc(19/360*100vw);text-align:center;color:#ec0000;}
.circles .circle2 {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(174/360*100vw);height:calc(185/360*100vw);}
.circles .circle2 .tg {background:url(../images/zhongbg.png) no-repeat center center;background-size:100%;height:100%;}
.circles .circle2 .tg div {color:#ffe080;}
.circles .circle3 {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(121/360*100vw);height:calc(121/360*100vw);}
.circles .circle3 .nyr {height:100%;background:url(../images/waibg.png) no-repeat center center;background-size:100%;}
.circles .circle3 .nyr div {}
.circles .circle4 {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(58/360*100vw);height:calc(58/360*100vw);}
.circles .circle4 .imgbox {width:100%;}
.circles .circle4 .imgbox img {width:100%;}
.page2 .content2 .loadings i {animation:width 4s linear infinite;}
.chooseCon {animation:hideimg 1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-delay:4s;}
.circles,.datelist {animation:showimg2 1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;animation-delay:4s;}
@keyframes hideimg {0% {opacity:1;}
100% {opacity:0;}
}
@keyframes showimg2 {0% {opacity:0;}
100% {opacity:1;}
}
@keyframes width {0% {width:0;}
100% {width:100%;}
}
@keyframes dz {0% {-webkit-transform:rotate(1turn);transform:rotate(1turn);}
100% {-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes tg {0% {-webkit-transform:rotate(0);transform:rotate(0);}
100% {-webkit-transform:rotate(1turn);transform:rotate(1turn);}
}
@keyframes zhuan {0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100% {-webkit-transform:rotate(1turn);transform:rotate(1turn);}
}
.dz,.tg,.circle4 .imgbox {-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;}
.dz {-webkit-animation:rotate1 1.5s linear infinite;animation:dz 1.5s linear infinite;}
.tg {-webkit-animation:rotate1 1.5s linear infinite;animation:tg 1.5s linear infinite;}
.circle4 .imgbox {-webkit-animation:rotate1 1.5s linear infinite;animation:zhuan 1.5s linear infinite;}
.chooseCon {position:absolute;height:calc(294/360*100vw);margin-top:calc(15/360*100vw);margin-left:5vw;margin-right:5vw;width:calc(294/360*100vw);top:calc(74/360*100vw);}
.chooseCon .items {}
.chooseCon .items .item:nth-child(4n) {margin-right:0px;}
.chooseCon .items .item {float:left;width:calc((100% - calc(30/360*100vw))/4);margin-right:calc(10/360*100vw);height:calc(66/360*100vw);margin-bottom:calc(10/360*100vw);}
.chooseCon .items .con {border-radius:calc(5/360*100vw);background:rgb(147 198 244);border:calc(2/360*100vw) solid rgb(104 178 238);text-align:center;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;animation:showimg 1s linear;opacity:0;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.chooseCon .center p {animation:showimg 1s linear;opacity:0;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.chooseCon .item.m1 .con {animation-delay:0s;}
.chooseCon .center p:nth-child(1),.chooseCon .item.m2 .con {animation-delay:0.25s;}
.chooseCon .center p:nth-child(2),.chooseCon .item.m3 .con {animation-delay:0.5s;}
.chooseCon .center p:nth-child(3),.chooseCon .item.m4 .con {animation-delay:0.75s;}
.chooseCon .item.m5 .con {animation-delay:1s;}
.chooseCon .item.m6 .con {animation-delay:1.25s;}
.chooseCon .item.m7 .con {animation-delay:1.5s;}
.chooseCon .item.m8 .con {animation-delay:1.75s;}
.chooseCon .item.m9 .con {animation-delay:2s;}
.chooseCon .item.m10 .con {animation-delay:2.25s;}
.chooseCon .item.m11 .con {animation-delay:2.5s;}
.chooseCon .item.m12 .con {animation-delay:2.75s;}
@keyframes showimg {0% {opacity:0;}
100% {opacity:1;}
}
.chooseCon .items .icon {height:52px;position:relative;}
.chooseCon .items .icon img {height:calc(37/360*100vw);position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);mix-blend-mode:multiply;/* 根据需要选择合适的混合模式 */    filter:sepia(100%) saturate(300%) hue-rotate(200deg) brightness(90%);/* 修改图片颜色 */}
.chooseCon .items .title {background:linear-gradient(to bottom,rgb(150 201 250),rgb(90 153 214));}
.chooseCon .items .title {font-size:calc(9/360*100vw);padding:0;line-height:5vw;border-top:calc(2 / 360* 100vw) solid rgb(157 211 255);}
.chooseCon .center {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(142/360*100vw);height:calc(142/360*100vw);background:rgb(221 233 246);border-radius:calc(4/360*100vw);padding:3vw;line-height:1.5;}
.chooseCon .center p {padding-bottom:calc(10/360*100vw);}
.chooseCon .center p b {}
.datelist {margin-top:calc(15/360*100vw);/* display:flex;*/    opacity:0;position:absolute;left:0;top:calc(74/360*100vw);width:100%;z-index:5;}
.datelist:after {content:'';position:absolute;left:0px;top:0px;width:100%;background:rgb(90 144 195);height:calc(50/360*100vw);z-index:1;}
.datelist p {text-align:center;flex:1;float:left;width:25%;opacity:0;animation:showimg 1s linear;opacity:0;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;position:relative;z-index:4;}
.datelist p:nth-child(1) {animation-delay:5s;}
.datelist p:nth-child(2) {animation-delay:6s;}
.datelist p:nth-child(3) {animation-delay:7s;}
.datelist p:nth-child(4) {animation-delay:8s;}
.datelist p .s1 {display:block;line-height:calc(50/360*100vw);color:#ffbd02;font-size:calc(16/360*100vw);position:relative;z-index:3;}
.datelist p .s2 {color:#fff;font-size:calc(16/360*100vw);width:1em;display:block;margin:auto;line-height:1.6;padding-top:calc(15/360*100vw);padding-bottom:calc(7/360*100vw);position:relative;z-index:3;}
.datelist p.current {background:rgb(87 143 196);}
.chooseCon .items .item.show {display:block;}
#myAddrs {}

.bottomAlert {
    position: fixed;
    left: 0;
    top: calc(0/360*100vw); /* 0px */
    width: 100%; /* 100% */
    height: 100%; /* 100% */
    z-index: 9999;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}  
  
.bottomAlert .title {  
    font-size: calc(15/360*100vw); /* 15px */  
    font-weight: bold;  
    margin-bottom: calc(9/360*100vw); /* 9px */  
    color: #333;  
}  
  
.bottomAlert .content1 {
    border: calc(1/360*100vw) solid red; /* 1px */
    margin-bottom: calc(9/360*100vw); /* 9px */
    padding: calc(9/360*100vw); /* 9px */
     /* 100% */
}  
  
.bottomAlert .content1 .txt1 {  
    margin-bottom: calc(9/360*100vw); /* 9px */  
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
}  
  
.bottomAlert .content1 .txt1 .lf {  
    display: flex;  
    align-items: center;  
    font-size: calc(13/360*100vw); /* 13px */  
    color: #e4393c;  
}  
  
.bottomAlert .content1 .txt1 .lf .s1 {  
    color: #e4393c;  
}  
  
.bottomAlert .content1 .txt1 .lf .s2 {  
    font-weight: bold;  
    color: #e4393c;  
    margin-left: calc(13/360*100vw); /* 13px */  
}  
  
.bottomAlert .content1 .txt1 .ris {  
    text-decoration: line-through;  
    color: #999;  
    font-size: calc(13/360*100vw); /* 13px */  
}  
  
.bottomAlert .content1 .txt2 {  
    color: #333;  
}  
  
.bottomAlert .zf {  
    width: calc(240/360*100vw); /* 240px */  
    height: calc(33/360*100vw); /* 33px */  
    background: #26639d;  
    color: #fff;  
    border-radius: calc(9/360*100vw); /* 9px */  
    margin: calc(19/360*100vw) auto 0; /* 19px */  
    text-align: center;  
    line-height: calc(33/360*100vw); /* 33px */  
}  
  
.bottomAlert .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: calc(14/360*100vw); /* 14px */
    width: calc(331/360*100vw); /* 331px */
    box-sizing: border-box;
    position: absolute; /* This is redundant, as it's already set by the first position property */
}  
  
/* Note: The above centering calculation for .center is not accurate because it doesn't account  
   for the dynamic height of the element. A better approach would be to use Flexbox, Grid,  
   or JavaScript for centering. */  
  
.bottomAlert .close {  
    position: absolute;  
    right: calc(-15/360*100vw); /* -15px */  
    top: calc(-15/360*100vw); /* -15px */  
    background: url(../images/close.png) no-repeat center center #fff;  
    background-size: 100%;  
    width: calc(30/360*100vw); /* 30px */  
    height: calc(30/360*100vw); /* 30px */  
    border-radius: calc(300/360*100vw); /* 300px, but effectively makes it a circle */  
    /* Note: The border-radius being set to a large value to make it a circle is fine here,  
       as long as the element's width and height are equal. */  
}