.component-fullwidth > ul > li:after{
    content: "";background-color: rgba(0,0,0,0.1);
    position: absolute;width: 100%;height: 100%;
    left: 0;top: 0;
}
#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;}
#history #main .row .rowMain .time-con .box > ul > div.list > li > p{min-height: 72px;height: auto;}
@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;}
    .pop-img{width: 16vw;height: 21.32vw;}
    .pop-img > a{width: 25px;height: 25px;line-height: 25px;}
    a, span, li, b, i, label, p, strong, div, h1, h2, h3, h4, h5, h6, small, em, li, pre, form, fieldset, legend, button, input, textarea, th, td{font-size: 13px;}
    .max-wid{width: 90%;}
    header .go-search{display: none;}
    #bloc{width: 100vw;overflow: hidden;}
    .after-inner header .nav{width: 100vw;overflow: hidden;}
    .after-inner .wrapper #top > .msg > .items{height: 54px;}
    .after-inner .wrapper #top > .msg > .items > li > a > i{width: 30px;}
    .after-inner .wrapper #top > .msg > .topic p .line > span{display: none;}
    .after-inner .wrapper #top > .msg > .items > li > a > span > small{font-size: 12px;}
    .after-inner .wrapper #top > .msg{top: 50%;}
    .wrapper{overflow: visible;}
    footer{height: auto;padding: 18px 5%;background-color: #fff;}
    footer .fmain .left a{text-align: left;padding: 0;min-width: 80px;}
    footer .fmain .left .other{padding-left: 0;}
    footer .fmain .right{text-align: left;padding-bottom: 36px;padding-top: 18px;border-top: 1px solid #eee;width: 100%}
    footer .fmain .right .other{text-align: left;}
    footer .fmain .right .inter:nth-of-type(1){width: auto;}
    footer .fmain .right .inter:nth-of-type(2){width: auto;}
    footer .fmain .right .inter:nth-of-type(3){width: auto;}
    footer .fmain{flex-wrap: wrap;padding: 0;}
    footer .fmain .left{width: 100%;padding-bottom: 12px;border-bottom: 1px solid #eee;}
    footer .fmain .mid{width: 100%;border: none;padding: 12px 0;}
    footer .fmain .mid > ul > li:nth-of-type(1){width: 100%;}
    footer .fmain .mid > ul > li:nth-of-type(2){width: 100%;}
    footer .fmain .mid > ul > li:nth-of-type(3){width: 100%;}
    footer .fmain .mid > ul > li:nth-of-type(4){width: 100%;}
    footer .fmain .mid > ul > li:nth-of-type(5){width: 100%;}
    footer .fmain .mid > ul > li{display: flex;align-items: center;}
    footer .fmain .mid > ul > li > h3{margin-bottom: 0;margin-right: 12px;white-space: nowrap;}
    #pop_dialog .dialog_content [data-dialog-close]{width: 30px;height: 30px;line-height: 30px;top: -30px;}
    .inter{width: 100%;margin-bottom: 20px;}
    .inter > span{width: 100%;display: flex;justify-content: space-around;align-items: center;}
    footer .fmain .right .wx{margin-right: 5px;}
    .layer-page > a{width: 36px;height: 36px;line-height: 36px;font-size: 12px;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col{width: 100%;}
    #home #main #r2 .rowMain .wrap > .bg{width: 100%;margin-bottom: 240px;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col:nth-of-type(2){padding: 20px;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col .msg .other .go-more{height: 26px;line-height: 26px;padding-left: 22px;color: #f39800;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col .msg .other .go-more .arrow{top: 5px;border-color: transparent transparent transparent #f39800;}
    #home #main #r3 .wrap .topic .webGL-slider .pager{opacity: 0;}
    #home #main #r3 .wrap .topic{height: 80%;}
    #home #main #r3 .wrap .btm{height: 20%;padding: 0 5%;}
    #home #main #r3 .wrap .btm .go .pic .w-h{margin-bottom: 15px;}
    #home #main #r3 .wrap .btm .go > h4{font-size: 12px;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col .msg .mid p{display: none;}
    #home #main #r2 .rowMain .wrap > .bg{margin-bottom: 170px;}
    #home #main #r2 .rowMain .wrap .itemwrap .box .col .msg .other{margin-top: -6px;}
    #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;}
}