.pop .btns button,.pop .pop-cont {
    text-align: center;
    background-color: #fff
}

.clearfix:after {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    clear: both
}

.clearfix {
    zoom:1}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.pop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100
}

.pop.pop-mask {
    background-color: rgba(0,0,0,.7)
}

.pop .pop-cont {
    width: 240px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 40px;
    margin-left: -160px;
    margin-top: -127px
}

.pop .pop-cont.fail .tit:before,.pop .pop-cont.success .tit:before {
    content: '\e62b';
    display: block;
    margin: 0 auto 20px;
    font-family: iconfont;
    font-size: 44px;
    color: #40cca0
}

.pop .pop-cont.fail .tit:before {
    content: '\e642';
    color: #fc625d
}

.pop .pop-cont.tips-edit-fail,.pop .pop-cont.tips-edit-suc,.pop .pop-cont.tips-fail,.pop .pop-cont.tips-suc {
    width: 260px;
    padding: 24px 0
}

.pop .pop-cont.tips-edit-fail .tit,.pop .pop-cont.tips-edit-suc .tit,.pop .pop-cont.tips-fail .tit,.pop .pop-cont.tips-suc .tit {
    height: 32px;
    line-height: 32px
}

.pop .pop-cont.tips-edit-fail .tit:before,.pop .pop-cont.tips-edit-suc .tit:before,.pop .pop-cont.tips-fail .tit:before,.pop .pop-cont.tips-suc .tit:before {
    content: '\e62b';
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    font-family: iconfont;
    color: #40cca0;
    font-size: 32px
}

.pop .pop-cont.tips-edit-fail .btns,.pop .pop-cont.tips-edit-suc .btns,.pop .pop-cont.tips-fail .btns,.pop .pop-cont.tips-suc .btns {
    display: none
}

.pop .pop-cont.tips-fail .tit:before {
    content: '\e642';
    color: #fc625d
}

.pop .pop-cont.tips-edit-suc .tit:before {
    content: '\e643'
}

.pop .pop-cont.tips-edit-fail .tit:before {
    content: '\e643';
    color: #fc625d
}

.pop .pop-cont.from input {
    width: calc(100% - 22px);
    padding: 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 1
}

.pop .pop-cont.from input:focus {
    border-color: #27c8e8
}

.pop .pop-cont.other {
    padding: 35px 40px
}

.pop .colse-btn {
    font-family: iconfont;
    cursor: pointer;
    font-size: 10px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
    height: 10px;
    color: #ccc
}

.pop .tit {
    font-size: 18px;
    color: #333;
    position: relative;
    vertical-align: top
}

.pop .msg {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.pop .btns {
    margin-top: 30px
}

.pop .btns button {
    width: 108px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    border-radius: 4px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.pop .btns button:hover {
    border-color: #333
}

.pop .btns button:active {
    border-color: #333;
    background-color: #333;
    color: #fff
}

.pop .btns button.yes-btn {
    border-color: #27c8e8;
    background-color: #27c8e8;
    color: #fff;
    margin-left: 24px
}

.pop .btns button.yes-btn:hover {
    background-color: #00b5d8;
    border-color: #00b5d8
}

.pop .btns button.yes-btn:active {
    background-color: #35c8e6;
    border-color: #35c8e6
}

.aboutus .aboutus-bottom>div:hover a,.hzhb .link-friends>ul>li a:hover,.hzhb h3>a:hover {
    text-decoration: underline
}

.aboutus .aboutus-bottom>.aboutus-bottom-left:hover,.aboutus .aboutus-bottom>.aboutus-bottom-middle:hover,.aboutus .aboutus-bottom>.aboutus-bottom-right:hover,.contactus .contactus-form button,.download h2 span {
    cursor: pointer
}

.clearfix:after,.hzhb .company-lists:after {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    clear: both
}

.clearfix,.hzhb .company-lists {
    zoom:1}

.clearfix:after,.clearfix:before,.hzhb .company-lists:after,.hzhb .company-lists:before {
    content: "";
    display: table
}

.download ul.SDK-cont,.polyPay .all-scene ul {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    -webkit-text-justify: distribute-all-lines;
    -moz-text-justify: distribute-all-lines
}

.ap .read-doc,.product {
    text-align: center
}

.download ul.SDK-cont:after,.polyPay .all-scene ul:after {
    content: '';
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.apply-pay-infor {
    position: relative;
    overflow: hidden
}

.ap {
    padding: 100px 0 150px;
    position: relative;
    z-index: 2
}

.ap h2 {
    font-size: 110px
}

.ap h2 span {
    font-size: 40px;
    display: block;
    line-height: 1.5
}

.ap h2 strong {
    font-size: 70px
}

.ap .ap-icon {
    font-size: 40px;
    line-height: 55px;
    margin-top: 55px
}

.ap .ap-icon img {
    width: 86px;
    vertical-align: top;
    margin: 0 10px
}

.ap h3 {
    font-size: 30px;
    line-height: 52px;
    margin-top: 100px
}

.ap h3 img {
    margin-left: 20px;
    vertical-align: middle
}

.ap .ap-address,.ap .ap-detail {
    font-size: 14px;
    line-height: 26px;
    margin-top: 40px
}

.ap .ap-address {
    margin-top: 90px
}

.ap .ap-address a {
    color: #2575e9
}

.ap dl {
    margin-top: 95px
}

.ap dl dt {
    font-size: 30px;
    margin-bottom: 45px
}

.ap dl dd {
    font-size: 14px;
    line-height: 26px
}

.ap .read-doc {
    display: inline-block;
    zoom:1;width: 298px;
    height: 98px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    line-height: 98px;
    margin-top: 96px
}

.ap .read-doc:hover {
    border-color: #333
}

.iphone {
    position: absolute;
    right: -250px;
    top: 160px;
    -webkit-animation: zoomIn 10s ease-in-out infinite alternate;
    -moz-animation: zoomIn 10s ease-in-out infinite alternate;
    -ms-animation: zoomIn 10s ease-in-out infinite alternate;
    animation: zoomIn 10s ease-in-out infinite alternate
}

.product .banner {
    height: 500px;
    background: url(../images/product-bnr-bg.png) 50% 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover
}

.product .banner .main {
    position: relative
}

.product .banner .btn-download {
    border-radius: 23px;
    background-color: #27c8e8;
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    margin-left: -60px;
    position: absolute;
    top: 350px;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .banner .btn-download:hover {
    background: #00b5d8
}

.product .banner .btn-download:active {
    background: #27c8e8
}

.product .pay_product {
    margin-top: 90px
}

.product .pay_product .main {
    width: 1020px
}

.product .pay_product .title {
    font-size: 34px;
    padding-top: 86px;
    position: relative
}

.product .pay_product .title:before {
    content: '\e624';
    color: #27c8e8;
    font-family: iconfont;
    font-size: 68px;
    width: 61px;
    height: 61px;
    margin-left: -34px;
    position: absolute;
    top: 0;
    left: 50%
}

.product .pay_product .describe {
    line-height: 32px;
    color: #666;
    font-size: 18px;
    margin-top: 15px
}

.product .pay_product .describe .tast_href {
    color: #00aecf;
    padding: 0 7px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .pay_product .describe .tast_href:hover {
    color: #0098b6;
    text-decoration: underline
}

.product .pay_product .pay_list {
    margin-top: 60px
}

.product .pay_product .pay_list .tab_title {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    padding: 28px 0
}

.product .pay_product .pay_list .tab_title ul {
    display: inline-block;
    position: relative
}

.product .pay_product .pay_list .tab_title li {
    line-height: 24px;
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .pay_product .pay_list .tab_title li:nth-child(1) {
    margin-left: 0;
    width: 45px
}

.product .pay_product .pay_list .tab_title li:nth-child(2) {
    margin-left: 100px;
    width: 90px
}

.product .pay_product .pay_list .tab_title li:nth-child(3) {
    margin-left: 80px;
    width: 95px
}

.product .pay_product .pay_list .tab_title li:nth-child(4) {
    margin-left: 80px;
    width: 80px
}

.product .pay_product .pay_list .tab_title li:nth-child(5) {
    margin-left: 60px;
    width: 135px
}

.product .pay_product .pay_list .tab_title li:nth-child(6) {
    margin-left: 55px;
    width: 90px
}

.product .pay_product .pay_list .tab_title li.underline {
    z-index: 3;
    border: 0;
    width: 50px;
    height: 1px;
    background: #27c8e8;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: -31px
}

.product .pay_product .pay_list .tab_title li.cur,.product .pay_product .pay_list .tab_title li:hover {
    color: #27c8e8
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(1)~.underline {
    left: 0;
    width: 45px
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(2)~.underline {
    left: 145px;
    width: 90px
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(3)~.underline {
    left: 315px;
    width: 95px
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(4)~.underline {
    left: 490px;
    width: 80px
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(5)~.underline {
    left: 630px;
    width: 135px
}

.product .pay_product .pay_list .tab_title li.cur:nth-child(6)~.underline {
    left: 820px;
    width: 90px
}

.product .pay_product .pay_list .tab_cont {
    width: 1020px;
    height: 650px;
    overflow: hidden;
    margin: 20px auto 0;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .pay_product .pay_list .tab_cont .pay_scene {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .pay_product .pay_list .tab_cont .pay_scene.active {
    opacity: 1
}

.product .pay_product .pay_list .tab_cont .pro_item {
    border: 1px solid #ccc;
    width: 240px;
    height: 100px;
    line-height: 30px;
    text-align: left;
    padding: 17px 0 0 88px;
    margin: 30px 20px 0 0;
    box-sizing: border-box;
    position: relative
}

.product .pay_product .pay_list .tab_cont .pro_item:before {
    width: 88px;
    height: 98px;
    line-height: 98px;
    text-align: center;
    font-family: iconfont;
    font-size: 32px;
    position: absolute;
    top: 0;
    left: 0
}

.product .pay_product .pay_list .tab_cont .pro_item:nth-child(4n) {
    margin-right: 0
}

.product .pay_product .pay_list .tab_cont .pro_item.zfb:before {
    content: '\e623'
}

.product .pay_product .pay_list .tab_cont .pro_item.wx:before {
    content: '\e615'
}

.product .pay_product .pay_list .tab_cont .pro_item.yl:before {
    content: '\e651'
}

.product .pay_product .pay_list .tab_cont .pro_item.bd:before {
    content: '\e602'
}

.product .pay_product .pay_list .tab_cont .pro_item.jd:before {
    content: '\e629'
}

.product .pay_product .pay_list .tab_cont .pro_item.yb:before {
    content: '\e61a'
}

.product .pay_product .pay_list .tab_cont .pro_item.kq:before {
    content: '\e60c'
}

.product .pay_product .pay_list .tab_cont .pro_item .pro_name {
    font-size: 20px
}

.product .pay_product .pay_list .tab_cont .pro_item .pro_type {
    font-size: 16px;
    font-weight: 700
}

.product .deal {
    background: #f8f8f8;
    padding: 85px 0;
    margin-top: 90px
}

.product .deal .container {
    box-sizing: border-box;
    width: 1020px;
    margin: 0 auto
}

.product .deal .pic image {
    width: 781px;
    height: 242px
}

.product .deal .deal_info .title {
    font-size: 34px;
    padding-top: 86px;
    position: relative
}

.product .deal .deal_info .title:before {
    content: '\e60a';
    color: #27c8e8;
    font-family: iconfont;
    font-size: 68px;
    width: 61px;
    height: 61px;
    margin-left: -34px;
    position: absolute;
    top: 0;
    left: 50%
}

.product .deal .deal_info .describe {
    line-height: 32px;
    color: #666;
    font-size: 18px;
    margin-top: 15px
}

.product .deal .deal_info .btn-taste {
    display: block;
    border: 1px solid #27c8e8;
    border-radius: 23px;
    background: 0 0;
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #27c8e8;
    margin: 15px auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .deal .deal_info .btn-taste:hover {
    background: #35c8e6;
    border-color: #35c8e6;
    color: #fff
}

.product .deal .deal_info .btn-taste:active {
    background: #00b5d8;
    border-color: #00b5d8;
    color: #fff
}

.product .stages {
    padding: 50px 0
}

.product .stages .container {
    box-sizing: border-box;
    width: 1020px;
    margin: 0 auto
}

.product .stages .pic image {
    width: 607px;
    height: 327px
}

.product .stages .stages_info {
    margin-top: 50px
}

.product .stages .stages_info .title {
    font-size: 34px;
    padding-top: 86px;
    position: relative
}

.product .stages .stages_info .title:before {
    content: '';
    content: '\e606';
    color: #27c8e8;
    font-family: iconfont;
    font-size: 68px;
    width: 61px;
    height: 61px;
    margin-left: -34px;
    position: absolute;
    top: 0;
    left: 50%
}

.product .stages .stages_info .describe {
    line-height: 32px;
    color: #666;
    font-size: 18px;
    margin-top: 15px
}

.product .stages .stages_info .describe .btn-des {
    display: block;
    border: 1px solid #27c8e8;
    border-radius: 23px;
    background: 0 0;
    width: 120px;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    color: #27c8e8;
    margin: 15px auto 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.product .stages .stages_info .describe .btn-des:hover {
    background: #35c8e6;
    border-color: #35c8e6;
    color: #fff
}

.product .stages .stages_info .describe .btn-des:active {
    background: #00b5d8;
    border-color: #00b5d8;
    color: #fff
}

.product .free-registration {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAACgCAMAAADad4FMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZjBmMzUzNS1lZTAyLTQ5MjctYjBjZi1jNzhlMDc2YTE5MzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkJEQzhGODQ2ODNEMTFFN0I3QzJDOEY5Nzk3MUI2NDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkJEQzhGODM2ODNEMTFFN0I3QzJDOEY5Nzk3MUI2NDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTRkM2UxZi00YTA5LTRjZDQtYTEyYS0xYzE4ZTg1YzM4MGEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkYWJjNDUzOC1hY2VmLTExN2EtYTBj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) center top no-repeat #1a3d77;
    height: 160px;
    text-align: center
}

.product .free-registration>.des {
    font-size: 30px;
    line-height: 160px;
    color: #fff
}

.product .free-registration>.btn {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 80px;
    padding: 12px 0;
    width: 118px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #1a3d77;
    border-radius: 4px;
    border: 1px solid #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.download h2 span,.download ul.SDK-cont li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.product .free-registration>.btn:hover {
    background-color: rgba(255,255,255,.18)
}

.hzhb {
    text-align: center;
    padding-bottom: 100px
}

.hzhb .main {
    width: 1000px
}

.hzhb .main>h2 {
    padding-top: 160px;
    font-size: 50px;
    height: 80px;
    font-weight: 300
}

.hzhb .main>h2:last-chilid {
    padding: 70px 0 30px
}

.hzhb h3 {
    height: 70px;
    font-size: 20px
}

.hzhb h3>a {
    color: #09f
}

.hzhb .company-lists {
    width: 105%
}

.hzhb .company-lists li {
    width: 230px;
    float: left;
    height: 120px;
    border: 1px solid #e5e5e5;
    line-height: 118px;
    margin: 20px 24px 0 0;
    display: inline;
    text-align: center;
    vertical-align: middle
}

.hzhb .company-lists li:nth-child(4n) {
    margin: 20px 0 0
}

.hzhb .company-lists li a {
    display: block;
    width: 100%;
    height: 100%
}

.hzhb .company-lists li img {
    width: 230px
}

.hzhb .link-friends {
    margin-top: 90px;
    border-top: 1px solid #e5e5e5
}

.hzhb .link-friends>h2 {
    padding-top: 90px;
    height: 114px;
    font-size: 50px
}

.hzhb .link-friends>ul {
    text-align: center
}

.hzhb .link-friends>ul>li {
    margin-bottom: 35px;
    display: inline-block;
    padding: 0 29px;
    font-size: 18px;
    border-right: 1px solid #ececec
}

.hzhb .link-friends>ul>li:first-child {
    padding-left: 0
}

.hzhb .link-friends>ul>li:nth-child(8) {
    padding-right: 0;
    border-right: none
}

.hzhb .link-friends>ul>li:last-child {
    border-right: 0
}

.hzhb .link-friends>ul>li a:hover {
    color: #09f
}

.download {
    background: #f8f8f8;
    padding-bottom: 140px
}

.download h2 {
    background: #3d3d3d;
    color: #999;
    font-size: 32px;
    text-align: center;
    padding: 150px 0 168px
}

.download h2 span {
    width: 250px;
    display: inline-block;
    padding-bottom: 16px;
    color: #fff;
    transition: all .3s ease
}

.download h2.app {
    padding: 140px 0 60px;
    background: #f8f8f8
}

.download h2.app span {
    color: #333
}

.download ul.SDK-cont {
    margin-left: 5px;
    margin-top: -70px
}

.download ul.SDK-cont li {
    width: 150px;
    height: 170px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: -5px;
    padding: 150px 55px 0 75px
}

.download ul.SDK-cont li h3 {
    font-size: 16px;
    color: #333;
    margin-top: 16px
}

.download ul.SDK-cont li h3 span {
    padding: 5px 0 6px;
    display: inline-block;
    border-bottom: 4px solid #252935
}

.download ul.SDK-cont li p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 14px;
    color: #666
}

.download ul.SDK-cont li a {
    font-size: 16px;
    position: absolute;
    left: 75px;
    bottom: 0;
    width: 100px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    border: 1px solid #252935;
    border-radius: 17px;
    transition: all .3s ease;
    color: #333
}

.download ul.SDK-cont li a:hover {
    border-color: #27c8e8;
    color: #27c8e8
}

.download ul.SDK-cont li a:active {
    border-color: #27c8e8;
    background-color: #27c8e8;
    color: #fff
}

.download ul.SDK-cont li:after {
    background: #fff;
    position: absolute;
    content: '';
    left: 75px;
    top: 0;
    width: 150px;
    height: 150px;
    z-index: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.15)
}

.download ul.SDK-cont li:before {
    font-family: iconfont;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 80px;
    position: absolute;
    left: 75px;
    top: 0;
    z-index: 10
}

.download ul.SDK-cont li:nth-child(1):before {
    content: '\e601'
}

.download ul.SDK-cont li:nth-child(2):before {
    content: '\e60f'
}

.download ul.SDK-cont li:nth-child(3):before {
    content: '\e628'
}

.download ul.SDK-cont li:nth-child(3).qrcode-download:before {
    content: url(http://pan.baidu.com/share/qrcode?w=150&h=150&url=http://a.app.qq.com/o/simple.jsp?pkgname=com.fuqianla.operation)
}

.download ul.SDK-cont li:nth-child(4):before {
    content: '\e62a'
}

.download ul.APP-cont {
    margin: 0 auto -40px;
    width: 1000px;
    height: 500px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTAwMHB4IiBoZWlnaHQ9IjEzN3B4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMzciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTM3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgb3BhY2l0eT0iMC4yIj4KCTxwYXRoIGZpbGw9IiM1REI2RTciIGQ9Ik02NDAuMiwwYy00LjEsMC04LjQsMC4xLTEyLjcsMC4zYy0xNjkuMSw3LjUtMTk3LDEzMC4zLTI5Ni41LDEzMi42Yy0wLjUsMC0xLDAtMS42LDAKCQljLTI2LjksMC01OC4yLTEyLjgtODkuOS0yNS41Yy0zMS43LTEyLjgtNjMuOC0yNS41LTkyLjQtMjUuNWMtMC40LDAtMC45LDAtMS4zLDBDOTEuNiw4Mi42LDAsMTM3LDAsMTM3aDEwMDBWNjkuOAoJCWMtMTUuMiwxMC4zLTYxLjEsMjMuNi04OC43LDIzLjZjLTIsMC0zLjgtMC4xLTUuNi0wLjJDODEyLjEsOTEuNyw3NjUuMywwLDY0MC4yLDAiLz4KPC9nPgo8ZyBvcGFjaXR5PSIwLjIiPgoJPHBhdGggZmlsbD0iIzg3QzlBQiIgZD0iTTEwMDAsMTIuOWMtMTIwLjIsMi45LTE3Mi44LDkzLjktMzExLjksOTcuMWMtMi45LDAuMS01LjgsMC4yLTguNywwLjJjLTM2LjcsMC03Mi41LTkuOC0xMDcuOC0xOS42CgkJYy0zNS4zLTkuOC03MC4xLTE5LjYtMTA0LjctMTkuNmMtMy42LDAtNy4yLDAuMS0xMC43LDAuM2MtOTAuNywyLTE3Ni41LDY1LjgtMTc2LjUsNjUuOEgxMDAwVjEyLjkiLz4KPC9nPgo8L3N2Zz4K) left bottom no-repeat #fff;
    box-shadow: 0 0 9px rgba(232,232,232,.77)
}

.download ul.APP-cont li {
    position: relative;
    float: left;
    margin-top: 100px;
    padding-left: 80px;
    width: 420px;
    height: 250px;
    border-right: 1px solid #e5e5e5
}

.download ul.APP-cont li:before {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNzBweCIgaGVpZ2h0PSIxNDNweCIgdmlld0JveD0iMCAwIDcwIDE0MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzAgMTQzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjRTVFNUU1IiBkPSJNNTQuOSwxYzcuNywwLDE0LDYuMywxNCwxNHY0MGMwLDcuNy02LjMsMTQtMTQsMTRIMTVDNy4zLDY5LDEsNjIuNywxLDU1VjE1QzEsNy4zLDcuMywxLDE1LDFINTQuOQoJCQkgTTU0LjksMEgxNUM2LjcsMCwwLDYuNywwLDE1djQwYzAsOC4zLDYuNywxNSwxNSwxNWgzOS45YzguMywwLDE1LTYuNywxNS0xNVYxNUM2OS45LDYuNyw2My4yLDAsNTQuOSwwTDU0LjksMHoiLz4KCTwvZz4KPC9nPgo8Zz4KCTxwYXRoIGZpbGw9IiMwMDhDRkYiIGQ9Ik00My41LDEyTDQzLjUsMTJMMzUsMTkuM2wwLDBsMCwwbDAsMGwwLDBsMCwwYzMuMyw2LjgsOC45LDEyLjMsMTUuNiwxNS42bDAsMGw3LjMtOC41bDAsMAoJCUM1MS43LDIzLjMsNDYuNywxOC4yLDQzLjUsMTJ6Ii8+Cgk8cGF0aCBmaWxsPSIjMDA4Q0ZGIiBkPSJNMjYuNSwxMmMtMy4yLDYuMi04LjMsMTEuMy0xNC41LDE0LjVsMCwwbDcuMyw4LjVsMCwwYzYuOC0zLjMsMTIuMy04LjgsMTUuNi0xNS42bDAsMEwyNi41LDEyeiIvPgoJPHBhdGggZmlsbD0iIzAwOENGRiIgZD0iTTM1LDUwLjdMMzUsNTAuN2MtMy4zLTYuOC04LjktMTIuMy0xNS42LTE1LjZsMCwwTDEyLDQzLjVsMCwwYzYuMiwzLjIsMTEuMyw4LjMsMTQuNSwxNC41TDM1LDUwLjdMMzUsNTAuNwoJCUwzNSw1MC43TDM1LDUwLjdMMzUsNTAuN3oiLz4KCTxwYXRoIGZpbGw9IiMwMDhDRkYiIGQ9Ik00My40LDU4YzMuMi02LjIsOC4zLTExLjMsMTQuNS0xNC41bDAsMEw1MC42LDM1bDAsMGMtNi44LDMuMy0xMi4zLDguOC0xNS42LDE1LjZsMCwwTDQzLjQsNThMNDMuNCw1OHoiLz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNFNUU1RTUiIGQ9Ik01NC45LDc0YzcuNywwLDE0LDYuMywxNCwxNHY0MGMwLDcuNy02LjMsMTQtMTQsMTRIMTVjLTcuNywwLTE0LTYuMy0xNC0xNFY4OGMwLTcuNyw2LjMtMTQsMTQtMTRINTQuOQoJCQkgTTU0LjksNzNIMTVDNi43LDczLDAsNzkuNywwLDg4djQwYzAsOC4zLDYuNywxNSwxNSwxNWgzOS45YzguMywwLDE1LTYuNywxNS0xNVY4OEM2OS45LDc5LjcsNjMuMiw3Myw1NC45LDczTDU0LjksNzN6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8cGF0aCBmaWxsPSIjNDk4QkNBIiBkPSJNMzUuOSw4NS45VjgzbC0yLjEsM3YwYy05LjksMS4xLTE3LjgsOC44LTE5LjMsMTguN2wtMC4xLDBsLTMsMi4xaDIuOWg2LjNoMGMwLjYtOCw3LjItMTQuNCwxNS4zLTE0LjYKCQlWODUuOXoiLz4KCTxwYXRoIGZpbGw9IiM0OThCQ0EiIGQ9Ik01OC40LDEwNS44Yy0wLjEtMS42LTAuMy0yLjUtMC4zLTIuNWwtMjEuNCw0LjJsMTUuMiwzLjdjLTEuNCw2LjktNy40LDEyLjItMTQuNiwxMi42djBsMCwwdjkuMWwyLjEtMwoJCWwwLTAuMWMxMC44LTEuNSwxOS4xLTEwLjcsMTkuMS0yMS45YzAsMCwwLDAsMCwwbDAsMEM1OC41LDEwOCw1OC41LDEwNi40LDU4LjQsMTA1LjgiLz4KCTxwYXRoIGZpbGw9IiM0OThCQ0EiIGQ9Ik0zOC40LDEwOC43bC0xLjcsMS43bC0yLjgtMi44bDIuOC0yLjhsMS43LDEuN2w1LjgtMS4zbC03LjUtNy41bC05LjgsOS45bDkuNyw5LjdsMC4yLDAuMmw3LjItNy4zCgkJTDM4LjQsMTA4Ljd6Ii8+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 70px 143px
}

.download ul.APP-cont li h3 {
    margin-bottom: 20px;
    padding-left: 90px;
    font-size: 30px;
    line-height: 1;
    color: #333
}

.download ul.APP-cont li p {
    padding-left: 90px;
    font-size: 16px;
    line-height: 1;
    color: #666
}

.download ul.APP-cont li .client {
    margin-top: 53px
}

.download ul.APP-cont li .client .btns {
    float: left;
    margin-right: 20px
}

.download ul.APP-cont li .client .btns a {
    display: block;
    margin-bottom: 20px;
    width: 180px;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 8px
}

.download ul.APP-cont li .client .btns a:before {
    content: '';
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    background-image: url(../images/pro_ser.svg);
    background-repeat: no-repeat
}

.contactus .contactus-form .form_item.item_error .input_title .txt_error,.xy p strong {
    display: block
}

.download ul.APP-cont li .client .btns a:nth-child(1) {
    background-color: #89c54b
}

.download ul.APP-cont li .client .btns a:nth-child(1):before {
    width: 27px;
    height: 32px;
    background-position: 0 -526px
}

.download ul.APP-cont li .client .btns a:nth-child(2) {
    background-color: #27c8e8
}

.download ul.APP-cont li .client .btns a:nth-child(2):before {
    width: 28px;
    height: 32px;
    background-position: 0 100%
}

.download ul.APP-cont li .client .img-qrcode {
    padding: 9px;
    width: 100px;
    height: 100px;
    border: 1px solid #e5e5e5;
    border-radius: 8px
}

.download ul.APP-cont li:nth-child(1):before {
    background-position: 0 0
}

.download ul.APP-cont li:nth-child(2) {
    width: 419px;
    border-right: none
}

.aboutus .aboutus-bottom>.aboutus-bottom-left,.aboutus .aboutus-bottom>.aboutus-bottom-middle {
    border-right: 1px solid #e5e5e5;
    width: 332px;
    height: 140px
}

.download ul.APP-cont li:nth-child(2):before {
    background-position: 0 -73px
}

.xy {
    padding: 140px 0;
    text-align: justify
}

.aboutus,.xy h2 {
    text-align: center
}

.xy .main {
    width: 1000px
}

.xy .line {
    border-bottom: 3px solid #333;
    position: relative;
    height: 0;
    line-height: 0;
    font-size: 0;
    margin-bottom: 110px
}

.xy .line img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -50px
}

.xy h2 {
    font-size: 34px;
    margin-bottom: 58px
}

.xy p {
    line-height: 26px;
    padding-bottom: 20px;
    font-size: 14px
}

.xy p strong {
    padding-top: 20px;
    padding-bottom: 11px;
    font-size: 20px;
    font-weight: 400
}

.xy p.indent {
    padding-left: 30px
}

.aboutus {
    padding-bottom: 80px
}

.aboutus .abus-bnr {
    padding-top: 190px;
    height: 310px;
    background: url(../images/about_us.jpg) center top no-repeat
}

.aboutus .abus-bnr>p {
    margin: 0 auto;
    width: 1100px;
    line-height: 1;
    text-align: center;
    font-size: 50px;
    color: #fff
}

.aboutus .main {
    position: relative;
    margin-top: -140px;
    width: 1000px;
    text-align: left;
    z-index: 1
}

.aboutus .main>.content {
    margin-bottom: 90px;
    height: 505px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 7px 10px 0 rgba(6,8,27,.03)
}

.aboutus .main>.content>h3 {
    padding-left: 100px;
    padding-top: 70px;
    height: 42px;
    font-size: 20px;
    font-weight: 400
}

.aboutus .main>.content>p {
    padding-left: 100px;
    padding-bottom: 15px;
    line-height: 30px;
    font-size: 16px
}

.aboutus .aboutus-bottom>div:hover {
    background-color: #f9fbfe
}

.aboutus .aboutus-bottom dl {
    position: relative;
    padding-top: 30px;
    padding-left: 106px
}

.aboutus .aboutus-bottom dl>dt {
    height: 32px;
    font-size: 20px
}

.aboutus .aboutus-bottom dl>dd {
    height: 34px;
    font-size: 14px
}

.aboutus .aboutus-bottom dl:before {
    position: absolute;
    top: 30px;
    left: 45px;
    content: '';
    display: block;
    width: 42px;
    height: 44px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQycHgiIGhlaWdodD0iMTM3LjY2N3B4IiB2aWV3Qm94PSIwIDAgNDIgMTM3LjY2NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDIgMTM3LjY2NyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMTMuMzc1LDE1YzAuODI3LDAsMS41LDAuNjczLDEuNSwxLjVjMCwwLjgyNy0wLjY3MywxLjUtMS41LDEuNWMtMC44MjcsMC0xLjUtMC42NzMtMS41LTEuNQ0KCQlDMTEuODc1LDE1LjY3MywxMi41NDgsMTUsMTMuMzc1LDE1IE0xMy4zNzUsMTRjLTEuMzgxLDAtMi41LDEuMTE5LTIuNSwyLjVzMS4xMTksMi41LDIuNSwyLjVjMS4zODEsMCwyLjUtMS4xMTksMi41LTIuNQ0KCQlTMTQuNzU2LDE0LDEzLjM3NSwxNEwxMy4zNzUsMTR6Ii8+DQoJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTI4LjM3NSwxNWMwLjgyNywwLDEuNSwwLjY3MywxLjUsMS41YzAsMC44MjctMC42NzMsMS41LTEuNSwxLjVjLTAuODI3LDAtMS41LTAuNjczLTEuNS0xLjUNCgkJQzI2Ljg3NSwxNS42NzMsMjcuNTQ4LDE1LDI4LjM3NSwxNSBNMjguMzc1LDE0Yy0xLjM4MSwwLTIuNSwxLjExOS0yLjUsMi41czEuMTE5LDIuNSwyLjUsMi41YzEuMzgxLDAsMi41LTEuMTE5LDIuNS0yLjUNCgkJUzI5Ljc1NiwxNCwyOC4zNzUsMTRMMjguMzc1LDE0eiIvPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTMwLjg3NSwyNA0KCQljMCw1LjUyMy00LjQ3NywxMC0xMCwxMGMtNS41MjMsMC0xMC00LjQ3Ny0xMC0xMCIvPg0KCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0yMC44NzUsMWMxMS4wMjgsMCwyMCw4Ljk3MiwyMCwyMHMtOC45NzIsMjAtMjAsMjBzLTIwLTguOTcyLTIwLTIwUzkuODQ3LDEsMjAuODc1LDEgTTIwLjg3NSwwDQoJCWMtMTEuNTk4LDAtMjEsOS40MDItMjEsMjFjMCwxMS41OTgsOS40MDIsMjEsMjEsMjFjMTEuNTk4LDAsMjEtOS40MDIsMjEtMjFDNDEuODc1LDkuNDAyLDMyLjQ3MywwLDIwLjg3NSwwTDIwLjg3NSwweiIvPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0xNyw1My42MjhjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjV2LTcuMDM3YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVzMC41LDAuMjI0LDAuNSwwLjV2Ny4wMzcNCgkJCUMxNy41LDUzLjQwNSwxNy4yNzYsNTMuNjI4LDE3LDUzLjYyOHoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0xNC4zNzUsNTMuNjI4Yy0wLjI3NiwwLTAuNS0wLjIyNC0wLjUtMC41di03LjAzN2MwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41czAuNSwwLjIyNCwwLjUsMC41djcuMDM3DQoJCQlDMTQuODc1LDUzLjQwNSwxNC42NTEsNTMuNjI4LDE0LjM3NSw1My42Mjh6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMTEuNzQxLDUzLjYyOGMtMC4yNzYsMC0wLjUtMC4yMjQtMC41LTAuNXYtNy4wMzdjMC0wLjI3NiwwLjIyNC0wLjUsMC41LTAuNXMwLjUsMC4yMjQsMC41LDAuNXY3LjAzNw0KCQkJQzEyLjI0MSw1My40MDUsMTIuMDE4LDUzLjYyOCwxMS43NDEsNTMuNjI4eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHJlY3QgeD0iMTMuODc1IiB5PSI4MS4yNzEiIGZpbGw9IiMzMzMzMzMiIHdpZHRoPSIxIiBoZWlnaHQ9IjUuMDMxIi8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMjEuODc1LDg2LjgwMWgtMTVjLTAuMjc2LDAtMC41LTAuMjI0LTAuNS0wLjVzMC4yMjQtMC41LDAuNS0wLjVoMTVjMC4yNzYsMCwwLjUsMC4yMjQsMC41LDAuNQ0KCQkJUzIyLjE1MSw4Ni44MDEsMjEuODc1LDg2LjgwMXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxyZWN0IHk9IjY1LjY5NyIgZmlsbD0iIzMzMzMzMyIgd2lkdGg9IjI4IiBoZWlnaHQ9IjEiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0yNS4wMDEsNjIuNjc2aC01di0xaDVWNjIuNjc2eiBNOSw2Mi42NzZINC4wMDF2LTFIOVY2Mi42NzZ6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMjUuMDAxLDU5LjY2aC01di0xaDVWNTkuNjZ6IE05LDU5LjY2SDQuMDAxdi0xSDlWNTkuNjZ6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMjUuMDAxLDU2LjY0NGgtNXYtMWg1VjU2LjY0NHogTTksNTYuNjQ0SDQuMDAxdi0xSDlWNTYuNjQ0eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTE0LjM3NSw4MS42N2MtNy45OTUsMC0xNC41LTYuNTA1LTE0LjUtMTQuNXYtNmMwLTAuMjc2LDAuMjI0LTAuNSwwLjUtMC41czAuNSwwLjIyNCwwLjUsMC41djYNCgkJCWMwLDcuNDQ0LDYuMDU2LDEzLjUsMTMuNSwxMy41czEzLjUtNi4wNTYsMTMuNS0xMy41di02YzAtMC4yNzYsMC4yMjQtMC41LDAuNS0wLjVzMC41LDAuMjI0LDAuNSwwLjV2Ng0KCQkJQzI4Ljg3NSw3NS4xNjYsMjIuMzcsODEuNjcsMTQuMzc1LDgxLjY3eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTE0LjM3NSw0Ni4wODdjNS41MTQsMCwxMCw0LjQ1NywxMCw5LjkzNnYxMC4xMjhjMCw1LjQ3OS00LjQ4Niw5LjkzNi0xMCw5LjkzNg0KCQkJYy01LjUxNCwwLTEwLTQuNDU3LTEwLTkuOTM2VjU2LjAyM0M0LjM3NSw1MC41NDQsOC44NjEsNDYuMDg3LDE0LjM3NSw0Ni4wODcgTTE0LjM3NSw0NS4wODdjLTYuMDc1LDAtMTEsNC44OTYtMTEsMTAuOTM2djEwLjEyOA0KCQkJYzAsNi4wNCw0LjkyNSwxMC45MzYsMTEsMTAuOTM2YzYuMDc1LDAsMTEtNC44OTYsMTEtMTAuOTM2VjU2LjAyM0MyNS4zNzUsNDkuOTgzLDIwLjQ1LDQ1LjA4NywxNC4zNzUsNDUuMDg3TDE0LjM3NSw0NS4wODd6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0yLjY1OCwxMTUuOTk2Yy0wLjE2NywwLTAuMzMxLTAuMDgyLTAuNDI5LTAuMjMzYy0zLjAwMy00LjYxNi0zLjE0My0xMC40MjMtMC4zNjYtMTUuMTU3DQoJCQljMi43NTctNC42OTUsNy44ODgtNy40NzcsMTMuNDIxLTcuMjY0YzAuMjgyLDAuMDExLDAuNTAyLDAuMjQ5LDAuNDkxLDAuNTMxYy0wLjAxMSwwLjI4MS0wLjE5NywwLjUxMy0wLjUzMSwwLjQ5MQ0KCQkJYy01LjE1NC0wLjE5OS05LjkzNSwyLjM5LTEyLjQ5OCw2Ljc2Yy0yLjU4LDQuMzk3LTIuNDUsOS43OTIsMC4zNCwxNC4wODJjMC4xNTQsMC4yMzcsMC4wODcsMC41NTMtMC4xNSwwLjcwNw0KCQkJQzIuODUxLDExNS45NjksMi43NTQsMTE1Ljk5NiwyLjY1OCwxMTUuOTk2eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTUuNTY1LDExMS4wNjljLTAuMjAyLDAtMC4zOTQtMC4xMjEtMC40NzQtMC4zMmMtMS4wNjEtMi42MjctMC44NDctNS41MzUsMC41ODUtNy45NzcNCgkJCWMxLjM3Ny0yLjM0NiwzLjcyNC0zLjk2Myw2LjQ0LTQuNDM3YzAuMjcyLTAuMDQ2LDAuNTQzLDAuMTM3LDAuNTkxLDAuNDE2YzAuMDQ5LDAuMjc4LTAuMTM3LDAuNTQzLTAuNDE2LDAuNTkyDQoJCQljLTIuNDE5LDAuNDIzLTQuNTA5LDEuODYxLTUuNzMzLDMuOTQ3Yy0xLjI3MiwyLjE2Ny0xLjQ2MSw0Ljc0Ni0wLjUxOSw3LjA3N2MwLjEwNiwwLjI2Mi0wLjAyMSwwLjU2LTAuMjgzLDAuNjY1DQoJCQlDNS42OTQsMTExLjA1Nyw1LjYyOSwxMTEuMDY5LDUuNTY1LDExMS4wNjl6Ii8+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNMjIuMTQsMTM1LjMzMWMtMC40MjUsMC0wLjg0NC0wLjExMy0xLjIxMy0wLjMyNmwtMTQuOTUxLTguNjMxYy0xLjE2LTAuNjctMS41NTgtMi4xNTktMC44ODktMy4zMTkNCgkJCWwxNi4zMDUtMjguMjRjMC42NDQtMS4xMTcsMi4xOTktMS41MzcsMy4zMTgtMC44ODlsMTQuOTUsOC42MzFjMC41NjIsMC4zMjUsMC45NjQsMC44NDksMS4xMzIsMS40NzVzMC4wODIsMS4yODItMC4yNDMsMS44NDQNCgkJCWwtMTYuMzA0LDI4LjI0QzIzLjgxMywxMzQuODY1LDIzLjAwNiwxMzUuMzMxLDIyLjE0LDEzNS4zMzF6IE0yMy40OTcsOTQuNjIyYy0wLjUwMiwwLTAuOTcsMC4yNjktMS4yMjEsMC43MDNsLTE2LjMwNSwyOC4yNA0KCQkJYy0wLjM4NywwLjY3MS0wLjE1NiwxLjUzMywwLjUxNSwxLjkyMWwxNC45NTEsOC42MzFjMC42NTEsMC4zNzcsMS41NDgsMC4xMzEsMS45MjItMC41MTVsMTYuMzA0LTI4LjI0DQoJCQljMC4xODgtMC4zMjUsMC4yMzgtMC43MDQsMC4xNC0xLjA2N2MtMC4wOTctMC4zNjMtMC4zMy0wLjY2Ni0wLjY1NS0wLjg1NGwtMTQuOTUtOC42MzENCgkJCUMyMy45ODUsOTQuNjg3LDIzLjc0Miw5NC42MjIsMjMuNDk3LDk0LjYyMnoiLz4NCgk8L2c+DQoJPGc+DQoJCQ0KCQkJPHJlY3QgeD0iMTguOTgyIiB5PSIxMDEuNDk0IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg2NiAwLjUgLTAuNSAwLjg2NiA1NS4wMjI3IC0xLjMzOTYpIiBmaWxsPSIjMzMzMzMzIiB3aWR0aD0iMjIuMDU5IiBoZWlnaHQ9IjEuMDIzIi8+DQoJPC9nPg0KCTxnPg0KCQkNCgkJCTxyZWN0IHg9IjYuMDM0IiB5PSIxMjMuOTIiIHRyYW5zZm9ybT0ibWF0cml4KDAuODY2IDAuNSAtMC41IDAuODY2IDY0LjUwMDkgOC4xMzgzKSIgZmlsbD0iIzMzMzMzMyIgd2lkdGg9IjIyLjA1OSIgaGVpZ2h0PSIxLjAyMyIvPg0KCTwvZz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTE3LjQ2LDEzMC40ODhjLTAuMzQxLDAtMC42NzctMC4wOS0wLjk3NC0wLjI2MWwtMy4zMjItMS45MThjLTAuOTMxLTAuNTM4LTEuMjUyLTEuNzMzLTAuNzEzLTIuNjY0DQoJCQljMC41MTctMC44OTYsMS43NjMtMS4yMzMsMi42NjMtMC43MTRsMy4zMjIsMS45MThjMC45MzEsMC41MzgsMS4yNTIsMS43MzMsMC43MTMsMi42NjQNCgkJCUMxOC44MDMsMTMwLjExNCwxOC4xNTYsMTMwLjQ4OCwxNy40NiwxMzAuNDg4eiBNMTQuMTQxLDEyNS42OTJjLTAuMzMxLDAtMC42MzksMC4xNzgtMC44MDUsMC40NjQNCgkJCWMtMC4xMjQsMC4yMTUtMC4xNTcsMC40NjUtMC4wOTMsMC43MDRjMC4wNjUsMC4yMzksMC4yMTgsMC40MzksMC40MzMsMC41NjNsMy4zMjIsMS45MThjMC40MjksMC4yNDcsMS4wMiwwLjA4NywxLjI2Ni0wLjMzOQ0KCQkJYzAuMjU3LTAuNDQzLDAuMTA0LTEuMDExLTAuMzM5LTEuMjY3bC0zLjMyMi0xLjkxOEMxNC40NjIsMTI1LjczNSwxNC4zMDIsMTI1LjY5MiwxNC4xNDEsMTI1LjY5MnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==);
    background-repeat: no-repeat
}

.aboutus .aboutus-bottom a {
    padding-left: 106px;
    font-size: 14px;
    color: #09f
}

.aboutus .aboutus-bottom>.aboutus-bottom-left dl:before {
    background-position: 0 -93px
}

.aboutus .aboutus-bottom>.aboutus-bottom-middle dl:before {
    background-position: 7px -45px
}

.aboutus .aboutus-bottom>.aboutus-bottom-right {
    width: 334px;
    height: 140px
}

.aboutus .aboutus-bottom>.aboutus-bottom-right dl:before {
    background-position: 0 0
}

.contactus {
    text-align: center;
    padding: 50px 0 60px
}

.contactus .banner {
    height: 450px;
    background: url(../images/contactus-bnr-bg.png) 50% 0 no-repeat;
    background-size: cover;
    -webkit-background-size: cover
}

.contactus .banner .main {
    position: relative
}

.contactus .banner img {
    position: absolute;
    left: -67px;
    top: 25px
}

.contactus h2 {
    font-size: 34px;
    color: #333
}

.contactus .contactus-info {
    padding: 90px 0 80px
}

.contactus .contactus-info .contact_way {
    margin-top: 65px
}

.contactus .contactus-info li {
    float: left;
    position: relative;
    color: #333;
    margin: 40px 0 0;
    text-align: left
}

.contactus .contactus-info li:nth-child(1) {
    margin-left: 178px;
    width: 195px
}

.contactus .contactus-info li:nth-child(2) {
    width: 183px
}

.contactus .contactus-info li:nth-child(3),.contactus .contactus-info li:nth-child(4) {
    width: 303px
}

.contactus .contactus-info li .contact_title {
    line-height: 28px;
    font-size: 14px;
    color: #666
}

.contactus .contactus-info li .contact_cont {
    line-height: 26px;
    font-size: 16px;
    color: #333
}

.contactus .contactus-info li:before {
    font-family: iconfont;
    font-size: 26px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #27c8e8;
    position: absolute;
    left: 0;
    top: -40px
}

.contactus .contactus-info li:nth-child(1):before {
    content: '\e630'
}

.contactus .contactus-info li:nth-child(2):before {
    content: '\e638'
}

.contactus .contactus-info li:nth-child(3):before {
    content: '\e634'
}

.contactus .contactus-info li:nth-child(4):before {
    content: '\e678'
}

.contactus hr {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #e5e5e5;
    margin: 0
}

.contactus .contactus-form {
    padding: 90px 0;
    width: 760px
}

.contactus .contactus-form .form_cont {
    margin-top: 35px
}

.contactus .contactus-form .form_item {
    width: 360px
}

.contactus .contactus-form .form_item:nth-child(1) {
    padding-right: 20px
}

.contactus .contactus-form .form_item:nth-child(2) {
    padding-left: 20px
}

.contactus .contactus-form .form_item:nth-child(3) {
    width: 760px;
    text-align: left
}

.contactus .contactus-form .form_item.item_error input {
    border-color: #fc625d;
    color: #fc625d
}

.contactus .contactus-form .input_title {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    margin-top: 25px;
    margin-bottom: 4px
}

.contactus .contactus-form .input_title em {
    color: #fc625d;
    line-height: 16px;
    vertical-align: middle
}

.contactus .contactus-form .input_title .txt_error {
    display: none;
    font-size: 14px;
    color: #fc625d
}

.contactus .contactus-form input,.contactus .contactus-form textarea {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 9px;
    font-size: 16px;
    line-height: 1.5;
    width: 740px;
    height: 70px;
    resize: none;
    text-align: left;
    background-color: #fff
}

.contactus .contactus-form input:focus,.contactus .contactus-form textarea:focus {
    border-color: #27c8e8;
    color: #333
}

.contactus .contactus-form input {
    padding: 10px;
    line-height: 20px;
    height: 20px;
    width: 340px
}

.contactus .contactus-form button {
    width: 122px;
    height: 46px;
    border-radius: 23px;
    font-size: 16px;
    background-color: #27c8e8;
    border: 1px solid #27c8e8;
    color: #fff;
    margin-top: 40px
}

.contactus .contactus-form button.disabled {
    background: #27c8e8;
    border-color: #27c8e8;
    color: #fff
}

.contactus .contactus-form button:hover {
    background: #00b5d8;
    border-color: #00b5d8
}

.contactus .contactus-form button:active {
    background: #27c8e8;
    border-color: #27c8e8
}

.contactus .pop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,.4);
    text-align: center;
    display: none
}

.contactus .pop .pop-cont {
    height: 206px;
    width: 350px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -103px 0 0 -175px;
    background-color: #fff
}

.contactus .pop h3 {
    color: #fff;
    background-color: #252935;
    height: 30px;
    line-height: 30px
}

.contactus .pop p {
    line-height: 18px;
    color: #999;
    text-align: left;
    padding-left: 60px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block
}

.contactus .pop p strong {
    font-size: 18px;
    color: #333;
    display: block;
    padding-bottom: 8px;
    line-height: 1
}

.contactus .pop p:nth-child(2) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADF0lEQVRYhc3ZT4hVZRjH8Y/HMzM04wTNjIE1FjQ6MpCLUNepmCsxQkgsV7bQ/knLFhFKLRQJIpQyIlpYTatAiP4sEhdB5bTXoRHKkYGYaTNqeJU7Lc579f4/507nnukHd/G+7/O+z/f8ue/7PM9ZtX3qM8tQhG3Yga0Yx6MYCOM3cR3TmMIFXEK5U0dxh/ajeBUvYn0buz4MYTP2hb5r+BxnMJvVYZTRbjgsPIM3U+BaaX2YOxPWGs4L8HlcxivoXQZYvXrDWpexP824HWCMD/EVRnIAq9cIJoOPlq9aK8B+fI0j+XM16Ejw1d9ssBlgjC+xp4tQ9doTfDbcyWaAp7G320RNtDf4rlE94H4cLgSnuQ7jQHVHNeCwJlewAjqNtZVGNeC7uvNv7VRDeKfSqAA+hpdWBKe5DkmY7gG+jJ4iPA+s7nXsie0OPfJUO7OewCQKv4PdR0vgTm18xtMPPW7Lg+vSzA8iqkQlo0XBTQyMmLt9w/GrF9OmjGJbhJ1Fw70x/Z2/SjezTN0RYcv/FA62RtiUZtUXxQbjvqLhYFOE1Lf1vfHdJp/cZ/Oah4uEg3URBtOsfr/1t/7VPU5s2JUJMic4GMwUUX9w7Rc/LMxkgswRDskeuJhmVF5acvKPn1Ih84bDYoS5LJZpkF2Ag7kIV7Jat4KshVvMCw6uxPjN/dQwMyTsHh5zYsMuc6VFYw8MBbjv84KDqViSVHekesguwcGFGL9KEumOzuMK5D/luzb2Dzl+9WLecLO4FEvKEeckSXVHKi8tef/Pn/OEqtY5lCv74BmUuuVpGSpJmO4FrLP4ZMVwGvWpUL+pPknexsKK4NRqAW9VGlHdwGuF4zTqqKobVX8WT+JsoTi1+hhfVHc0CxaO4nwhOLU6j9frO5sBliTZ/bfdJqrSN8Fnw07SKty6hWcV87jP4rngs0Ht4sE7ktLYAcznz2UeLwQfd1oZZQlYJzGBj+SzmZfCWhOSkltbZa1Rz0sy/TGclFTwO9X1MHcsrJXpqaz6j58hdkrS1nFJsLEmjN+QnATTknDuR8v8DPEv08kbL2BEuHEAAAAASUVORK5CYII=);
    margin-top: 40px
}

.contactus .pop p:nth-child(3) {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADTUlEQVRYhcXZzW8UZRzA8c882WLs24HiAWhNmqYQDCoJ8AfAmWCMiaTqSQ+0vpCQetCIeACinuoBoxjjTa0nExLjTe6CBy8GGuulLb20B/tmaMmuh5nV7XZ2d2Y7bb9JDzPP8/v9vp2X52U2ejQ6og0CTuMMTuEIDqMraV/FHKZwD3dwF+W8hUo5+/fjLbyKgSb9nsB+PIuXknMz+BafYzZrwZCxX1+SeBrvtZBrxEASO53k6itK8GXcx5vY14ZYPfuSXPdxoVXnZoIlfIEfcKAAsXoOYDKp0fBRayTYiR8xWrzXFkaTWp1pjWmCJXyPczsoVc+5pOaWK5kmeBPnd9oohfNJ7U3UC17AxV3RSeciNg3MtYJ9Uv6DPeAmnqoe1ApetzNva17241r1oCr4NN7YE510Xhc7/Sc4ho5MoSEIz53kydRRIZ2u7jgmZJ24dCROQvL3WtbIcPyE0ti4jnc/oru3Zf+op1fH+FWlsXHh+ImsZSROoboq6c8aVZ6eUpmfEx0a0HH5g6aSUU+v0uUrooP9Kg9nlP98kEewH6cDzuaJsrri8WfXW0rWy21M3GBtNVcpnAk4mTeqsvS3xxPXGkqmyq0s5S0DpwKOthNZWV5KlSxQDo5Gj0ZHFmRcm6URC30oOnhY5eEMUVSUHCwG9GwnQ/2VLFAOejIPTK2pFJeqhoDl7SSof+ayDkEZWQ6YL0puY+JG07e7DeYDco2ezeSsLDV8u9vkQcBvRclVKVDyXhBvqrPT2ZVpnEuV7OxKSdiUOwG/yrORHhzOPJT8LzkrOjQgDA7nkZvF3Sj59PGxeFPdmigSnnle+a8p/lnLVqqzSxgcVv7jdyqZh6NP8H5VsF+84y9iY14E6xjCbHWgnsXXe+ezhW8kj13tTHIVi3uis5lFXKkehLqGt3ddZyuX1Fyo+rl4Erd2VWczX+G72hNpi4VLuL0rOpu5jXfqT6YJrot39z/vtFENPyU11+sbGi231vCC3bndt/BiUnMLzdaDG+JPYyNYKN7LAl5Jamw06pRlwTqJY/hSyi1og/Uk1zHxJ7emZF1RL4h3+kP4VPwFPy9zSexQkivTXYm2+TPEWfG29Yh4uuxO2lfEM8GUeDn3izZ/hvgXLB4sunhNciwAAAAASUVORK5CYII=);
    display: none;
    margin-top: 30px
}

.contactus .pop .show {
    display: inline-block
}

.contactus .pop .pop-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center
}

.contactus .pop .pop-btn button {
    width: 138px;
    height: 38px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #e5e5e5
}

.contactus .pop .pop-btn button:hover {
    border-color: #333
}

@-webkit-keyframes zoomIn {
    form {
        -webkit-transform: scale(.5)
    }

    to {
        -webkit-transform: scale(1.1)
    }
}

.polyPay .polyPay_banner {
    background: url(../images/polypay-bnr-bg.jpg) 50% 0 no-repeat!important;
    height: 500px!important
}

.polyPay .polyPay_banner h1,.polyPay .polyPay_banner h2 {
    color: #fff
}

.polyPay .polyPay_banner h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 300;
    padding-top: 148px
}

.polyPay .polyPay_banner h2 {
    font-size: 24px;
    line-height: 24px;
    padding-top: 40px
}

.polyPay .polyPay_banner .btn,.polyPay .polyPay_banner .btnr {
    border-radius: 23px;
    background-color: #27c8e8;
    width: 120px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #fff;
    margin-left: -145px;
    position: absolute;
    top: 300px;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.polyPay .polyPay_banner .btn:hover,.polyPay .polyPay_banner .btnr:hover {
    background: #00b5d8;
    border-color: #00b5d8
}

.polyPay .polyPay_banner .btn:active,.polyPay .polyPay_banner .btnr:active {
    background: #27c8e8
}

.polyPay .polyPay_banner .btnr {
    margin-left: 25px;
    background-color: rgba(255,255,255,0);
    border: 1px solid #fff;
    width: 118px!important;
    height: 44px!important
}

.polyPay .polyPay_banner .key-word {
    margin-top: 238px;
    height: 90px;
    position: relative;
    background-color: rgba(0,0,0,.2);
    text-align: center
}

.polyPay .polyPay_banner .key-word li {
    display: inline;
    line-height: 90px;
    color: #fff;
    font-size: 30px;
    counter-increment: listitem
}

.polyPay .polyPay_banner .key-word li:not(:last-child):after {
    content: '·';
    margin: 58px
}

.polyPay .brand-introduce {
    background-color: #f8f8f8;
    height: 138px;
    text-align: center;
    padding-top: 90px;
    padding-bottom: 0
}

.polyPay .brand-introduce li {
    display: inline-block;
    height: 138px;
    line-height: 138px;
    font-size: 30px;
    color: #a4a4a4
}

.polyPay .brand-introduce li span {
    font-size: 75px;
    color: #27c8e8;
    font-family: 'Heiti SC';
    vertical-align: sub;
    margin-right: 22px
}

.polyPay .brand-introduce li:after {
    content: '';
    height: 76px;
    border-left: 1px solid #ccc;
    display: inline-block;
    margin: 0 66px;
    position: relative;
    top: 18px;
    line-height: 0;
    font-size: 0;
    overflow: hidden
}

.polyPay .brand-introduce li:last-child:after {
    display: none
}

.polyPay .mod {
    text-align: center;
    background-color: #fff;
    padding-bottom: 99px
}

.polyPay .mod h2 {
    font-size: 34px;
    padding-top: 98px
}

.polyPay .mod p {
    font-size: 18px;
    color: #666;
    margin: 29px 0 70px
}

.polyPay .all-scene .main {
    width: 990px
}

.polyPay .all-scene p {
    margin-bottom: 57px
}

.polyPay .all-scene ul {
    text-align: justify
}

.polyPay .all-scene li {
    display: inline-block;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #666;
    line-height: 30px;
    padding: 15px;
    text-align: center;
    width: 190px;
    height: 205px;
    margin-top: 33px
}

.polyPay .all-scene li span {
    color: #333
}

.polyPay .all-scene li img {
    margin-top: 11px;
    width: 190px;
    height: 135px
}

.polyPay .flow {
    height: 666px;
    position: relative;
    padding-bottom: 0
}

.polyPay .flow .flow-clock {
    position: absolute;
    left: 50%;
    top: 0;
    width: 664px;
    height: 664px;
    border: 1px solid #6bdfee;
    margin-left: -332px;
    border-radius: 100%
}

.polyPay .flow .flow-clock div {
    position: absolute;
    top: 331px;
    left: 0;
    height: 1px;
    line-height: 0;
    font-size: 0;
    right: 332px;
    transform-origin: 100% center;
    -webkit-transform-origin: 100% center;
    -moz-transform-origin: 100% center;
    -ms-transform-origin: 100% center
}

.polyPay .flow .flow-clock div:before {
    position: absolute;
    top: 0;
    right: -20px;
    content: ''
}

.polyPay .flow .hour {
    -webkit-animation: clock-hours 518400s linear infinite both;
    -moz-animation: clock-hours 518400s linear infinite both;
    -ms-animation: clock-hours 518400s linear infinite both;
    animation: clock-hours 518400s linear infinite both
}

.polyPay .flow .hour:before {
    left: 143px;
    border-top: 1px solid #49ffdd
}

.polyPay .flow .minute {
    -webkit-animation: clockminute 3600s linear infinite both;
    -moz-animation: clockminute 3600s linear infinite both;
    -ms-animation: clockminute 3600s linear infinite both;
    animation: clockminute 3600s linear infinite both
}

.polyPay .flow .minute:before {
    left: 36px;
    border-top: 1px solid #5affe1
}

.polyPay .flow .second {
    -webkit-animation: clock-sec 40s linear infinite both;
    -moz-animation: clock-sec 40s linear infinite both;
    -ms-animation: clock-sec 40s linear infinite both;
    animation: clock-sec 40s linear infinite both
}

.polyPay .flow .second:before {
    left: 18px;
    border-top: 1px solid #4bd1ec
}

.polyPay .flow .flow-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.polyPay .flow h2 {
    padding-top: 150px
}

.polyPay .flow ul li {
    display: inline-block;
    padding-top: 100px;
    font-size: 18px;
    color: #666;
    position: relative;
    margin: 0 95px
}

.polyPay .flow ul li:before {
    position: absolute;
    left: 50%;
    top: 0;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #fff;
    font-family: iconfont;
    margin-left: -40px;
    background-color: #33d5e6;
    background-image: linear-gradient(#00ffd0,#69aafd);
    background-image: -webkit-linear-gradient(#00ffd0,#69aafd);
    background-image: -moz-linear-gradient(#00ffd0,#69aafd);
    background-image: -ms-linear-gradient(#00ffd0,#69aafd)
}

.polyPay .flow ul li:nth-child(1):before {
    content: '\e611';
    font-size: 38px
}

.polyPay .flow ul li:nth-child(2):before {
    content: '\e618';
    font-size: 46px;
    line-height: 72px
}

.polyPay .flow ul li:nth-child(3):before {
    content: '\e604';
    font-size: 34px
}

.polyPay .flow ul li:nth-child(4):before {
    content: '\e614';
    font-size: 38px
}

.polyPay .polyPay_product .my_title {
    font-size: 34px;
    position: relative
}

.polyPay .fot {
    text-align: center;
    height: 100px;
    overflow: hidden
}

.polyPay .fot .main {
    position: relative;
    width: 1000px
}

.polyPay .fot img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: 1;
    top: 0
}

.polyPay .fot p {
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 100px;
    color: #fff
}

@-webkit-keyframes clock-hours {
    0% {
        -webkit-transform: rotate(415deg) translate3d(0,0,0);
        -moz-transform: rotate(415deg) translate3d(0,0,0);
        -ms-transform: rotate(415deg) translate3d(0,0,0);
        transform: rotate(415deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}

@keyframes clock-hours {
    0% {
        -webkit-transform: rotate(415deg) translate3d(0,0,0);
        -moz-transform: rotate(415deg) translate3d(0,0,0);
        -ms-transform: rotate(415deg) translate3d(0,0,0);
        transform: rotate(415deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}

@-webkit-keyframes clockminute {
    0% {
        -webkit-transform: rotate(390deg) translate3d(0,0,0);
        -moz-transform: rotate(390deg) translate3d(0,0,0);
        -ms-transform: rotate(390deg) translate3d(0,0,0);
        transform: rotate(390deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}

@keyframes clockminute {
    0% {
        -webkit-transform: rotate(390deg) translate3d(0,0,0);
        -moz-transform: rotate(390deg) translate3d(0,0,0);
        -ms-transform: rotate(390deg) translate3d(0,0,0);
        transform: rotate(390deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}

@-webkit-keyframes clock-sec {
    0% {
        -webkit-transform: rotate(90deg) translate3d(0,0,0);
        -moz-transform: rotate(90deg) translate3d(0,0,0);
        -ms-transform: rotate(90deg) translate3d(0,0,0);
        transform: rotate(90deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}

@keyframes clock-sec {
    0% {
        -webkit-transform: rotate(90deg) translate3d(0,0,0);
        -moz-transform: rotate(90deg) translate3d(0,0,0);
        -ms-transform: rotate(90deg) translate3d(0,0,0);
        transform: rotate(90deg) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: rotate(450deg) translate3d(0,0,0);
        -moz-transform: rotate(450deg) translate3d(0,0,0);
        -ms-transform: rotate(450deg) translate3d(0,0,0);
        transform: rotate(450deg) translate3d(0,0,0)
    }
}