/*独立模块*/
.clearfix:before,
.clearfix:after {content: " "; display: table }
.clearfix:after {clear: both }
.container { width: 1200px; margin: 0 auto; padding: 0; }
.container:before,
.container:after {content: " "; display: table }
.container:after {clear: both }

.blue{ color: #2E65FB; }

.btn-red{ width: 130px; height: 40px; line-height: 40px; background: url(../images/button-red.png) no-repeat left top; display: inline-block; vertical-align: middle; text-align: center; color: #fff; border: 0;}
.btn-red:hover{ background-position: right top; color: #fff; }
.btn-red2{ transition: all .2s; font-size: 16px; color: #fff; width: 130px; height: 40px; background: #ED3C3F; display: inline-block; vertical-align: middle; border-radius: 5px; text-align: center; line-height: 40px; margin-left: 4px; margin-right: 4px;}
.btn-red2:hover{ background: #e02629; color: #fff; }
.btn-line{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fff; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line:hover{ background: #fff; }
.btn-line-big{ width: 178px; height: 48px; line-height: 48px; font-size: 18px;}
.btn-red-line{ height: 38px; width: 128px; border: 1px solid #F92028; color: #F92028; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-red-shadow{ background: url(../images/button-red-a.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-red-shadow:hover{ color:#fff; background-position: right top; }
.btn-blue-shadow{ background: url(../images/button-blue.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-blue-shadow:hover{ color:#fff; background-position: right top; }
.btn-black-shadow{ background: url(../images/button-black.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-black-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow{ background: url(../images/button-green.png) no-repeat left top; font-size: 18px; width: 200px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow-s{ background: url(../images/button-green-s.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow-s:hover{ color:#fff; background-position: right top; }

.section-title{ text-align: center; padding-top: 52px; margin-bottom: 58px;}
.section-title h2{ font-size: 36px; color: #333; margin-bottom: 25px;}
.section-title p{ font-size: 16px; color: #95989d; width: 850px;margin: 0 auto; line-height: 34px;}

.btns .btn{ width: 180px; display: inline-block; font-size: 18px; height: 54px; line-height: 54px; text-align: center; background: #fff; color: #333; margin-right: 10px; border-radius: 2px; padding:0;}
.btns .btn-down{ background:linear-gradient(90deg,rgba(31,165,254,1),rgba(90,210,254,1)); color: #fff; }

.mod-product-head{ height: 400px; color: #fff; margin-bottom: 118px;}
.mod-product-head .container{ position: relative; }
.mod-product-head .img{ width: 544px; height: 567px; float: left; background-repeat: no-repeat; background-position: center top; }
.mod-product-head .text{ width: 533px;  float: right; padding-top: 89px;}
.mod-product-head .text .pic{ width: 533px; height: 125px; margin-bottom: 46px;}
.mod-product-head .text .sub{ background: rgba(255,255,255,.5); font-size: 16px; color: rgba(0,0,0,.5) }

.mod-list-2-p20{ margin-right: -20px; }
.mod-list-2-p20 li{ float: left; width: 585px; margin: 0 20px 20px 0; }
.mod-list-3-p15{ margin-right: -15px; }
.mod-list-3-p15 li{ float: left; width: 390px; margin: 0 15px 15px 0; }
.mod-list-3-p20{ margin-right: -20px; }
.mod-list-3-p20 li{ float: left; width: 386px; margin: 0 20px 20px 0; }
.mod-list-3-p30{ margin-right: -30px; }
.mod-list-3-p30 li{ float: left; width: 380px; margin: 0 30px 30px 0; }
.mod-list-4-p13{ margin-right: -13px; overflow: hidden; }
.mod-list-4-p13 li{ float: left; width: 290px; margin-right: 13px; margin-bottom: 13px; }
.mod-list-4-p20{ margin-right: -20px; overflow: hidden; }
.mod-list-4-p20 li{ float: left; width: 285px; margin-right: 20px; margin-bottom: 20px; }
.mod-list-4-p25{ margin-right: -28px; overflow: hidden; }
.mod-list-4-p25 li{ float: left; width: 282px; margin-right: 25px; margin-bottom: 25px; }
.mod-list-5-p20{ margin-right: -20px; overflow: hidden; }
.mod-list-5-p20 li{ float: left; width: 220px; margin-right: 20px; margin-bottom: 20px; }
.mod-list-5-p35{ margin-right: -35px; overflow: hidden; }
.mod-list-5-p35 li{ float: left; width: 209px; margin-right: 35px; margin-bottom: 35px; }
.mod-list-4-line li{ float: left; width: 299px; border: 1px solid #E4E4E4; margin: 0 -1px -1px 0; }
.mod-list-6-line li{ float: left; width: 198px; border: 1px solid #E4E4E4; margin: 0 -1px -1px 0; }

.mod-like-table{ font-size: 16px;}
.mod-like-table .price {color: #f42424; }
.mod-like-table .t-bg-light{ background: #FAFAFC; }
.mod-like-table .th,
.mod-like-table .td{ border: 1px solid #D8DFE6; margin-bottom: -1px; text-align: center;}
.mod-like-table .td{ height: 48px; line-height: 48px;}
.mod-like-table .td.td-row2{ line-height: 24px; padding: 10px 0;}
.mod-like-table .td.td-row2-l1{ line-height: 68px; height: 68px;}
.mod-like-table .th{ height: 80px; position: relative; background: #EDF1FA}
.mod-like-table .col{ margin-right: -1px; width: 20%; float: left; transition: all .2s; background: #fff; }
.mod-like-table .col-hd{ width: 40%; }
.mod-like-table .col-hd .th{ background: #3067FB; border-color: #3067FB; color: #fff; line-height: 80px; font-size: 24px;}
.mod-like-table .col-hd .th h3{ color: #FFFFFF; }
.mod-like-table .col-item .th h3{ font-size: 20px; padding-top: 10px; margin-bottom: 3px;}
.mod-like-table .col-item .th p{ color: #ec3b3b; line-height: 30px;}
.mod-like-table .col-item .th .kf{ display: inline-block; transition: all .2s; width: 90px; height: 30px; line-height: 30px; border-radius: 3px; color: #ec3b3b; font-size: 14px;}
.mod-like-table .col-item .th .kf i{ width: 14px; height: 14px; display: inline-block; background: url(../images/icon-con.png) no-repeat center; vertical-align: -2px; margin-right: 5px;}
.mod-like-table .tag {width: 40px; height: 40px; position: absolute; right: 0; bottom: 0; }
.mod-like-table .tag-year {background: url(../images/attr_table_tag_year.png) no-repeat; }
.mod-like-table .i-ok,
.mod-like-table .i-no,
.mod-like-table .i-sf{ position: relative; }
.mod-like-table .i-ok:before,
.mod-like-table .i-no:before,
.mod-like-table .i-sf:before{ content: ""; position: absolute; width: 24px; height: 20px; left: 50%; top: 50%; margin: -10px -12px; }
.mod-like-table .i-ok:before,
.mod-like-table .i-no:before{ background: url(../images/03-icon.png) no-repeat; }
.mod-like-table .i-no:before{ background-position: right center; }
.mod-like-table .i-sf:before{ background: url(../images/shoufei.png) no-repeat; width: 53px; height: 20px; margin: -10px -26px; }
.mod-like-table .td-col-2{ height: auto; position: relative;}
.mod-like-table .td-col-2:after{ content: ""; display: block; clear: both; }
.mod-like-table .td-col-2 .td-l{ float: left; width: 40%; height: 100%; position: absolute;}
.mod-like-table .td-col-2 .td-l:before{ content: ""; display: inline-block; width: 0; vertical-align: middle; height: 100%; }
.mod-like-table .td-col-2 .td-r{ float: right; width: 60%; margin: -1px -1px 0; }
.mod-like-table .col-item:hover{ position: relative; z-index: 2; transform: scale(1.05); box-shadow: 0 0 20px rgba(0,0,0,.1);}
.mod-like-table .col-item:hover .th{ background: #3067FB; color: #fff; border-color: #3067FB; }
.mod-like-table .col-item:hover .th p{ color: #fff; }
.mod-like-table .col-item:hover .th .kf{color: #fff;}
.mod-like-table .col-item:hover .th .kf i{ background-image: url(../images/icon-con-hover.png); }
.mod-like-table .col-item:hover .th .price-warp .price{ color: #FFFFFF; }
.mod-like-table .col-item:hover .th .price-warp .price-org{ color: #FFFFFF; }
.mod-like-table .col-item .th .kf:hover{ background-color: #fff; color: #ec3b3b;}
.mod-like-table .col-item .th .kf:hover i{ background-image: url(../images/icon-con.png); }
.mod-like-table-blue .col-hd .th{ background: #0D83F6; border-color: #0D83F6;}
.mod-like-table-blue .t-bg-light{ background: #D7F0FC; }
.mod-like-table-blue .t-bg-light2{ background: #E9F6FA; }
.mod-like-table-blue .col-item:hover .th{ background: #0D83F6; border-color: #0D83F6; }
.mod-like-table-purple .col-hd .th{ background: #3d30b8; border-color: #3d30b8;}
.mod-like-table-purple .t-bg-light{ background: #f8f9fd; }
.mod-like-table-purple .t-bg-light2{ background: #f3f4fe; }
.mod-like-table-purple .col-item:hover .th{ background: #3d30b8; border-color: #3d30b8; }

.price-warp{ display: none; flex-direction: row; justify-content: center; align-items: center; }
.price-warp .price{ font-size: 20px; font-weight: 500; color: #F30553; }
.price-warp .price-org{ color: #999999; font-size: 14px; margin-left: 5px; text-decoration: line-through;}
.mod-help{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: calc(100% - 5px); border: 1px solid #D8DFE6;height: 68px;line-height: 68px; }
.mod-help .td-l{ width: 191px; border-right: 1px solid #D8DFE6; background: #3067FB; font-size: 16px; font-weight: 800; color: #fff;text-align: center;}
.mod-help .td-r{ flex:1; color:#666666; display: flex; align-items: center; justify-content: flex-start; padding-left: 10px; font-size: 14px;}


.section-common-8{ background:url("../images/8f-bg.jpg") no-repeat;}
.section-common-8 .container{ overflow: hidden; width: 1000px;}
.section-common-8 .section-title{ text-align: left; padding:138px 0 0 0; float: left;}
.section-common-8 .section-title h2{ color: #FFFFFF; }
.section-common-8 .section-title p{ color: #FFFFFF; width: auto; }
.section-common-8 .login{ background-color: #FFFFFF; padding: 30px 42px; box-shadow:10px 2px 24px 0px rgba(5,35,81,0.07); margin: 50px 0 40px; float: right;}
.section-common-8 .login .input-warp{ border: 1px solid rgba(229,229,229,1); margin-bottom: 15px; width: 334px; height: 48px;}
.section-common-8 .login .input-warp input{ border: 0; padding: 10px; width: 100%; box-sizing: border-box; height: 46px;}
.section-common-8 .login .btns{ margin-top: 30px;}
.section-common-8 .login .btn{ width: 155px; height: 44px; line-height: 44px; border-radius:2px; margin-right: 0; border:1px solid rgba(46,101,251,1); color: #2E65FB; font-size: 16px; padding: 0;}
.section-common-8 .login .btn-submit{ background:linear-gradient(90deg,#2F66FB,#6188FD); box-shadow:0px 5px 5px 0px rgba(47,102,251,0.17); color: #FFFFFF; border-color: #6188FD;}
.section-common-8 .login .btn-service{ height: 44px; float: right; }
.section-common-8 .login .btn-submit:hover{ background:linear-gradient(90deg,#205BFA,#537EFE); }
.section-common-8 .login .btn-service:hover{ background:linear-gradient(90deg,#205BFA,#537EFE); color: #FFFFFF}
/*首页*/
.index-slide{ height: 520px; position: relative; width: 100%;}
.index-slide .container{ position: relative; height: 520px; }
.index-slide .bd{ position: absolute; width: 1920px; height: 520px; margin-left: -360px;}
.index-slide .bd li{ height: 520px; }
.index-slide .bd .item-1{ background: url(../images/00-banner1.jpg) no-repeat center top; }
.index-slide .bd .item-2{ background: url(../images/00-banner2.jpg) no-repeat center top; }
.index-slide .bd .item-3{ background: url(../images/00-banner3.jpg) no-repeat center top; }
.index-slide .hd{ position: absolute; bottom: 50px; left: 0; text-align: center;}
.index-slide .hd li{ min-width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background: rgba(1,24,85,.2); color: rgba(255,255,255,.5); display: inline-block; margin-right: 10px; position: relative; }
.index-slide .hd li:last-child{ margin-right: 0; }
.index-slide .hd li span{ display: none; color: #fff; padding-left: 15px;}
.index-slide .hd li.on{ border-radius: 16px; padding: 0 20px; color: #FFFFFF;}
.index-slide .hd li.on:after{ content: ""; position: absolute; left: 40px; width: 100%; width: 1px; height: 12px; top: 50%; margin-top: -6px; background: rgba(255,255,255,.2);}
.index-slide .hd li.on span{ display: inline-block; }

.index-slide .banner-cont{ width: 1200px; margin: 0 auto; padding: 125px 0; }
.index-slide .banner-cont .tit{ min-width:150px; height:50px; border:2px solid rgba(255,255,255,.2); border-radius:5px; font-size: 26px; font-weight: 600; color: #fff; text-align: center; line-height: 50px; padding: 0 20px; display: inline-block;}
.index-slide .banner-cont .title{ margin-top: 25px; }
.index-slide .banner-cont .title h3{ font-size: 36px; font-weight: 600; color: #fff; text-align: left;}
.index-slide .banner-cont .title span{ font-size: 24px; font-weight: 400; color: #fff; display: block; margin-top: 10px; }
.index-slide .banner-cont .btns{ margin-top: 30px; }

.page-index .section-1 .list{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding-bottom: 50px; }
.page-index .section-1 .list .item{ width: 20%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-index .section-1 .list .item .number{ padding: 0 25px; position: relative; }
.page-index .section-1 .list .item .number span{ font-size: 55px; color: #2E65FB; font-weight: 700; }
.page-index .section-1 .list .item:first-child .number em{ font-size: 16px; }
.page-index .section-1 .list .item .number em{ font-size: 25px; line-height: 1; color: #2E65FB; font-weight: 700; position: absolute; top: 16px; right: 0;}
.page-index .section-1 .list .item .txt{ font-size: 18px; color: #666; font-weight: 500; margin-left: 20px; }

.page-index .section-2{ background: #F7F9FC; padding-bottom: 50px; }
.page-index .section-2 .list{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.page-index .section-2 .list .item{ width: 380px; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.page-index .section-2 .list .item img{ width: 100%; }
.page-index .section-2 .list .item .info{ padding: 30px; background: #fff; width: 100%; box-sizing: border-box; }
.page-index .section-2 .list .item .info .top h2{ color: #333; font-size: 24px; }
.page-index .section-2 .list .item .info .top span{ color: #666; font-size: 14px; line-height: 30px; margin-top: 10px; display: block;}
.page-index .section-2 .list .item .info .bottom{ border-top: 1px solid rgba(230,230,230,1); margin-top: 20px; padding-top: 20px;}
.page-index .section-2 .list .item .info .bottom .desc{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
.page-index .section-2 .list .item .info .bottom .desc i{ background: url("../images/2f-icon0.png") -2px -1px no-repeat; width: 22px; height: 20px; display: inline-block; margin-right: 5px;}
.page-index .section-2 .list .item .info .bottom .desc span{ font-size: 16px; color: #666; line-height: 30px; }
.page-index .section-2 .list .item2{ margin: 0 30px; }

.page-index .section-2 .list .item2 .info .bottom .desc i{ background-position: -25px -1px; }
.page-index .section-2 .list .item3 .info .bottom .desc i{ background-position: -48px -1px; }

.page-index .section-2 .list .item .info .bottom .btn{ width: 150px; height: 44px; line-height: 44px; background:linear-gradient(90deg,#1FA5FE,#5AD2FE); box-shadow:0px 5px 5px 0px rgba(37,169,254,.17); border-radius:5px; text-align: center; color: #fff; margin: 20px auto 0; display: block;}
.page-index .section-2 .list .item:hover{ transform: translate(0, -15px); box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}

.page-index .section-3{ padding-bottom: 60px; }
.page-index .section-3 .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 1220px;}
.page-index .section-3 .list .item{ width: 280px; margin-right: 20px; box-shadow:0px 5px 20px 0px rgba(181,194,226,0.4); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 20px; box-sizing: border-box;}
.page-index .section-3 .list .item h2{ font-size: 20px; color: #000; font-weight: 700; margin-top: 20px;}
.page-index .section-3 .list .item .icon{ width: 94px; height: 94px; display: inline-block; }
.page-index .section-3 .list .item span{ text-align: center; font-size: 14px; color: #666; margin-top: 20px; display: block; line-height: 24px;}
.page-index .section-3 .list .item1 .icon{ background: url("../images/3f-icon1.png") no-repeat; }
.page-index .section-3 .list .item2 .icon{ background: url("../images/3f-icon2.png") no-repeat; }
.page-index .section-3 .list .item3 .icon{ background: url("../images/3f-icon3.png") no-repeat; }
.page-index .section-3 .list .item4 .icon{ background: url("../images/3f-icon4.png") no-repeat; }

.page-index .section-4{background: #F7F9FC; padding-bottom: 60px;}
.page-index .section-4 .list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 1220px; }
.page-index .section-4 .list .item{ width: 222px; background-color: #fff; border:1px solid rgba(236,236,236,1); padding: 28px; box-sizing: border-box; margin: 0 20px 20px 0;}
.page-index .section-4 .list .item .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-index .section-4 .list .item .top .icon{ width: 80px; height: 80px; display: flex; background:url("../images/4f-bg.png") no-repeat; justify-content: center; align-items: center; font-size: 36px; color: #2E65FB; font-weight: 700; }
.page-index .section-4 .list .item .top h2{ font-size: 20px; color: #333; font-weight: 600; margin-top: 30px; }
.page-index .section-4 .list .item .info{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 20px; border-top: 1px solid #ECECEC; margin-top: 20px;}
.page-index .section-4 .list .item .info p{ font-size: 16px; color: #666; line-height: 30px; }

.page-index .section-5{ padding-bottom: 60px; }
.page-index .section-5 .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 1220px;}
.page-index .section-5 .list .item{ width: 280px; margin-right: 20px; box-shadow:0px 2px 8px 0px rgba(153,153,173,0.2); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}
.page-index .section-5 .list .item h2{ font-size: 20px; color: #000; font-weight: 700; margin-top: 20px;}
.page-index .section-5 .list .item .icon{ width: 110px; height: 110px; display: inline-block; }
.page-index .section-5 .list .item span{ text-align: center; font-size: 16px; color: #666; margin-top: 10px; display: block; line-height: 20px;}
.page-index .section-5 .list .item1 .icon{ background: url("../images/5f-icon1.png") no-repeat; }
.page-index .section-5 .list .item2 .icon{ background: url("../images/5f-icon2.png") no-repeat; }
.page-index .section-5 .list .item3 .icon{ background: url("../images/5f-icon3.png") no-repeat; }
.page-index .section-5 .list .item4 .icon{ background: url("../images/5f-icon4.png") no-repeat; }
.page-index .section-5 .list .item5 .icon{ background: url("../images/5f-icon5.png") no-repeat; }
.page-index .section-5 .list .item6 .icon{ background: url("../images/5f-icon6.png") no-repeat; }
.page-index .section-5 .list .item7 .icon{ background: url("../images/5f-icon7.png") no-repeat; }
.page-index .section-5 .list .item8 .icon{ background: url("../images/5f-icon8.png") no-repeat; }

.page-index .section-6{ background: #F7F9FC; padding-bottom: 50px; }
.page-index .section-6 .list{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.page-index .section-6 .list .item{ width: 380px; transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s; background: #fff;padding: 30px;}
.page-index .section-6 .list .item .img{ display: flex; justify-content: center; align-items: center;}
.page-index .section-6 .list .item .info{ background: #fff; width: 100%; box-sizing: border-box; margin-top: 30px; }
.page-index .section-6 .list .item .info .top{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-index .section-6 .list .item .info .top h2{ color: #333; font-size: 24px; }
.page-index .section-6 .list .item .info .top span{ color: #666; font-size: 14px; line-height: 30px; margin-top: 10px; display: block; padding-left: 15px; position: relative;}
.page-index .section-6 .list .item .info .top span:after{ content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #3267FB; left: 0; top: 12px; }
.page-index .section-6 .list .item .info .bottom{ border-top: 1px solid rgba(230,230,230,1); margin-top: 20px; padding-top: 20px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 14px; color: #666; line-height: 30px;}
.page-index .section-6 .list .item2{ margin: 0 30px; }
.page-index .section-6 .list .item:hover{ transform: translate(0, -20px); box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}

.page-index .section-7{ padding-bottom: 30px; }
.page-index .section-7 .top{ background:url("../images/7f-bg2.jpg") no-repeat; padding-bottom: 50px; }
.page-index .section-7 .top .section-title{ width: 680px; margin: 0 auto; }
.page-index .section-7 .top .section-title h2{ color: #FFFFFF; }
.page-index .section-7 .top .introduce{ display: flex; flex-direction: row; justify-content: flex-end; padding-top: 60px; height: 200px; overflow: hidden; }
.page-index .section-7 .top .introduce li{width: 720px; margin-right: 70px;}
.page-index .section-7 .top .introduce li .desc{ color: #FFFFFF; width: 480px; display: inline-block; margin-right: 98px;}
.page-index .section-7 .top .introduce li .desc .tit{ font-size: 24px; font-weight: 600; }
.page-index .section-7 .top .introduce li .desc .subtit{ font-size: 16px; line-height: 30px; margin-top: 20px;}
.page-index .section-7 .top .introduce li .qrcode{ padding: 10px 10px 5px 10px; background-color: #FFFFFF; border-radius: 2px; text-align: center; display: inline-block;}
.page-index .section-7 .top .introduce li .qrcode span{ color: #888; padding-top: 5px;}

.page-index .section-7 .bottom{ background-color: #FFFFFF; height: 275px; }
.page-index .section-7 .bottom .container{ position: relative; }
.page-index .section-7 .bottom .figure{ position: absolute; width: 280px; height: 520px; background: url("../images/7f-bg2.png") no-repeat; top: -250px; left: 50px; overflow: hidden;}
.page-index .section-7 .bottom .figure li{ padding: 8px 28px; }
.page-index .section-7 .bottom .mian { display: flex; justify-content: flex-end; }
.page-index .section-7 .bottom .mian ul{ width: 870px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.page-index .section-7 .bottom .mian li{ font-size: 0; margin: 60px 0 0 58px;}
.page-index .section-7 .bottom .mian li i{ width: 150px; height: 60px; display: inline-block; }
.page-index .section-7 .bottom .mian .itme1 i{ background: url("../images/7f-logo1.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme2 i{ background: url("../images/7f-logo2.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme3 i{ background: url("../images/7f-logo3.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme4 i{ background: url("../images/7f-logo4.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme5 i{ background: url("../images/7f-logo5.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme6 i{ background: url("../images/7f-logo6.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme7 i{ background: url("../images/7f-logo7.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme8 i{ background: url("../images/7f-logo8.jpg") no-repeat; }

.page-index .section-7 .bottom .mian .itme1.on i{ background: url("../images/7f-logo1-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme2.on i{ background: url("../images/7f-logo2-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme3.on i{ background: url("../images/7f-logo3-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme4.on i{ background: url("../images/7f-logo4-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme5.on i{ background: url("../images/7f-logo5-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme6.on i{ background: url("../images/7f-logo6-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme7.on i{ background: url("../images/7f-logo7-hover.jpg") no-repeat; }
.page-index .section-7 .bottom .mian .itme8.on i{ background: url("../images/7f-logo8-hover.jpg") no-repeat; }

/*b2c*/
.page-b2c .index-slide{ height: 480px; position: relative; width: 100%; overflow: hidden;}
.page-b2c .index-slide .container{ position: relative; height: 480px; }
.page-b2c .index-slide .bd{ position: absolute; width: 1920px; height: 480px; margin-left: -360px;}
.page-b2c .index-slide .bd li{ height: 480px; }
.page-b2c .index-slide .bd .item-1{ background: url(../images/00-banner.jpg) no-repeat center top; }

.page-b2c .section-2 .list li{ margin-bottom: 74px; }
.page-b2c .section-2 .list .img{ float: left; width: 65px; height: 43px; background: url(../images/01-icon.png) no-repeat left top; }
.page-b2c .section-2 .list .item-1 .img{ background-position: 0 0; }
.page-b2c .section-2 .list .item-2 .img{ background-position: -69px 0; }
.page-b2c .section-2 .list .item-3 .img{ background-position: -143px 0; }
.page-b2c .section-2 .list .item-4 .img{ background-position: -210px 0; }
.page-b2c .section-2 .list .item-5 .img{ background-position: -280px 0; }
.page-b2c .section-2 .list .item-6 .img{ background-position: -350px 0; }
.page-b2c .section-2 .list .text{ padding-left: 83px; padding-top: 10px; padding-right: 60px;}
.page-b2c .section-2 .list .text h3{ color: #000; font-size: 18px; margin-bottom: 10px; }
.page-b2c .section-2 .list .text p{ font-size: 14px; color: #888888; line-height: 24px; }

.page-b2c .section-3{ background-color: #2E65FB; border-radius:0px 445px 0px 0px; height:560px;}
.page-b2c .section-3 .section-title h2,
.page-b2c .section-3 .section-title p{ color: #FFFFFF; }

.page-b2c .section-4{ padding-bottom: 80px; padding-top: 160px;}
.page-b2c .section-4 .hd{ float: left; width: 280px; height: 330px; border: 1px solid #E7E5EB; border-radius: 10px; margin-top: 76px;}
.page-b2c .section-4 .hd li{ border-bottom: 1px solid #E7E5EB; height: 110px; position: relative;}
.page-b2c .section-4 .hd li:last-child{ border-bottom: 0 none; }
.page-b2c .section-4 .hd li i{position: relative; z-index: 2; width: 28px; height: 26px; background: url(../images/03-icon.png) no-repeat left top; float: left; margin: 30px 0 0 30px; }
.page-b2c .section-4 .hd li.item-1 i{ background-position: 0 0; }
.page-b2c .section-4 .hd li.item-2 i{ background-position: -41px 0; }
.page-b2c .section-4 .hd li.item-3 i{ background-position: -82px 0; }
.page-b2c .section-4 .hd li .text{ position: relative; z-index: 2; margin-left: 76px; padding-top: 32px; }
.page-b2c .section-4 .hd li .text h3{ font-size: 16px; font-weight: 700; margin-bottom: 4px;}
.page-b2c .section-4 .hd li .text p{ font-size: 14px; color: #888; }
.page-b2c .section-4 .hd li.on{ color: #fff; }
.page-b2c .section-4 .hd li.on p{ color: #fff; }
.page-b2c .section-4 .hd li.item-1.on i{ background-position: 0 -30px; }
.page-b2c .section-4 .hd li.item-2.on i{ background-position: -41px -30px; }
.page-b2c .section-4 .hd li.item-3.on i{ background-position: -82px -30px; }
.page-b2c .section-4 .hd li.on:after{ content: ""; background: url(../images/03-bg.png) no-repeat center; width: 313px; height: 136px; position: absolute; left: -16px; top: 0;}
.page-b2c .section-4 .bd{ width: 856px; height: 510px; margin-left: 300px; }
.page-b2c .section-4 .bd li{ width: 856px; height: 510px; }
.page-b2c .section-4 .bd li.item-1{ background: url(../images/03-img1.png) no-repeat center; }
.page-b2c .section-4 .bd li.item-2{ background: url(../images/03-img2.png) no-repeat center; }
.page-b2c .section-4 .bd li.item-3{ background: url(../images/03-img3.png) no-repeat center; }

.page-b2c .section-5{ padding-bottom: 50px;background: #F4F8FF; }
.page-b2c .section-5 .items{  }
.page-b2c .section-5 .item{ width: 285px; height: 266px; background:rgba(255,255,255,1); box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); float: left; margin-right: 19px;}
.page-b2c .section-5 .item:last-child{ margin-right: 0; }
.page-b2c .section-5 .item i{ display: block; width: 60px; height: 60px; background: url(../images/5f-icon.png) no-repeat; margin: 39px 0 0 21px;}
.page-b2c .section-5 .item_2 i{ background-position: -70px 0; }
.page-b2c .section-5 .item_3 i{ background-position: -140px 0; }
.page-b2c .section-5 .item_4 i{ background-position: -210px 0; }
.page-b2c .section-5 .item h2{ font-size:18px; font-family:PingFang SC; font-weight:600; color:rgba(51,51,51,1); line-height:24px; margin: 30px 0 0 21px;}
.page-b2c .section-5 .item span{ font-size:14px; font-family:PingFang SC; font-weight:400; color:rgba(132,132,132,1); line-height:30px; margin: 20px 25px 0 21px;  display: block;}
.page-b2c .section-5 .btn-wrap{ text-align: center; margin-top: 60px; }

.page-b2c .section-6{ padding-bottom: 60px;}
.page-b2c .section-6 .list .item{ float: left; width: 33.33%; text-align: center; }
.page-b2c .section-6 .list .item h3{ font-size: 24px; margin-bottom: 10px; }
.page-b2c .section-6 .list .item p{ font-size: 16px; color: #888; width: 256px; margin: 0 auto; line-height: 1.8; }

.page-b2c .section-6 .list .item .img{ width: 257px; height: 488px; margin: 0 auto 23px;}
.page-b2c .section-6 .list .item-1 .img{ background: url(../images/5f-img1.png) no-repeat; }
.page-b2c .section-6 .list .item-2 .img{ background: url(../images/5f-img2.png) no-repeat; }
.page-b2c .section-6 .list .item-3 .img{ background: url(../images/5f-img3.png) no-repeat; }
.page-b2c .section-6 .btn-wrap{ text-align: center;  margin-top: 60px;}

.page-b2c .section-7{ background-color: #F7F8FC; }
.page-b2c .section-7 .content{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding-top: 80px;}
.page-b2c .section-7 .content .img{ margin-right: 200px; font-size: 0; }
.page-b2c .section-7 .content .section-title{ padding: 0; margin: 0; width:510px; text-align: left; }
.page-b2c .section-7 .content .section-title p{ width: 100%; line-height: 2; font-size: 18px; }
.page-b2c .section-7 .content .section-title .btn-blue-shadow{ margin-top: 50px; }

/*xiaochengxu*/
.page-xiaochengxu .index-slide{ height: 480px; position: relative; width: 100%; overflow: hidden;}
.page-xiaochengxu .index-slide .container{ position: relative; height: 480px; }
.page-xiaochengxu .index-slide .bd{ position: absolute; width: 1920px; height: 480px; margin-left: -360px;}
.page-xiaochengxu .index-slide .bd li{ height: 480px; }
.page-xiaochengxu .index-slide .bd .item-1{ background: url(../images/00-banner.jpg) no-repeat center top; }

.page-xiaochengxu .section-2{ background: #F7F8FC; padding: 60px 0 50px; }
.page-xiaochengxu .section-2 .section-title{ float: right; width: 550px; text-align: left; margin: 0; padding-top: 80px;}
.page-xiaochengxu .section-2 .section-title p{ width: 432px; margin: 0; line-height: 2;}
.page-xiaochengxu .section-2 .img{ width: 567px; height: 347px; background: url(../images/1f-img.png) no-repeat;float: left; margin-left: 32px;}
.page-xiaochengxu .section-2 .nav{ width:1200px;height:140px;background:rgba(255,255,255,1);box-shadow:0px 10px 30px 0px rgba(73,9,9,0.08);border-radius:10px; display: flex; flex-direction: row; margin-top: 40px;}
.page-xiaochengxu .section-2 .nav .item{ flex:1; text-align: center; border-right: 1px solid #E6E6E6; margin: 25px 0;}
.page-xiaochengxu .section-2 .nav .item:last-child{ border-right: 0; }
.page-xiaochengxu .section-2 .nav .item .num{ display: flex; flex-direction: row; justify-content: center; }
.page-xiaochengxu .section-2 .nav .item .num .txt{ height: 54px; line-height: 54px; font-size:54px; font-family:Arial; font-weight:bold; color:#2E54FB; }
.page-xiaochengxu .section-2 .nav .item .num .text{ font-family:PingFangSC-Regular; color: #2E54FB; font-size: 24px; height: 24px; line-height: 24px; margin: 22px 0 0 5px; }
.page-xiaochengxu .section-2 .nav .item .desc{ font-size:20px;font-family:PingFang SC;font-weight:400;color:rgba(136,136,136,1);line-height:36px; }

.page-xiaochengxu .section-3{ }
.page-xiaochengxu .section-3 .hd{ float: left; width: 280px; height: 330px; border: 1px solid #E7E5EB; margin-top: 76px;}
.page-xiaochengxu .section-3 .hd li{ border-bottom: 1px solid #E7E5EB; height: 110px; position: relative;}
.page-xiaochengxu .section-3 .hd li:last-child{ border-bottom: 0 none; }
.page-xiaochengxu .section-3 .hd li i{position: relative; z-index: 2; width: 28px; height: 26px; background: url(../images/3f-icon.png) no-repeat left top; float: left; margin: 22px 0 0 30px; }
.page-xiaochengxu .section-3 .hd li.item-1 i{ background-position: 0 0; }
.page-xiaochengxu .section-3 .hd li.item-2 i{ background-position: -41px 0; }
.page-xiaochengxu .section-3 .hd li.item-3 i{ background-position: -82px 0; }
.page-xiaochengxu .section-3 .hd li .text{ position: relative; z-index: 2; margin-left: 76px; padding-top: 20px; }
.page-xiaochengxu .section-3 .hd li .text h3{ font-size: 16px; font-weight: 700; margin-bottom: 4px;}
.page-xiaochengxu .section-3 .hd li .text p{ font-size: 14px; color: #888; line-height: 24px;}
.page-xiaochengxu .section-3 .hd li.on{ color: #fff; }
.page-xiaochengxu .section-3 .hd li.on p{ color: #fff; }
.page-xiaochengxu .section-3 .hd li.item-1.on i{ background-position: 0 -30px; }
.page-xiaochengxu .section-3 .hd li.item-2.on i{ background-position: -41px -30px; }
.page-xiaochengxu .section-3 .hd li.item-3.on i{ background-position: -82px -30px; }
.page-xiaochengxu .section-3 .hd li.on:after{ content: ""; background: url(../images/03-bg.png) no-repeat center; width: 313px; height: 136px; position: absolute; left: -16px; top: 0;}
.page-xiaochengxu .section-3 .bd{ width: 856px; height: 510px; margin-left: 300px; }
.page-xiaochengxu .section-3 .bd li{ width: 856px; height: 510px; }
.page-xiaochengxu .section-3 .bd li.item-1{ background: url(../images/2f-img1.png) no-repeat center; }
.page-xiaochengxu .section-3 .bd li.item-2{ background: url(../images/2f-img2.png) no-repeat center; }
.page-xiaochengxu .section-3 .bd li.item-3{ background: url(../images/2f-img3.png) no-repeat center; }

.page-xiaochengxu .section-4{ background: #F7F8FC; padding-bottom: 40px; }
.page-xiaochengxu .section-4 .img{ background-image: url(../images/3f-img.png); width: 1131px; height: 273px; }

.page-xiaochengxu .section-5{ padding-bottom: 50px; }
.page-xiaochengxu .section-5 .item{ width: 285px; height: 266px; background:rgba(255,255,255,1); box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); float: left; margin-right: 19px;}
.page-xiaochengxu .section-5 .item:last-child{ margin-right: 0; }
.page-xiaochengxu .section-5 .item i{ display: block; width: 60px; height: 60px; background: url(../images/4f-icon.png) no-repeat; margin: 39px 0 0 21px;}
.page-xiaochengxu .section-5 .item_2 i{ background-position: -70px 0; }
.page-xiaochengxu .section-5 .item_3 i{ background-position: -140px 0; }
.page-xiaochengxu .section-5 .item_4 i{ background-position: -210px 0; }
.page-xiaochengxu .section-5 .item h2{ font-size:18px; font-family:PingFang SC; font-weight:600; color:rgba(51,51,51,1); line-height:24px; margin: 30px 0 0 21px;}
.page-xiaochengxu .section-5 .item span{ font-size:14px; font-family:PingFang SC; font-weight:400; color:rgba(132,132,132,1); line-height:30px; margin: 20px 25px 0 21px;  display: block;}
.page-xiaochengxu .section-5 .btn-wrap{ text-align: center; margin-top: 60px; }

.page-xiaochengxu .section-6{ padding-bottom: 60px; background: #F7F8FC;}
.page-xiaochengxu .section-6 .list .item{ float: left; width: 33.33%; text-align: center; }
.page-xiaochengxu .section-6 .list .item h3{ font-size: 24px; margin-bottom: 10px; }
.page-xiaochengxu .section-6 .list .item p{ font-size: 16px; color: #888; width: 256px; margin: 0 auto; line-height: 1.8; }
.page-xiaochengxu .section-6 .list .item .img{ width: 257px; height: 488px; margin: 0 auto 23px; border-radius: 24px;}
.page-xiaochengxu .section-6 .list .item-1 .img{ background: url(../images/5f-img1.png) no-repeat; }
.page-xiaochengxu .section-6 .list .item-2 .img{ background: url(../images/5f-img2.png) no-repeat; }
.page-xiaochengxu .section-6 .list .item-3 .img{ background: url(../images/5f-img3.png) no-repeat; }
.page-xiaochengxu .section-6 .btn-wrap{ text-align: center; }

.page-xiaochengxu .section-7{ padding-top: 28px; padding-bottom: 62px;}
.page-xiaochengxu .section-7 .list .item-1{ height: 660px; width: 160px; float: left; color: #fff; font-size: 16px;background: #2E54FB; }
.page-xiaochengxu .section-7 .list .item-1 dl{ padding-top: 104px; }
.page-xiaochengxu .section-7 .list .item-1 dl dd{ padding: 31px 0 32px 25px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-6{ border-bottom: 0 none; }
.page-xiaochengxu .section-7 .list .item-1 dl dd i{ background: url(../images/2-icon.png) no-repeat; height: 24px; width: 24px; display: inline-block; vertical-align: -6px; margin-right: 11px;}
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-1 i{ background-position: 0 0; }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-2 i{ background-position: -24px 0; }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-3 i{ background-position: -48px 0; }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-4 i{ background-position: -72px 0; }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-5 i{ background-position: -96px 0; }
.page-xiaochengxu .section-7 .list .item-1 dl dd.dd-6 i{ background-position: -120px 0; }
.page-xiaochengxu .section-7 .list .item-2{ float: left; width: 437px; padding: 0 40px; height: 658px; border: 1px solid #E5E5E5; border-left: 0 none;}
.page-xiaochengxu .section-7 .list .item-2 .i-hd .img{ display: inline-block; vertical-align: bottom; margin: 0 10px 0 13px; }
.page-xiaochengxu .section-7 .list .item-2 .i-hd .img img{ vertical-align: top; }
.page-xiaochengxu .section-7 .list .item-2 .i-hd h3{ font-size: 20px; font-weight: 700; display: inline-block; line-height: 80px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .bd-item{ font-size: 14px; color: #888; height: 75px; line-height: 75px; padding-left: 40px; background: #fff; border-radius: 5px; margin-bottom: 15px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd.i-bd-shadow .bd-item{ box-shadow: 0 0 30px rgba(0,0,0,.1) }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star{ margin-right: 15px; background: url(../images/1-img03.png) repeat-y; display: inline-block; height: 11px; width: 74px;}
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-5{ background-position: 0 0; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-4{ background-position: 0 -11px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-3{ background-position: 0 -22px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-2{ background-position: 0 -33px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-1-5{ background-position: 0 -44px; }
.page-xiaochengxu .section-7 .list .item-2 .i-bd .i-star.star-1{ background-position: 0 -55px; }

/*service*/
.page-service .index-slide .banner-cont{ text-align: center; }
.page-service .index-slide .banner-cont .title{ margin-top: 40px; }
.page-service .index-slide .banner-cont .title h3{ font-size: 55px; text-align: center;}
.page-service .index-slide .banner-cont .btns{ margin-top: 70px; }
.page-service .index-slide{ height: 520px; position: relative; width: 100%; overflow: hidden;}
.page-service .index-slide .container{ position: relative; height: 520px; }
.page-service .index-slide .bd{ position: absolute; width: 1920px; height: 520px; margin-left: -360px;}
.page-service .index-slide .bd li{ height: 520px; }
.page-service .index-slide .bd .item-1{ background: url(../images/00-banner.jpg) no-repeat center top; }

.page-service .section-1 .btn-wrap{ padding-top: 270px; }
.page-service .section-1 .btn-wrap a{ width: auto; padding: 0 20px; }
.page-service .service_tabs{ width:100%; height:80px; background:#fff; border-bottom: 1px solid #e5e5e5;}
.page-service .service_tabs ul{ float:left; width:1200px;}
.page-service .service_tabs ul li{ width:200px; height:80px; line-height:80px; font-size:20px;  float:left; text-align:center; position:relative; cursor:pointer;}
.page-service .service_tabs ul li.current,.service_tabs ul li:hover{color: #FC3B36; border-bottom: 2px solid #FC3B36;}
.page-service .service_con{ width:1200px; margin:48px auto 100px;}
.page-service .service_con table{  border-collapse: collapse; font-size:14px; background:#fff; width:100%;}
.page-service .service_con table .ftx03{ color: #23a2fb;}
.page-service .service_con table td,.service_con table th{ border:1px solid #dcdcdc; height:45px; line-height:45px; text-align:center;}
.page-service .service_con table th{ height:58px; line-height:58px; font-size:16px; font-weight:bold; color:#fff;}
.page-service .service_con table .th1{ width:597px; background: #EDF1FA; color: #333;}
.page-service .service_con table .th2{ width:300px; background: #01C7B3;}
.page-service .service_con table .td3{ width:300px; }
.page-service .service_con table .th3{ width:300px; background: #2E54FB;}
.page-service .service_con table .td1{ width:150px;}
.page-service .service_con table .td1 span{ display:block; line-height:20px; padding:0 24px; font-size:16px; color:#333;}
.page-service .service_con table .td2{ text-align:left; padding-left:30px; color:#333; background: #FAFAFC;}
.page-service .service_con table .td2.red{ color: #333!important; }
.page-service .service_con table .td2[colspan]{ background: transparent; }
.page-service .service_con table .td4{ text-align:left; padding-right:10px;}
.page-service .service_con table td img.ml5{ vertical-align: -3px; }
.page-service .service_con table td .icon{ width:27px; height:25px; display:block; float:left; background-position:0 0; margin-left:135px;background: url(../images/03-icon.png) no-repeat;}
.page-service .service_con table td .icon.ok{ width: 24px; height: 20px; }
.page-service .service_con table td .icon.error{ background-position: -32px 0px;}
.page-service .service_con table td .row1{ display:inline-block; *display:inline; *zoom:1; padding:20px 0; text-align:center;}
.page-service .service_con table td .row2{ line-height:30px;}

/* download */
.page-download .plat-icon{ width: 60px; height: 60px; background: #E4F1FA no-repeat center; border-radius: 100%; display: inline-block; vertical-align: -19px; margin-right: 16px; }
.page-download .plat-icon.icon-pc{ background-image: url(../images/icon-1.png); }
.page-download .plat-icon.icon-wechat{ background-image: url(../images/02-icon.png); }
.page-download .plat-icon.icon-app{ background-image: url(../images/icon-3.png); }
.page-download .plat-icon.icon-backstage{ background-image: url(../images/icon-4.png); }

.page-download .index-slide{ height: 525px; background: url(../images/00-banner.png) no-repeat center top; }
.page-download .index-slide .container{ height: 100%; position: relative; }
.page-download .index-slide .banner-cont .title{ margin-top: 80px; }

.page-download .index-slide .s-btn{ position: absolute; left: 50%; margin-left: -82px; bottom: -87px; width: 164px; height: 164px; background: url(../images/00-download.png) no-repeat center top; }
.page-download .index-slide .s-btn i{ width: 25px; height: 27px; margin: 0 auto; display: block; background: url(../images/00-move.png) no-repeat center top; transform: translate(0, 38px); animation: downIcon 1s ease-in-out infinite alternate; }
.page-download .index-slide .s-btn:hover i{ animation-duration: .5s; }
@keyframes downIcon {
    0% { transform: translate(0, 34px); }
    20% { transform: translate(0, 40px); }
    40% { transform: translate(0, 34px); }
    100% { transform: translate(0, 34px); }
}

.page-download .section-3{ padding: 74px 0 0; }
.page-download .section-3 .section-title{ float: left; width: 400px; text-align: left; margin-left: 100px; margin-top: 30px;}
.page-download .section-3 .section-title a{ color: #20A5FE; margin-right: 50px; font-size: 16px; }
.page-download .section-3 .section-title p{ width: 500px; }
.page-download .section-3 .img{ width: 477px; height: 531px; background: url(../images/01-img.png) no-repeat; float: right; margin-top: 50px;}
.page-download .section-3 .qr{ margin-top: 20px; }
.page-download .section-3 .qr .item{ float: left; margin-right: 20px; width: 170px; text-align: center; }
.page-download .section-3 .qr .item .title{ font-size: 14px; margin-bottom: 10px; }
.page-download .section-3 .qr .item .title i{ display: inline-block; vertical-align: -3px; margin-right: 5px; width: 14px; height: 14px; background: url(../images/02-icon2.png) no-repeat; }
.page-download .section-3 .qr .item-1 .title i{ background-position: 0 0; }
.page-download .section-3 .qr .item-2 .title i{ background-position: -15px 0; }
.page-download .section-3 .qr .item .code{ width: 170px; height: 186px; margin-bottom: 20px;}
.page-download .section-3 .qr .item-1 .code{ background: url(../images/Mini.jpg) no-repeat center top; }
.page-download .section-3 .qr .item-3 .code{ background: url(../images/Pro.jpg) no-repeat center top; }
.page-download .section-3 .qr .item a{ margin-right: 0; }

.page-download .section-4{ padding: 40px 0 50px; }
.page-download .section-4 .section-title{ float: right; width: 400px; text-align: left; margin-right: 66px; margin-top: 30px;}
.page-download .section-4 .section-title a{ color: #20A5FE; margin-right: 50px; font-size: 16px; }
.page-download .section-4 .section-title p{ width: 500px; }
.page-download .section-4 .img{ width: 464px; height: 531px; background: url(../images/02-img.png) no-repeat; float: left; margin-top: 50px; margin-left: 100px;}
.page-download .section-4 .qr{ margin-top: 20px; }
.page-download .section-4 .qr .item{ float: left; margin-right: 20px; width: 170px; text-align: center; }
.page-download .section-4 .qr .item .title{ font-size: 14px; margin-bottom: 10px; }
.page-download .section-4 .qr .item .title i{ display: inline-block; vertical-align: -3px; margin-right: 5px; width: 14px; height: 14px; background: url(../images/02-icon2.png) no-repeat; }
.page-download .section-4 .qr .item-1 .title i{ background-position: 0 0; }
.page-download .section-4 .qr .item-2 .title i{ background-position: -15px 0; }
.page-download .section-4 .qr .item .code{ width: 170px; height: 186px; margin-bottom: 20px;}
.page-download .section-4 .qr .item-2 .code{ background: url(../images/Plus.jpg) no-repeat center top; }
.page-download .section-4 .qr .item-4 .code{ background: url(../images/Max.jpg) no-repeat center top; }
.page-download .section-4 .qr .item a{ margin-right: 0; }

.page-download .section-5{ background: url(../images/03-bg.jpg) no-repeat center top; }
.page-download .section-5 .section-title{ padding-top: 40px; margin-bottom: 50px; }
.page-download .section-5 .section-title h2{ color: #FFFFFF; font-size: 36px; }
.page-download .section-5 .section-title p{ color: #FFFFFF; font-size: 18px; line-height: 2}
.page-download .section-5 .section-title a{ font-size: 18px; color: #FCFF00; margin-top: 10px; display:block;}
.page-download .section-5 .btns{ text-align: center; margin-bottom: 50px; }
.page-download .section-5 .btn-down{ margin-right: 15px; }
.page-download .section-5 .btn-transparent{ background: transparent; border: 1px solid #fff; color: #fff; height: 52px; line-height: 52px;}
.page-download .section-5 .btn-transparent:hover{ background: #fff; color: #000; }

/*wyx*/
.page-wyx .index-slide{ height: 480px; position: relative; width: 100%; overflow: hidden;}
.page-wyx .index-slide .container{ position: relative; height: 480px; }
.page-wyx .index-slide .bd{ position: absolute; width: 1920px; height: 480px; margin-left: -360px;}
.page-wyx .index-slide .bd li{ height: 480px; }
.page-wyx .index-slide .bd .item-1{ background: url(../images/00-banner.jpg) no-repeat center top; }

.page-wyx .section-2{ padding-bottom: 50px; background: #F7F8FC;}
.page-wyx .section-2 .item{ width: 285px; height: 266px; background:rgba(255,255,255,1); box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); float: left; margin-right: 19px;}
.page-wyx .section-2 .item:last-child{ margin-right: 0; }
.page-wyx .section-2 .item i{ display: block; width: 60px; height: 60px; background: url(../images/4f-icon.png) no-repeat; margin: 39px 0 0 21px;}
.page-wyx .section-2 .item_2 i{ background-position: -70px 0; }
.page-wyx .section-2 .item_3 i{ background-position: -140px 0; }
.page-wyx .section-2 .item_4 i{ background-position: -210px 0; }
.page-wyx .section-2 .item h2{ font-size:18px; font-family:PingFang SC; font-weight:600; color:rgba(51,51,51,1); line-height:24px; margin: 30px 0 0 21px;}
.page-wyx .section-2 .item span{ font-size:14px; font-family:PingFang SC; font-weight:400; color:rgba(132,132,132,1); line-height:30px; margin: 20px 25px 0 21px;  display: block;}

.page-wyx .section-3{ background: #2e65fb; padding-bottom: 150px;}
.page-wyx .section-3 .container{ position: relative; }
.page-wyx .section-3 .section-title h2{ color: #FFFFFF; }
.page-wyx .section-3 .content{ width: 1076px; height: 154px; background: rgba(255,255,255,1);box-shadow: 0px 20px 50px 0px rgba(72,76,91,0.27);border-radius: 5px;  position: absolute; bottom: -200px; left: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.page-wyx .section-3 .content .tit{ font-size: 30px; margin-left: 50px;}
.page-wyx .section-3 .content .items{display: flex; justify-content: space-around; align-items: center; margin-right: 80px;}
.page-wyx .section-3 .content .item{ margin-right: 30px; }
.page-wyx .section-3 .content .item:last-child{ margin-right: 0 }
.page-wyx .section-3 .content .item a{width:100px;height:100px;background:linear-gradient(-45deg,rgba(44,167,254,1),rgba(46,101,251,1));border-radius:50%;font-size:16px;font-weight:400;color:rgba(255,255,255,1);box-shadow:0px 20px 50px 0px rgba(72,76,91,0.27); display: flex; flex-direction: row; justify-content: center; align-items: center;}

.page-wyx .section-5{ margin-top:100px; }
.page-wyx .section-5 .list3{ margin-bottom:30px}
.page-wyx .section-5 .list3 ul{ display: flex;justify-content: space-between;}
.page-wyx .section-5 .list3 ul li{width:25%;text-align: center;padding:42px 41px 40px 49px; background:#F7F8FC; margin-right: 20px;}
.page-wyx .section-5 .list3 ul li h5{ font-size: 20px; color: #000; font-weight: 700; }
.page-wyx .section-5 .list3 ul li p{font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:26px;margin:21px auto 0;}
.page-wyx .section-5 .list3 ul li .img1{width:77px;height:100px;background:url(../images/7f-img.png); margin:0 auto;}
.page-wyx .section-5 .list3 ul li:nth-child(2) .img1{background-position: -77px 0;}
.page-wyx .section-5 .list3 ul li:nth-child(3) .img1{background-position: -154px 0;}
.page-wyx .section-5 .list3 ul li:nth-child(4) .img1{background-position: -231px 0;}

.page-wyx .section-6{ background: #2e65fb; }
.page-wyx .section-6 .section-title h2{ color: #FFFFFF; }

/*introduction*/
.page-introduction .index-slide{ height: 520px; position: relative; width: 100%; overflow: hidden;}
.page-introduction .index-slide .container{ position: relative; height: 520px; }
.page-introduction .index-slide .banner-cont{ padding-top: 160px; }
.page-introduction .index-slide .banner-cont .tit{ padding: 0; border: 0; border-radius: 0; width: auto; min-width: initial; font-size: 36px; position: relative;}
.page-introduction .index-slide .banner-cont .tit:after{ content: " "; width: 69px; height: 3px; background:linear-gradient(90deg,rgba(39,163,251,1),rgba(92,209,252,1)); position: absolute; bottom: -15px; left: 0 }
.page-introduction .index-slide .banner-cont .title{ width: 515px; margin-top: 50px;}
.page-introduction .index-slide .banner-cont .title span{ font-size: 20px; font-weight: 400; margin-top: 20px;}
.page-introduction .index-slide .bd{ position: absolute; width: 1920px; height: 520px; margin-left: -360px;}
.page-introduction .index-slide .bd li{ height: 520px; }
.page-introduction .index-slide .bd .item-1{ background: url(../images/00-banner.png) no-repeat center top; }

.page-introduction .section-1 {background:#F7F8FC;}
.page-introduction .section-1 .section-title a{color:#20A6FE;}
.page-introduction .section-1 .section-title p{ width:1080px;}

.page-introduction .section-2{ padding-bottom: 80px; }
.page-introduction .section-2 .list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page-introduction .section-2 .list ul li{
    width:32%;
    text-align: center;
    box-shadow:0px 5px 20px 0px rgba(181,193,225,0.4);
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.page-introduction .section-2 .list ul li p:nth-child(2),.page-introduction .list1 ul li p:nth-child(2){
    font-size:24px;
    font-weight:600;
    color:rgba(0,0,0,1);
    line-height:23px;
}
.page-introduction .section-2 .list ul li p:nth-child(2){
    margin:25px 0;
}
.page-introduction .section-2 .list ul li p:nth-child(3){
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:28px;
}

.page-introduction .section-3{
    background:rgba(46,101,251,1);
    border-radius:0px 445px 0px 0px;
}
.page-introduction .section-3 img{
    margin-bottom:79px;
}
.page-introduction .section-3 h2{
    color:rgba(255,255,255,1);
}
.page-introduction .section-4{
    padding-bottom: 50px;
    background: #F7F8FC;
}
.page-introduction .section-4 .list1 ul{
    display: flex;
    justify-content: space-between;
}
.page-introduction .section-4 .list1 ul li{
    width:24%;
    text-align: center;
    background: #FFFFFF;
}
.page-introduction .section-4 .list1 ul li img{ margin-top: 30px; }
.page-introduction .section-4 .list1 ul li:nth-child(1) img{
    margin-bottom:46px
}
.page-introduction .section-4 .list1 ul li:nth-child(2) img{
    margin-bottom:49px
}
.page-introduction .section-4 .list1 ul li:nth-child(3) img{
    margin-bottom:44px
}
.page-introduction .section-4 .list1 ul li:nth-child(4) img{
    margin-bottom:11px
}
.page-introduction .section-4 .list1 ul li p:nth-child(3){
    font-size:16px;
    padding:0 30px 25px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:28px;
    margin-top:21px;
}

/*license*/
.page-license .mod-like-table .col-item .th h3 {line-height: 80px;padding: 0;margin: 0;}
.page-license .index-slide{ height: 520px; position: relative; width: 100%; overflow: hidden;}
.page-license .index-slide .container{ position: relative; height: 520px; }
.page-license .index-slide .bd{ position: absolute; width: 1920px; height: 520px; margin-left: -360px;}
.page-license .index-slide .bd li{ height: 520px; }
.page-license .index-slide .bd .item-1{ background: url(../images/00-banner.jpg) no-repeat center top; }

.form-horizontal{ width: 65%; margin: 210px auto 0; overflow: hidden;}
.form-horizontal .par-left-input{ width: 70%; height: 60px; background: #FFFFFF; border-radius: 5px 0 0 5px; box-sizing: border-box; float:left;}
.form-horizontal .par-left-input .form-control{ width: 100%; height: 100%; border: 0; font-size: 20px; padding:10px 20px; height: 60px; box-sizing: border-box; border-radius: 10px 0 0 10px;}.form-horizontal .par-right-but{ width: 30%; float: left;height:60px;background:linear-gradient(90deg,rgba(39,163,251,1),rgba(92,209,252,1)); border-radius:0 5px 5px 0; border: 0; font-size: 20px; color: #FFFFFF;}
.license_wh{ font-size: 20px;text-decoration:underline; color: #F6FF00; line-height: 30px; text-align: center; margin-top: 50px; display: block;}
.license_wh:hover{ color: #F6FF00; }

.page-license .section-1{ padding-bottom: 60px; }
.page-license .section-1 .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 1220px;}
.page-license .section-1 .list .item{ width: 280px; margin-right: 20px; box-shadow:0px 5px 20px 0px rgba(181,194,226,0.4); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 40px 20px; box-sizing: border-box;}
.page-license .section-1 .list .item h2{ font-size: 20px; color: #000; font-weight: 700; margin-top: 20px;}
.page-license .section-1 .list .item .icon{ width: 70px; height: 74px; display: inline-block; background: url("../images/1f-icon.png") no-repeat;}
.page-license .section-1 .list .item span{ text-align: center; font-size: 14px; color: #666; margin-top: 20px; display: block; line-height: 20px;}
.page-license .section-1 .list .item1 .icon{ background-position: -4px 0px; }
.page-license .section-1 .list .item2 .icon{ background-position: -72px 0px; }
.page-license .section-1 .list .item3 .icon{ background-position: -141px 0px; }
.page-license .section-1 .list .item4 .icon{ background-position: -210px 0px; }

.page-license .section-2{ background: url(../images/2f-bg.png) no-repeat center top; height: 243px;}
.page-license .section-2 .btns{  text-align: center; margin-top: 100px; }
.page-license .section-2 .btn{ margin-right: 60px; width: 240px;height: 60px;line-height: 60px;font-size: 24px;}
.page-license .section-2 .btn:after{ margin-right: 0; }
.page-license .section-4 .content{ margin-bottom: 60px; }

.page-authorization .section-4{ padding-bottom: 87px; background: #F6F6F9; }
.page-authorization .section-4-1{ padding-bottom: 87px;  background: #f6f6f9;}
.page-authorization .section-4-1 .mod-like-table .col-item:hover{ transform: scale(1.02); }
.page-authorization .section-5{ padding-bottom: 87px;}
.page-authorization .section-6{ padding-bottom: 90px;}
.page-authorization .section-6 .s-content{ border-top: 1px solid #FA3737; box-shadow: 0 0 50px rgba(0,0,0,.1); height: 560px; background: #fff;}
.page-authorization .section-6 .s-l{ width: 336px; height: 326px; background: url(../images/05-img.png) no-repeat; float: left; margin: 130px 0 0 44px; }
.page-authorization .section-6 .s-r{ float: left; padding-top: 40px; margin-left: 68px; }
.page-authorization .section-6 .s-r dl{ width: 283px; float: left; font-size: 16px; margin-right: 90px;}
.page-authorization .section-6 .s-r dt{ color: #888; margin-bottom: 20px;}
.page-authorization .section-6 .s-r dd{ font-size: 14px; margin-bottom: 24px; }
.page-authorization .section-6 .s-r dd i{ display: inline-block; width: 24px; height: 20px; vertical-align: bottom; margin-right: 20px; background: url(../images/03-icon.png) no-repeat;}
.page-authorization .section-6 .s-r .s-btn{ display: inline-block; margin-top: 40px; border-radius: 4px; width: 115px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #FA322B; color: #FA322B; }
.page-authorization .section-6 .s-r .s-btn:hover{ background: #FA322B; color: #fff; }
.page-authorization .section-7{ background: #f6f6f9; }
.page-authorization .section-7 .s-hd{ font-size: 20px; margin-bottom: 18px; border-left: 2px solid #F82329; line-height: 16px; padding-left: 11px;}
.page-authorization .section-7 .list{ height: 340px; }
.page-authorization .section-7 .list li{ border: 1px solid #DCDCDC; height: 260px; transition: all .2s; overflow: hidden; background: #fff; text-align: center; box-sizing: border-box; padding: 35px 0;}
.page-authorization .section-7 .list li .img{ background: url(../images/06-icon.png) no-repeat; width: 60px; height: 82px; margin: 0 auto;}
.page-authorization .section-7 .s-section-1 li.item-1 .img{ background-position: 0 0; }
.page-authorization .section-7 .s-section-1 li.item-2 .img{ background-position: -64px 0; }
.page-authorization .section-7 .s-section-1 li.item-3 .img{ background-position: -132px 0; }
.page-authorization .section-7 .s-section-2 li.item-1 .img{ background-position: -199px 0; }
.page-authorization .section-7 .s-section-2 li.item-2 .img{ background-position: -266px 0; }
.page-authorization .section-7 .s-section-2 li.item-3 .img{ background-position: -333px 0; }
.page-authorization .section-7 .s-section-2 li.item-4 .img{ background-position: -400px 0; }
.page-authorization .section-7 .s-section-3 li.item-1 .img{ background-position: -468px 0; }
.page-authorization .section-7 .s-section-3 li.item-2 .img{ background-position: -534px 0; }
.page-authorization .section-7 .s-section-3 li.item-3 .img{ background-position: -601px 0; }
.page-authorization .section-7 .s-section-3 li.item-4 .img{ background-position: -668px 0; }
.page-authorization .section-7 .list li h3{ font-size: 18px; margin-bottom: 5px;}
.page-authorization .section-7 .list li .price{ font-size: 16px; color: #fa2929; margin-bottom: 10px;}
.page-authorization .section-7 .list li .price em{ color: #888; }
.page-authorization .section-7 .list li p{ font-size: 14px; color: #888888; margin: 0 38px; line-height: 1.8; height: 50px;}
.page-authorization .section-7 .list li p b{ color: #1c63f3; }
.page-authorization .section-7 .list li .btn-wrap{ padding-top: 15px; transition: all .2s; opacity: 0;}
.page-authorization .section-7 .list li .btn-wrap a{ width: 89px; height: 32px; border: 1px solid #DCDCDC; border-radius: 5px; display: inline-block; line-height: 32px; font-size: 13px; color: #888; margin: 0 3px;}
.page-authorization .section-7 .list li .btn-wrap a:hover{ color: #f9252a; border-color: #f9252a; }
.page-authorization .section-7 .list li .btn-wrap a.a-red{ background: #F9252A; color: #fff; border-color: #F9252A; }
.page-authorization .section-7 .list li .btn-wrap a.a-red:hover{ background: #e51e22; }
.page-authorization .section-7 .list li:hover{ height: 316px; }
.page-authorization .section-7 .list li:hover .btn-wrap{ opacity: 1; }



/*foot*/
.footer{ color: #999; font-size: 14px; background: #323845;}
.footer a{ color: #999; }
.footer a:hover{ color: #aaa; }
.footer .footer_service{ background: #272727; padding: 40px 0; }
.footer .footer_service li{ float: left; width: 300px; }
.footer .footer_service li i{ float: left; width: 50px; height: 50px; background: url(../images/bottom-icon.png) no-repeat;}
.footer .footer_service li.item-1 i{ background-position: 0 0; }
.footer .footer_service li.item-2 i{ background-position: -60px 0; }
.footer .footer_service li.item-3 i{ background-position: -120px 0; }
.footer .footer_service li.item-4 i{ background-position: -180px 0; }
.footer .footer_service li .text{ padding-left: 70px; }
.footer .footer_service li .text .h3{ font-size: 18px; color: #fff; }
.footer .footer_link{ padding-top: 44px; overflow: hidden; }
.footer .footer_link .ft-help-1{ float: left; width: 333px; position: relative;}
.footer .footer_link .ft-help-1 .logo img{ width: 159px; height: 65px;}
.footer .footer_link .ft-help-1 .btn{ width:150px;height:44px;background:linear-gradient(90deg,#1FA5FE,#5AD2FE);box-shadow:0px 5px 5px 0px rgba(37,169,254,0.17);border-radius:22px; color: #FFFFFF; display: inline-block; line-height: 44px; text-align: center; font-size: 16px; margin-top: 50px; padding: 0;}
.footer .footer_link .ft-help-1 .company{ font-size: 16px; color: #fff; margin-bottom: 15px;}
.footer .footer_link .ft-help-1 .number{ width: 191px; height: 62px; border: 1px solid #333539; }
.footer .footer_link .ft-help-1 .number .img{ width: 24px; height: 31px; float: left; background: url(../images/bottom-icon2.png) no-repeat left top; margin: 12px 0 0 15px;}
.footer .footer_link .ft-help-1 .number .info{ margin-left: 53px; margin-top: 10px; font-size: 13px; white-space: nowrap; }
.footer .footer_link .ft-help-1 .number .info h3{ color: #fff; margin-bottom: 2px; }
.footer .footer_link .ft-help-1 .stage h3{ padding: 15px 0; }
.footer .footer_link .ft-help-1 .stage .links a{ float: left; width: 20px; height: 20px; margin-right: 10px; background: url(../images/bottom-icon2.png) no-repeat; }
.footer .footer_link .ft-help-1 .stage .links a.item-1{ background-position: 0px -41px; }
.footer .footer_link .ft-help-1 .stage .links a.item-2{ background-position: -30px -41px; }
.footer .footer_link .ft-help-1 .stage .links a.item-3{ background-position: -60px -41px; }
.footer .footer_link .ft-help-1 .stage .links a.item-4{ background-position: -90px -41px; }
.footer .footer_link .ft-help-1 .stage .links a.item-5{ background-position: -120px -41px; }
.footer .footer_link .ft-help-2{ float: left; width: 250px; }
.footer .footer_link .ft-help-2 .contact{ margin-bottom: 14px; }
.footer .footer_link .ft-help-2 .contact i{ width: 24px; height: 24px; float: left; background: url(../images/bottom-icon.png) no-repeat center; margin: 5px 0 0 20px;}
.footer .footer_link .ft-help-2 .contact .text{ margin-left: 52px; }
.footer .footer_link .ft-help-2 .contact .text h3{font-size: 14px; color: #999;}
.footer .footer_link .ft-help-2 .contact .text p{ font-size: 23px; color: #59CFFA; }
.footer .footer_link .ft-help-2 .qrcode{ margin-right: -20px; }
.footer .footer_link .ft-help-2 .qrcode .item{ float: left; text-align: center; }
.footer .footer_link .ft-help-2 .qrcode .item .img{ width: 100px; height: 100px; background: url(../images/erweima1.jpg) no-repeat center; }
.footer .footer_link .ft-help-2 .qrcode .item-2{ margin-left: 20px;}
.footer .footer_link .ft-help-2 .qrcode .item-2 .img{ background: url(../images/erweima3.jpg) no-repeat center; }
.footer .footer_link .ft-help-2 .qrcode .item p{ line-height: 34px; color: #999; }
.footer .ft-menu{ float: left; width: 610px; }
.footer .ft-menu .menu-list{ float: left; width: 216px; }
.footer .ft-menu .menu-list dt{ font-size: 20px; color: #ccc; margin-bottom: 25px; }
.footer .ft-menu .menu-list a{ display: block; line-height: 30px; margin-bottom: 10px;}
.footer .ft-menu .menu-1{ width: 222px; }
.footer .ft-menu .menu-2{ width: 198px; }
.footer .ft-menu .menu-3{ width: 189px; }
.footer .footer_copy{ text-align: center; padding-bottom: 56px; margin-top: 50px; padding-top: 43px; border-top: 1px solid rgba(221,221,221,.1);}
.footer .footer_copy p{ line-height: 2; color: #737373;}
.footer .footer_copy p span{ margin: 0 10px; }
.footer .ft-solution{ text-align: center; margin-bottom: 39px; border-top: 1px solid #353535; border-bottom: 1px solid #353535; padding: 23px 0; }
.footer .ft-solution .item{ display: inline-block; margin: 0 25px;}
.footer .ft-solution span.item{ color: #fff; }
.footer .ft-friend{ padding-top: 10px; color: #ccc;}
.footer .ft-friend a{ margin: 0 5px; color:#737373 }

/*手机端*/
.page_mobile{ display: none; }
@media screen and (max-width: 768px){
    .page_pc{ display: none; }
    .page_mobile{ display: block; }
    .page_mobile{ overflow: hidden; }
    .suspension{ display: none; }

    /*base*/
    html{ font-size:12px; overflow: auto;}
    body{ font-size: 1rem; min-width: auto; overflow: auto;}
    *{ box-sizing: border-box; }
    *{-webkit-tap-highlight-color:rgba(0,0,0,0); }
    [type=email], [type=number], [type=password], [type=search], [type=text], button, select, textarea { font-family: inherit; font-size: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; }
    /* 7行代码实现手机端栅格布局（2~6列） */
    [data-row]:after,[data-row]:before{ content: " "; display: table; clear:both; }
    [data-row]>*{ float: left; }
    [data-row="2"]>*{ width: 50%; }
    [data-row="3"]>*{ width: 33.3333%; }
    [data-row="4"]>*{ width: 25%; }
    [data-row="5"]>*{ width: 20%; }
    [data-row="6"]>*{ width: 16.6666%; }
    .flex{ display: flex; }
    .flex-item{ flex: 1; }

    /*common*/
    .container{ width: auto; padding-left: 1rem; padding-right: 1rem; }
    .s-title{ padding-top: 3rem; text-align: center; margin-bottom: 2rem; }
    .s-title h2{ font-size: 1.8rem; margin-bottom: 1rem; }
    .s-title p{ color: #95989d; font-size: 1.2rem;}
    .s-title .crown{font-size: 1.1rem; background: url(../images/02-img1.png) no-repeat center bottom; padding-bottom: 0.6rem; margin-bottom: 0.7rem; }
    .s-title.white p{ color: #fff; }
    .shadow-box{ box-shadow: 0 0 3rem rgba(0,0,0,.08); border-radius: 0.7rem; background: #fff; margin-bottom: 2rem;}
    .list h3{ font-size: 1.3rem; margin-bottom: 0.2rem; }
    .list p{ color: #999; }
    .swiper-line-page .swiper-pagination-bullet-active{ background: #fff; }
    .swiper-line-page .swiper-pagination-bullet{ width: 25px; height: 2px; background: #fff; border-radius: 0; }
    .swiper-red-page .swiper-pagination-bullet-active{ background: #ef191a; }
    .btn-line{ height: 34px; width: 114px; line-height: 32px; font-size: 14px;}
    .btn-line-red{border: 1px solid #ED3C3F; color: #ED3C3F;}
    .btn-red2{ height: 34px; width: 114px; line-height: 34px; font-size: 14px;}
    .btn-red-shadow,
    .btn-blue-shadow{background-size: 200%; font-size: 14px; line-height: 34px; width: 114px; height: 51px;}
    .mob-banner img{ width: 100%; vertical-align: top; height: auto; }
    .img{ text-align: center; }
    .swiper-container img,
    .img img{ width: 100%; vertical-align: top; height: auto; }
    .bg-gray{ background: #f5f7fa; }
    .bg-lp{ background: #f9f7fc; } /* lighter purple 亮紫色 */
    .bg-b{ background: #4147f6; }
    .bg-black{ background: #000; }
    .mob-pb{ padding-bottom: 2rem; }
    /*tab*/
    .mob-swiper-tab{ background: #fff; padding-top: 3rem; border-radius: 1rem; box-shadow: 0 2px 17px rgba(55,55,55,.1); }
    .mob-swiper-tab .swiper-pagination{ background: #ebedf0; bottom: auto; top: 0;}
    .mob-swiper-tab .swiper-pagination .item{ float: left; width: 33.33%; color: #999; background: transparent; line-height: 3rem; margin: 0; border-radius: 0; height: auto; opacity: 1;}
    .mob-swiper-tab .swiper-pagination.page-row-2 .item{ width: 50%; }
    .mob-swiper-tab .swiper-pagination .item.swiper-pagination-bullet-active{ background: #fff; color: #333; }
    .mob-swiper-tab .swiper-slide .img{ margin: 2rem; }

    /*header*/
    .mob-header{-webkit-transform: translateZ(0); height: 4.2rem; padding: 1rem 0; background: #fff; border-bottom: 1px solid #efefef; position: fixed; left: 0; right: 0; z-index: 999;}
    .mob-header .hd-logo{ width: 6.7rem; height: 2.2rem; background: url(../images/logo.png) no-repeat top left; background-size: 6.5rem; float: left; }
    .mob-header .hd-extra{ float: right; }
    .mob-header .hd-extra .e-btn{ float: left; width: 7.15rem; height: 2.2rem; line-height: 2.2rem; background-size: 14.3rem; margin-right: 1rem;}
    .mob-header .hd-extra .menu-handler{ float: left; height: 2.2rem; width: 3rem; text-align: center; border: 1px solid #E5E5E5; border-radius: .3rem;}
    .mob-header .hd-extra .menu-handler i{ height: 1.1rem; width: 1.4rem; background: url(../images/menu.png) no-repeat center bottom; background-size: 1.4rem; display: inline-block; vertical-align: top; margin-top: .4rem; }
    .mob-header-padding{ height: 4.2rem; }
    .mob-header-menu{-webkit-transform: translateZ(0); position: fixed; top: 4.2rem; bottom: 0; background: #fff; bottom: 0; left: 0; right: 0; z-index: 100000; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); transform-origin: top; transform-style: preserve-3d; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; overflow-y: auto; overflow-x: hidden; opacity: 0; font-size: 1rem;}
    .mob-header-menu.active{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1;}
    .mob-header-menu .menu-list{  }
    .mob-header-menu .menu-item{ /*border-bottom: 1px solid #f9f9f9;*/ line-height: 3.4rem;}
    .mob-header-menu .menu-item>.container{ border-bottom: 1px solid #f6f6f6; }
    .mob-header-menu .menu-link{ display: block; position: relative; font-size: 1.3rem; color: #000}
    .mob-header-menu .menu-item-dropdown .menu-link:after{ content: ""; position: absolute; right: 0; top: 1.5rem; width: 0; height: 0; border: 1px solid transparent; border-width: 0.5rem 0.45rem 0 0.45rem; border-top-color: #666;}
    .mob-header-menu .dropdown-wrap{ display: none; overflow: hidden;}
    .mob-header-menu .menu-item-dropdown.active .dropdown-wrap{ background: #f9f9f9; display: block; -webkit-animation: fadeIn .5s; -moz-animation: fadeIn .5s; -o-animation: fadeIn .5s; animation: fadeIn .5s;}
    .mob-header-menu .menu-item-dropdown.active .menu-link:after{ transform: rotate(180deg); }
    .mob-header-menu .sub-menu{ float: left; width: 100%;}
    .mob-header-menu .sub-menu.no-border:after{ border-bottom: 0 none; }
    .mob-header-menu .sub-menu dt{ font-size: 1.3rem; border-bottom: 1px solid #ececec; padding-left: 2rem;}
    .mob-header-menu .sub-menu dd{ font-size: 1.3rem; border-bottom: 1px solid #ececec;}
    .mob-header-menu .sub-menu dd:last-child{ clear: right; }
    .mob-header-menu .sub-menu dd a{ display: block; padding-left: 3rem; color: #666;}
    .mob-header-menu .menu-item:nth-child(3) .sub-menu dd:nth-child(4),
    .mob-header-menu .menu-item:nth-child(6) .sub-menu:nth-child(1) dd:nth-child(3),
    .mob-header-menu .menu-item:nth-child(6) .sub-menu:nth-child(2),
    .mob-header-menu .menu-item:nth-child(6) .sub-menu:nth-child(3) dd:nth-child(3),
    .mob-header-menu .menu-item:nth-child(7){ display: none; }
    @keyframes fadeIn {
        0% {opacity: 0 }
        100% {opacity: 1 }
    }
    @keyframes fadeOut {
        0% {opacity: 1 }
        100% {opacity: 0 }
    }

    /*footer*/
    .mob-fixed-footer-padding{ height: 4.1rem; display: block; }
    .mob-fixed-footer{-webkit-transform: translateZ(0); position: fixed; bottom: 0; background: #fff; left: 0; right: 0; z-index: 999; font-size: 1.2rem; height: 4.2rem;}
    .mob-fixed-footer .f-btn{ display: block; width: 50%; transition: all .2s; text-align: center; height: 4.2rem; line-height: 4.2rem; color: #fff; font-size: 1.4rem;}
    .mob-fixed-footer .flex-item{ text-align: center; color: #666; transition: all .2s; overflow: hidden; border-top: 1px solid #efefef;}
    .mob-fixed-footer .flex-item.j-top{ color: #999; margin-left: -25%;}
    .mob-fixed-footer .flex-item i{ display: block; margin: .3rem auto .1rem; width: 2rem; height: 2rem; background: url(../images/icon.png) no-repeat; background-size: 290%; }
    .mob-fixed-footer .flex-item i.i-top{ background-position: 0 103%; }
    .mob-fixed-footer .flex-item i.i-tel{ background-position: 49% 0; }
    .mob-fixed-footer .flex-item i.i-see{ background-position: 102% 0; }
    .mob-fixed-footer .flex-item p{ font-size: 1rem; }
    .mob-fixed-footer.on .f-btn{ width: 40%; }
    .mob-fixed-footer.on .flex-item.j-top{ color: #666; margin-left: 0;}
    .mob-fixed-footer.on .flex-item i.i-top{ background-position: 0 0; }
    .mob-footer {color: #999;}
    .mob-footer a{ color: #999; }
    .mob-footer .footer_service{ background: #272727; padding: 2rem 0; }
    .mob-footer .footer_service li{}
    .mob-footer .footer_service li i{ display: block; width: 3rem; height: 3rem; margin: 0 auto .5rem; background: url(../images/bottom-icon.png) no-repeat; background-size: 440%;}
    .mob-footer .footer_service li.item-1 i{ background-position: 0 0; }
    .mob-footer .footer_service li.item-2 i{ background-position: 33.33% 0; }
    .mob-footer .footer_service li.item-3 i{ background-position: 66.66% 0; }
    .mob-footer .footer_service li.item-4 i{ background-position: 100% 0; }
    .mob-footer .footer_service li .text{ text-align: center;}
    .mob-footer .footer_service li .text .h3{ font-size: 1rem; color: #fff; color: #999;}
    .mob-footer .footer_main{ background: #222; padding: 2rem 0;}
    .mob-footer .footer_main .qr{ overflow: hidden; }
    .mob-footer .footer_main .qr .img{ float: left; width: 8rem; height: 8rem; margin-left: 2rem; }
    .mob-footer .footer_main .qr .img img{ width: 7rem; height: 7rem; vertical-align: top; }
    .mob-footer .footer_main .qr .text{ margin-left: 10.4rem; font-size: 1.2rem; padding-top: 1.8rem;}
    .mob-footer .footer_main .qr .text h3{ color: #fff; }
    .mob-footer .footer_main .tel{ color: #fff; font-size: 1.6rem; text-align: center; margin: 2rem 0 1.5rem; position: relative;}
    .mob-footer .footer_main .tel span{ background: #222; position: relative; z-index: 2; padding: 0 1rem;}
    .mob-footer .footer_main .tel:before{ content: ""; left: 1rem; right: 1rem; border-top: 1px solid #333; position: absolute; top: 1rem; }
    .mob-footer .footer_main .copy{ text-align: center; }

    /* fixed-form */
    .mob-fixed-form{ position: fixed; width: 100%; height: 490px; bottom: 0; transform: translate(0,100%); z-index: 1001; background-color: #fff; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; transition: transform .5s ease;}
    .mob-fixed-form.open{ transform: translate(0,0);}
    .mob-fixed-form .ff-top{ border-bottom: 1px solid #e8e8e8;}
    .mob-fixed-form .ff-top p{padding: 17px 0; font-size: 14px; line-height: 14px; color: #999; position: relative; text-align: center;}
    .mob-fixed-form .ff-top .close{display: inline-block; position: absolute; right: 20px; font-size: 24px; color: #b2b2b2;}
    .mob-fixed-form .ff-submit{ width: 300px; margin: 0 auto;}
    .mob-fixed-form .ff-submit .s-tel{ text-align: center; margin: 18px auto;}
    .mob-fixed-form .ff-submit .s-tel .text{ font-family: PingFangSC-Regular; font-size: 14px; color: #333; line-height: 27px;}
    .mob-fixed-form .ff-submit .s-tel .number{ display: inline-block; height: 36px; text-align: center; font-family: PingFangSC-Regular; font-size: 20px; color: #38f; letter-spacing: 0; line-height: 36px;}
    .mob-fixed-form .ff-submit .s-form{ border-top: 1px solid #e8e8e8; width: 300px;}
    .mob-fixed-form .ff-submit .s-form .intro{font-family: PingFangSC-Regular; font-size: 14px; color: #333; letter-spacing: 0; line-height: 27px; margin-top: 20px;}
    .mob-fixed-form .ff-submit .s-form input[type=text]{ border: 1px solid #bbb; border-radius: 2px; margin-top: 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 20px; color: #999; padding: 10px; outline: none;}
    .mob-fixed-form .ff-submit .s-form button{ background: #38f; border-radius: 2px; width: 100%; height: 40px; font-family: PingFangSC-Regular; font-size: 14px; color: #fff; text-align: center; outline: none; border: none; margin-top: 35px;}
    .mob-fixed-form-skin-orange .ff-submit .s-tel .number{ color: #F82728;}
    .mob-fixed-form-skin-orange .ff-submit .s-form button{ background: #f82728; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4MjcyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTUxMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #f82728 0%, #fe512d 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f82728), color-stop(100%,#fe512d)); background: -webkit-linear-gradient(left, #f82728 0%,#fe512d 100%); background: -o-linear-gradient(left, #f82728 0%,#fe512d 100%); background: -ms-linear-gradient(left, #f82728 0%,#fe512d 100%); background: linear-gradient(to right, #f82728 0%,#fe512d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82728', endColorstr='#fe512d',GradientType=1 );}
    .mask-bg{ display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(45,45,45,.6); top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;}


    .btns .btn {
        width: 7.5rem;
        display: inline-block;
        font-size: 1rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        margin-right: .5rem;
        border-radius: .1rem;
    }

    .page_mobile .mobile-banner{ font-size: 0; }
    .page_mobile .mobile-banner img{ width: 100%; }

    /*首页*/
    .page-index .mob-s1{padding-top: 67%; background: url(../images/00-banner.jpg) no-repeat center top; background-size: cover; position: relative;}
    .page-index .mob-s1 .banner-cont{ position: absolute; top: 0; left: 0; color: #FFFFFF; margin: 0 2rem; }
    .page-index .mob-s1 .banner-cont .tit{ border: .1rem solid rgba(255,255,255,.2); font-size: 1.1rem; border-radius: .2rem; display: inline-block; padding: .2rem .8rem; margin-top: 3rem;}
    .page-index .mob-s1 .banner-cont .title{ margin-top: 1rem; }
    .page-index .mob-s1 .banner-cont .title h3{ font-size: 1.5rem; line-height: 1.5; font-weight: 600;}
    .page-index .mob-s1 .banner-cont .title span{ font-size: 1.1rem; display: block; margin-top: .5rem;}
    .page-index .mob-s1 .banner-cont .btns{ margin-top: 1rem; }

    .page-index .mob-s2{ padding-bottom: 2rem; }
    .page-index .mob-s2 .list{ position: relative; }
    .page-index .mob-s2 .list:after{ content: " "; background: url(../images/1f-bg0.png) top no-repeat; position: absolute; top: 0; left: -1rem; right: -1rem; width: calc(100% + 2rem); height: 168px; z-index: -1; background-size: 150%;}
    .page-index .mob-s2 .list .item{ float: left; text-align: center;}
    .page-index .mob-s2 .list .item .number{ color: #2E65FB; }
    .page-index .mob-s2 .list .item .number span{ font-size: 3rem; font-weight: 600; }
    .page-index .mob-s2 .list .item .number em{ font-size: 1.6rem; vertical-align: top; }
    .page-index .mob-s2 .list .item:first-child .number em{ font-size: 1.1rem; }
    .page-index .mob-s2 .list .item:nth-child(1),.page-index .mob-s2 .list .item:nth-child(2){ width: 50%; margin-bottom: 2rem;}
    .page-index .mob-s2 .list .item:nth-child(3),.page-index .mob-s2 .list .item:nth-child(4),.page-index .mob-s2 .list .item:nth-child(5){ width: 33%; }
    .page-index .mob-s2 .list .item .txt{ color: #666; }

    .page-index .mob-s3{ background: #F7F9FC; padding-bottom: 2rem;}
    .page-index .mob-s3 .list .item{ background: #FFFFFF; margin: 0 0 1rem; border-radius: .3rem; padding: 1.1rem 1.1rem 2rem 1.1rem; }
    .page-index .mob-s3 .list .item .top{ padding-bottom: 1.5rem; border-bottom: .1rem solid #E6E6E6; }
    .page-index .mob-s3 .list .item .top h2{ font-size: 1.5rem; color: #333; }
    .page-index .mob-s3 .list .item .top span{ font-size: 1.2rem; color: #666; }
    .page-index .mob-s3 .list .item .bottom{ margin-top: 1rem; }
    .page-index .mob-s3 .list .item .bottom .desc{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; }
    .page-index .mob-s3 .list .item .bottom .desc i{ width: 22px;height: 20px; margin-right: 5px;display: inline-block; background: url("../images/2f-icon0.png") -2px -1px no-repeat; }
    .page-index .mob-s3 .list .item2 .info .bottom .desc i{ background-position: -25px -1px; }
    .page-index .mob-s3 .list .item3 .info .bottom .desc i{ background-position: -48px -1px; }
    .page-index .mob-s3 .list .item3 .info .bottom .desc span{ font-size: 1.2rem; }
    .page-index .mob-s3 .list .item .info .bottom .btn{ width: 8rem; height: 2.25rem; line-height: 2.25rem; background:linear-gradient(90deg,#1FA5FE,#5AD2FE); box-shadow:0 .5rem .5rem 0 rgba(37,169,254,.17); border-radius:4rem; text-align: center; color: #fff; margin: 2rem auto 0; display: block;}
    /*.page-index .mob-s3 .list .item:hover{ transform: translate(0, -15px); box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}*/

    .page-index .mob-s4{ padding-bottom: 3rem; }
    .page-index .mob-s4 .list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
    .page-index .mob-s4 .list .item{ width: 48%; box-shadow:0 .5rem 1.5rem 0 rgba(181,194,226,0.4); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 1rem; box-sizing: border-box; text-align: center; }
    .page-index .mob-s4 .list .item .icon{ width: 4rem; height: 4rem; display: inline-block;}
    .page-index .mob-s4 .list .item h2{ font-size: 1.3rem; color: #000; margin-top: 1rem;}
    .page-index .mob-s4 .list .item span{ font-size: 1rem; color: #666; margin-top: .5rem; }
    .page-index .mob-s4 .list .item1 .icon{ background: url("../images/3f-icon1.png") no-repeat; background-size: 100%; }
    .page-index .mob-s4 .list .item2 .icon{ background: url("../images/3f-icon2.png") no-repeat; background-size: 100%; }
    .page-index .mob-s4 .list .item3 .icon{ background: url("../images/3f-icon3.png") no-repeat; background-size: 100%; }
    .page-index .mob-s4 .list .item4 .icon{ background: url("../images/3f-icon4.png") no-repeat; background-size: 100%; }

    .page-index .mob-s5{ background: #F7F9FC; }
    .page-index .mob-s5 .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .page-index .mob-s5 .list .item{ width: 48%; display:flex; flex-direction: column; justify-content: flex-start; padding: 1.5rem 1rem; box-sizing: border-box; text-align: left; border: .1rem solid #ECECEC; background: #FFFFFF; margin-bottom: 1.5rem;}
    .page-index .mob-s5 .list .item .top{ padding-bottom: 1rem; border-bottom: .1rem solid #ECECEC; margin-bottom: 1rem; }
    .page-index .mob-s5 .list .item .top .icon{ font-size: 3rem; color: #3460F7; font-weight: bold; }
    .page-index .mob-s5 .list .item .top h2{ font-size: 1.3rem; color: #333; font-weight: bold;}
    .page-index .mob-s5 .list .item .info p{ color: #666; }

    .page-index .mob-s6{}
    .page-index .mob-s6 .list{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .page-index .mob-s6 .list .item{ width: 48%; box-shadow:0 .1rem .6rem 0 rgba(153,153,173,0.2); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 1.2rem .5rem; box-sizing: border-box; margin-bottom: 1rem;}
    .page-index .mob-s6 .list .item h2{ font-size: 1.2rem; color: #000; margin-top: 1rem;}
    .page-index .mob-s6 .list .item .icon{ width: 5rem; height: 5rem; display: inline-block; }
    .page-index .mob-s6 .list .item span{ text-align: center; font-size: 1rem; color: #666; margin-top: .5rem; display: block;}
    .page-index .mob-s6 .list .item1 .icon{ background: url("../images/5f-icon1.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item2 .icon{ background: url("../images/5f-icon2.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item3 .icon{ background: url("../images/5f-icon3.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item4 .icon{ background: url("../images/5f-icon4.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item5 .icon{ background: url("../images/5f-icon5.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item6 .icon{ background: url("../images/5f-icon6.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item7 .icon{ background: url("../images/5f-icon7.png") no-repeat; background-size: 100%; }
    .page-index .mob-s6 .list .item8 .icon{ background: url("../images/5f-icon8.png") no-repeat; background-size: 100%; }

    .page-index .mob-s7{background: #F7F9FC;}
    .page-index .mob-s7 .list .item{ background: #FFFFFF; margin: 0 0 1rem; border-radius: .3rem; padding: 1.1rem 1.1rem 2rem 1.1rem;box-shadow:0 .5rem 2rem 0 rgba(2,32,83,0.07);}
    .page-index .mob-s7 .list .item .img{ width: 10rem; margin:0 auto; }
    .page-index .mob-s7 .list .item .info .top h2{ text-align: center; font-size: 1.3rem; font-weight: bold; color: #333; margin-top: 1rem;}
    .page-index .mob-s7 .list .item .info .top span{ color: #666; font-size: 1.2rem; margin-top: 1rem; display: block; padding-left: 1rem; position: relative; padding-bottom: .8rem; border-bottom: .1rem solid #e6e6e6;}
    .page-index .mob-s7 .list .item .info .top span:after{ content: ""; position: absolute; width: .4rem; height: .4rem; border-radius: 50%; background-color: #3267FB; left: 0; top: .6em; }
    .page-index .mob-s7 .list .item .info .bottom{ font-size: 1.2rem; margin-top:1rem; color: #666; }

    .page-index .mob-s8{}
    .page-index .mob-s8 .top{ background:#182AF8; height: 23rem; }
    .page-index .mob-s8 .top .s-title h2{ color: #FFFFFF; }
    .page-index .mob-s8 .bottom{ position: relative; background-color: #FFFFFF; height: 22rem; }
    .page-index .mob-s8 .bottom .figure{ position: absolute; width: 14rem; height: 27rem; background: url("../images/7f-bg2.png") no-repeat; top: -15rem; left:50%; margin-left: -7rem; overflow: hidden; background-size: 100%;}
    .page-index .mob-s8 .bottom .figure li{ }
    .page-index .mob-s8 .bottom .figure li img{ width: 100%; padding:.4rem 1.4rem; box-sizing: border-box; }
    .page-index .mob-s8 .bottom .mian { position: absolute; bottom: 2rem; }
    .page-index .mob-s8 .bottom .mian ul{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .page-index .mob-s8 .bottom .mian li{ font-size: 0; width: 25%; text-align: center; margin-bottom: 1rem;}
    .page-index .mob-s8 .bottom .mian li i{ width: 6.7rem; height: 2.7rem; display: inline-block; }
    .page-index .mob-s8 .bottom .mian .itme1 i{ background: url("../images/7f-logo1.jpg") no-repeat; background-size: 100% }
    .page-index .mob-s8 .bottom .mian .itme2 i{ background: url("../images/7f-logo2.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme3 i{ background: url("../images/7f-logo3.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme4 i{ background: url("../images/7f-logo4.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme5 i{ background: url("../images/7f-logo5.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme6 i{ background: url("../images/7f-logo6.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme7 i{ background: url("../images/7f-logo7.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme8 i{ background: url("../images/7f-logo8.jpg") no-repeat; background-size: 100%}

    .page-index .mob-s8 .bottom .mian .itme1.on i{ background: url("../images/7f-logo1-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme2.on i{ background: url("../images/7f-logo2-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme3.on i{ background: url("../images/7f-logo3-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme4.on i{ background: url("../images/7f-logo4-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme5.on i{ background: url("../images/7f-logo5-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme6.on i{ background: url("../images/7f-logo6-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme7.on i{ background: url("../images/7f-logo7-hover.jpg") no-repeat; background-size: 100%}
    .page-index .mob-s8 .bottom .mian .itme8.on i{ background: url("../images/7f-logo8-hover.jpg") no-repeat; background-size: 100%}

    .mob-s10-common{ background:url("../images/02-img.jpg") no-repeat; padding-bottom: 5rem;}
    .mob-s10-common .s-title h2,
    .mob-s10-common .s-title p{ color: #FFFFFF; }
    .mob-s10-common .login{ background-color: #FFFFFF; padding: 3rem 2rem; box-shadow:10px 2px 24px 0px rgba(5,35,81,0.07); width: 24rem; margin: 0 auto; box-sizing: border-box;}
    .mob-s10-common .login .input-warp{ border: .1rem solid rgba(229,229,229,1); margin-bottom: 1.5rem; width: 100%;}
    .mob-s10-common .login .input-warp input{ border: 0; padding: 1rem; width: 100%; box-sizing: border-box; height: 3rem;}
    .mob-s10-common .login .btns{ display: flex; flex-direction: row; justify-content: space-between; margin-top: 2rem;}
    .mob-s10-common .login .btn{ width: 9rem; height: 3rem; line-height: 3rem; border-radius:2px; margin-right: 0; border:1px solid rgba(46,101,251,1); color: #2E65FB; font-size: 1.2rem;}
    .mob-s10-common .login .btn-submit{ background:linear-gradient(90deg,#2F66FB,#6188FD); box-shadow:0px 5px 5px 0px rgba(47,102,251,0.17); color: #FFFFFF; border-color: #6188FD;}
    .mob-s10-common .login .btn-submit:hover{ background:linear-gradient(90deg,#205BFA,#537EFE);}
    .mob-s10-common .login .btn-service:hover{ background:linear-gradient(90deg,#205BFA,#537EFE); color: #FFFFFF}

    .page-wyx .mob-s1{ padding-bottom: 2rem; }
    .page-wyx .mob-s1 .items{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .page-wyx .mob-s1 .items .item{ width: 49%; box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); display:flex; flex-direction: column; justify-content: flex-start; padding: 2rem 1rem; box-sizing: border-box; }
    .page-wyx .mob-s1 .items .item i{ display: block; width: 5rem; height: 5rem; background: url(../images/4f-icon.png) no-repeat; transform: scale(.8); margin-left: -.6rem;}
    .page-wyx .mob-s1 .items .item h2{ font-size: 1.3rem; color: #000; margin-top: 1rem;}
    .page-wyx .mob-s1 .items .item span{ font-size: 1.2rem; color: #666; margin-top: .5rem; }
    .page-wyx .mob-s1 .items .item_2 i{ background-position: -70px 0; }
    .page-wyx .mob-s1 .items .item_3 i{ background-position: -140px 0; }
    .page-wyx .mob-s1 .items .item_4 i{ background-position: -210px 0; }

    .page-wyx .mob-s2{ background-color: #267DFF; color: #FFFFFF; padding-bottom: 2rem;}
    .page-wyx .mob-s2 .list3 ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
    .page-wyx .mob-s2 .list3 ul li{ width: 48%; display:flex; flex-direction: column; justify-content: center; align-items: center; background-color: #FFFFFF; margin-bottom: 1rem; padding: 1rem;}
    .page-wyx .mob-s2 .list3 ul li h5{ font-size: 1.3rem; color: #000; font-weight: 700; }
    .page-wyx .mob-s2 .list3 ul li p{font-size:1.2rem;font-weight:400;color:rgba(102,102,102,1); text-align: center; margin-top:.5rem; }
    .page-wyx .mob-s2 .list3 ul li .img1{width:77px;height:77px;background:url(../images/7f-img.png); border-radius:50%; transform: scale(.6);}
    .page-wyx .mob-s2 .list3 ul li:nth-child(2) .img1{background-position: -77px 0;}
    .page-wyx .mob-s2 .list3 ul li:nth-child(3) .img1{background-position: -154px 0;}
    .page-wyx .mob-s2 .list3 ul li:nth-child(4) .img1{background-position: -231px 0;}

    .page-wyx .mob-s3{ margin-bottom: 2rem; }
    .page-wyx .mob-s3 .list .item{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #F7F9FC; padding: 1rem; margin-bottom: 2rem; }
    .page-wyx .mob-s3 .list .item i{ width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center;  border-radius: 50%; border: .1rem solid #999; font-size: 1rem; margin-right: 1rem;}
    .page-wyx .mob-s3 .list .item h2{ font-size: 1.2rem; color: #333;}

    .page-wyx .mob-s4{ background-color: #267DFF; }
    .page-wyx .mob-s4 .s-title h2{ color: #FFFFFF; }
    .page-wyx .mob-s4 .list .item{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color: #F7F9FC; padding:1rem; margin-bottom: 2rem; }
    .page-wyx .mob-s4 .list .item i{ width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center;  border-radius: 50%; border: .1rem solid #2680FF; color: #2680FF; font-size: 1rem; margin-right: 1rem;}
    .page-wyx .mob-s4 .list .item h2{ font-size: 1.2rem; color: #333; margin-right: 1rem;}
    .page-wyx .mob-s4 .list .item span{ color: #999; }

    .page-introduction .mob-s1{ padding-bottom: 3rem; }
    .page-introduction .mob-s1 .list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
    .page-introduction .mob-s1 .list .item{ width: 48%; box-shadow:0 .5rem 1.5rem 0 rgba(181,194,226,0.4); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 1rem; box-sizing: border-box; text-align: center; }
    .page-introduction .mob-s1 .list .item .icon{ width: 4rem; height: 4rem; display: inline-block;}
    .page-introduction .mob-s1 .list .item h2{ font-size: 1.3rem; color: #000; margin-top: 1rem;}
    .page-introduction .mob-s1 .list .item span{ font-size: 1rem; color: #666; margin-top: .5rem; }
    .page-introduction .mob-s1 .list .item1 .icon{ background: url("../images/1f-icon1.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s1 .list .item2 .icon{ background: url("../images/1f-icon2.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s1 .list .item3 .icon{ background: url("../images/1f-icon3.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s1 .list .item4 .icon{ background: url("../images/1f-icon4.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s1 .list .item5 .icon{ background: url("../images/1f-icon5.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s1 .list .item6 .icon{ background: url("../images/1f-icon6.png") no-repeat; background-size: 100%; }

    .page-introduction .mob-s2{ background-color: #2E65FB; color: #FFFFFF; padding-bottom: 2rem; }
    .page-introduction .mob-s2 img{ width: 100%; }

    .page-introduction .mob-s4 .list .item .icon{ width: 8rem; height: 8rem; display: inline-block;}
    .page-introduction .mob-s4 .list .item1 .icon{ background: url("../images/3f-img1.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s4 .list .item2 .icon{ background: url("../images/3f-img2.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s4 .list .item3 .icon{ background: url("../images/3f-img3.png") no-repeat; background-size: 100%; }
    .page-introduction .mob-s4 .list .item4 .icon{ background: url("../images/3f-img4.png") no-repeat; background-size: 100%; }

    .page-b2c .mob-s1 .list li{ margin-bottom: 2rem; }
    .page-b2c .mob-s1 .list li .img{ background: url(../images/01-icon.png) no-repeat; background-size: 22.5rem; margin-bottom: .7rem; width: 3.3rem; height: 3.3rem; }
    .page-b2c .mob-s1 .list li.item-1 .img{ background-position: 0 center; }
    .page-b2c .mob-s1 .list li.item-2 .img{ background-position: -3.8rem center; }
    .page-b2c .mob-s1 .list li.item-3 .img{ background-position: -7.6rem center; }
    .page-b2c .mob-s1 .list li.item-4 .img{ background-position: -11.4rem center; }
    .page-b2c .mob-s1 .list li.item-5 .img{ background-position: -15.2rem center; }
    .page-b2c .mob-s1 .list li.item-6 .img{ background-position: -19rem center; }
    .page-b2c .mob-s1 .list h3{ color: #1574fb; margin-bottom: 1rem;}
    .page-b2c .mob-s1 .list p{ height: 4.5rem; overflow: hidden; padding-right: 1rem; }

    .page-b2c .mob-s2{ padding-bottom: 2rem; }

    .page-b2c .mob-s3{ padding-bottom: 2rem; }
    .page-b2c .mob-s3 .items{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .page-b2c .mob-s3 .items .item{ width: 49%; box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); display:flex; flex-direction: column; justify-content: flex-start; padding: 2rem 1rem; box-sizing: border-box; }
    .page-b2c .mob-s3 .items .item i{ display: block; width: 5rem; height: 5rem; background: url(../images/4f-icon.png) no-repeat; transform: scale(.8); margin-left: -.6rem;}
    .page-b2c .mob-s3 .items .item h2{ font-size: 1.3rem; color: #000; margin-top: 1rem;}
    .page-b2c .mob-s3 .items .item span{ font-size: 1.2rem; color: #666; margin-top: .5rem; }
    .page-b2c .mob-s3 .items .item_2 i{ background-position: -70px 0; }
    .page-b2c .mob-s3 .items .item_3 i{ background-position: -140px 0; }
    .page-b2c .mob-s3 .items .item_4 i{ background-position: -210px 0; }

    .page-xiaochengxu .mob-s1 .nav{ background:rgba(255,255,255,1);box-shadow:0px 10px 30px 0px rgba(73,9,9,0.08);border-radius:10px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; position: relative; margin-top: 2rem;}
    .page-xiaochengxu .mob-s1 .nav .item{ width: 50%; margin: 1rem 0;}
    .page-xiaochengxu .mob-s1 .nav .item .num{ display: flex; flex-direction: row; justify-content: center; }
    .page-xiaochengxu .mob-s1 .nav .item .desc{ text-align: center; }
    .page-xiaochengxu .mob-s1 .nav .item .num .txt{ font-size: 2.4rem; font-family:Arial; font-weight:bold; color:#2E54FB; }
    .page-xiaochengxu .mob-s1 .nav .item .num .text{ font-size: 1.2rem; font-family:PingFangSC-Regular; color: #2E54FB;margin: .8rem 0 0 .2rem; }
    .page-xiaochengxu .mob-s1 .nav .item .desc{ font-family:PingFang SC;font-weight:400;color:rgba(136,136,136,1); }
    .page-xiaochengxu .mob-s1 .nav .item_1,
    .page-xiaochengxu .mob-s1 .nav .item_3{ border-right: 1px solid #E6E6E6; }
    .page-xiaochengxu .mob-s1 .nav:after{ content: ""; width: 100%; height: 1px; background: #E6E6E6; display: block; position: absolute; top: 50%; }

    .page-xiaochengxu .mob-s5{ padding-bottom: 2rem; }
    .page-xiaochengxu .mob-s5 .items{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
    .page-xiaochengxu .mob-s5 .items .item{ width: 49%; box-shadow:0px 5px 10px 0px rgba(61,52,75,0.08); display:flex; flex-direction: column; justify-content: flex-start; padding: 2rem 1rem; box-sizing: border-box; }
    .page-xiaochengxu .mob-s5 .items .item i{ display: block; width: 5rem; height: 5rem; background: url(../images/4f-icon.png) no-repeat; transform: scale(.8); margin-left: -.6rem;}
    .page-xiaochengxu .mob-s5 .items .item h2{ font-size: 1.3rem; color: #000; margin-top: 1rem;}
    .page-xiaochengxu .mob-s5 .items .item span{ font-size: 1.2rem; color: #666; margin-top: .5rem; }
    .page-xiaochengxu .mob-s5 .items .item_2 i{ background-position: -70px 0; }
    .page-xiaochengxu .mob-s5 .items .item_3 i{ background-position: -140px 0; }
    .page-xiaochengxu .mob-s5 .items .item_4 i{ background-position: -210px 0; }

    .page-xiaochengxu .mob-s6{background: #fcf7f8;}
    .page-xiaochengxu .mob-s6 .list .item-1{ height: 45rem; width: 25%; float: left; color: #fff; font-size: 16px;
    background: rgb(249,40,41); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,40,41,1) 0%, rgba(255,83,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(249,40,41,1) 0%,rgba(255,83,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(249,40,41,1) 0%,rgba(255,83,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f92829', endColorstr='#ff532e',GradientType=0 ); /* IE6-9 */ }
    .page-xiaochengxu .mob-s6 .list .item-1 dl{ padding-top: 5.6rem; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd{ padding: 2.35rem 0 2.35rem .5rem; border-bottom: 1px solid rgba(255,255,255,0.2); font-size: 1rem; text-align: center;}
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-6{ border-bottom: 0 none; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd i{ background: url(../images/2-icon.png) no-repeat; height: 1rem; width: 1rem; background-size: 6rem; display: inline-block; vertical-align: -0.1rem; margin-right: .2rem;}
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-1 i{ background-position: 0 0; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-2 i{ background-position: -1rem 0; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-3 i{ background-position: -2rem 0; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-4 i{ background-position: -3rem 0; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-5 i{ background-position: -4rem 0; }
    .page-xiaochengxu .mob-s6 .list .item-1 dl dd.dd-6 i{ background-position: -5rem 0; }
    .page-xiaochengxu .mob-s6 .list .item-2{ float: left; width: 75%; padding: 0 1rem; height: 45rem; border: 1px solid #E5E5E5; border-left: 0 none;}
    .page-xiaochengxu .mob-s6 .list .item-2 .i-hd{ overflow: hidden; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-hd .img{ float: left; vertical-align: bottom; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-hd .img img{ vertical-align: top; width: 10rem;}
    .page-xiaochengxu .mob-s6 .list .item-2 .i-hd h3{ font-size: 1.2rem; font-weight: 700; margin-left: 10.5rem; white-space: nowrap; padding-top: 2.5rem; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .bd-item{ font-size: 1rem; color: #888; height: 5.6rem;  background: #fff; padding-top: 1.4rem; border-radius: .2rem; margin-bottom: 0.7rem; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd.i-bd-shadow .bd-item{ box-shadow: 0 0 0.6rem rgba(0,0,0,.1); text-align: center;}
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star{ margin-right: 15px; background: url(../images/1-img03.png) repeat-y; display: block; margin: 0 auto 0.4rem; height: 11px; width: 74px;}
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-5{ background-position: 0 0; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-4{ background-position: 0 -11px; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-3{ background-position: 0 -22px; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-2{ background-position: 0 -33px; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-1-5{ background-position: 0 -44px; }
    .page-xiaochengxu .mob-s6 .list .item-2 .i-bd .i-star.star-1{ background-position: 0 -55px; }

    .page-xiaochengxu .mob-s7 .list li{ border-bottom: 1px solid #eaeaea; padding-bottom: 2rem; margin-bottom: 2rem; }
    .page-xiaochengxu .mob-s7 .list li.item-3{ border-bottom: 0 none; }
    .page-xiaochengxu .mob-s7 .list li:after{ content: ''; display: block; clear: both; }
    .page-xiaochengxu .mob-s7 .list li .img{ float: left; width: 36%; padding-top: 77%; background-repeat: no-repeat; background-size: contain; border-radius: 1rem;}
    .page-xiaochengxu .mob-s7 .list li.item-1 .img{ background-image: url(../images/5f-img1.png); margin-left: 5%;}
    .page-xiaochengxu .mob-s7 .list li.item-2 .img{ background-image: url(../images/5f-img2.png); margin-right: 5%; float: right;}
    .page-xiaochengxu .mob-s7 .list li.item-3 .img{ background-image: url(../images/5f-img3.png); margin-left: 5%;}
    .page-xiaochengxu .mob-s7 .list li.item-1 .text{ margin-left: 50%; }
    .page-xiaochengxu .mob-s7 .list li.item-2 .text{ margin-left: 5%; margin-right: 50%; }
    .page-xiaochengxu .mob-s7 .list li.item-3 .text{ margin-left: 50%; }
    .page-xiaochengxu .mob-s7 .list li .text{ padding-top: 25%; }
    .page-xiaochengxu .mob-s7 .list li .text h3{ font-size: 1.7rem; margin-bottom: .5rem; }
    .page-xiaochengxu .mob-s7 .btn-wrap{ text-align: center; }

    .page_mobile .mod-like-table .price-warp{ flex-direction: column; }
    .page_mobile .mod-like-table,
    .page_mobile .mod-like-table .col-hd .th,
    .page_mobile .mod-like-table .col-item .th h3,
    .page_mobile .mod-like-table .price-warp .price,
    .page_mobile .mod-like-table .price-warp .price-org{ font-size: .7rem; }
    .page_mobile .mod-like-table .i-ok:before,
    .page_mobile .mod-like-table .i-no:before,
    .page_mobile .mod-like-table .i-sf:before{ width: 1.5rem; height: 1.1rem; background-size: 200%; margin: -.55rem -.75rem; }
    .page_mobile .mod-like-table .th{ height: 6rem; }
    .page_mobile .mod-like-table .col-hd .th{ line-height: 6rem; }
    .page_mobile .mod-like-table .col-item .th h3{ padding-top: 1.4rem; }
    .page_mobile .mod-like-table .td{ height: 3.3rem; line-height: 3.3rem; white-space: nowrap;}
    .page_mobile .mod-like-table .td-col-2{ height: auto; }
    /*.page_mobile .mod-like-table .col{ width: 12%; }
    .page_mobile .mod-like-table .col-hd{ width: 40%; }*/
    .page_mobile .mod-like-table .tag{ width: 2.1rem; height: 2.1rem; background-size: contain; }
    .page_mobile .mod-like-table .td-col-2 .td-l{ display: none; }
    .page_mobile .mod-like-table .td-col-2 .td-r{ width: 100%; margin: -1px 0 0; }
    .page_mobile .mod-like-table .td-col-2 .td-r .td{ border-left: 0 none; border-right: 0 none; }
    .page_mobile .mod-like-table .td.td-row2{ height: 6rem; }
    .page_mobile .mod-like-table .td.td-row2-l1{  height: 6rem; line-height: 6rem; }
    .page_mobile .mod-like-table .col-hd{ background: #fff4f4; }
    .page_mobile .mod-like-table-blue .col-hd{ background: #D7F0FC; }
    .page_mobile .mod-like-table-purple .col-hd{ background: #f8f9fd; }
    .page_mobile .mod-like-table .col-item:hover{transform: scale(1);}

    .page-license .mob-s1{ padding-bottom: 3rem; }
    .page-license .mob-s1 .list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
    .page-license .mob-s1 .list .item{ width: 48%; box-shadow:0 .5rem 1.5rem 0 rgba(181,194,226,0.4); display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 1rem; box-sizing: border-box; text-align: center; }
    .page-license .mob-s1 .list .item h2{ font-size: 1.3rem; color: #000; font-weight: 700; margin-top: 1rem;}
    .page-license .mob-s1 .list .item .icon{ width: 70px; height: 74px; display: inline-block; background: url("../images/1f-icon.png") no-repeat;}
    .page-license .mob-s1 .list .item span{ text-align: center; font-size: 1rem; color: #666; margin-top: 1rem; display: block; line-height: 20px;}
    .page-license .mob-s1 .list .item1 .icon{ background-position: -4px 0px; }
    .page-license .mob-s1 .list .item2 .icon{ background-position: -72px 0px; }
    .page-license .mob-s1 .list .item3 .icon{ background-position: -141px 0px; }
    .page-license .mob-s1 .list .item4 .icon{ background-position: -210px 0px; }

    .page-download .mob-s2{ padding-bottom: 3rem; }
    .page-download .mob-s1 .img,
    .page-download .mob-s2 .img{ width: 80%; margin: 3rem auto 0; }
    .page-download .mob-s1 .s-title,
    .page-download .mob-s2 .s-title{ text-align: left; padding-top: 2rem; margin-bottom: 0;}
    .page-download .mob-s1 .s-title h2,
    .page-download .mob-s2 .s-title h2{ font-size: 1.6rem; }
    .page-download .mob-s1 .plat-icon,
    .page-download .mob-s2 .plat-icon{ width: 4rem; height: 4rem; background-size: 50%; margin-right: 1rem;}
    .page-download .mob-s1 .qr a,
    .page-download .mob-s2 .qr a{ color: #20A5FE; font-size:1.2rem; margin-top: 1rem; display: inline-block;}
    .page-download .mob-s3{background: url("../images/download-img.jpg") no-repeat;}
    .page-download .mob-s3 .s-title h2,
    .page-download .mob-s3 .s-title p{ color: #FFFFFF; }
    .page-download .mob-s3 .btns{ text-align: center; margin-bottom: 2rem;}
    .page-download .mob-s3 .btns .btn{ width: 10rem; height: 3rem; line-height: 3rem; margin-right: 0; font-size: 1.2rem; }
}