/*#region 初始化*/
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; }
img { border: none; vertical-align: middle; }
li { list-style: none; }
a { text-decoration: none; }
.clearfix { zoom: 1; }
    .clearfix:after { content: "."; clear: both; line-height: 0; display: block; height: 0; overflow: hidden; }
.f_r { float: right; }
.f_l { float: left; }
html { width: 100%; height: 100%; position: relative; overflow-x: hidden; }
body { width: 100%; font: 24px/1.5 "Microsoft Yahei","微软雅黑"; height: 100%; position: relative; overflow-x: hidden; }
table { border-collapse: collapse; border-spacing: 0; }
.white { color: #fff; }
.black { color: #000; }
.red { color: Red; }
.bold { font-weight: bold; }
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }
.ab { position: absolute; }
.re { position: relative; }
.hide { display: none; }
.thide { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="tel"], input[type="text"], input[type="password"], button { -webkit-appearance: none; border-radius: 0; }
select { -webkit-appearance: none; }
audio { position: absolute; top: -5000px; left: -5000px; width: 1px; height: 1px; }
#__bs_notify__ { display: none!important; }

@-webkit-keyframes rotateMove {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

@-webkit-keyframes rotateFanMove {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(-360deg); }
}

@-webkit-keyframes shakeMove {
    0% { -webkit-transform: scale3d(1,1,1); }
    5%,10% { -webkit-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); }
    20%,30%,40% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); }
    50%,100% { -webkit-transform: scale3d(1,1,1); }
}

/*只计算宽*/
.lock_shu { position: fixed; width: 100%; height: 100%; overflow: hidden; left: 0; top: 0; background-color: #000; color: #fff; z-index: 9999; display: none; }
    .lock_shu .lock_content { position: absolute; left: 50%; top: 50%; width: 100%; text-align: center; font-size: 0.5rem; -webkit-transform: translate(-50%,-50%); }
        .lock_shu .lock_content i { position: relative; display: block; width: 1.85rem; height: 2.75rem; margin: 0 auto; -webkit-transform: rotate(-90deg); -webkit-animation: hengphone 3000ms ease infinite; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJMAAADbCAYAAABp7qMUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzgyRkNDMkQyMjUwMTFFNjlFRDdGQjYyNTQyQTI0MTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzgyRkNDMkMyMjUwMTFFNjlFRDdGQjYyNTQyQTI0MTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjYxREFBMzAxOTYxMUU0QTA3OUM5ODdENUUwNTcyNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjYxREFBNDAxOTYxMUU0QTA3OUM5ODdENUUwNTcyNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiC6ouQAAAr9SURBVHja7J0NaFXn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) 0 0 no-repeat; background-size: 100% 100%; }

@-webkit-keyframes hengphone {
    0% { -webkit-transform: rotate(-90deg); opacity: 0; }
    15% { -webkit-transform: rotate(-90deg); opacity: 1; }
    50% { -webkit-transform: rotate(0deg); opacity: 1; }
    85% { -webkit-transform: rotate(0deg); opacity: 1; }
    100% { -webkit-transform: rotate(0deg); opacity: 0; }
}

.p100 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.w100 { width: 100%; }
.mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 50; }
.pcenter { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); width: 100%; }
.oh { overflow: hidden; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { opacity: 0; pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }
    .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

/*#endregion*/
.main { overflow-y: auto; }
.pager { position: absolute; left: 0; width: 100%; bottom: 0.3rem; text-align: center; font-size: 0; opacity: 0; }
    .pager.show { opacity: 1; }
    .pager span { display: inline-block; width: 0.3rem; height: 0.3rem; background-color: #fff; border-radius: 50%; margin: 0 0.1rem; }
        .pager span.swiper-pagination-bullet-active { background-color: #01D8FF; }
.c1 { position: relative; height: 100%; /*background: url(../images/bg1.jpg); background-size: 100% 100%;*/ }
    .c1 .logo1 { position: absolute; width: 2.925rem; top: 1rem; left: 1rem; }
    .c1 .logo2 { position: absolute; width: 7.6rem; top: 1rem; right: 1rem; -webkit-transform: translateY(20%); }
    .c1 .c1_i1 { position: absolute; top: 28%; width: 94%; height: 15.36203522504892%; left: 3%; background: url(../images/c1_i1.png) no-repeat center center; background-size: contain; }
    .c1 .c1_i3 { position: absolute; top: 54.69667318982387%; width: 101.6%; height: 15.36203522504892%; left: -0.8%; background: url(../images/c1_i3.png) no-repeat center center; background-size: contain; }
    .c1 .arr_ct { position: absolute; width: 1.8rem; height: 2.425rem; bottom: 0.7rem; left: 50%; margin-left: -0.9rem; }
        .c1 .arr_ct .arr_t { position: absolute; bottom: 100%; left: -50%; width: 200%; font-size: 0.75rem; color: #fff; opacity: 0.7; text-align: center; margin-bottom: 0.5rem; }
        .c1 .arr_ct .icon_down3 { -webkit-animation: icon_downMove 1s 0s infinite linear; }
        .c1 .arr_ct .icon_down2 { -webkit-animation: icon_downMove 1s -0.33333s infinite linear; }
        .c1 .arr_ct .icon_down1 { -webkit-animation: icon_downMove 1s -0.6666s infinite linear; }

@-webkit-keyframes icon_downMove {
    0%,33%,100% { opacity: 0.3; }
    16% { opacity: 1; }
}

.c2 { padding-top: 1px; margin-top: -1px; position: relative; height: 23.375rem; /*background: url(../images/bg2.jpg); background-size: 100% 100%;*/ z-index: 1; }
    .c2 .c2_i1 { position: relative; display: block; width: 100%; margin: 1.775rem auto 0; }
    .c2 .c2_left { position: absolute; width: 1rem; top: 10.4rem; left: 1.2rem; }
    .c2 .c2_right { position: absolute; width: 1rem; top: 10.4rem; right: 1.2rem; }
    .c2 .c2_i2 { position: absolute; width: 1.675rem; top: 10.25rem; left: 8.825rem; -webkit-animation: moveTips 2s infinite ease-in-out alternate; animation: moveTips 2s infinite ease-in-out alternate; pointer-events: nonepointer-events:none; }
    .c2 .c2_i3 { position: absolute; width: 1.925rem; height: 1.95rem; top: 17rem; left: 2.7rem; }
        .c2 .c2_i3 .c2_i3_1 { position: absolute; width: 2.775rem; top: 0.25rem; left: -0.4rem; -webkit-animation: c2_i3_1Move 0.5s 0s infinite ease-in-out alternate; }
    .c2 .c2_i4 { position: absolute; width: 2.1rem; height: 2.1rem; top: 14.7rem; left: 7rem; background: url(../images/c2_i4.png); background-size: 100% 100%; }
    .c2 .c2_i5 { position: absolute; width: 2.025rem; height: 2.025rem; top: 15.8rem; left: 12.1rem; }
        .c2 .c2_i5 .c2_i5_1 { position: absolute; width: 2.65rem; top: -0.5rem; left: -0.2rem; -webkit-animation: rotateMove 3s 0s infinite linear; -webkit-transform-origin: 44% 50%; }
    .c2 .detail_t { position: absolute; top: 100%; font-size: 0.7rem; font-weight: bold; color: #fff; left: 50%; white-space: nowrap; -webkit-transform: translateX(-50%); margin-top: 0.3rem; }
    .c2 .view_car360 { position: absolute; width: 100%; left: 0; top: 7.3rem; text-align: center; }
        .c2 .view_car360 img { width: 17.125rem; }
    .c2 .loading { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; border-radius: 50%; width: 40px; height: 40px; border: 3px solid #003B84; overflow: hidden; border-left-color: transparent; -webkit-animation: rotateMove 4s infinite linear; animation: rotateMove 4s infinite linear; z-index: 10; }
    .c2 .tips_text { position: absolute; width: 100%; text-align: center; font-size: 0.6rem; color: #ccd8ee; top: 6.85rem; }
    .c2 .ct2 { position: absolute; width: 100%; left: 0; top: 13.45rem; height: 12rem; color: #fff; text-align: center; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.5s 0s; }
        .c2 .ct2.show { opacity: 1; pointer-events: all; }
        .c2 .ct2 .pic { position: relative; width: 6.475rem; margin: 0 auto; }
        .c2 .ct2 .title { margin-top: 0.375rem; font-size: 0.75rem; }
        .c2 .ct2 .desc { line-height: 0.7rem; font-size: 0.6rem; margin: 0.2rem auto 0; width: 15rem; text-align: justify; text-justify: inter-ideograph; }
        .c2 .ct2 .close { position: absolute; top: 0.2rem; right: 0rem; border-radius: 50%; width: 1.425rem; height: 1.425rem; background: url(../images/close.png) #00a0e9 no-repeat center center; background-size: 0.55rem auto; }
        .c2 .ct2 .c2_left2 { position: absolute; top: 2.3rem; left: 4rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_left.png) no-repeat; background-size: 100% 100%; }
        .c2 .ct2 .c2_right2 { position: absolute; top: 2.3rem; right: 4rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_right.png) no-repeat; background-size: 100% 100%; }

@-webkit-keyframes c2_i3_1Move {
    0% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1.1); }
}


.c3 { overflow: hidden; margin-top: -1px; position: relative; height: 21.175rem; /*background: url(../images/bg3.jpg); background-size: 100% 100%;*/ }
    .c3 .c3_i1 { position: relative; display: block; width: 100%; margin: 1.125rem auto 0; }
    .c3 .c3_i3 { position: absolute; width: 16.7rem; height: 12.6rem; top: 5.9rem; left: 1.7rem; }
        .c3 .c3_i3 .point { position: absolute; width: 1.725rem; height: 1.725rem; }
            .c3 .c3_i3 .point .detail_t { position: absolute; top: 90%; left: 50%; font-size: 0.7rem; font-weight: bold; color: #fff; white-space: nowrap; -webkit-transform: translateX(-50%); }
                .c3 .c3_i3 .point .detail_t.detail_t2 { top: auto; bottom: 90%; }
            .c3 .c3_i3 .point .p100 { -webkit-animation: rotateMove 3s 0s infinite linear; }
        .c3 .c3_i3 .point1 { top: -0.1rem; left: 6.4rem; }
        .c3 .c3_i3 .point2 { top: 4.3rem; left: 1.3rem; }
        .c3 .c3_i3 .point3 { top: 10.6rem; left: 4.3rem; }
        .c3 .c3_i3 .point4 { top: 10.6rem; left: 11.8rem; }
        .c3 .c3_i3 .point5 { top: 4.2rem; left: 12.7rem; }
    .c3 .upgrade_dialog { display: none; position: absolute; width: 19rem; height: 17rem; top: 4.125rem; left: -0.375rem; background: url(../images/dialog_bg1.png) no-repeat; background-size: 100% 100%; color: #fff; text-align: center; }
        .c3 .upgrade_dialog .item { display: none; position: absolute; }
        .c3 .upgrade_dialog .title { font-size: 0.75rem; margin: 1.9rem 0 0 2.55rem; width: 14.85rem; }
        .c3 .upgrade_dialog .desc { color: #68defc; height: 6.5rem; font-size: 0.6rem; line-height: 1.3; margin: 0 0 0 3.05rem; width: 13.65rem; text-shadow: 0 0 0.5rem #68defc; text-align: justify; text-justify: inter-ideograph; }
        .c3 .upgrade_dialog .pic { margin: 0 0 0 2.55rem; width: 14.025rem; }
        .c3 .upgrade_dialog .close { position: absolute; top: 0.925rem; right: 0.925rem; border-radius: 50%; width: 1.625rem; height: 1.625rem; background: #00a0e9; }
            .c3 .upgrade_dialog .close:after { position: absolute; content: ""; left: 50%; top: 50%; width: 0.55rem; height: 0.55rem; margin: -0.275rem 0 0 -0.275rem; background: url(../images/close.png) no-repeat; background-size: 100% 100%; }
        .c3 .upgrade_dialog .pager { bottom: 1.8rem; opacity: 1; }
        .c3 .upgrade_dialog .btn_left { position: absolute; left: 0.425rem; top: 6.675rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_left.png) no-repeat; background-size: 100% 100%; }
        .c3 .upgrade_dialog .btn_right { position: absolute; right: 0.025rem; top: 6.675rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_right.png) no-repeat; background-size: 100% 100%; }

.detail_ct { position: relative; text-align: center; font-size: 0; }
    .detail_ct .t1 { display: inline-block; position: relative; }
        .detail_ct .t1 .sp1 { font-size: 1rem; color: #fff; font-weight: bold; vertical-align: middle; margin-right: 0.5rem; }
        .detail_ct .t1 .sp2 { font-size: 0.7rem; color: #fff; vertical-align: middle; }
            .detail_ct .t1 .sp2.sp2_2 { font-size: 0.55rem; font-size: 0.7rem; }
    .detail_ct .t2 { position: absolute; top: 100%; left: 0%; width: 100%; font-size: 0.55rem; color: #9fc7ff; text-align: center; overflow: hidden; }
        .detail_ct .t2 .sp3 { position: relative; display: inline-block; opacity: 0.6; }
            .detail_ct .t2 .sp3:before { content: ""; position: absolute; top: 50%; height: 0; width: 200%; right: 100%; border-bottom: 1px solid #9fc7ff; margin-right: 0.5rem; opacity: 0.4; }
            .detail_ct .t2 .sp3:after { content: ""; position: absolute; top: 50%; height: 0; width: 200%; left: 100%; border-bottom: 1px solid #9fc7ff; margin-left: 0.5rem; opacity: 0.4; }
    .detail_ct .btn_yuyue { position: absolute; top: 190%; left: 50%; margin-left: -2.625rem; width: 5.25rem; height: 1.35rem; line-height: 1.35rem; text-align: center; font-size: 0.6rem; color: #fff; background-color: #0093FF; border-radius: 0.3rem; }

.c4 { overflow: hidden; margin-top: -1px; position: relative; height: 25.35rem; /*background: url(../images/bg4.jpg); background-size: 100% 100%;*/ }
    .c4 .detail_ct { margin-top: 5rem; }
    .c4 .detail_main { position: absolute; top: 10.2rem; left: 0.175rem; width: 18.275rem; height: 9.475rem; }
    .c4 .c4_i1 { position: absolute; width: 10.15rem; left: 4.425rem; top: 19.95rem; }
    .c4 .detail_tip { position: absolute; width: 17.25rem; text-align: center; font-size: 0.6rem; color: #b5f0ff; top: 21.4rem; left: 0.8rem; line-height: 1.2; }

.c5 { overflow: hidden; margin-top: -1px; position: relative; height: 19.575rem; /*background: url(../images/bg5.jpg); background-size: 100% 100%;*/ }
    .c5 .detail_ct { margin-top: 0rem; }
    .c5 .detail_main { position: absolute; top: 5.725rem; left: 0.275rem; width: 18.225rem; height: 9.45rem; }
    .c5 .c5_i1 { position: absolute; width: 10.325rem; left: 4.525rem; top: 15.55rem; }
    .c5 .detail_tip { position: absolute; width: 17.25rem; text-align: center; font-size: 0.6rem; color: #b5f0ff; top: 17rem; left: 0.8rem; line-height: 1.2; }

.c6 { overflow: hidden; margin-top: -1px; position: relative; height: 20.65rem; /*background: url(../images/bg6.jpg); background-size: 100% 100%;*/ }
    .c6 .detail_ct { margin-top: 1rem; }
    .c6 .detail_main { position: absolute; top: 6.3rem; left: 0.25rem; width: 18.175rem; height: 9.5rem; }
    .c6 .c6_i1 { position: absolute; width: 8.375rem; left: 5.325rem; top: 16.15rem; }
    .c6 .detail_tip { position: absolute; width: 17.25rem; text-align: center; font-size: 0.6rem; color: #b5f0ff; top: 17.5rem; left: 0.8rem; line-height: 1.2; }

.c7 { overflow: hidden; margin-top: -1px; position: relative; height: 20.35rem; /*background: url(../images/bg7.jpg); background-size: 100% 100%;*/ }
    .c7 .detail_ct { margin-top: 1.2rem; }
    .c7 .detail_main { position: absolute; top: 6.65rem; left: 0.25rem; width: 18.275rem; height: 9.45rem; }
    .c7 .c7_i1 { position: absolute; width: 6.375rem; left: 6.3rem; top: 16.45rem; }
    .c7 .detail_tip { position: absolute; width: 17.25rem; text-align: center; font-size: 0.6rem; color: #b5f0ff; top: 17.8rem; left: 0.8rem; line-height: 1.2; }

.c8 { overflow: hidden; margin-top: -1px; position: relative; height: 22.8rem; /*background: url(../images/bg8.jpg); background-size: 100% 100%;*/ }
    .c8 .year .item { position: absolute; font-size: 0.55rem; height: 1.5rem; line-height: 1.5rem; color: #00c0ff; text-shadow: 0 0 0.05rem #13e6fb; width: 3.7rem; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-align: center; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
    .c8 .year .item_2005 { left: 2.25rem; top: 6.45rem; opacity: 0.3; }
    .c8 .year .item_2008 { left: 5.15rem; top: 5.75rem; opacity: 0.5; }
    .c8 .year .item_2010 { left: 7.05rem; top: 6.85rem; font-size: 0.6rem; opacity: 0.2; }
    .c8 .year .item_2011 { left: 9.45rem; top: 5.75rem; font-size: 0.75rem; opacity: 0.3; }
    .c8 .year .item_2012 { left: 11.25rem; top: 6.95rem; font-size: 0.6rem; opacity: 0.2; }
    .c8 .year .item_2013 { left: 12.75rem; top: 5.55rem; font-size: 0.75rem; opacity: 0.4; }
    .c8 .year .item_2017 { left: 14.35rem; top: 6.95rem; font-size: 0.75rem; opacity: 0.5; }
    .c8 .year .active { font-size: 1.5rem; opacity: 1; text-shadow: 0 0 2rem #00c0ff,0 0 2rem #00c0ff; }
    .c8 .swiper-container-wrap { position: absolute; width: 100%; top: 11.375rem; }
    .c8 .swiper-container-wrapper { position: absolute; width: 13.925rem; height: 5.65rem;top:-1rem; margin-left: 2.4rem; background: url(../images/history_bg.png) no-repeat; background-size: 100% 100%; }
    .c8 .swiper-container { height: 100%; margin: 0 0.25rem 0 0.225rem; }
        .c8 .swiper-container .swiper-slide { display: -webkit-box; -webkit-box-align: center; }
            .c8 .swiper-container .swiper-slide .text { color: #fff; -webkit-box-flex: 1; text-align: center; font-size: 0.6rem; }
            .c8 .swiper-container .swiper-slide .pic { margin-right: 0.65rem; }
                .c8 .swiper-container .swiper-slide .pic img { width: 6.35rem; }
    .c8 .swiper-container-wrap .circle { position: absolute; left: 2.35rem; z-index: 1; top: -0.9rem; width: 2.3rem; height: 2.3rem; background: url(../images/c8_i2.png) no-repeat; background-size: 100% 100%; -webkit-animation: rotateMove 20s infinite linear; -o-animation: rotateMove 20s infinite linear; animation: rotateMove 20s infinite linear; }
    .c8 .swiper-container-wrap .swiper-button-next { position: absolute; right: 0.425rem; top: .675rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_right.png) no-repeat; background-size: 100% 100%; }
    .c8 .swiper-container-wrap .swiper-button-prev { position: absolute; left: 0.425rem; top: .675rem; width: 1.425rem; height: 2.225rem; background: url(../images/c8_left.png) no-repeat; background-size: 100% 100%; }
    .c8 .swiper-container-wrap .swipe-tips-arrow { position: absolute; top: 7.25rem; left: 50%; margin-left: -3.275rem; width: 6.55rem; height: 1.125rem; background: url(../images/c8_i4.png) no-repeat; background-size: 100% auto; }
    .c8 .swiper-container-wrap .swipe-tips-hand { position: absolute; top: 7.2rem; left: 50%; margin-left: -1.8375rem; width: 2.475rem; height: 3.4rem; background: url(../images/c8_i3.png) no-repeat; background-size: 100% auto; -webkit-animation: moveTips 2s infinite ease-in-out alternate; animation: moveTips 2s infinite ease-in-out alternate; pointer-events: none; }
    .c8 .swiper-container-wrap .swipe-tips-text { color: #fff; font-size: 0.45rem; position: absolute; top: 11.1rem; width: 100%; text-align: center; }

.c9 { overflow: hidden; margin-top: -1px; position: relative; height: 23.175rem; /*background: url(../images/bg9.jpg); background-size: 100% 100%;*/ }
    .c9 .input_ct { position: relative; width: 13.25rem; margin: 8.95rem auto 0; }
        .c9 .input_ct .input_list { position: relative; width: 100%; height: 2.05rem; margin: 0 auto 0.3rem; background-color: #fff; font-size: 0.6rem; color: #002b3d; line-height: 2.05rem; text-align: center; }
            .c9 .input_ct .input_list input { border: 0; text-align: center; font-size: 0.6rem; color: #002b3d; line-height: 2.05rem; text-align: center; }
        .c9 .input_ct .btn_save { display: block; width: 100%; height: 2.3rem; line-height: 2.3rem; text-align: center; font-size: 0.75rem; color: #fff; font-weight: bold; background-color: #0093FF; }
        .c9 .input_ct .input_list1 { cursor: pointer; background: url(../images/icon_down.png) #fff no-repeat 10.85rem center; background-size: 0.85rem auto; z-index: 1; }
            .c9 .input_ct .input_list1 .sel_down { position: absolute; top: 100%; left: 0; width: 100%; border-top: 1px solid #ccc; display: none; }
                .c9 .input_ct .input_list1 .sel_down .sel { line-height: 1.6rem; background-color: #fff; border-bottom: 1px solid #ccc; }
    .c9 .copyright { position: absolute; left: 0; width: 100%; text-align: center; font-size: 0.6rem; color: #a7c3ff; opacity: 0.6; top: 18.4rem; }
.bf { position: fixed; bottom: 0; right: 0; z-index: 99; width: 7.575rem; height: 1.775rem; line-height: 1.775rem; background: url(../images/bf_i2.png); background-size: 100% 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.725rem; color: #fff; font-size: 0.75rem; font-weight: bold; }
    .bf .bf_i1 { width: 1.175rem; margin-right: 0.3rem; }

@-webkit-keyframes moveTips {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
}

@keyframes moveTips {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); }
}