html{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f2f2f2;
}
.pc .wheretobuy{
    width: 1920px;
    background-color: #f2f2f2;
    position: relative;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    margin-bottom: 80px;
}
.pc .wheretobuy .banner{
    width: 1920px;
    height: 407px;
    background: url("../images/wheretobuy/banner.png") no-repeat;
    background-size: 1920px 407px;
}
.pc .wheretobuy .left{
    width: 292px;
    background-color: #f1f1f1;
    float: left;
    margin-left: 90px;
    margin-top: 90px;
    overflow: hidden;
}
.pc .wheretobuy .left .tit{
    color: #404040;
    font-size: 24px;
    font-family: "Gotham-Medium";
}
.pc .wheretobuy .left .filtrate{
    width: 268px;
    padding: 12px;
    background-color: #fff;
    margin-top: 22px;
}
.pc .wheretobuy .left .filtrate .clear{
    width: 269px;
    height: 54px;
    background-color: #f1f1f1;
    position: relative;
    cursor: pointer;
}
.pc .wheretobuy .left .filtrate .clear .icon{
    position: absolute;
    top: 15px;
    left: 49px;
    width: 36px;
    height: 23px;
    background: url("../images/support/clear.png") no-repeat;
    background-size: 36px 23px;
}
.pc .wheretobuy .left .filtrate .clear .tip{
    position: absolute;
    top: 0;
    left: 105px;
    height: 54px;
    line-height: 54px;
    color: #404040;
    font-size: 19px;
    font-family: "Gotham-Medium";
}

.pc .wheretobuy .left .filtrate .type{
    width: 215px;
    height: 994px;
    padding: 20px 27px;
    background-color: #f1f1f1;
    margin-top: 7px;
}
.pc .wheretobuy .left .filtrate .type .sel{
    width: 177px;
    height: 16px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}
.pc .wheretobuy .left .filtrate .type .sel .k{
    position: absolute; top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
}
.pc .wheretobuy .left .filtrate .type .sel.act .k{
    background-color: #ADFF2F;
}
.pc .wheretobuy .left .filtrate .type .sel .text{
    width: 179px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 25px;
    color: #404040;
    font-size: 12px;
    font-family: "Gotham-Book";
}
.pc .wheretobuy .right{
    float: left;
    width: 704px;
    overflow: hidden;
    margin-left: 25px;
    margin-top: 136px;
}
.pc .wheretobuy .right .info{
    width: 678px;
    padding: 13px;
    background-color: #fff;
    margin-bottom: 30px;
}
.pc .wheretobuy .right .info_tit{
    font-size: 22px;
    color: #404040;
    font-family: "Gotham-Medium";

    padding-left: 18px;
    height: 55px;
    line-height: 55px;
}
.pc .wheretobuy .right .info .p{
    width: 678px;
    height: 162px;
    background-color: #f0f0f0;
    margin-bottom: 8px;
    position: relative;
}
.pc .wheretobuy .right .info .p:last-child{
    margin-bottom: 0;
}
.pc .wheretobuy .right .info .p img{
    position: absolute;
    top: 0;
    left: 0;
    width: 296px;
    height: 160px;
}
.pc .wheretobuy .right .info .p .text1{
    margin-left: 296px;
    font-family: "Gotham-Medium";
    font-size: 18px;
    color: #727171;
}
.pc .wheretobuy .right .info .p .text2{
    margin-left: 296px;
    font-family: "Gotham-Book";
    font-size: 13px;
    color: #727171;
    margin-top: 10px;
    line-height: 15px;
}
.pc .wheretobuy .right .info .p .text2 span{
    font-family: "Gotham-Medium";
}


.bottom{
    background-color: #fff !important;
    box-shadow:
        1000px 0 0 0 #fff,
        -1000px 0 0 0 #fff !important;
}







.phone .wheretobuy{
    margin-bottom: 1.5rem;
}
.phone .wheretobuy .banner{
    width: 10.8rem;
    height: 4.88rem;
    background: url("../images/phone/wheretobuy/banner.png") no-repeat;
    background-size: 10.8rem 4.88rem;
}
.phone .wheretobuy .infos{
    margin-left: 0.7rem;
    position: relative;
}
.phone .wheretobuy .infos .filters{
    position: absolute;
    top: 0.45rem;
    right: 0.63rem;
    font-size: 0.37rem;
    color: #404040;
    font-family: "Gotham-Medium";
    width: 2.4rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border: 0.02rem solid #b8b8bb;
    border-radius: 0.5rem;
    cursor: pointer;
    z-index: 2;
}
.phone .wheretobuy .infos .info{
    position: relative;
    margin-top: 0.75rem;
}
.phone .wheretobuy .infos .info .info_tit{
    font-size: 0.35rem;
    color: #404040;
    font-family: "Gotham-Medium";
    height: 0.85rem;
    line-height: 0.85rem;
    padding-left: 0.3rem;
}
.phone .wheretobuy .infos .info .p{
    width: 9.46rem;
    height: 2.16rem;
    background-color: #f0f0f0;
    position: relative;
    margin-bottom: 0.15rem;
}
.phone .wheretobuy .infos .info .p:last-child{
    margin-bottom: 0;
}
.phone .wheretobuy .infos .info .p img{
    position: absolute;
    top: 0;
    left: 0;
    width: 3.7rem;
    height: 2.16rem;
}
.phone .wheretobuy .infos .info .p .text1{
    margin-left: 4.1rem;
    color: #727171;
    font-family: "Gotham-Medium";
    font-size: 0.3rem;
}
.phone .wheretobuy .infos .info .p .text1{
    margin-left: 4.1rem;
    color: #727171;
    font-family: "Gotham-Medium";
    font-size: 0.3rem;
}
.phone .wheretobuy .infos .info .p .text2{
    margin-top: 0.15rem;
    margin-left: 4.1rem;
    color: #727171;
    font-family: "Gotham-Book";
    font-size: 0.2rem;
}
.phone .wheretobuy .infos .info .p .text2 span{
    font-family: "Gotham-Medium";
}

.phone .filters_box{
    position: fixed;
    top: 1.8rem;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(114,113,113,0.8);
    z-index: 99;
    display: none;
}
.phone .filters_box .bg{
    width: 10.8rem;
    height: 8.42rem;
    background-color: #fff;
}
.phone .filters_box .mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 10.8rem;
    height: 2.26rem;
    background: url("../images/phone/support/download_mask.png") no-repeat;
    background-size: 10.8rem 2.26rem;
    z-index: -1;
}
.phone .filters_box .close{
    position: absolute;
    right: 0;
    top: 0;
    width: 2.54rem;
    height: 2.1rem;
    background: url("../images/phone/support/download_close.png") center no-repeat;
    background-size: 0.42rem 0.42rem;
    cursor: pointer;
}

.phone .filters_box .filters_tit{
    position: absolute;
    top: 0.84rem;
    left: 0.7rem;
    font-size: 0.5rem;
    color: #404040;
    font-family: "Gotham-Medium";
}

.phone .filters_box .filters_tit2{
    position: absolute;
    top: 1.85rem;
    left: 0.7rem;
    font-size: 0.35rem;
    color: #404040;
    font-family: "Gotham-Medium";
}
.phone .filters_box .filters_btns{
    position: absolute;
    top: 2.5rem;
    left: 0.7rem;
    width: 10rem;
}
.phone .filters_box .filters_btns .btn{
    height: 0.58rem;
    line-height: 0.58rem;
    padding: 0 0.4rem;
    border: 0.02rem solid #88898d;
    font-size: 0.3rem;
    text-align: center;
    font-family: "Gotham-Book";
    color: #404040;
    border-radius: 0.5rem;
    display: inline-block;
    cursor: pointer;
}
.phone .filters_box .filters_btns .btn.act{
    background-color: #5cb531;
}


.phone .filters_box .btns{
    position: absolute;
    top: 7.1rem;
    left: 0;
    width: 10.8rem;
    height: 1.33rem;
}
.phone .filters_box .btns .btn1{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.5rem;
    color: #404040;
    background-color: #cacaca;
    font-family: "Gotham-Medium";
    width: 50%;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    cursor: pointer;
}
.phone .filters_box .btns .btn2{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.5rem;
    color: #fff;
    background-color: #5cb531;
    font-family: "Gotham-Medium";
    width: 50%;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    cursor: pointer;
}