#detail #main .wrap .con .content img{margin: 0.1rem auto;}
footer .fmain .mid > ul > li:nth-of-type(5){width: calc(100%/3 - 20px);}
footer .fmain .mid > ul > li:nth-of-type(6){width: calc(100%/3 - 0px);margin-right: 0;}
footer .fmain .mid > ul > li p > a{font-size: inherit;color: inherit;line-height: 1.6;}
.pop-img{position: fixed;width: 10vw;height: 13.33vw;top: 0;bottom: 0;right: 0;margin: auto;display: flex;align-items: center;justify-content: flex-end;z-index: 10;box-shadow: 0 10px 30px -3px rgba(0,0,0,0.1); }
.pop-img > a{position: absolute;top: 0;right: 0;width: 32px;height: 32px;line-height: 32px;font-size: 20px;text-align: center;}
.pop-img > img{cursor: pointer;}
@media screen and (max-width:1500px){
	.ie .layout-rowMain{
        width: 1200px;
    }
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){

}
@media screen and (max-width:1024px){
	
}
@media screen and (min-width:800px){
    .app{display: none!important;}
}
@media screen and (max-width:800px){
	.pc{display: none!important;}
    .app { display: inline-block; width: 100%; height: 100%; }
    .pop-img{width: 16vw;height: 21.32vw;}
    .pop-img > a{width: 25px;height: 25px;line-height: 25px;}
   
    #home #main #r3 .wrap .topic .component .Tcon > small{top: 37%;}
    #home #main #r3 .wrap .topic .component .Tcon .txtChange > li{top: -30%;}
    #home #main #r3 .wrap .topic .component .Tcon .txtChange > li > h3,#home #main #r3 .wrap .topic .component .Tcon .txtChange > li > small{text-shadow: 0 2px 2px rgba(0,0,0,0.4);}

    #new #top .rowMain .wrap .itemwrap .box .col{width: 100%;}
    #new #top .rowMain .wrap > .bg{width: 100%;margin-bottom: 260px;}
    #new #top .photo{display: none;}
    #new #top .title > div span{color: #000;}
    #new #top .title > div em{color: #000;}
    #new #top .rowMain .wrap .itemwrap .box .col:nth-of-type(2){padding: 20px;}
    #new #top .rowMain .wrap .itemwrap .box .col .msg .other .go-more{height: 26px;line-height: 26px;padding-left: 22px;}
    #new #top .rowMain .wrap .itemwrap .box .col .msg .other .go-more .arrow{top: 5px;}
    #new #top .rowMain .wrap .pager{transform: none;}
    #new #main .rowMain .wrap{margin-left: 0;}
    #new #main .rowMain .wrap .box{width: 100%;margin-left: 0;}
    #new #top .title h2{color: #000;}
    #new #main .rowMain .wrap .box .msg{padding-bottom: 6%;}
    #new #main .rowMain .wrap .box .msg .over-2{max-height: 48px;height: auto;}
    #new #main .rowMain .wrap .box .msg .over-3{max-height: 72px;height: auto;}


    #detail #main .wrap .con{width: 100%;padding: 0.5rem 5%;}
    #detail #main .wrap{padding-top: 14.5vw;}
    #detail{padding-top: 50px;}
    #detail #main > .bg .pic{filter: blur(6px);}
    #detail #main .wrap .other{width: 90%;}
    #detail #main .wrap .con .title nav > a{font-size: 20px;line-height: 26px;}


    #shop #main .row .bg-box .note .tab > a{width: 68px;padding: 4px 0;font-size: 12px;}
    #shop #main .row .tab-list .wrap{margin-left: 0;justify-content: space-between;}
    #shop #main .row .tab-list .wrap .box{width: 47%;margin-left: 0;margin-bottom: 16px;}
    #shop #main .row .bg-box{height: 200px;}


    #intro #top{min-height: 240px;}
    #intro #main .row{flex-wrap: wrap;}
    #intro #main .row.r-right .col:nth-of-type(2) .txt,#intro #main .row.r-left .col:nth-of-type(1) .txt{display: none;}
    #intro #main .row.r-right .col:nth-of-type(1){padding-right: 0;}
    #intro #main .row.r-left .col:nth-of-type(2){padding-left: 0;}
    #intro #main .row.r-right .col:nth-of-type(2) .pic{width: 100%;}

    #history #top{min-height: 240px;}
    #history #main .row .rowMain .time-top{width: 90%;}
    #history #main .row .rowMain .time-top > ol li{width: calc(10%/5);}

    #social #top{min-height: 240px;}
    #social #main .r-left .left{width: 100%;overflow: hidden;}
    #social #main .r-left .right{width: 100%;margin-top: 14px;}
    #social #main .r-left .left .pic{width: calc(100% - 54px);margin-left: 44px;}
    #social #main .r-left .left .other{bottom: 0;right: -10%;}

    #goods{position: relative;z-index: 100;padding-top: 50px;}
    #goods #main .rowMain .left{position: fixed;width: 100vw;height: 100%;left: 0;top: 0;background-color: #fff;z-index: 10;}
    #goods #main .rowMain .left#fn3{transform: translateX(-100%);visibility: hidden;opacity: 0;}
    #goods #main .rowMain .left .topic{height: 50px;padding: 0;}
    #goods #main .rowMain .left .mid,#goods #main .rowMain .left .btm{padding: 10px 5%;}
    #goods #main .rowMain .left .mid > ul.items > li > a{height: 36px;}
    #goods #main .rowMain .left .mid > ul.items > ol > li > a{height: 34px;line-height: 34px;cursor: pointer;}
    #goods #main .rowMain .left .btm h3{display: none;}
    #goods #main .rowMain .right{width: 100%;padding-left: 0;}
    #goods #main .rowMain .right .wrap .box{width: calc(48%);margin-left: 0;}
    #goods #main .rowMain .right .wrap{margin-left: 0;justify-content: space-between;}
    #goods #main .rowMain .left .btm .con .list .color-box .cir{width: 28px;height: 28px;line-height: 28px;margin-bottom: 10px;margin-left: 10px;}
    #goods #main .rowMain .left .mid h3{display: none;}

    #search #top{min-height: 240px;}
    #search #top .search-row input[type='text']{min-width: 80px;width: calc(100% - 80px);}
    #search #top .search-row a{font-size: 14px;min-width: 80px;}
    #search #main .tab-list .wrap .box{width: 48%;margin-left: 0;}
    #search #main .tab-list .wrap{margin-left: 0;justify-content: space-between;}
    #search #main .tab-list .wrap .list{flex-wrap: wrap;}
    #search #main .tab-list .wrap .list .pic{width: 100%;}
    #search #main .tab-list .wrap .list .msg{width: 100%;margin: 5px 0;}

}

@media screen and (max-width:600px){
    #bloc header{height: 50px;width: 100vw;}
    #new #top .rowMain .wrap .itemwrap .box.on{box-shadow: none;}
    #new #main{padding-top: 20px;}
    .layer-page{margin-bottom: 20px;}
    .layer-page > a{margin: 0 8px;}
}