.van-notice-bar{ cursor:pointer;height:42px;background:#fff6ef;border:1px solid #ff6650;border-radius:12px;line-height:22px;font-size:14px;color:#333;font-weight:500}
.van-notice-bar .van-notice-bar__left-icon{height:22px;margin-right:8px}
.van-notice-bar .van-notice-bar__left-icon .van-icon__image{display:block;width:100%;height:100%}
.ant-modal-root .ant-modal-wrap .ant-modal-content{border-radius:12px;overflow:hidden}
.ant-modal-root .ant-modal-wrap .ant-modal-content .ant-modal-header{border:none;text-align:center;padding:17px 0}
.van-notice-bar .van-notice-bar__wrap{ width: 1108px; overflow: hidden;}
.van-notice-bar .van-notice-bar__content{ width: 100%; position: static;}
.van-notice-bar .van-notice-bar__content ul{ overflow:hidden; zoom:1;}
.van-notice-bar .van-notice-bar__content li{ width: 360px; float: left; _display:inline; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.van-notice-bar .van-notice-bar__content a{ color: inherit;}
.part_wrap{transition:.2s;position:relative;width:100%; overflow:hidden;border-radius:12px;display:flex;align-items:stretch;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.02)}
.part_wrap .wrap_left{flex:none;width:220px;background-color:#ff6650;background-image:linear-gradient(135deg,#ff8d37,#ff6650);overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 64px)}
/*.part_wrap .wrap_left::-webkit-scrollbar{width:8px;background-color:transparent}
.part_wrap .wrap_left::-webkit-scrollbar-thumb{border-radius:8px;background-clip:content-box;background-color:rgba(51,51,51,.5)}*/
.part_wrap .wrap_left::-webkit-scrollbar{ display: none; }
.part_wrap .wrap_right{height:100%;flex:none;width:calc(100% - 220px); min-height: calc(100vh - 64px); background-color:#fff;overflow:hidden;margin-left:auto}
.bn-part{ height: 300px;}
.ant-menu{height:100%;width:100%;border:none;background-color:transparent;color:#ffe6d6;background-image:url(../font/bg_sidemenu.svg);background-repeat:repeat-y;background-size:100%;padding:16px 0}
.ant-menu .ant-menu-item{font-size:16px;font-weight:500; line-height:48px;margin:0}
.ant-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent;background-image:linear-gradient(135deg,#ffbd8a,#ffc9c2)}
.ant-menu .ant-menu-submenu .ant-menu-item{padding-left:36px}
.ant-menu .ant-menu-submenu .ant-menu-submenu-title{font-size:16px;font-weight:500}
.ant-menu .ant-menu-submenu .ant-menu-sub{background-color:hsla(0,0%,100%,.1);box-shadow:none}
.px-list{padding:16px}
.ant-menu  .ant-menu-sub{background-color:hsla(0,0%,100%,.1);box-shadow:none;display:none}

@media (max-width: 1200px){
.van-notice-bar{width:100%}
.van-notice-bar .van-notice-bar__wrap{width:auto}
#wrap_left .van-sticky.van-sticky--fixed{ left: 8px; }
.ant-menu .ant-menu-item{font-size:14px}
}

@media (min-width: 577px) and  (max-width: 768px){
.price-change .head .title{font-size: 14px;}
.part_wrap .wrap_left{ width: 150px }
.ant-menu .ant-menu-submenu .ant-menu-submenu-title{font-size:14px}
.ant-menu .ant-menu-submenu .ant-menu-item{padding-left:26px;font-size:13px}
.part_wrap .wrap_right{width:calc(100% - 150px)}
}

@media (max-width: 576px){
.px-scr .scr-view .view-ctx{top:46px}
.view-ctx .custom-view{padding:0 2%;width:auto}
.home-view .part-row{margin:0}
.home-view .part-col{width:auto; float: none;}
.bn-part{height:150px}
.carousel,.ant-carousel .slick-slide img{border-radius: 2vw;}
.ant-carousel .slick-slide img{width:calc(100vw - 16px); }
.carousel .slick-dots li button {width: 5vw;height: 6px;}
.carousel .slick-dots li.slick-active button{ width: 8vw;}
.price-change .head .title {font-size: 1.1em;}
.van-notice-bar .van-notice-bar__wrap{width:calc(100vw - 90px);}
.ant-menu{padding:1vh 0}
.ant-menu.ant-menu-inline .ant-menu-item{padding-left:2vw}
.ant-menu .ant-menu-item{padding:0 .5em;font-size:1em;height:3em;line-height:3em}
.part_wrap .wrap_right{width:75%;overflow:auto}
.px-list{padding:1vw}
.px-list .ant-col{padding:1vw;width:50%}
.px-list .ant-row-flex{margin:0;flex-wrap:wrap}
.px-list .ant-col .cover{height:35vw}
.px-goods-card .content .name{line-height:1.5em;font-size:1em}
.px-goods-card .content .desc{font-size:.8em;line-height:1.2em;margin-top:.5vh}
.px-goods-card .content .flex .price{height:1.1em;line-height:1.1;font-size:1.2em}

#wrap_left{ width: 25%; }
#wrap_left .van-sticky{}
.part_wrap .wrap_left{ width: 100%; max-height: calc(100vh - 46px)}
#wrap_left .van-sticky.van-sticky--fixed{ left:0%; width: calc(25% - 8px); top: 46px;}
.ant-menu .ant-menu-submenu .ant-menu-submenu-title {font-size: 1em; padding:0 .5em 0 .8em;}
.ant-menu .ant-menu-submenu .ant-menu-item {padding-left: 1.2em; }
}