html {
    background: black;
}

.guide {
    width: 100%;
    color:#fff;
}

.guide-banner {
    width   : 100%;
    position: relative;
}

.guide-banner img {
    width         : 100%;
    vertical-align: top;
}

.banner-wrapper {
    width             : 1200px;
    height            : 100%;
    position          : absolute;
    top               : 0%;
    left              : 50%;
    -webkit-transform : translateX(-50%);
    transform         : translateX(-50%);
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-pack  : end;
    -ms-flex-pack     : end;
    justify-content   : flex-end;
    -webkit-box-align : end;
    -ms-flex-align    : end;
    align-items       : flex-end;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-bottom    : 100px;
}

.banner-wrapper .form-desc {
    width            : 449px;
    position         : absolute;
    right            : 0;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
}

.guide-content {
    width      : 1200px;
    margin     : 0 auto;
    padding-top: 102px;
}

.guide-content p {
    /* color   : #fff; */
    line-height: 40px;
}

.guide-content h1{
    font-size: 26px;
    font-weight: 900;
    -webkit-transition: .5s;
    transition: .5s;
}

.guide-content h1 span{
    color: #c79830;
}

.guide-content hr {
    margin-top: 28px;
    margin-bottom: 30px;
    max-width: 62px;
    text-align: left;
}

.guide-content .topic .topic-left{
    width:388px;
    float:left;
    height:328px;
    line-height: 30px;
    font-size:15px;
}

.guide-content .topic .topic-left .text-mobile{
    display: none;
}

.guide-content .topic .topic-right{
    width:812px;
    height:328px;
    float:right;
}

.guide-content .topic .topic-right .flow{
    height:212px;
    position: relative;
}

.guide-content .topic .topic-right .flow-item
{
    width:390px;
    height:90px;
    border:2px solid #fff;
    position: absolute;
    top:50%;left:50%;
    overflow: hidden;
}

.guide-content .topic .topic-right .flow-item h3
{
    width:260px;
    padding:8px 0 3px 0;
    font-size:15px;
    color:#c79836;
}

.guide-content .topic .topic-right .flow-item p
{
    width:260px;
    line-height: 20px;
    font-size:15px;
}

.guide-content .topic .topic-right .flow-item .icon
{
    display: flex;
    align-items: center;
    width:130px;
    height:90px;
}

.guide-content .topic .topic-right .flow-item .icon img
{
    margin:auto;
}

.guide-content .topic .topic-right .item1,.guide-content .topic .topic-right .item4{
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}

.guide-content .topic .topic-right .item2,.guide-content .topic .topic-right .item3{
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.guide-content .topic .topic-right .item1 h3,.guide-content .topic .topic-right .item3 h3
{
    float:left;
    text-align: right;
}

.guide-content .topic .topic-right .item1 p,.guide-content .topic .topic-right .item3 p
{
    float:left;
    text-align: right;
}

.guide-content .topic .topic-right .item2 h3,.guide-content .topic .topic-right .item4 h3
{
    float:right;
}

.guide-content .topic .topic-right .item2 p,.guide-content .topic .topic-right .item4 p
{
    float:right;
}

.guide-content .topic .topic-right .item1{
    margin-top: -100px;
    margin-left: -400px;
}

.guide-content .topic .topic-right .item2{
    margin-top: -100px;
    margin-left: 10px;
}

.guide-content .topic .topic-right .item3{
    margin-top: 10px;
    margin-left: -400px;
}

.guide-content .topic .topic-right .item4{
    margin-top: 10px;
    margin-left: 10px;
}

.guide-content .topic .topic-right .pager{
    width:70px;
    height:70px;
    border-radius: 35px;
    color:#fff;
    background-color: #c79836;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-35px;
    margin-left:-35px;
}

.guide-content .topic .topic-right .pager span{
    position: absolute;
    top:50%;
    left:50%;
    width:25px;
    height:25px;
    text-align: center;
}

.guide-content .topic .topic-right .pager .page1{
    margin-top:-25px;
    margin-left:-25px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.guide-content .topic .topic-right .pager .page2{
    margin-top:-25px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.guide-content .topic .topic-right .pager .page3{
    margin-left:-25px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.guide-content .topic .topic-right .pager .page4{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.guide-content .topic .topic-right .slogan ul li{
    float:left;
    padding:23px 40px 0 40px;
    font-size:15px;
}

.guide-content .topic .topic-right .slogan ul li h3{
    color:#c78936;
}

.guide-content .safty-guide .guide-item{
    position: relative;
    min-height: 100px;
    font-size: 16px;
    font-weight: 600;
}

.guide-content .safty-guide .guide-item .safty-guide1-mobile{
    display: none;
}

.guide-content .safty-guide .guide-item em{
    font-style: normal;
    color:#c78936;
}

.guide-content .safty-guide .guide-item h3{
    font-size: 16px;
    color: #c78936;
}

.guide-content .safty-guide .guide-item p{
    max-width:730px;
    line-height: 30px;
    padding-bottom:50px;
}

.guide-content .safty-guide .item2 .p1{
    padding-bottom:0;
}

.guide-content .safty-guide .guide-item img{
    position: absolute;
    bottom: 0;
    right:0;
}

.guide-content .safty-guide .item2 img{
    bottom: 60px;
}

.guide-content .safty-guide .item3 img,.guide-content .safty-guide .item5 img{
    top:0;
    right:25px;
}

.guide-content .safty-guide .item4 img,.guide-content .safty-guide .item6 img{
    top:0;
}

.guide-content .safty-guide .row{
    width:100%;
    display: flex;
}

.guide-content .safty-guide .col{
    width:50%;
}

.guide-content .safty-guide .col p{
    max-width:420px;
}

.guide-content .safty-guide .row .item4 h3,.guide-content .safty-guide .row .item4 p{
    margin-left:50px;
}

.guide-content .safty-guide .row .item6 h3,.guide-content .safty-guide .row .item6 p{
    margin-left:50px;
}

.guide-content .safty-guide .row .item4 p,.guide-content .safty-guide .row .item6 p{
    max-width: 335px;
}

.guide-content .safty-guide .customer-flow{
    height:740px;
    position: relative;
}

.guide-content .safty-guide .customer-flow h3{
    color:#c78936;
    font-size: 18px;
}

.guide-content .safty-guide .customer-flow .main-pic{
    margin:125px 0 0 45px;
}

.guide-content .safty-guide .customer-flow .main-pic-mobile{
    display: none;
}

.guide-content .safty-guide .customer-flow .customer-flow-item{
    position: absolute;
}
.guide-content .safty-guide .customer-flow .customer-flow-item p{
    line-height: 20px;
}

.guide-content .safty-guide .customer-flow .customer-flow-item em{
    font-style: normal;
    font-weight: bold;
    font-size:16px;
}

.guide-content .safty-guide .customer-flow .item1{
    top:50px;left:100px;
}

.guide-content .safty-guide .customer-flow .item2{
    top:50px;left:340px;
}

.guide-content .safty-guide .customer-flow .item3{
    top:50px;left:550px;
}

.guide-content .safty-guide .customer-flow .item4{
    top:50px;left:785px;
}

.guide-content .safty-guide .customer-flow .item5{
    top:280px;left:970px;
}

.guide-content .safty-guide .customer-flow .item9{
    top:530px;left:100px;
}

.guide-content .safty-guide .customer-flow .item8{
    top:530px;left:340px;
}

.guide-content .safty-guide .customer-flow .item7{
    top:530px;left:550px;
}

.guide-content .safty-guide .customer-flow .item6{
    top:530px;left:785px;
}

.guide-content .safty-guide .way,.guide-content .safty-guide .deliver{
    height:800px;
    position: relative;
}

.guide-content .safty-guide .row h3{
    font-size:15px;
    color:#c78936;
}

.guide-content .safty-guide .row p{
    font-size:15px;
    line-height: 25px;
}

.guide-content .safty-guide .row p em{
    font-style: normal;
    color:#c78936;
}

.guide-content .safty-guide .way img{
    margin-left:25px;
    margin-top:25px;
}

.guide-content .safty-guide .deliver h3{
    margin-left:50px;
}

.guide-content .safty-guide .deliver p{
    margin-left:50px;
}

.guide-content .safty-guide .deliver .card{
    margin:70px 0 0 95px;
}

.guide-content .safty-guide .deliver .car{
    position: absolute;
    bottom:120px;
    right:10px;
    z-index: -1;
}

.guide-content .notice{
    position: relative;
}

.guide-content .notice h1{
    height: 32px;
}

.guide-content .notice h1 span{
    float:left;
    line-height: 32px;
}

.guide-content .notice h1 img{
    float:left;
    margin-left:10px;
}

.guide-content .notice .notice-pic .notice-item{
    position: absolute;
    left:50%;
    line-height: 20px;
    width:250px;
    font-size:15px;
}

.guide-content .notice .notice-pic .item1{
    top:125px;
    margin-left:70px;
}

.guide-content .notice .notice-pic .item2{
    top:195px;
    margin-left:-320px;
    text-align: right;
}

.guide-content .notice .notice-pic .item3{
    top:270px;
    margin-left:70px;
}

.guide-content .notice .notice-pic .item4{
    top:340px;
    margin-left:-320px;
    text-align: right;
}

.guide-content .notice .notice-pic .item5{
    top:390px;
    margin-left:70px;
}

.guide-content .notice .notice-pic .item6{
    top:490px;
    margin-left:-320px;
    text-align: right;
}

.guide-content .notice .notice-pic .item7{
    top:555px;
    margin-left:70px;
}

.guide-content .notice .notice-pic .item8{
    top:615px;
    margin-left:-320px;
    text-align: right;
}

.guide-content .notice .notice-pic .item9{
    top:700px;
    margin-left:70px;
}

.guide-content .notice .notice-pic .main-line{
    margin:10px auto 100px auto;
    display: block;
}

.item {
    width           : 100%;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    margin          : 46px 0;
}

.item-left {
    color                : #fff;
    width                : 481px;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -ms-flex-pack        : distribute;
    justify-content      : space-around;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
}

.item-left img {
    width : 66px;
    height: 66px;
}

.item-left p:nth-child(1) {
    font-size: 26px;
}

.item-left p span {
    color: #c78936;
}

.item-info {
    width           : 100%;
    display         : -webkit-box;
    display         : -ms-flexbox;
    display         : flex;
    -webkit-box-pack: justify;
    -ms-flex-pack   : justify;
    justify-content : space-between;
    text-align      : center;
    font-size       : 16px;
}

.item-info p {
    color: #c78936;
}

.item-info span {
    color: #fff;
}

.info {
    margin-top: 48px;
}

.item-list {
    color      : #fff;
    line-height: 40px;
    margin     : 46px 0;
}

.item-list>li:not(:first-child) {
    padding-left: 20px;
    background  : url("../images/list-icon.png") no-repeat center left;
}

.item-left>p>img {
    display: none;
}

.info>span {
    display  : block;
    max-width: 320px;
    margin   : 0 auto;
}

.content-item>p:nth-child(4) {
    padding-top   : 48px;
    padding-bottom: 15px;
}

.content-item:last-child {
    margin-top   : 106px;
    margin-bottom: 100px;
}

@media (max-width:992px) {
    img{
        max-width: 100%;
    }

    html {
        background: black;
        overflow-x: hidden;
    }

    .guide {
        width: 100%;
    }

    .guide-banner {
        width     : 100%;
        position  : relative;
        margin-top: .71rem;
    }

    .guide-banner img {
        width         : 100%;
        vertical-align: top;
    }

    .banner-wrapper {
        width            : 6.67rem;
        height           : 100%;
        position         : absolute;
        bottom           : 5%;
        left             : 50%;
        -webkit-transform: translateX(-50%);
        transform        : translateX(-50%);
        padding-bottom   : 0;
    }

    .banner-wrapper .form-desc {
        width            : 4.49rem;
        position         : absolute;
        right            : 0;
        top              : 50%;
        -webkit-transform: translateY(-50%);
        transform        : translateY(-50%);
    }

    .form-desc>hr {
        margin       : 0;
        margin-top   : .28rem;
        margin-bottom: .30rem;
        width        : .62rem;
    }

    .guide-content {
        width      : 6.67rem;
        margin     : 0 auto;
        padding-top: .5rem;
    }

    .guide-content h1{
        font-size:.26rem;
    }

    .guide-content hr {
        margin: 0;
        margin-top: .28rem;
        margin-bottom: .30rem;
        width: .62rem;
    }

    .guide-content .topic .topic-left{
        width: 100%;
        float: unset;
        line-height: .40rem;
        font-size: .18rem;
        height: auto;
    }

    .guide-content .topic .topic-left .text-pc{
        display: none;
    }

    .guide-content .topic .topic-left .text-mobile{
        display: block;
    }

    .guide-content .topic .topic-right {
        width: 100%;
        height: auto;
        float: unset;
    }

    .guide-content .topic .topic-right .flow-item {
        width: 47%;
        height: 1rem;
        border: 2px solid #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        overflow: hidden;
        font-size:.18rem;
    }

    .guide-content .topic .topic-right .flow-item h3
    {
        width:66%;
        padding:2px 0 1px 0;
        font-size:.18rem;
        color:#c79836;
    }

    .guide-content .topic .topic-right .flow-item p
    {
        width:66%;
        line-height: .2rem;
        font-size:.16rem;
    }

    .guide-content .topic .topic-right .flow-item .icon
    {
        display: flex;
        align-items: center;
        width:34%;
        height:1rem;
    }

    .guide-content .topic .topic-right .flow-item .icon img{
        height:.45rem;
    }

    .guide-content .topic .topic-right .flow{
        height: 3rem;
    }

    .guide-content .topic .topic-right .item1{
        margin-top: -1.1rem;
        margin-left: -50%;
    }
    
    .guide-content .topic .topic-right .item2{
        margin-top: -1.1rem;
        margin-left: .1rem;
    }
    
    .guide-content .topic .topic-right .item3{
        margin-top: .1rem;
        margin-left: -50%;
    }
    
    .guide-content .topic .topic-right .item4{
        margin-top: .1rem;
        margin-left: .1rem;
    }

    .guide-content .topic .topic-right .pager {
        width: .8rem;
        height: .8rem;
        border-radius: .4rem;
        color: #fff;
        background-color: #c79836;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.4rem;
        margin-left: -0.4rem;
    }

    .guide-content .topic .topic-right .pager span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: .3rem;
        height: .3rem;
        text-align: center;
        font-size:.2rem;
    }

    .guide-content .topic .topic-right .pager .page1{
        margin-top:-.3rem;
        margin-left:-.3rem;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    
    .guide-content .topic .topic-right .pager .page2{
        margin-top:-.3rem;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    
    .guide-content .topic .topic-right .pager .page3{
        margin-left:-.3rem;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    
    .guide-content .topic .topic-right .pager .page4{
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }

    .guide-content .topic .topic-right .slogan ul {
        display: flex;
    }

    .guide-content .topic .topic-right .slogan ul li{
        float: left;
        padding: 0 .4rem 0 0;
        font-size: .18rem;
    }

    .guide-content .topic .topic-right .slogan ul li:last-child{
        padding: 0;
    }

    .guide-content .safty-guide{
        margin-top:.6rem;
    }

    .guide-content .safty-guide .guide-item h3{
        font-size:.18rem;
    }

    .guide-content .safty-guide .guide-item p{
        font-size:.18rem;
        padding-bottom: 0;
        width:100%;
        line-height: .25rem;
    }
    
    .guide-content .safty-guide .guide-item img{
        position: unset;
        width: 50%;
        float:right;
    }

    .guide-content .safty-guide .guide-item .safty-guide1{
        display: none;
    }

    .guide-content .safty-guide .guide-item .safty-guide1-mobile{
        display: block;
        width: 100%;
    }

    .guide-content .safty-guide .item2 .p2{
        width:40%;
        display: inline-block;
    }

    .guide-content .safty-guide .item2 img{
        display: inline-block;
    }

    .guide-content .safty-guide .row{
        display: block;
        clear: both;
    }

    .guide-content .safty-guide .col {
        width: 100%;
    }

    .guide-content .safty-guide .item3{
        margin-top:.5rem;
    }

    .guide-content .safty-guide .item3 p,.guide-content .safty-guide .item5 p{
        width:75%;
        float:left;
    }

    .guide-content .safty-guide .item3 img,.guide-content .safty-guide .item5 img{
        width:23%;
        float:right;
        margin-top:-.3rem;
    }

    .guide-content .safty-guide .item4,.guide-content .safty-guide .item5,.guide-content .safty-guide .item6{
        clear:both;
    }

    .guide-content .safty-guide .item4 h3,.guide-content .safty-guide .item6 h3{
        width:60%;
        float:right;
        margin-left:0!important;
    }

    .guide-content .safty-guide .item4 p,.guide-content .safty-guide .item6 p{
        width:60%;
        float:right;
        margin-left:0!important;
    }

    .guide-content .safty-guide .item4 img,.guide-content .safty-guide .item6 img{
        width:33%;
        float:left;
        margin-top:-.3rem;
    }

    .guide-content .safty-guide .customer-flow{
        height:auto;
        padding-bottom:80px;
    }

    .guide-content .safty-guide .customer-flow h3{
        font-size: .18rem;
    }

    .guide-content .safty-guide .customer-flow .main-pic{
        display: none;
    }
    
    .guide-content .safty-guide .customer-flow .main-pic-mobile{
        display: block;
        width:40%;
        margin:10px auto 0 auto;
    }

    .guide-content .safty-guide .customer-flow .customer-flow-item{
        left:50%;
        width:25%;
    }
    
    .guide-content .safty-guide .customer-flow .item1{
        margin-left:-50%;
        top:12.8%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item2{
        margin-left:-50%;
        top:30%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item3{
        margin-left:-50%;
        top:45.5%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item4{
        margin-left:-50%;
        top:68.2%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item5{
        margin-left:-15%;
        top:86%;
        text-align: right;
        width:30%;
    }

    .guide-content .safty-guide .customer-flow .item9{
        margin-left:25%;
        top:9%;
        text-align: right;
        width:30%;
    }

    .guide-content .safty-guide .customer-flow .item8{
        margin-left:25%;
        top:29%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item7{
        margin-left:25%;
        top:43%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .item6{
        margin-left:25%;
        top:70%;
        text-align: right;
    }

    .guide-content .safty-guide .customer-flow .customer-flow-item img{
        height:.5rem;
        width: auto;
        display: block;
        margin-bottom: .1rem;
    }

    .guide-content .safty-guide .customer-flow .item1 img{
        float:right;
        width: .6rem;
        height: auto;
    }

    .guide-content .safty-guide .customer-flow .item2 img{
        float:right;
    }

    .guide-content .safty-guide .customer-flow .item3 img{
        float:right;
    }

    .guide-content .safty-guide .customer-flow .item4 img{
        float:right;
        width: .65rem;
        height: auto;
    }

    .guide-content .safty-guide .customer-flow .item5 img{
        float: unset;
        margin-left:auto;
        margin-right:auto;
        width: .5rem;
        height: auto;
    }

    .guide-content .safty-guide .customer-flow .item6 img{
        float: unset;;
        width: .6rem;
        height: auto;
    }

    .guide-content .safty-guide .customer-flow .item7 img{
        float: unset;;
    }

    .guide-content .safty-guide .customer-flow .item8 img{
        float: unset;;
    }

    .guide-content .safty-guide .customer-flow .item9 img{
        float: unset;;
        width: .5rem;
        height: auto;
    }

    .guide-content .safty-guide .customer-flow .customer-flow-item p{
        font-size:.16rem;
        line-height: .2rem;
        clear:both;
        display: block;
        width:100%;
        float: unset;
    }

    .guide-content .safty-guide .customer-flow .item5 p{
        text-align: center;
    }

    .guide-content .safty-guide .customer-flow .item6 p{
        text-align: left;
    }

    .guide-content .safty-guide .customer-flow .item7 p{
        text-align: left;
    }

    .guide-content .safty-guide .customer-flow .item8 p{
        text-align: left;
    }

    .guide-content .safty-guide .customer-flow .item9 p{
        text-align: left;
    }

    .guide-content .safty-guide .customer-flow .customer-flow-item em{
        font-size:.16rem;
        line-height: .2rem;
    }

    .guide-content .safty-guide .row h3{
        font-size: .18rem;
    }

    .guide-content .safty-guide .row p{
        font-size: .18rem;
        line-height: .2rem;
    }

    .guide-content .safty-guide .way, .guide-content .safty-guide .deliver{
        height:auto;
    }

    .guide-content .safty-guide .way img{
        margin:.2rem 0 .5em 0;
        width:100%;
    }

    .guide-content .safty-guide .deliver h3 {
        margin-left: 0;
        width:52.5%;
        float: left;
    }

    .guide-content .safty-guide .deliver p{
        margin-left: 0;
        width:52.5%;
        float: left;
    }

    .guide-content .safty-guide .deliver .card{
        margin:-.4rem 0 0 0;
        width:40%;
        float:right;
    }

    .guide-content .safty-guide .deliver .car{
        position: unset;
        width:35%;
        margin-top:.5rem;
    }

    .guide-content .notice{
        clear: both;
        padding-top: .3rem;
    }

    .guide-content .notice h1 img{
        height:.35rem;
        margin-top:.15rem;
        margin-left:.1rem;
    }

    .guide-content .notice .notice-pic .notice-item {
        position: absolute;
        left: 50%;
        line-height: .2rem;
        width: 30%;
        font-size: .16rem;
    }

    .guide-content .notice .notice-pic .notice-item br{
        display: none;
    }

    .guide-content .notice .notice-pic .item1{
        top: 23%;
        margin-left: 10%;
        width: 26%;
    }
    
    .guide-content .notice .notice-pic .item2{
        top: 32%;
        margin-left: -45%;
        width:35%;
        text-align: right;
    }
    
    .guide-content .notice .notice-pic .item3{
        top:41%;
        margin-left:10%;
    }
    
    .guide-content .notice .notice-pic .item4{
        top:50%;
        margin-left: -40%;
        text-align: right;
    }
    
    .guide-content .notice .notice-pic .item5{
        top:57%;
        width:25%;
        margin-left:10%;
    }
    
    .guide-content .notice .notice-pic .item6{
        top:68%;
        margin-left: -40%;
        text-align: right;
    }
    
    .guide-content .notice .notice-pic .item7{
        top:75%;
        width:25%;
        margin-left:10%;
    }
    
    .guide-content .notice .notice-pic .item8{
        top:82%;
        margin-left: -36%;
        width:26%;
        text-align: right;
    }
    
    .guide-content .notice .notice-pic .item9{
        top:91%;
        margin-left:10%;
    }
    

    .desc-content {
        line-height: .36rem;
    }

    .desc-title {
        font-size: .26rem;
    }

    .guide-content p {
        /* color   : #fff; */
        line-height: .36rem;
    }

    .item {
        width           : 100%;
        display         : block;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        margin          : .46rem 0;
    }

    .item-left {
        color                : #fff;
        width                : 6.67rem;
        display              : block;
        -ms-flex-pack        : distribute;
        justify-content      : space-around;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        font-size            : .18rem;
    }

    .item-left img {
        width : .5rem;
        height: .5rem;
    }

    .item-left>img {
        display: none;
    }

    .item-left>p:first-child {
        display          : -webkit-box;
        display          : -ms-flexbox;
        display          : flex;
        width            : 5rem;
        -webkit-box-pack : start;
        -ms-flex-pack    : start;
        justify-content  : flex-start;
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center;
        margin           : .26rem 0;
        font-size        : .26rem;
    }

    .item-left>p>img {
        display    : inline-block;
        margin-left: .5rem;
    }

    .item-left p:nth-child(1) {
        font-size: .26rem;
    }

    .item-left p span {
        color: #c78936;
    }

    .item-right {
        width     : 100%;
        margin-top: .4rem;
    }

    .item-right>img {
        width: 100%;
    }

    .content-item {
        font-size: .16rem;
    }

    .content-item .form-desc .desc-title {
        font-size: .26rem;
    }

    .content-item .form-desc hr {
        width: .64rem;
    }

    .content-item>p:nth-child(4) {
        padding-top   : .48rem;
        padding-bottom: .15rem;
    }

    .content-item:last-child {
        margin: 0.5rem 0;
    }

    .item-info {
        width           : 100%;
        display         : block;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        text-align      : center;
        font-size       : .16rem;
    }

    .item-info p {
        color: #c78936;
    }

    .item-info>span {

        color: #fff;
    }

    .info {
        width     : 100%;
        margin-top: .2rem;
    }

    .info>span {
        width    : 100%;
        max-width: 100%;
    }

    .info>img {
        width        : 3.21rem;
        margin-bottom: .2rem;
    }

    .item-list {
        color      : #fff;
        line-height: .40rem;
        margin     : .46rem 0;
    }

    .item-list>li:not(:first-child) {
        padding-left: .20rem;
        background  : url("../images/list-icon.png") no-repeat center left;
    }

    .content-item>img {
        width: 100%;
    }
}