@font-face {  font-family: "YouSheBiaoTiHei";  src: url("../font/youshebiaotihei.ttf") format('truetype');  }  ul, li {list-style: none;}  body {padding-top: 0;background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #a4e0ff), to(#fff));background: -webkit-linear-gradient(top, #fff 0%, #a4e0ff 50%, #fff 100%);background: linear-gradient(180deg, #fff 0%, #a4e0ff 50%, #fff 100%);color: #1A508D;}  body.active {overflow: hidden;}  .img--wrapper img {max-width: 100%;}  /*reset*/  main {min-height: 400vh;margin: 0 auto;position: relative;}  main.active {background: url("../wap/images/bg.png") repeat-y center;background-size: contain;-webkit-animation: ecg infinite 30s linear;animation: ecg infinite 30s linear;}  .wrapped {max-width: 1200px;margin: 0 auto;}  .banner {min-height: 246px;}  .banner > .img--wrapper {margin: 0 auto;position: relative;text-align: center;}  .banner > .img--wrapper > img {pointer-events: none;}  .banner img {max-width: 100%;max-height: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}  .list_title {margin: 80px auto 60px;text-align: center;}  section:nth-child(2) .list_title {margin-top: 60px;}  .list_title img {max-height: 48px;}  .rule-container {width: 1023px;height: 490px;margin: 0 auto;padding: 50px;background: url("../images/content-bg-1.png") no-repeat center top;background-size: contain;position: relative;}  .rule-container p {font-size: 30px;font-family: YouSheBiaoTiHei, serif;font-weight: normal;color: #1A508D;line-height: 1.1;}  .map {max-width: 1022px;margin: 0 auto;}  .map .img--wrapper, .map .img--wrapper img {max-width: 100%;overflow: hidden;}  .model_list ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}  .model_list li {width: 578px;height: 275px;background: url("../images/content-bg-2.png") no-repeat center;background-size: contain;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}  .model_list li:not(:last-child) {margin-bottom: 20px;}  .container-wrapper:not(:last-child) {margin-bottom: 7px;}  .model_list li .li_container .list-index {opacity: 0;position: absolute;top: 7px;left: 60px;z-index: 0;}  .model_list li .li_container.active .list-index {opacity: 1;font-size: 136px;font-family: YouSheBiaoTiHei, serif;color: #2C619D;line-height: 1;background: -webkit-gradient(linear, left bottom, left top, from(#335F90), color-stop(0%, #335F90), color-stop(100%, #FFFFFF), to(#FFFFFF));background: -webkit-linear-gradient(bottom, #335F90 0%, #335F90 0%, #FFFFFF 100%, #FFFFFF 100%);background: linear-gradient(360deg, #335F90 0%, #335F90 0%, #FFFFFF 100%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}  .model_list li:first-child .li_container.active .list-index {background: -webkit-gradient(linear, left top, left bottom, from(#F8E7A3), color-stop(0%, #F8E7A3), color-stop(100%, #FFFFFF), to(#FFFFFF));background: -webkit-linear-gradient(top, #F8E7A3 0%, #F8E7A3 0%, #FFFFFF 100%, #FFFFFF 100%);background: linear-gradient(180deg, #F8E7A3 0%, #F8E7A3 0%, #FFFFFF 100%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}  .model_list li:nth-child(2) .li_container.active .list-index {background: -webkit-gradient(linear, left bottom, left top, from(#B6C6D3), color-stop(0%, #B6C6D3), color-stop(100%, #FFFFFF), to(#FFFFFF));background: -webkit-linear-gradient(bottom, #B6C6D3 0%, #B6C6D3 0%, #FFFFFF 100%, #FFFFFF 100%);background: linear-gradient(360deg, #B6C6D3 0%, #B6C6D3 0%, #FFFFFF 100%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}  .model_list li:nth-child(3) .li_container.active .list-index {background: -webkit-gradient(linear, left bottom, left top, from(#DCB794), color-stop(0%, #DCB794), color-stop(100%, #FFFFFF), to(#FFFFFF));background: -webkit-linear-gradient(bottom, #DCB794 0%, #DCB794 0%, #FFFFFF 100%, #FFFFFF 100%);background: linear-gradient(360deg, #DCB794 0%, #DCB794 0%, #FFFFFF 100%, #FFFFFF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}  .model_list li .container-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;position: relative;z-index: 1;font-family: YouSheBiaoTiHei, serif;}  .model_list li .container-wrapper > * {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;}  .model_list li .container-wrapper > .img--wrapper {width: 220px;height: 109px;overflow: hidden;position: relative;margin-right: 60px;}  .model_list li .container-wrapper > .img--wrapper img {max-width: 110%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}  .model_list li .container-wrapper .info-wrapper {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}  .model_list li .container-wrapper .li-info {}  .model_list li .container-wrapper .li-info .info-name {font-size: 36px;font-family: YouSheBiaoTiHei, serif;line-height: 1;color: #2C619D;max-width: 6em;overflow: hidden; /* text-overflow: ellipsis; */white-space: nowrap;margin-bottom: 7px;}  .model_list li .container-wrapper .li-info .info-name.sm {max-width: 100%;font-size: 30px;}  .model_list li .container-wrapper .li-info .info-type {font-size: 17px;font-family: YouSheBiaoTiHei, serif;font-weight: normal;color: #6886A7;max-width: 15em;line-height: 1.1;margin-bottom: 5px;}  .model_list li .container-wrapper .li-data {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}  .model_list li .container-wrapper .li-data .data-num {font-size: 36px;font-family: YouSheBiaoTiHei;color: #2C619D;line-height: 24px;background: -webkit-gradient(linear, left bottom, left top, from(#3B6FAB), color-stop(0%, #3B6FAB), color-stop(100%, #4586BC), to(#4586BC));background: -webkit-linear-gradient(bottom, #3B6FAB 0%, #3B6FAB 0%, #4586BC 100%, #4586BC 100%);background: linear-gradient(360deg, #3B6FAB 0%, #3B6FAB 0%, #4586BC 100%, #4586BC 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}  .model_list li .container-wrapper .li-data .data-num span {font-size: 15px;}  .model_list li .container-wrapper .li-data .data-type {font-size: 26px;color: #2C619D;line-height: 1;margin-bottom: 10px;}  .model_list li .container-wrapper .li-data .data-null {width: 128px;height: 75px;}  .model_list li .container-wrapper.info-data {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}  .model_list li .container-wrapper p {font-size: 20px;font-family: YouSheBiaoTiHei, serif;font-weight: normal;color: #2C619D;margin-right: 20px;}  .percent-null .img--wrapper {width: 53px;height: 25px;}  .percent-null img {max-width: 100%;vertical-align: top;}  .model_list .percent-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}  .video {display: none;}  .video.active {display: block;}  .video .video-tab ul {width: 70%;margin: 0 auto 40px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}  .video .video-tab ul li {width: 212px;height: 88px;font-size: 46px;line-height: 88px;font-family: YouSheBiaoTiHei, serif;font-weight: normal;color: #3B70AC;background: url("../images/tab-bg.png") no-repeat center;background-size: contain;text-align: center;}  .video .video-tab ul li.active {background: url("../images/tab-bg-active.png") no-repeat center;background-size: contain;color: #fff;}  .video .video-container {padding: 5px;margin: 0 auto;text-align: center;}  .video .video-container video {width: 100%;height: 100%;}  .video .content-wrapper {display: none;width: 1102px;margin: 0 auto;padding: 14px 11px 11px 16px;position: relative;}  .video .content-wrapper .img--wrapper {width: 102px;height: 102px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}  .video .content-wrapper.play .img--wrapper {display: none;}  .video .video-container .content-wrapper.active {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;}  .video .content-wrapper::before, .video .content-wrapper::after {width: 100%;content: "";position: absolute;}  .video .content-wrapper::before {background: #3c71ac;height: 83%;top: 0;left: 0;background: url("../wap/images/content-bg-1-top.png") no-repeat center top;background-size: contain;}  .video .content-wrapper::after {background: #3c71ac;height: 50%;bottom: 0;right: 0;background: url("../wap/images/content-bg-1-bottom.png") no-repeat center bottom;background-size: contain;}  .footer {position: relative;}  .footer .footer-tip .img--wrapper {width: 261px;height: 261px;margin: 0 auto;border-radius: 6px;overflow: hidden;position: absolute;bottom: 15%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}  .my_alert {padding: 1.67em 1em;position: fixed;text-align: center;font-size: 18px;color: #fff;top: 35%;left: 50%;width: 70%;max-width: 300px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);display: none;background: rgba(0, 0, 0, 0.6);border-radius: 8px;z-index: 11114;}  .modal {display: none;position: fixed;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);z-index: 10000;}  .modal .modal-container {height: 100vh;}  body.active .modal {display: block;}  .modal-container .modal-ios {width: 72px;position: absolute;bottom: 20%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}  .modal-container .modal-normal {width: 72px;position: absolute;top: 3%;right: 3%;}  .modal-container .img--wrapper img {max-width: 100%;}  .modal-container .modal-ios, .modal-container.isIos .modal-normal {display: none;}  .modal-container.isIos .modal-ios {display: block;}  @-webkit-keyframes ecg { 0% {background-position-y: 0;} 100% {background-position-y: 1000px;} }  @keyframes ecg { 0% {background-position-y: 0;} 100% {background-position-y: 1000px;} }