.ylz-download-way-warp
{
    display: flex;
    justify-content: center;
    padding-top: 1.5rem;
    width: 100%;
    height: 9.6rem;
    background: url("../jpg/n1zp58.jpg") center/cover no-repeat;
}
.ylz-download-way-warp .download-content-img
{
    width: 9.57rem;
    height: 5.67rem;
}
.ylz-download-way-warp .download-way-warp
{
    padding-top: 1rem;
    margin-left: .5rem;
}
.ylz-download-way-warp .download-way-warp .download-type
{
    font-size: .5rem;
    margin-bottom: .56rem;
    font-weight: bold;
    color: #fff;
}
.ylz-download-way-warp .download-way-warp .way
{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .19rem;
    font-weight: bold;
    color: #fff;
    line-height: .2rem;
    text-align: center;
}
.ylz-download-way-warp .download-way-warp .way .app-qrcode-wrap, .ylz-download-way-warp .download-way-warp .way .mp-qrcode-wrap
{
    position: relative;
}
.way .app-qrcode-wrap .app-hover-content, .way .mp-qrcode-wrap .mp-hover-content
{
    opacity: 0;
    position: absolute;
    bottom: 1.1rem;
    left: 50%;
    padding: .16rem .3rem;
    box-shadow: 0 4px 24px 0 #0e8c5f;
    border-radius: .04rem;
    background-color: #fff;
    transform: translateX(-50%);
    transition-property: opacity;
    transition-duration: .4s;
    transition-timing-function: ease-in-out;
    z-index: -99;
}
.way .app-qrcode-wrap .by-qrcode-app:hover+.app-hover-content
{
    opacity: 1;
    z-index: 1;
}
.way .mp-qrcode-wrap .by-qrcode-mp:hover+.mp-hover-content
{
    opacity: 1;
    z-index: 1;
}
.way .app-qrcode-wrap .app-hover-content:after, .way .mp-qrcode-wrap .mp-hover-content:after
{
    position: absolute;
    left: 50%;
    bottom: -.05rem;
    content: '';
    width: .24rem;
    height: .24rem;
    background-color: #fff;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
    border-radius: .04rem;
}
.way .app-qrcode-wrap .app-hover-content .app-code, .way .mp-qrcode-wrap .mp-hover-content .mp-code
{
    width: 1.8rem;
    height: 1.8rem;
}
.way .app-qrcode-wrap .app-hover-content .intro, .way .mp-qrcode-wrap .mp-hover-content .intro
{
    display: inline-block;
    font-size: .14rem;
    font-weight: 400;
    color: #06b880;
    line-height: .2rem;
    white-space: nowrap;
}
.ylz-download-way-warp .download-way-warp .way .by-pc
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 3.4rem;
    padding: .16rem 0 .16rem .84rem;
    border: .01rem solid #fff;
    border-radius: .3rem;
    font-size: .18rem;
    cursor: pointer;
}
.ylz-download-way-warp .download-way-warp .way .by-pc .hand
{
    display: inline-block;
    margin-left: .03rem;
    width: .24rem;
    height: .24rem;
    background: url("../png/247u3i.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-pc:hover .hand
{
    background: url("../png/4ajvvq.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-wx
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .32rem;
    font-size: .18rem;
    width: 3.4rem;
    padding: .16rem 0 .16rem .92rem;
    cursor: pointer;
    border: .01rem solid #fff;
    border-radius: .3rem;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-mp
{
    padding-left: .95rem;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-wx .qrcode-android
{
    display: inline-block;
    margin-left: .03rem;
    width: .24rem;
    height: .24rem;
    background: url("../png/fl668a.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-wx .qrcode-ios
{
    display: inline-block;
    width: .24rem;
    height: .24rem;
    background: url("../png/lfd7sa.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-wx .wx-code
{
    display: inline-block;
    margin-left: .03rem;
    width: .24rem;
    height: .24rem;
    background: url("../png/a3aqd8.png") 100%/100% no-repeat;
}/* 小程序和APP hover */
.ylz-download-way-warp .download-way-warp .way .by-pc:hover, .ylz-download-way-warp .download-way-warp .way .by-qrcode-mp:hover, .ylz-download-way-warp .download-way-warp .way .by-qrcode-app:hover
{
    background-color: #fff;
    color: #06b880;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-mp:hover .wx-code
{
    background: url("../png/4ohhpy.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-app:hover .qrcode-android
{
    background: url("../png/zcgngq.png") 100%/100% no-repeat;
}
.ylz-download-way-warp .download-way-warp .way .by-qrcode-app:hover .qrcode-ios
{
    background: url("../png/szd5bt.png") 100%/100% no-repeat;
}/*介绍*/
.create-order-detail-intro
{
    padding: 1.07rem 0;
    font-size: .16rem;
    background-color: #fff;
}
.create-order-detail-intro .detail-list
{
    margin-bottom: .96rem;
    display: flex;
    justify-content: space-evenly;
}
.create-order-detail-intro .detail-list:last-child
{
    margin-bottom: 0;
}
.create-order-detail-intro .detail-list .detail-item
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.create-order-detail-intro .detail-list .detail-item .img
{
    margin-bottom: .4rem;
    height: auto;
}
.create-order-detail-intro .detail-list .detail-item .title
{
    margin-bottom: .3rem;
    font-size: .3rem;
    line-height: .3rem;
    font-weight: bold;
    color: #323232;
}
.create-order-detail-intro .detail-list .detail-item .detail
{
    font-size: .22rem;
    color: #7e7f7f;
    line-height: .3rem;
    font-weight: normal;
}/*四大行业*/
.four-industry-warp
{
    display: flex;
}
.four-industry-warp .industry-item
{
    position: relative;
    width: 25%;
    height: 9.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.four-industry-warp .industry-item:hover .mask
{
    display: none;
}
.four-industry-warp .industry-item:hover .name
{
    display: none;
}
.four-industry-warp .industry-item .img
{
    width: 100%;
    height: 100%;
}
.four-industry-warp .industry-item .name
{
    position: absolute;
    left: 50%;
    bottom: .93rem;
    line-height: .3rem;
    font-size: .3rem;
    color: #fff;
    font-weight: bold;
    transform: translateX(-50%);
    z-index: 11;
}
.four-industry-warp .industry-item .mask
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10;
}
.img-width-78
{
    width: .78rem;
}
.img-width-96
{
    width: .96rem;
}
.img-width-86
{
    width: .86rem;
}
.img-width-88
{
    width: .88rem;
}
.img-width-98
{
    width: .98rem;
}