.mCustomScrollBox,.mCSB_scrollTools .mCSB_dragger,.mCSB_scrollTools .mCSB_draggerRail,.card-json,.table,.code-json,.mCSB_inside > .mCSB_container,.item-main{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
@keyframes rangeScale {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
  }
}
@keyframes addbig {
  0% {
    background-size:102%
  }
  25% {
     background-size:120%
  }
  50% {
     background-size:130%
  }
  75% {
     background-size:120%
  }
  100% {
    background-size:102%
  }
}
.header .header-reg a:last-child{ background:#0069d1}
.header .header-reg a:last-child:hover{box-shadow:0px 0px 4px 2px rgba(0,105,209,0.7)}
.content{ position: relative; overflow: inherit}

/*banners*/
.banners,.banners img{ width:100%;height:auto; overflow:hidden; position:relative; z-index:23425}
.banners .banner-wz{ width:100%; position:absolute;left:13%;top:38%; z-index:23426}
.banners .banner-wz h3{ float:left; width:100%; overflow:hidden; font-size:48px; color:#fff}
.banners .banner-wz p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#fff; margin-top:20px}
.banners .banner-wz span{ float:left; width:100%; overflow:hidden; margin-top:90px}
.banners .banner-wz span a{ float:left; width:180px; height:46px; overflow:hidden; line-height:46px;border-radius:23px; background:#fff; display:inline; margin-right:22px; text-align:center; font-size:16px; color:#0069d1}
.banners .banner-wz span a:first-child{ background:#0069d1; color:#fff}
.banners .banner-wz span a:hover{ background:#ffc04f; color:#fff}

/*导航列表*/
.col-list{ width:100%; position:absolute;left:0px;top:-80px; z-index:23455;background:rgba(0,0,0,0.5); height:80px;}
.col-list ul{ width:1484px; margin:0px auto; overflow:hidden; text-align:center }
.col-list ul li{display: inline-block; width:auto;height:80px; line-height:80px; padding-left:32px; font-size:18px; color:#9ea1ab; margin:0px 28px; letter-spacing:2px; cursor:pointer; position:relative}
.col-list ul .icon1{background:url(../images/icon-36-1.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon2{background:url(../images/icon-36-2.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon3{background:url(../images/icon-36-3.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon4{background:url(../images/icon-36-4.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon5{background:url(../images/icon-36-5.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon6{background:url(../images/icon-36-6.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .icon7{background:url(../images/icon-36-7.svg) no-repeat left center;background-size:24px auto; }
.col-list ul .slidehead{ color:#fff; border-bottom:3px #0064c8 solid;}
.col-content{width:100%; overflow:hidden;background:#fff;position:absolute;left:0px;top:0px; z-index:2345;transition:all 0.5s ease;box-shadow:0px 0px 7px 2px rgba(0,0,0,0.2)}
.col-content .col-item{ width:1484px; overflow:hidden; margin:0px auto; text-align:center;padding:20px 0px;}
.col-content .col-item span{ width:auto;display:inline-block; background: url(../images/icon-35.png) no-repeat right center; padding:8px 30px; line-height:32px}
.col-content .col-item span:last-child{ background:none}
.col-content .col-item span a{ font-size:14px; color:#808080;width:auto; padding:0px 30px; height:24px; display:inline-block; line-height:24px;border-radius:12px;     text-align: center;}
.col-content .col-item span a:hover{ background:#0069d1;color:#fff}
.slidecont{ box-shadow:0px 4px 5px 1px rgba(188,188,188,0.2); height:auto }
#layer3 .col-item{ text-align:left}
#layer3 .col-item span{ padding:0px 15px;}
#layer3 .col-item span a{ padding:0px 15px;}
#layer2 .col-item span a{ padding:0px 15px}
#layer4 .col-item span{ padding:0px 7px}
#layer4 .col-item span a{ padding:0px 15px}


/*发票识别*/
.col-gener{ width:100%; overflow:hidden; margin:120px auto 0px}
.col-gener .gener-head{ width:100%; overflow:hidden; margin:0px auto}
.col-gener .gener-head h3{width:100%; overflow:hidden; text-align:center; font-size:32px; color:#333}
.col-gener .gener-head p{width:80%; margin: auto; overflow:hidden; text-align:center; font-size:16px; color:#808080; line-height:30px; margin-top:22px}

.col-card{ width:1440px; overflow:hidden; border:1px #d9d9d9 solid;margin:40px auto 0px; position:relative; background:#fff}
.col-card .card-left{ float:left; width:960px; overflow:hidden; border-right:1px #d9d9d9 solid; height:640px; }
.col-card ul{ float:left; width:100%; overflow:hidden; height:59px; background:#f5f5f5; border-bottom:1px #d9d9d9 solid}
.col-card ul li{ float:left; width:479px; overflow:hidden; line-height:59px; text-align:center; font-size:24px; color:#23272b; cursor:pointer}
.col-card ul .default{ background:#0069d1; color:#fff; width:480px}
.col-card .card-list{ float:left; width:100%; overflow:hidden}
.col-card .card-panel{ float:left; width:100%; overflow:hidden; display:none; padding-bottom:4px;}
.col-card .card-list form{ width:880px; margin:20px auto 0px; }
.col-card .card-list form .data{ float:left; width:100%; height:54px; padding:0px; margin-top:20px; border:1px #dfdfdf solid; line-height:54px;border-radius:27px; padding:0px 20px}
.col-card .card-list form .submit{ float:right; width:120px; height:54px; padding:0px; margin-top:40px; border:none; line-height:54px;border-radius:27px; text-align:center; background:#0069d1; color:#fff; font-size:18px; cursor:pointer}
.col-card .card-list form .submit:hover{ background:#ffc04f}
.col-card .card-list .default{ display:inline}
.col-card .card-right{ float:right; width:478px; overflow:hidden;}
.col-card .card-head{float:left; width:100%; overflow:hidden; height:59px;border-bottom:1px #d9d9d9 solid; cursor:pointer}
.col-card .card-head span{ float:left; display:inline; width:auto; background:url(../images/icon-47.svg) no-repeat left center;background-size:33px; line-height:59px; margin-left:38px; padding-left:50px; font-size:24px; color:#212529}


.col-card .card-json{ float:left; width:100%; overflow:hidden; height:580px; padding:10px 3px 10px 10px; line-height:24px; font-size:14px; color:#333;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.col-card .card-code{ float:left; width:100%; overflow:hidden}
.col-card .card-code pre{ width:100%}
.mCSB_scrollTools{ width:6px}
.mCSB_inside > .mCSB_container{ margin-right:10px}
.mCSB_scrollTools .mCSB_draggerRail{ width:3px;border-radius:2px}
.mCSB_scrollTools .mCSB_draggerRail{ background:#f2f2f2}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#0069d1; width:3px}

.col-card .fp{ height:750px; position:relative;}
.fp .bigpic{ float:left; width:100%; height:639px; background:#ececec; overflow:hidden; border-bottom:1px #d9d9d9 solid; position:relative; text-align:center}
.fp .bigpic img{ width:auto; height:86%; margin-top:45px}
.fp .bigpic .selarea{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:2}
.selarea .sel{ border:2px #0069d1 solid; position:absolute; z-index:2}
.selarea .sel span{ float:left; width:48px; height:24px; line-height:24px; text-align:center; background:#0069d1; font-size:12px; color:#fff}
.selarea .sel-1{ width:23%; height:22%;left:22%;top:10%;}
.selarea .sel-2{ width:42%; height:21%;left:45.5%;top:11%;}
.selarea .sel-3{ width:65%; height:58%;left:20%;top:33%;}
.fp .smallpic{ float:left; width:100%; overflow:hidden; height:110px}
.fp .pic-list{ float:left; width:60%; overflow:hidden}
.fp .pic-item{ float:left; display:inline; width:130px; height:82px; padding:8px; border:2px #fff solid; margin:14px 0px 0px 30px}
.fp .pic-item img{ width:100%; height:100%}
.fp .pic-list .select{border:2px #0069d1 solid}
.fp-upimg{ float:right; display:inline; width:auto; margin:38px 40px 0px 0px}
.fp-upimg a{ width:112px; height:40px; display:block; line-height:40px; text-align:center;border-radius:20px; background:#0069d1; font-size:14px; color:#fff; cursor:pointer}
.fp-upimg a:hover{ background:#ffc04f}
.fp-prop{ width:100%; overflow:hidden; position:absolute;right:-100%;bottom:0px; z-index:23; background:rgba(34,38,42,0.95); padding:28px 42px;transition:all 0.4s ease}
.fp-prop span,.fp-prop p{ width:100%; display:block; font-size:12px; color:#ccc; line-height:20px; padding-left:4px}
.img-url{ width:100%; overflow:hidden; padding:10px 0px}
.img-url input{ float:left; width:49%; height:38px; line-height:38px; border:1px #4f5152 solid;border-radius:19px 0px 0px 19px; padding:0px; margin:0px; background:rgba(22,22,23,0.6); padding-left:15px; font-size:14px; color:#fff}
.img-url button{ float:left; width:13%; height:38px; line-height:38px; border:1px #4f5152 solid;border-radius:0px 19px 19px 0px; padding:0px; margin:0px; background:rgba(0,0,0,0.6); font-size:14px; color:#fff;border-left:none; cursor:pointer}
.img-url button:hover{background:rgba(0,0,0,0.9)}
.img-url samp{ float:left; width:auto; line-height:38px; font-size:16px; color:#ccc; padding:0px 20px}
.img-url .upimg{ float:left; width:112px; height:40px; position:relative;}
.img-url .upimg em{ width:100%; height:100%; overflow:hidden; display:block; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#0069d1;border-radius:20px;}
.img-url .upimg input{ width:100%; height:100%; position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0); cursor:pointer;font-size:0}
.img-url .upimg:hover em{box-shadow:0px 0px 4px 2px rgba(0,104,207,0.7)}
.fp .selarea .sel span{ width:28px; height:20px; line-height:20px}
.shadow{box-shadow: inset 0px 0px 17px 4px rgba(0,105,209,0.3);}
.fp-back{ width:20px; height:20px; position:absolute;right:35px;top:70px; background:url(../images/icon-39.svg) no-repeat center; z-index:2343; cursor:pointer}
.leftsilde{right:0px;}
.col-card .card-head h3{ float:left; display:inline; width:auto; background:url(../images/icon-57.svg) no-repeat left center;background-size:33px; line-height:59px; margin-left:38px; padding-left:50px; font-size:24px; color:#aaa;transition:none}
.col-card .card-head samp{ float:right; display:inline; width:20px; background:url(../images/icon-50.svg) no-repeat center; height:59px; margin-right:38px; background-size:20px;transition:all 0.4s ease}
.col-card .card-head:hover h3{background:url(../images/icon-37.svg) no-repeat left center;color:#212529; background-size:33px}
.col-card .card-head:hover samp{background:url(../images/icon-48.svg) no-repeat center; background-size:20px}

.fpres{ background:#fbfbfb; position:relative}
.fpres .card-head{ background:#f2f2f2}
.card-center{ float:left; width:100%; height:632px; overflow:hidden}
.fp-slide{width:84%; margin:40px auto 0px; overflow:hidden}
.fp-slide span{ float:left; width:88px; height:30px; border:1px #ddd solid;cursor:pointer; overflow:hidden; line-height:30px; text-align:center; font-size:16px; color:#333; display:inline; margin-right:10px}
.fp-slide .res{ background:#0069d1;border-color:#0069d1; color:#fff; }
.res-item{width:84%; overflow:hidden; margin:40px auto; background:#fff;box-shadow:0px 0px 5px 3px rgba(201,201,201,0.3);display:none }
.item-head{ float:left; width:100%; height:50px; line-height:50px; background:#0068cf}
.item-head span{ float:left; width:auto; padding-left:20px; font-size:16px; color:#fff}
.item-head p{ float:right; width:auto; padding-right:20px; font-size:22px; color:#fff; font-family:bahnschrift}
.item-main{ float:left; width:100%; height:420px; overflow:hidden; padding:15px; }
.item-main ul{ float:left; width:100%; height:auto; background:none; border:none}
.item-main ul li{ float:left; width:100%; line-height:20px; font-size:14px; color:#666; text-align:left; margin-top:10px}
.item-main ul li label{ color:#333}
.main{ display:block}
.code-bottom{ float:left; width:100%; overflow:hidden; border-top:1px #ddd solid; background:#f2f2f2; height:59px; cursor:pointer; position:relative; z-index:24234525}
.code-bottom span{ float:left; display:inline; width:auto; background:url(../images/icon-40.svg) no-repeat left center;background-size:33px; line-height:59px; margin-left:38px; padding-left:50px; font-size:24px; color:#aaa;transition:none}
.code-bottom samp{ float:right; display:inline; width:20px; background:url(../images/icon-50.svg) no-repeat center;transform:rotate(180deg); height:59px; margin-right:38px;background-size:20px;transition:all 0.4s ease}
.code-bottom:hover span{background:url(../images/icon-47.svg) no-repeat left center;color:#212529;background-size:33px;}
.code-bottom:hover samp{ background:url(../images/icon-48.svg) no-repeat center; transform:rotate(180deg);background-size:20px}

.code-main{ width:100%; height:632px; overflow:hidden; position:absolute;left:0px;top:100%;}
.code-json{ width:100%; height:100%; background:#fff; padding:15px}
.json{top:59px}
.table{ width:100%; height:632px; overflow:hidden; background:#fff; padding:10px}

/*财务报表*/
.cw-table{ float:left; width:100%; overflow:hidden; border:1px #333 solid}
.cw-head{ float:left; width:100%; overflow:hidden; height:48px; border-bottom:1px #333 solid; background:#e4e4e4; font-size:18px; color:#676d6e; line-height:48px; padding-left:12px;}
.cw-table ul{ float:left; width:100%; overflow:hidden; height:auto; background:none; border:none}
.cw-table ul li{ float:left; width:100%; overflow:hidden; height:30px;border-bottom:1px #333 solid; line-height:30px; text-align:center; font-size:12px; color:#5a5d5a}
.cw-table ul li span{ float:left; width:50%;border-right:1px #333 solid; height:30px}
.cw-table ul li em{ float:left; width:25%;border-right:1px #333 solid; height:30px}
.cw-table ul li p{ float:left; width:25%;}


/*产品定价*/
.col-price{ width:100%; overflow:hidden; margin-top:140px; background:url(../images/identbg-1.jpg) no-repeat center; height:750px}
.col-price .price-head{ width:1444px; overflow:hidden; margin:122px auto 0px}
.col-price .price-head h3{width:100%; overflow:hidden; text-align:center; font-size:32px; color:#333}
.col-price .price-head p{width:100%; overflow:hidden; text-align:center; font-size:16px; color:#808080; line-height:30px; margin-top:22px}
.col-price .price-head p a{ color:#0069d1}
.col-price .price-head p a:hover{ color:#ffc04f}
.col-price .price-main{ width:1444px; overflow:hidden; margin:40px auto 0px; color:#fff}
.col-price .price-left{ float:left; width:90px; overflow:hidden; background:#0069d1}
.col-price .price-title{ width:100%; overflow:hidden; height:44px; line-height:44px; text-align:center; background:#2b2b2b; font-size:16px; letter-spacing:3px}
.col-price .price-content{ width:100%; overflow:hidden; height:256px; line-height:256px; text-align:center;font-size:16px; letter-spacing:3px}
.col-price .price-right{ float:right; width:1342px; overflow:hidden; background:#fff}
.col-price .price-right .pitem{ float:left; overflow:hidden}
.col-price .price-right .item1{ width:230px}
.col-price .price-right .item2{ width:286px}
.col-price .price-right .item3{ width:367px}
.col-price .price-right .item4{ width:458px}
.col-price .price-right .ptitle{ width:100%; height:90px; text-align:center; line-height:44px; height:44px; font-size:16px}
.col-price .price-right .title1{ background:#4c96df}
.col-price .price-right .title2{ background:#3185d9}
.col-price .price-right .title3{ background:#1978d6}
.col-price .price-right .title4{ background:#0069d1}
.col-price .price-right .pcont{ width:100%; overflow:hidden; height:256px}
.col-price .price-right .pcont2,.col-price .price-right .pcont4{ background:#f7f7f7}
.col-price .price-right .pcont .price{ width:100%; overflow:hidden; text-align:center; margin-top:119px; font-size:16px; color:#333}
.col-price .price-right .pcont em{ width:100%; display:block; overflow:hidden; text-align:center; margin-top:140px}
.col-price .price-right .pcont em a{ width:70%; height:40px; display:inline-block; line-height:40px;border-radius:20px; font-size:16px; color:#fff; background:#ffc04f}
.col-price .price-right .pcont .act{margin-top:40px}
.col-price .price-right .pcont em a:hover{ background:#3185d9}
.col-price .price-right .pcont4 span{ width:50px; height:50px; border-radius:50%; display:block; margin:70px auto 0px; position:relative}
.pcont4 span samp{ width:50px; height:50px; border-radius:50%; background:#ffc04f url(../images/icon-46.png) no-repeat center; display:block; position:absolute; z-index:23424; }
.pcont4 span:before,.pcont4 span:after {background-color:rgba(255, 192, 79,0.3);content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;animation: rangeScale 3s linear infinite;z-index: 2;}
.pcont4 span:after {animation-delay: 1.5s;}
.col-price .price-right .pcont4 p{ width:100%; overflow:hidden; text-align:center; margin-top:35px}
.col-price .price-right .pcont4  a{ font-size:16px; color:#333}
.col-price .price-right .pcont4  a:hover{color:#ffc04f}
.col-price .price-bottom{ width:1444px; margin:36px auto 0px; overflow:hidden}
.col-price .price-bottom p{ float:left; width:100%; line-height:30px; font-size:14px; color:#666}
.col-price .price-bottom p a{ color:#3185d9}
.col-price .price-bottom p a:hover{color:#ffc04f}

/*服务模式*/
.cont-type{ width:1444px; margin:0px auto; overflow:hidden}
.cont-type .type-head{ width:100%; overflow:hidden; margin:120px auto 0px}
.cont-type .type-head h3{width:100%; overflow:hidden; text-align:center; font-size:32px; color:#333}
.cont-type .type-head p{width:100%; overflow:hidden; text-align:center; font-size:16px; color:#808080; line-height:30px; margin-top:22px}
.cont-type ul{ width:100%; overflow:hidden; margin-top:46px}
.cont-type ul li{ width:100%; overflow:hidden;}
.cont-type ul .type1{ background:#e6e6e6}
.cont-type ul .type2{ background:#f0f0f0}
.cont-type ul .type3{ background:#f7f7f7}
.cont-type ul .type1 .type-item{ background:#0069d1}
.cont-type ul .type2 .type-item{ background:#3084d7}
.cont-type ul .type3 .type-item{ background:#63a2e0}
.cont-type ul li .type-item{ float:left; width:430px; height:120px; overflow:hidden; text-align:center; color:#fff}
.cont-type ul li .type-item span{ float:left; width:100%; overflow:hidden; font-size:50px; font-family:bahnschrift; margin-top:20px}
.cont-type ul li .type-item em{ float:left; width:100%; overflow:hidden; font-size:16px;}
.cont-type ul li samp{ float:left; width:20px; height:120px; }
.cont-type ul .type1 samp{ background:url(../images/icon-42.png) no-repeat left center}
.cont-type ul .type2 samp{ background:url(../images/icon-43.png) no-repeat left center}
.cont-type ul .type3 samp{ background:url(../images/icon-44.png) no-repeat left center}
.cont-type ul li p{ float:left; display:inline; width:940px; line-height:120px; overflow:hidden; margin-left:33px; font-size:16px; color:#333}

/*注册*/
.col-reg{ width:100%; overflow:hidden; margin:120px auto 0px;  height:401px;}
.reg-add{background:url(../images/identbg-2.jpg) no-repeat center fixed; width:100%; height:100%; overflow:hidden}
.col-reg h3{ width:100%; overflow:hidden; margin-top:160px; text-align:center; font-size:32px; color:#fff}
.col-reg span{ width:100%; display:block; text-align:center; margin-top:40px}
.col-reg span a{ width:180px; height:48px; line-height:48px; display:inline-block; border-radius:24px; text-align:center; font-size:16px; color:#fff; background:#ffc04f}
.col-reg span a:hover{ box-shadow:0px 2px 8px 2px rgba(255,192,79,0.5);}

/*人脸识别*/
.face{ width:1444px; overflow:hidden; margin:40px auto 0px; border:1px #d6d6d6 solid; position:relative; z-index:234; background:#ececec}
.face-left{ float:left; width:15%; overflow:hidden;  border-right:1px #d6d6d6 solid; position:relative; background:#fff}
.face-top,.face-bottom{ float:left; width:100%; height:50px; background:#f5f5f5; position:relative;top:0px; cursor:pointer}
.face-top .swiper-button-prev{ left:0px; width:100%; height:100%; background:#0069d1 url(../images/icon-53.svg) no-repeat center;background-size:30px; margin-top:-25px}
.face-top .swiper-button-prev.swiper-button-disabled{background:url(../images/icon-50.svg) no-repeat center; cursor:pointer;background-size:30px}
.face-bottom .swiper-button-next{ left:0px; width:100%; height:100%; background:#0069d1 url(../images/icon-52.svg) no-repeat center;background-size:30px; margin-top:-25px}
.face-bottom .swiper-button-next.swiper-button-disabled{background:url(../images/icon-51.svg) no-repeat center;background-size:30px}
.face-left .swiper-container{ float:left; width:100%;height:520px; overflow:hidden; padding:30px 0px}
.face-left .swiper-slide {display:-webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content:center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; cursor:pointer}
.face-left .swiper-slide img{ width:60%; height:auto;border:1px #fff solid; padding:6px}
.face-left .border img{border:1px #0069d1 solid;}
.face-right{float:right; width:15%; overflow:hidden;  border-left:1px #d6d6d6 solid; position:relative;background:#fff}
.face-right .swiper-container{ float:left; width:100%;height:520px; overflow:hidden; padding:30px 0px}
.face-right .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; cursor:pointer}
.face-right .swiper-slide img{ width:60%; height:auto;border:1px #fff solid; padding:6px}
.face-right .border img{border:1px #0069d1 solid;}
.face-main{ float:left;width:70%; overflow:hidden}
.face-main .face-res{ float:left; width:100%; overflow:hidden; margin:50px auto 0px}
.face-main .face-res span{ float:left; width:100%; overflow:hidden; text-align:center; font-size:24px; color:#0069d1}
.face-main .face-res p{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#333; margin-top:12px}
.face-content{ float:left; width:50%; overflow:hidden; padding:0px 25px 0px 40px; margin-top:25px}
.face-content:nth-child(3){padding:0px 40px 0px 25px}
.face-cont{ float:left; width:100%; overflow:hidden; position:relative}
.face-img{ float:left; width:100%;text-align:center; height:400px; overflow:hidden; background:#fff}
.face-img img{ width:auto;height:100% }
.face-up{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:234; background:rgba(0,0,0,0.7); height:70px}
.face1{ float:left; display:inline; width:55%; overflow:hidden; margin:18px 0px 0px 20px}
.face1 input{ float:left; width:71%; height:34px; line-height:34px; border:1px #4f5152 solid;border-radius:17px 0px 0px 17px; padding:0px; margin:0px; background:rgba(22,22,23,0.4); padding-left:15px; font-size:14px; color:#fff}
.face1 button{ float:left; width:29%; height:34px; line-height:28px; border:1px #4f5152 solid;border-radius:0px 17px 17px 0px; padding:0px; margin:0px; background:rgba(22,22,23,0.9);font-size:14px; color:#999; border-left:0px; text-align:center; cursor:pointer}
.face1 button:hover{background:rgba(22,22,23,1)}
.face-up samp{ float:left; width:auto; line-height:70px; padding:0px 10px; font-size:16px; color:#999}
.face2{ float:left; width:99px; height:36px; position:relative;border-radius:18px; margin-top:16px; cursor:pointer}
.face2 span{ width:100%; height:100%; overflow:hidden; display:block; line-height:36px; text-align:center; font-size:14px; color:#fff; background:#0069d1;border-radius:18px;cursor:pointer}
.face2 input{ width:100%; height:100%; position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0); cursor:pointer; font-size:0px}
.face2:hover span{box-shadow:0px 0px 4px 2px rgba(0,104,207,0.7)}
.face-notice{ float:left; width:100%; overflow:hidden; line-height:20px; text-align:center; font-size:12px; color:#808080; margin-top:25px}
.face-head{ float:left; width:100%; overflow:hidden; text-align:center; border-top:1px #d6d6d6 solid; height:60px; background:#f5f5f5; line-height:60px; font-size:24px; color:#aaaaaa}
.face-head span{ background:url(../images/icon-40.svg) no-repeat left center;background-size:33px; padding-left:50px}
.face-code{ float:left; width:100%; overflow:hidden; background:#fff; border-top:1px #d6d6d6 solid; padding:40px 15%; line-height:24px; font-size:14px; color:#666}

/*pay*/
.mains{ width:1440px; overflow:hidden; margin:-480px auto 0px; position:relative; z-index:32345}
.pay-back{ width:100%; overflow:hidden; font-size:14px; color:#fff}
.pay-back a{ color:#fff}
.pay-main{ width:100%; overflow:hidden; background:#fff; margin-top:20px; border-top:10px #0069d1 solid; padding-bottom:50px}
.pay-head{ width:92%; overflow:hidden; margin:75px auto 0px; border-bottom:1px #e0e0e0 solid}
.pay-head h3{ width:100%; overflow:hidden; font-size:32px; color:#1c2736}
.pay-head p{ width:100%; overflow:hidden; font-size:20px; color:#808080; padding:29px 0px 39px}
.pay-item{ width:92%;margin:40px auto 0px; border-bottom:1px #e0e0e0 solid; padding-bottom:40px}
.pay-title{ width:100%; overflow:hidden; border-left:4px #0069d1 solid; font-size:16px; color:#333; font-weight:bold; padding-left:10px}
.pay-item ul{ width:100%; overflow:hidden; margin-top:42px}
.pay-item ul li{ float:left; display:inline; width:80px; height:30px; line-height:30px; text-align:center; margin-right:1px; font-size:14px; color:#999; background:#e9ecef; cursor:pointer}
.pay-item ul li:first-child{border-radius:15px 0px 0px 15px;}
.pay-item ul li:last-child{border-radius:0px 15px 15px 0px;}
.pay-item ul .active{ background:#0069d1; color:#fff}
.pay-col{ width:100%; overflow:hidden; margin-top:20px; height:32px;border-radius:16px; line-height:32px; background:#e9ecef}
.pay-col span{ font-size:14px; color:#1c2736; font-weight:bold; margin-left:40px}
.pay-list{ width:110%; overflow:hidden; padding:20px 0px 10px}
.pay-list span{ float:left; width:14.2%; height:30px; line-height:30px; text-align:center; border:1px #ddd solid;border-radius:15px; display:inline; margin:13px 13px 0px 0px; overflow:hidden; font-size:14px; color:#333;transition:all 0.4s ease; cursor:pointer}
.pay-list .active{ background:#0069d1;border-color:#0069d1; color:#fff}
.pay-notice{ width:100%; overflow:hidden; font-size:14px; color:#666; margin-top:24px}
.pay-cont{ width:100%; overflow:hidden; margin-top:8px}
.pay-cont p{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:14px; color:#aaa}
.pay-num{ width:280px; height:46px;border-radius:23px;border:2px #0069d1 solid; margin-top:34px; position:relative; cursor:pointer}
.pay-num input{ float:left; width:80%; height:46px; line-height:46px; border:none;background:none;padding:0px 10px}
.pay-num span{ float:left; width:20%; height:40px; background:url(../images/icon-54.svg) no-repeat center; background-size:15px}
.pay-sel{ width:100%; display:none; overflow:hidden; position:absolute;left:0px;top:46px; z-index:23; background:#fff;box-shadow:3px 0px 3px 3px rgba(0,0,0,0.1)}
.pay-sel span{ float:left; width:100%; height:30px; line-height:30px; background:none; cursor: pointer}
.pay-sel span a{ display:block; padding:0px 32px;}
.pay-sel span a:hover{ background:#eee}


.pay-bottom{ width:92%; overflow:hidden; margin:0px auto; padding:54px 0px 110px}
.pay-left{ float:left; width:auto; font-size:16px; color:#333}
.pay-left span{ color:#ffc04f; font-size:50px}
.pay-submit{ float:right; width:auto; padding-right:4px}
.pay-submit a{float:right; width:156px; height:44px;border-radius:22px;line-height:44px; text-align:center; background:#ffc04f url(../images/icon-55.svg) no-repeat 30px center;background-size:22px; font-size:16px; color:#fff; padding-left:20px; cursor:pointer}
.pay-submit a:hover{box-shadow:0px 0px 4px 2px rgba(255,192,79,0.7)}

.cw .card-left,.cw .card-right{ width:50%}





/*slick.css*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }