header {
    background-image:url(/images/freeread/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
}
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
}
.help {
    padding-bottom:78px
}
.help ul li {
    display:inline-block;
    width:238px;
    margin-top:60px;
    margin-left:26px;
    margin-right:30px
}
.help ul li img {
    width:70px;
    height:70px
}
.help ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin-top:21px
}
.help ul li p {
    font-size:14px;
    color:#666;
    line-height:22px;
    margin-top:15px
}
.account {
    padding-bottom:80px
}
.account ul {
    margin-top:50px
}
.account ul li {
    width:241px;
    background:#fff;
    border:1px solid #e7e7e7;
    display:inline-block;
    margin-right:-7px;
    padding-bottom:20px;
    text-align:center;
    cursor:pointer;
    position:relative
}
.account ul li .big {
    display:none;
    z-index:10;
    width:300px;
    height:504px;
    background:#fff;
    border:1px solid #00a4ff;
    box-shadow:0 6px 20px 0 rgba(0,164,255,.2);
    position:absolute;
    top:0;
    left:0
}
.account ul li .big h6 {
    font-size:16px;
    font-weight:400;
    color:#333;
    margin-top:29px
}
.account ul li .big img {
    width:255px;
    height:455px;
    margin-top:25px
}
.account ul li .img-con {
    width:36px;
    height:39px;
    line-height:58px;
    margin-top:50px;
    display:inline-block
}
.account ul li .img-con .top {
    vertical-align:middle
}
.account ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin-top:32px
}
.account ul li .bot {
    width:178px;
    height:318px;
    margin-top:23px
}
.system {
    padding-bottom:80px
}
.system ul {
    margin-top:50px
}
.system ul li {
    display:inline-block;
    background:#fff;
    box-shadow:0 4px 20px 0 rgba(0,0,0,.08);
    text-align:left;
    width:288px;
    margin-left:4px;
    margin-right:5px;
    padding-right:34px
}
.system ul li:first-child {
    margin-left:0
}
.system ul li:last-child {
    margin-right:0
}
.system ul li div {
    width:8px;
    height:8px;
    background:#00a4ff;
    border-radius:50%;
    margin:10px 0 0 10px
}
.system ul li h5 {
    font-size:20px;
    font-weight:300;
    color:#333;
    margin:20px 0 0 33px
}
.system ul li p {
    font-size:14px;
    color:#666;
    line-height:22px;
    margin:15px 0 40px 33px
}
.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
}
