* {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: Arial, '黑体', Helvetica Neue;
}

html {
    background: #f0f0f0;
    height: 100%;
}

body {
    height: 100%;
}

.bg {
    padding: 30px 0;
    /*margin-bottom: 0;*/

    text-align: center;
}

#bg_1 {
    width: 100%;
    height: auto;
    background: url('https://qiniu-okchexian.okchexian.com/images/okdriveWap/okdrive_wap_1.png') no-repeat;
    background-size: cover;
}

.container {
    height: 100%;
    width: 640px;
    margin: 0 auto;
}

.container .top-img {
    height: 730px;
}

.container .okdrive-content,
.container .okdrive-dashboard {
    padding: 90px 46px;
    background: #fff;
    text-align: center;
}

.container .okdrive-content > h1,
.container .okdrive-dashboard > h1 {
    font-size: 36px;
    margin-bottom: 40px;
}

.container .okdrive-content > p,
.container .okdrive-dashboard > p {
    font-size: 18px;
    margin-top: 40px;
    line-height: 24px;
}

.container .okdrive-sdk-api {
    padding: 90px 46px;
    text-align: center;
}

.container .okdrive-sdk-api > div > h1 {
    font-size: 36px;
    margin: 40px 0;
}

.container .okdrive-sdk-api > div > p {
    width: 400px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
}

.container .okdrive-sdk-api .first {
    margin-bottom: 90px;
}

.container .okdrive-dashboard {
    padding-bottom: 0;
}

.container .okdrive-dashboard > p {
    width: 400px;
    margin: 0 auto 40px;
}

.container .okdrive-dashboard .coming-soon {
    width: 400px;
    margin: 0 auto 20px;
    border-radius: 10px;
    height: 64px;
    line-height: 64px;
    color: #fff;
    background: #ccc;
    font-size: 24px;
}

.container .okdrive-dashboard .date-img {
    margin-top: 20px;
    height: 276px;
}

.container .okdrive-footer {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #ff7c00;
}

.container .okdrive-footer .content {
    width: 100%;
}

.container .okdrive-footer .content > h1 {
    font-size: 18px;
    color: #ffffff;
}

.container .okdrive-footer .content .contact-us {
    border-radius: 15px;
    width: 340px;
    height: 60px;
    background-color: #ffffff;
    color: #ff7c00;
    line-height: 60px;
    margin: 40px auto 0;
    font-size: 24px;
}

.container .okdrive-footer .content > img {
    width: 200px;
    margin: 20px auto 0;
}

.headText {
    padding-top: 70px;
    font-size: 28px;
    font-weight: lighter;
    color: #ffffff;
    text-align: center;
}

.extHeadText {
    padding-top: 70px;
    font-size: 28px;
    font-weight: lighter;
    color: #303336;
    text-align: center;
}

.thead_line {
    font-size: 20px;
    font-weight: lighter;
    color: #ffffff;
    text-align: center;
}

.ext_thead_line {
    font-size: 20px;
    font-weight: lighter;
    text-align: center;
    color: #ff7e00;
}

.section {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

#section1 {

}

.section1_content {
    margin: auto;
    width: 100%;
    color: #fff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
    line-height: 180%;
    padding: 28% 0;
}

#section2 {
    background: url("https://qiniu-okchexian.okchexian.com/images/okdriveWap/okdrive_wap_2.png") no-repeat;
    background-size: cover;
}

.section2_img {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.section2_img > img {
    padding-left: 10%;
    width: 88%;
    display: block;
}

.swiper-container-border {
    position: absolute;
    width: 71%;
    top: 0;
    left: 14.5%;
}

.swiper-slide img {
    overflow: hidden;
    padding-top: 5.6%;
    padding-right: 2.9%;
    width: 100%;
}

.section2_textInfo {
    margin-left: 12%;
    margin-top: 30px;
    width: 76%;
    color: #ffffff;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 1px;
}

.section2_textInfo p {
    text-align: left;
}

.section3_table {
    text-align: center;
    width: 100%;
}

.section3_table img {
    width: 40%;
    margin: 8% auto auto;
    display: block;
}

.section3_table p {
    font-size: 18px;
    line-height: 180%;
}

#section4 {
    background: url("https://qiniu-okchexian.okchexian.com/images/okdriveWap/okdrive_wap_2.png") no-repeat;
    background-size: cover;
}

#section4 p {
    color: #ffffff;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 1px;
    padding-top: 30px;
    padding-left: 9%;
    width: 91%;
}

#section4 img {
    width:80%;
    margin: 5% auto auto;
    padding-bottom: 5%;
    text-align: center;
    display: block;
}

.section5_table {
    text-align: center;
    width: 100%;
    padding-bottom: 4%;
}

.section5_table img {
    width: 40%;
    margin: 6% auto auto;
    display: block;
}

.section5_text_1 {
    padding-top: 10px;
    font-size: 20px;
    color: #444;
    margin-bottom: 3%;
}

.section5_text_2 {
    font-size: 16px;
    color: #888;
    margin-bottom: 5%;
}

#section6 {
    background-color: #fff;
}

#section6 img {
    width: 30%;
    margin: 8% auto auto;
    display: block;
    padding-bottom: 8%;
}

#section7 {
    width: 100%;
    background: url('https://qiniu-okchexian.okchexian.com/images/devPage/bg2.png') no-repeat;
    text-align: center;
}

#qrCode {
    height: 120px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#qrCodeInfo {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 1px;
    padding-bottom: 3%;
    margin-bottom: 0;
}