/**
 * @author: Jicc(103698177) on 2017/10/5
 */
/* 商城 */
.header_mall{width:100%;position:fixed;top:0;left:0;z-index:10;}
.mall_top{width:100%;height:44px;background:#00385f;position:relative;}
.mall_top h3{width:70%;line-height:44px;margin:0 auto;color:#fff;font-size:15px;text-align:center;}
.filter_arr{display:inline-block;width:44px;height:44px;position:absolute;top:0;left:0;}
.filter_arr:after{content:'';width:8px;height:8px;border-left:1px solid #fff;border-bottom:1px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);}
.mall_wrap{height:100%;padding:44px 0 0;background:#fff2e1;}
.mall_main{padding-top:160%;position:relative;}
.mall_gb{background:url(/static/images/webapp/m/guess/mall_bg.jpg) no-repeat center 0;background-size:100%;}
.mall_big{background:url(/static/images/webapp/m/guess/mall_bg_big.jpg) no-repeat center 0;background-size:100%;}
.mall_tips{color:#000;font-size:12px;padding-left:26%;position:absolute;top:7.2%;}
.mall_tips p{font-size:14px;}
.mall_tips p strong{font-weight:bold;}
.mall_tips p b{font-weight:bold;}
.mall_app_btn{display:inline-block;width:170px;height:36px;line-height:36px;color:#fff;font-size:15px;font-weight:bold;text-align:center;position:fixed;bottom:5%;left:50%;border-radius:36px;transform:translate(-50%,0);background:#f8252b;}

@media screen and (min-width: 374px) and (max-width: 479px) {
    .mall_top{height:52px;}
    .mall_top h3{line-height:52px;font-size:18px;}
    .filter_arr{width:52px;height:52px;}
    .filter_arr:after{width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;}
    .mall_wrap{padding:52px 0 0;}
    .mall_tips{font-size:14px;top:7.5%;}
    .mall_tips p{font-size:16px;}
    .mall_app_btn{width:204px;height:44px;line-height:44px;font-size:18px;border-radius:44px;}
}

@media screen and (min-width: 480px) and (max-width: 639px) {
    .mall_top{height:66px;}
    .mall_top h3{line-height:66px;font-size:22px;}
    .filter_arr{width:66px;height:66px;}
    .filter_arr:after{width:12px;height:12px;border-left:2px solid #fff;border-bottom:2px solid #fff;}
    .mall_wrap{padding:66px 0 0;}
    .mall_tips{font-size:18px;top:8%;}
    .mall_tips p{font-size:20px;}
    .mall_app_btn{width:254px;height:54px;line-height:54px;font-size:22px;border-radius:54px;}
}

@media screen and (min-width: 640px) {
    .mall_top{height:88px;}
    .mall_top h3{line-height:88px;font-size:30px;}
    .filter_arr{width:88px;height:88px;}
    .filter_arr:after{width:16px;height:16px;border-left:2px solid #fff;border-bottom:2px solid #fff;}
    .mall_wrap{padding:88px 0 0;}
    .mall_tips{font-size:24px;top:8%;}
    .mall_tips p{font-size:28px;}
    .mall_app_btn{width:340px;height:72px;line-height:72px;font-size:30px;border-radius:72px;}
}