*{
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-family:SourceHanSansCN;
}

body{
    background-color: rgb(255 255 255);
}

@font-face{
    font-family: 'SourceHanSansCN';
    src: url('../font/sourcehansansscregular.ttf');
    font-display: swap;
}

.hide{
    display: none;
}
.result_title{
    height: calc(100vw * 143/1080);
    background-color: rgb(238 238 238);
    border-bottom:1px solid rgb(224, 224, 224);
}
.result_title >img{
    margin-top: calc(100vh * 49/1868);
    margin-left: calc(100vw * 37/1080);
    width: calc(100vw * 23/1080);
}
.result_title > div{
    vertical-align: top;
    display: inline-block;
    height: calc(100vw * 143/1080);
    line-height: calc(100vw * 143/1080);
    width: calc(100vw * 980/1080);
    font-size:calc(100vw * 48/1080);
    font-weight:bold;
    color:rgba(51,51,51,1);
    text-align: center;
}
.content{
    margin: 0 calc(100vw * 10/1080);
    z-index: -1;
}
.goods_type{
    vertical-align: top;
    display: inline-block;
    margin-top: calc(100vh * 65/1868);
    margin-left: calc(100vw * 104/1080);
    width: calc(100vw * 367/1080);
    border:1px solid #ececec;
    background-color: #ececec;
}
.goods_type .img{
    padding: calc(100vw * 13/1080) calc(100vw * 12/1080) calc(100vw * 10/1080) calc(100vw * 12/1080);
    width: calc(100vw * 343/1080);
}
.goods_type .img img{
    width: calc(100vw * 343/1080);
}
.goods_type .name{
    padding: calc(100vw * 20/1080) calc(100vw * 18/1080) calc(100vw * 26/1080) calc(100vw * 18/1080);
    width: calc(100vw * 331/1080);
    height:calc(100vh * 216/1868);
    font-size:calc(100vh * 36/1868);
    font-weight:400;
    color: rgb(126, 126, 126);
    line-height:calc(100vh * 60/1868);
    background:rgba(255,255,255,1);
}

.c_alert_bg{
    position: fixed;
    top:0px;
    bottom: 0px;
    width: 100%;
    background:rgba(101,101,101,0.7);
    z-index: 3;
}

.c_alert_bg .alert{
    position: fixed;
    bottom: 0px;
    width:calc(100vw * 1076/1080);
    height:calc(100vh * 1457/1872);
    background:rgba(255,255,255,1);
    border:1px solid rgba(89,134,163,1);
    border-radius:calc(100vh * 29/1873);
}

.c_alert_bg .alert .alert_title{
    width:calc(100vw * 971/1080);
    height:calc(100vh * 429/1872);
    margin: 0 calc(100vw * 55/1080) 0 calc(100vw * 53/1080);
    text-align: center;
    border-bottom:1px solid rgba(89,134,163,1);
}

.c_alert_bg .alert .alert_title img{
    margin: calc(100vh * 66/1872) 0 calc(100vh * 65/1872) 0;
    height:calc(100vw * 298/1080);
}


.c_alert_bg .alert .alert_content{
    height:calc(100vw * 650/1080);
    margin-top: calc(100vw * 49/1080);
    margin-left: calc(100vw * 91/1080);
    overflow-y: auto;
    margin-bottom: calc(100vw * 49/1080);
}
.c_alert_bg .alert .alert_content .type{
    height:calc(100vw * 35/1080);
    font-size:calc(100vw * 36/1080);
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:calc(100vw * 35/1080);
}

.c_alert_bg .alert .alert_content .goods{
    margin-top: calc(100vw * 32/1080);
    width:calc(100vw * 893/1080);
    height:calc(100vh * 99/1872);
    background:rgba(255,255,255,0.16);
    color:rgba(51,51,51,1);
    border:1px solid rgba(143,143,143,1);
}
.c_alert_bg .alert .alert_content .select_goods{
    background:rgba(89,134,163,0.16);
    border:1px solid rgba(89,134,163,1);
}

.c_alert_bg .alert .alert_content .goods img{
    height:calc(100vh * 85/1872);
    margin: calc(100vh * 7/1872);
}

.c_alert_bg .alert .alert_content .goods div{
    vertical-align: top;
    display: inline-block;
    height:calc(100vh * 99/1872);
    line-height:calc(100vh * 99/1872);
    margin-left: calc(100vw * 35/1080);
}


.c_alert_bg .alert .alert_buttom{
    height:calc(100vh * 130/1872);
    background:rgba(89,134,163,1);
    border:1px solid rgba(143,143,143,1);
    line-height:calc(100vh * 130/1872);
    font-size:calc(100vh * 36/1872);
    font-weight:400;
    color:rgba(255,255,255,1);
    text-align: center;
}