header {
    background-image:url(/images/payread/banner.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%
}
header .banner .show {
    margin-left:0
}
header .banner .show img {
    width:450px;
}
section {
    padding-top:80px;
    padding-bottom:80px
}
section .container {
    width:1204px;
    text-align:center;
    margin:0 auto
}
section .title {
    font-size:34px;
    font-weight:300;
    color:#333
}
section .des {
    font-size:16px;
    color:#666;
    margin-top:17px
}
.one-site .content {
    margin-top:50px
}
.one-site .content .big {
    width:700px;
    height:520px;
    margin-right:60px;
    vertical-align:middle;
}
.one-site .content ul {
    display:inline-block;
    width:306px;
    vertical-align:middle
}
.one-site .content ul li {
    margin-top:50px
}
.one-site .content ul li:first-child {
    margin-top:0
}
.one-site .content ul li .img-con {
    width:36px;
    height:36px;
    line-height:36px;
    display:inline-block;
    vertical-align:top;
    margin-right:10px
}
.one-site .content ul li .img-con img {
    vertical-align:middle
}
.one-site .content ul li .text-con {
    display:inline-block;
    text-align:left;
    width:252px
}
.one-site .content ul li .text-con h6 {
    font-size:20px;
    font-weight:300;
    color:#333
}
.one-site .content ul li .text-con p {
    font-size:14px;
    color:#666;
    line-height:20px;
    margin-top:7px
}
.pay {
    padding-bottom:50px
}
.pay .content {
    margin-top:38px
}
.pay .content .tab-con {
    display:inline-block;
    vertical-align:middle;
    width:390px
}
.pay .content .tab-con .tab {
    width:382px;
    height:150px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.06);
    padding:30px 65px 0;
    margin-top:30px;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    cursor:pointer
}
.pay .content .tab-con .tab h6 {
    font-size:20px;
    font-weight:300;
    color:#333;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    -o-transition:all .2s
}
.pay .content .tab-con .tab p {
    margin-top:19px;
    font-size:14px;
    color:#666;
    line-height:20px
}
.pay .content .tab-con .active {
    box-shadow:0 2px 10px 0 rgba(0,164,255,.3)
}
.pay .content .tab-con .active h6 {
    color:#00A4FF
}
.pay .content .img-con {
    display:inline-block;
    vertical-align:middle;
    width:272px;
    height:516px;
    margin-right:50px;
    margin-left:45px
}
.pay .content .img-con img {
    width:272px;
    height:516px
}
.function .nav {
    width:100%
}
.function .nav .menu {
    width:750px;
    margin:30px auto 0;
    border-bottom:1px solid #f4f4f4
}
.function .nav .menu li {
    display:inline-block;
    width:73px;
    font-size:18px;
    font-weight:400;
    line-height:70px;
    margin:0 72px;
    line-height:44px;
    color:#666;
    cursor:pointer
}
.function .nav .menu li:first-child {
    margin-left:0
}
.function .nav .menu li:last-child {
    margin-right:0
}
.function .nav .menu li:hover {
    border-bottom:2px solid #00a4ff;
    color:#00a4ff
}
.function .nav .menu .active {
    border-bottom:2px solid #00a4ff;
    color:#00a4ff
}
.function .content {
    width:100%;
    margin:0 auto
}
.function .content .tab-content {
    padding:51px 0 0;
    text-align:left;
    display:none
}
.function .content .tab-content img {
    width:598px;
    height:429px;
    vertical-align:middle
}
.function .content .tab-content .tex-con {
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin-right:150px
}
.function .content .tab-content .tex-con h6 {
    font-size:20px;
    font-weight:300;
    color:#333;
    text-align:left
}
.function .content .tab-content .tex-con p {
    width:448px;
    font-size:16px;
    color:#566a87;
    line-height:26px;
    text-align:left;
    margin-top:19px
}
.function .content .tab-content .tex-con div {
    width:140px;
    height:40px;
    background:#00a4ff;
    border-radius:4px;
    font-size:16px;
    font-weight:400;
    color:#fff;
    line-height:40px;
    text-align:center;
    margin-top:62px;
    cursor:pointer
}
.device {
    padding-bottom:100px
}
.device ul {
    margin-top:52px
}
.device ul li {
    width:382px;
    background:#fff;
    box-shadow:0 1px 10px 0 rgba(0,0,0,.06);
    text-align:center;
    display:inline-block;
    margin-left:8px;
    margin-right:13px
}
.device ul li:first-child {
    margin-left:0
}
.device ul li:last-child {
    margin-right:0
}
.device ul li div {
    width:58px;
    height:58px;
    line-height:58px;
    margin-top:41px;
    display:inline-block
}
.device ul li div img {
    vertical-align:middle
}
.device ul li h5 {
    margin-top:32px;
    font-size:20px;
    font-weight:300;
    color:#333
}
.device ul li p {
    font-size:14px;
    color:#666;
    line-height:20px;
    margin-top:19px;
    margin-bottom:40px;
    width:252px;
    display:inline-block
}
.customer {
    padding-bottom:80px
}
.customer .container {
    width:1245px
}
.customer .case {
    width:1245px;
    margin:0 auto;
    padding:20px 0 0
}
.customer .case li {
    display:inline-block;
    width:580px;
    height:240px;
    background:#fff;
    box-shadow:0 6px 14px 0 rgba(0,0,0,.06);
    padding:40px 30px;
    margin:40px 19px 0
}
.customer .case li img {
    width:189px;
    height:160px;
    margin-right:22px;
    vertical-align:middle
}
.customer .case li div {
    width:300px;
    display:inline-block;
    vertical-align:middle;
    height:100%;
    position:relative
}
.customer .case li div .text {
    font-size:14px;
    color:#666;
    line-height:21px;
    text-align:left
}
.customer .case li div .name {
    position:absolute;
    bottom:0;
    right:0;
    text-align:right;
    color:#999;
    font-size:12px
}