.mobiledeal-warpper {
        text-align: left;
        padding-bottom: 1rem;
        height: 100%;
}

.mobiledeal {
        padding-bottom: 1rem;

}

.mobiledeal-banner-warpper {
        width: 100%;
        height: 4.11rem;
}

.mobiledeal-banner {
        box-sizing: border-box;
        padding-top: .2rem;
        width: 100%;
        height: 3.08rem;
        background: url(/imgs/mobiledeal/bg.png) no-repeat;
        background-size: 100% 100%;
        position: relative;
}

.mobiledeal-banner-search {
        display: flex;
        box-sizing: border-box;
        margin: 0 auto;
        width: 6.90rem;
        height: .60rem;
        background: rgba(255, 255, 255, .4);
        box-shadow: 0px 4px 15px 0px rgba(153, 153, 153, 0.24);
        border-radius: 4px;
        color: #ffffff;
        line-height: .6rem;
        padding-left: .3rem;
}

.mobiledeal-banner-search>div:nth-child(1) {
        height: .28rem;
        width: .28rem;
}

.mobiledeal-banner-search>div:nth-child(1)>img {
        height: 100%;
        vertical-align: middle;
        width: 100%;
}

.mobiledeal-banner-search>div:nth-child(2) {
        margin-left: .15rem;
}

.mobiledeal-banner-img {
        width: 7.2rem;
        height: 3.1rem;
        position: absolute;
        left: .15rem;
        top: .89rem;
}

.mobiledeal-banner-img>img {
        width: 100%;
        height: 100%;
}


/* banner结束 */
.mobiledeal-nav-box {
        display: flex;
        justify-content: space-around;
}

.mobiledeal-nav-box>div>div:nth-child(1) {
        width: .84rem;
        height: .84rem;
        margin: 0 auto;
        margin-bottom: .15rem;
}

.mobiledeal-nav-box>div>div:nth-child(1)>img {
        height: 100%;
        width: 100%;
}

.mobiledeal-hotbrand {
        margin-top: .37rem;
        box-sizing: border-box;
        padding-left: .3rem;
}

.mobiledeal-hotbrand-title {
        display: flex;
        justify-content: space-between;
}

.mobiledeal-hotbrand-title>div:nth-child(1) {
        height: .50rem;
        font-size: .36rem;
        font-family: PingFangSC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
}

.mobiledeal-hotbrand-title>div:nth-child(2) {
        line-height: .5rem;
        margin-right: .3rem;
        color: #999999;
}

.mobiledeal-hotbrand-title>div:nth-child(2) img {
        width: .12rem;
        height: .2rem;
        margin-left: .2rem;
}

.mobiledeal-hotbrand-list {
        margin-top: .22rem;
        margin-bottom: .43rem;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        display: flex;
        overflow-y: hidden;
}

.mobiledeal-hotbrand-item {
        position: relative;
        min-width: 2.49rem;
        height: 3.14rem;
        margin-right: .2rem;
        background: rgba(255, 255, 255, 1);
        border-radius: 4px;
        border: 1px solid rgba(229, 229, 229, 1);
}

.mobiledeal-hotbrand-item>div:nth-child(1) {
        position: absolute;
        left: 0;
        top: 0;
}

.mobiledeal-hotbrand-item>div:nth-child(2) {
        margin: .54rem auto .57rem;
        width: 1.62rem;
        height: 1.04rem;
        background: #999999;
}
.mobiledeal-hotbrand-item>div:nth-child(2)>img{
        width: 100%;
        height: 100%;
}

.mobiledeal-hotbrand-item>div:nth-child(3),
.mobiledeal-hotbrand-item>div:nth-child(4) {
        text-align: center;
}

.mobiledeal-hotbrand-item>div:nth-child(3) {
        font-size: .24rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
}

.mobiledeal-hotbrand-item>div:nth-child(4) {
        font-size: .30rem;
        font-family: HelveticaNeue;
        font-weight: 500;
        color: rgba(254, 84, 0, 1);
}

/* overflow-x:scroll; */


.mobiledeal-deal-flow-title {
        font-size: .36rem;
        font-family: PingFangSC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        margin-left: .3rem;
}

.mobiledeal-deal-flow-flow {
        display: flex;
        width: 100%;
        margin-bottom: .3rem;
        margin-top: .34rem;
}

.mobiledeal-deal-flow-flow>div {
        width: 100%;
}

.mobiledeal-deal-flow-flow>div>div:nth-child(1) {
        width: .72rem;
        height: .72rem;
        margin: 0 auto .13rem;
}

.mobiledeal-deal-flow-flow>div>div:nth-child(2) {
        width: 1.40rem;
        font-size: .28rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        margin: 0 auto;
        text-align: center;
}

.mobiledeal-deal-flow-flow>div>div:nth-child(1)>img {
        width: 100%;
        height: 100%;
}

.mobiledeal-deal-flow>div:nth-child(3) {
        display: flex;
        width: 3.87rem;
        justify-content: space-between;
        margin: 0 auto;
        transform: translateY(-1.7rem);
}

.mobiledeal-deal-flow>div:nth-child(3)>div {
        width: .27rem;
        height: .23rem;
        color: rgba(252, 211, 189, 1);
}

.mobiledeal-deal-materials {
        width: 100%;
        margin-bottom: .4rem;
}
.mobiledeal-deal-materials>div:nth-child(4)>div:nth-child(2){
        padding: 0;
        padding-left: .3rem;
}
.mobiledeal-deal-materials-item {
        display: flex;
        width: 6.90rem;
        height: 1.60rem;
        background: rgba(255, 255, 255, 1);
        border-radius: .06rem;
        border: 1px solid rgba(255, 224, 207, 1);
        margin: 0 auto;
        margin-bottom: .1rem;
}


.mobiledeal-deal-materials-item>div:nth-child(1) {
        width: .61rem;
        height: 1.60rem;
        box-sizing: border-box;
        padding-top: .14rem;
        background: rgba(255, 243, 236, 1);
        text-align: center;
        font-size: .32rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);

}

.mobiledeal-deal-materials-item>div:nth-child(2) {
        width: 100%;
        height: 100%;
        font-size: .28rem;
        font-family: PingFangSC;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        box-sizing: border-box;
        padding: .3rem 0 .3rem .3rem;
}

.mobiledeal-deal-getmaterials-demo {
        vertical-align: text-bottom;
        margin-top: .47rem;
        display: flex;
        justify-content: space-around;
        padding: 0 .5rem;
        box-sizing: border-box;
        margin-bottom: .78rem;
}

.mobiledeal-deal-getmaterials-demo>div {
        width: 2.02rem;
        height: 2.94rem;
        margin-right: .2rem;
        background: #000;
        text-align: center;
}
.mobiledeal-deal-getmaterials-demo>div>div{
        margin-top: .2rem;
}
.mobiledeal-deal-getmaterials-demo>div>img{
        width: 100%;
        height: 100%;
}
.mobiledeal-deal-materials-title {
        font-size: .36rem;
        font-family: PingFangSC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        margin-left: .3rem;
        margin-bottom: .33rem;
}

.mobiledeal-advantage-box>.mobiledeal-deal-flow-flow>div>div:nth-child(1) {
        width: .88rem;
        height: .9rem;
}