html{font-size:10px;}
/*公共样式*/
.swiper-container {background:url(./../../act/group_order/bg.png) no-repeat center top; background-size: 100% 100%;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fr{float:right;}
.fl{float:left;}
.align-right{text-align: right}
.align-center{text-align: center}
.align-left{text-align: left}
.grid{display: -webkit-box; display: box;}
.grid.middle{-webkit-box-pack:center;-webkit-box-align:center; box-pack:center;box-align:center;}
.grid.vertical{-webkit-box-orient:vertical;box-orient:vertical;}
.col-0 {-webkit-box-flex:0;box-flex:0;}
.col-1 {-webkit-box-flex:1;box-flex:1;}
/*提示向上滑动*/
.u-arrow-bottom {position: absolute;bottom: 3rem;left: 50%;z-index: 150;width: 2.4rem;height: 1.4rem;margin-left: -0.7rem;}
.pre-wrap {width: 4.8rem;height: 2.8rem;position: relative;-webkit-animation:anim 1.5s infinite ease-in-out;-moz-animation:anim 1.5s infinite ease-in-out;animation:anim 1.5s infinite ease-in-out;}
.pre-box1, .pre-box2 {height: 3rem;width: 2.2rem;position: absolute;top: -1rem;overflow: hidden;}
.pre-box2 {left: 2rem;}
.pre1, .pre2 {background-color: #fff;width: 2.4rem;height: 1rem;border-radius: 0.4rem;position: absolute;box-shadow: 0.2rem -0.2rem 0.2rem #646464;top: 1rem;}
.pre1 {transform: rotate(130deg);-webkit-transform: rotate(130deg);left: 0.2rem;}
.pre2 {left: -0.9rem;-webkit-transform: rotate(50deg);transform: rotate(50deg);}
/*END*/
/*order1*/
.order1{padding-top:4rem;height:100%;}
.order1_box{position: relative;}
.order1_txt{position: absolute;top:0.1rem;left:0;width: 100%;text-align: center;color:#4688f6;font-size: 2.8rem}
.order1_txt>b{font-size: 3.2rem}
.advan{position:relative;color:#cfefff;font-size:2.6rem;width: 32rem;height:17.4rem;margin:0 auto;border:0.3rem solid #9addff;padding-top:3rem;}
.advan_tit{position:absolute;top:-2.5rem;left:0;width:100%;text-align:center;;font-size:3.6rem;letter-spacing:0.2rem;color:#fff;z-index: }
.advan_tit>p{display:inline-block;background-color:#4688f6;padding:0 4rem;}
.advan_list{line-height: 4rem;}
.btn_box{padding:0.9rem;background-color:rgba(255,239,102,0.4);width: 41.8rem;margin:4rem auto 0;border-radius: 1.5rem;cursor: pointer;}
.btn_box>.btn{font-size:3.6rem;color:#1259d0;background-color:#ffe400;width: 40rem;height:9rem;line-height: 9rem;border-radius: 1rem;text-align: center;}
/*order2*/
.order2{padding-top:4rem;height:100%;}
.f_tit{position:absolute;bottom:0;left:0;width:100%;text-align:center;color:#5dfaff;font-size:2.6rem;}
.intro{width: 100%;text-align: left;padding-left:4rem;font-size: 0;}
.intro_tit{display:inline-block;color:#4688f6;font-size:3.6rem;letter-spacing: 0.5rem;position:relative;height:5.4rem;line-height: 5.4rem;background-color:#5dfaff;padding:0 1rem 0 1.5rem;font-weight: 400;vertical-align: top}
.intro_tit>.arrow{position:absolute;top:0;right:-1.6rem;width:1.7rem;height:5.4rem;background:url(./../../act/group_order/arrow.png?t=1) no-repeat;background-size: 1.7rem 5.4rem;}
.intro_img{margin:2rem 0 1rem;}
.intro_list{font-size:2.6rem;color:#cfefff;letter-spacing: 0.2rem;}
.intro_list a{font-size:3.6rem;color:#5dfaff;text-decoration: underline;}
.intro_footer{color:#5dfaff;font-size:2.6rem;margin-top:0.8rem;}
.intro_footer b{display:inline-block;font-size:3.8rem;color:#fff79b;}
/*order3*/
.order3{width: 100%;padding:4rem 2rem 0;text-align: left;color:#5dfaff;height:100%;}
.table{width: 100%;border:0.1rem solid #fff;border-spacing: 0;border-collapse: collapse;background-color:transparent;margin-top:3.5rem;}
.table>tbody>tr>td,.table>thead>tr>th{padding: 2rem 1rem;vertical-align: middle;border: 1px solid #5dfaff;}
.table>thead>tr>th{font-size:3rem;letter-spacing:0.2rem;}
.table>tbody>tr>td{font-size:2.6rem;line-height: 3.8rem}
.table>tbody>tr>.table_ts{font-size:2rem;padding:2rem 1.5rem;line-height: 2.8rem}
.table_number{font-size:4rem;margin-bottom:1.5rem;}
.order3_list{font-size: 2.6rem;color:#5dfaff;padding-left:2.5rem;margin-top:3rem;}
.order3_list>li{margin-bottom:1.5rem;}
.order3_list .col-1{display: table-cell;vertical-align: bottom}
.order3_list .col-1:first-child{width:26rem;}
.order3_list .col-1 b{color:#fff79b;font-size:3.8rem;}
/*order4*/
.order4{text-align: left;padding-top:6.5rem;height:100%;}
.order4_item{display: table;margin:0 auto 6rem;}
.order4_item>.col-0{position:relative;display: table-cell;vertical-align: middle;text-align: left;}
.order_line{font-size:2.8rem;color:#5dfaff;font-weight: bold;text-align: center;}
.order_line>.cir_left,.order_line>.cir_right{position:relative;border-bottom:1px solid #a2e0ff;padding-bottom:1rem;text-align: center;}
.order_line>.cir_left:before,.order_line>.cir_right:before{content:"";position:absolute;left:-0.35rem;bottom:-0.35rem;width: 0.8rem;height:0.8rem;background-color:#a2e0ff;border-radius: 50%}
.order_line>.cir_right:before{left:auto;right:-0.35rem;}
.order4_bc{position: absolute;top:1.5rem;left:2rem;color:#5dfaff;font-size:2.6rem;font-weight: 400;}
/*order5*/
.order5{padding-top:6.5rem;height:100%;}
/*.order_claims{position:relative;padding:4rem 0 10.5rem 8rem;}*/
.order_claims{position:relative;padding:4rem 0 10.5rem 0;display: inline-block;}
.order_claims>.grid{margin-left:3.6rem;}
.claims_item{display: table-cell;vertical-align: middle;text-align: center;}
.claims_txt{padding-top:2.6rem;margin-left:2.2rem;letter-spacing: 0.1rem;text-align: left;}
.claims_txt h2{font-size:2.8rem;color:#5dfaff;white-space: nowrap;}
.claims_txt p{font-size:2.6rem;color:#5dfaff;}
.claims_line{position:absolute;left:0;top:13.3rem;}
.claims_ft{}
.claims_ft .order4_item{position: relative;width: 43.1rem;margin-bottom:0;}
.claims_ft .order_line{position:absolute;top:4rem;left:12.2rem;}
.claims_ft .cir_right{font-size:2.6rem;color:#5dfaff;padding-bottom:1.5rem;font-weight: 400;letter-spacing: 0.1rem;text-align: left;padding-left:2.5rem;}
.claims_ft .cir_right b{color:#5dfaff;font-size: 2.8rem}
/*order6*/
.order6{text-align: left;height:100%;}
.order7{height:100%;}
.order7 .intro{padding-top:5rem;}
.order7 .intro_tit{margin-bottom:2rem;}
.logo{position: absolute;left:0;bottom:4rem;width: 100%;text-align: center;}
/*自定义动画配置*/
.ani{visibility: hidden;}
.spin{-webkit-animation: spin 8s linear infinite;animation: spin 8s linear infinite;}
@-webkit-keyframes anim {
0%{opacity:0;-webkit-transform:translate(0,20px);}
30%{opacity:0;-webkit-transform:translate(0,20px);}
60%{opacity:1;-webkit-transform:translate(0,0);}
100%{opacity:0;-webkit-transform:translate(0,-16px);}
}
@keyframes anim {
0%{opacity:0;transform:translate(0,20px);}
30%{opacity:0;transform:translate(0,20px);}
60%{opacity:1;transform:translate(0,0);}
100%{opacity:0;transform:translate(0,-16px);}
}
@-webkit-keyframes spin{
0%{-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);}
}
@keyframes spin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
@-webkit-keyframes tada2 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
5%, 10% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
15%, 25%, 35%, 45%{
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
20%, 30%, 40% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
50%,100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada2 {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
5%, 10% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
15%, 25%, 35%, 45% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
20%, 30%, 40% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
50%,100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada2 {
-webkit-animation-name: tada2;
animation-name: tada2;
}
@media only screen and (max-device-height:480px) and (max-device-width:320px){ /*如果是苹果4*/
html {
font-size: 8.5px;
}
}