﻿.logo {
    margin-left: 0 !important;
}
.wx-content {
    width: 1050px;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* 回退字体为系统默认族 Trae Write It */
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: #FFF;
}
.wx-content .left {
    width: 500px;
    height: 396px;
    margin-right: 78px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.wx-content .left .left_title {
    color: #fff;
    width: 100%;
    font-size: 56px;
    line-height: 66px;
    margin: 0 0 30px;
    opacity: .9;
    white-space: nowrap;
    font-weight: 700;
    /* 主标题回退为系统默认族 Trae Write It */
    font-family: "Microsoft YaHei", Arial, sans-serif;
}
.wx-content .left .left_middle {
    color: #fff;
    width: 476px;
    opacity: .7;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    /* 正文回退为系统默认族 Trae Write It */
    font-family: "Microsoft YaHei", Arial, sans-serif;
}
.wx-content .left .left_middle .iphone_text {
    display: none
}
.wx-content .left .left_bottom {
    width: 100%;
    height: 240px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.wx-content .left .left_bottom .context {
    width: 223px;
    border-radius: 10px 10px 10px 10px;
    background: hsla(0, 0%, 100%, .2);
    padding: 30px 0
}
.wx-content .left .left_bottom .bottom_left {
    margin-right: 40px
}
.wx-content .left .left_bottom .bottom_left .bottom_left_img {
    width: 32px;
    height: 32px;
    background: url('../image/icon1.svg') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}
.wx-content .left .left_bottom .bottom_left .bottom_left_content {
    font-weight: 700;
    width: 100%;
    height: 22px;
    font-size: 18px;
    margin: 23px 0 22px;
    color: #fff;
    line-height: 21px;
    display: inline-block;
    text-align: center
}
.wx-content .left .left_bottom .bottom_left .bottom_left_footer {
    color: #fff;
    display: block;
    width: 175px;
    height: 63px;
    opacity: .7;
    font-size: 14px;
    text-align: justify;
    margin: 0 auto;
    line-height: 21px
}
.wx-content .left .left_bottom .bottom_right .bottom_right_img {
    width: 32px;
    height: 32px;
    background: url('../image/icon2.svg') no-repeat;
    background-size: 100% 100%;
    margin: 0 auto
}
.wx-content .left .left_bottom .bottom_right .bottom_right_content {
    font-weight: 700;
    width: 100%;
    height: 22px;
    font-size: 18px;
    margin: 23px 0 22px;
    color: #fff;
    line-height: 21px;
    display: inline-block;
    text-align: center
}
.wx-content .left .left_bottom .bottom_right .bottom_right_footer {
    color: #fff;
    display: block;
    width: 175px;
    height: 63px;
    opacity: .7;
    font-size: 14px;
    text-align: justify;
    margin: 0 auto;
    line-height: 21px
}
.wx-content .right {
    width: 485px;
    height: 396px;
    background: #fff;
    -webkit-box-shadow: 0 12px 30px 2px rgba(0, 29, 66, .02);
    box-shadow: 0 12px 30px 2px rgba(0, 29, 66, .02);
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.wx-content .right .sweepCode .title {
    line-height: 37px;
    height: 114px;
    border-bottom: 1px solid #d0d0d0
}
.wx-content .right .sweepCode .title span {
    color: #000;
    font-size: 32px;
    font-weight: 500;
    margin-top: 50px;
    margin-left: 40px;
    display: inline-block
}
.wx-content .right .sweepCode .sm_content {
    width: 100%;
    height: 270px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content {
    width: 240px;
    min-width: 150px;
    height: 185px;
    margin-top: 30px;
    margin-left: 40px;
    padding-right: 20px;
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .sm_title {
    color: #666;
    font-size: 16px;
    text-align: left;
    margin-bottom: 29px
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .cirl {
    content: "1";
    color: #fefffe;
    font-size: 10px;
    width: 20.09px;
    min-width: 20.09px;
    height: 20.09px;
    background: #2bb32a;
    margin-right: 9px;
    text-align: center;
    line-height: 20.09px;
    border-radius: 50%
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .text {
    color: #666;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .dottedLine {
    height: 19px;
    width: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 10px
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .dottedLine .dottedLine_top {
    width: 1px;
    height: 5px;
    background: #2dc071;
    margin: 3px 0
}
.wx-content .right .sweepCode .sm_content .sm_left .sm_left_content .dottedLine .dottedLine_bottom {
    width: 1px;
    height: 5px;
    background: #2dc071
}
.wx-content .right .sweepCode .sm_content .sm_right {
    height: 282px;
    width: 205px;
    border-left: 1px solid #d0d0d0;
    background: url(../image/chat.271b772.png) no-repeat 6px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.wx-content .right .sweepCode .sm_content .sm_right .qr-code {
    border-radius: 5px;
    overflow: hidden;
    width: 148px;
    height: 148px;
    margin: 39px auto 23px
}
.wx-content .right .sweepCode .sm_content .sm_right .qr-code .qr-code-frame {
    width: 100%;
    height: 100%
}
.wx-content .right .sweepCode .sm_content .sm_right .qr-text {
    width: 128px;
    color: #666;
    height: 21px;
    opacity: .8;
    font-size: 14px;
    text-align: center;
    margin: 0 auto
}
.wx-content .right .sweepCode .sm_content .sm_login_true {
    height: 321px;
    width: 257px;
    border-left: 1px solid #d0d0d0;
    background: url(../image/chat.271b772.png) no-repeat 6px 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.wx-content .right .sweepCode .sm_content .sm_login_true img {
    margin: 39px auto 23px
}
.wx-content .right .sweepCode .sm_content .sm_login_true .startCreateBtn {
    width: 156px;
    height: 40px;
    border-radius: 10px 10px 10px 10px;
    background: #2aae67;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}
.wx-content .right .sweepCode .sm_content .sm_login_true .startCreateBtn span {
    color: #fff;
    font-size: 16px;
    letter-spacing: 50;
    opacity: .8
}
.wx-content .right .sweepCode .info {
    float: left
}
.wx-content .right .sweepCode .info h1 {
    padding: 0;
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    color: #333
}

.item-name {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.item-name .title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    color: #000;
    padding-bottom: 70px;
}
.item-name .desc {
    width: 1050px;
}
.item-name .desc-bg {
    height: 240px;
    background-image: url(../image/bg2.png);
    border-radius: 15px;
}
.item-name .desc .t1 {
    padding: 80px 0 20px 70px;
    display: flex;
    align-items: flex-end;
}
.item-name .desc .t1 img {
    padding-right: 10px;
}
.item-name .desc .t1 span {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    text-align: inherit;
}
.item-name .desc .t2 {
    padding-left: 70px;
}
.item-name .desc .t2 span{
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    opacity: 0.45;
}

.item-name .desc .flow-sheet{overflow:hidden;}
.item-name .desc .flow-sheet ol{width:120%; margin: 0;padding: 0;}
.item-name .desc .flow-sheet li{list-style: none;float:left;width:275px;height:250px;padding:22px 26px;margin-right:112px;position:relative;background:#FFF;border:1px solid #DEDEDE;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.item-name .desc .flow-sheet .arr{width:18px;height:30px;position:absolute;right:-70px;top:50%;margin:-10px 0 0 0;background-position:-158px -160px;}
.item-name .desc .flow-sheet .num{font-size:70px;font-family:"Microsoft YaHei", Arial, sans-serif;font-weight:700;color: #000;opacity: 0.8;line-height:82px;}
.item-name .desc .flow-sheet .tit{font-size:24px;margin-top:10px;font-weight:700;line-height: 28px;color: #000;opacity: 0.8;}
.item-name .desc .flow-sheet .txt{font-size:16px;color:#000;opacity: 0.6; line-height:24px;margin-top:10px;}
.item-name .desc .flow-sheet .ico{width:52px;height:52px;position:absolute;top:26px;right:22px;}
.item-name .desc .flow-sheet .ico-datum{background-position:0 -160px;}
.item-name .desc .flow-sheet .ico-audit{background-position:-52px -160px;}
.item-name .desc .flow-sheet .ico-agree{background-position:-104px -160px;}

.mr0 {margin-right: 0 !important;}
.item-name .desc .introduction {width: 240px;height: 82px;float:left;margin-bottom:30px; margin-right: 165px; }
.item-name .desc .introduction .head { width: 100%; height: 32px; }
.item-name .desc .introduction .head img { display: inline-block; height: 32px; }
.item-name .desc .introduction .head h3 { margin: 0;padding: 0; padding-left: 5px; font-size: 18px; line-height: 21px; font-weight: 700; display: inline-block; }
.item-name .desc .introduction .info {padding-top: 10px;font-size: 14px; line-height: 21px;color: #000; opacity: 0.6;}

.item-name2 {
    width: 1050px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.item-name2 .title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    font-weight: 700;
    color: #000;
    padding-bottom: 70px;
}
.item-name2 .desc {
    width: 1050px;
    position: relative;
}
.item-name2 .desc-bg {
    height: 200px;
    background-image: url(../image/bg2.png);
    border-radius: 15px;
}
.item-name2 .desc .t1 {
    padding: 40px 0 10px 30px;
    display: flex;
    align-items: flex-end;
}
.item-name2 .desc .t1 img {
    padding-right: 10px;
}
.item-name2 .desc .t1 span {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    text-align: inherit;
}
.item-name2 .desc .t2 {
    padding-left: 30px;
}
.item-name2 .desc .t2 span{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    opacity: 0.45;
    display: block;
}
.item-name2 .desc .t3 {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
