.navBar { position: fixed; top: 0; left: 0; width: 100%; height: 0.773333rem; line-height: 0.773333rem; background: #f8f8f8; border-bottom: 0.013333rem solid #c8c8c8; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99; }
.navBar * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.navBar .sideBar { overflow: hidden; overflow-x: scroll; width: 100%; -webkit-overflow-scrolling: touch; }
.navBar .sideBar::-webkit-scrollbar {
display:none;
}
.navBar ul { position: relative; width: 1500px; height: 0.773333rem; white-space: nowrap; }
.navBar ul li { float: left; height: 0.746667rem; padding: 0 0.266667rem; text-align: center; font-size: 0.293333rem; border-bottom: 0.026667rem solid transparent; }
.navBar.navSideBar ul li.active { border-bottom: 0.026667rem solid #ff324b; }
.navBar ul li.active { border-bottom: 0.026667rem solid #ff324b; }
.navBar ul li a { display: block; color: #929292; }
.navBar ul li.active a { color: #ff324b; }
.navBar.navSideBar { height: auto; overflow: auto; }
.navBar.navSideBar ul { width: 100%; height: auto; background: #f8f8f8; padding-right: 0.773333rem; overflow: hidden; z-index: 9; padding-bottom: 0.266667rem; }
.navBar.navSideBar ul li { display: table; width: 50%; height: 32px !important; line-height: 32px; margin-bottom: 0.133333rem; border-bottom: 0.026667rem solid transparent; }
.navBar.navSideBar ul li a { display: table-cell; vertical-align: middle; line-height: 0.32rem; }
.navBar .fold-toggle { position: absolute; top: 0; right: 0; width: 0.773333rem; height: 0.773333rem; background: #f8f8f8; cursor: pointer; z-index: 10; }
.navBar .fold-toggle.isopen { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.navBar .fold-toggle::before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #999; margin-left: -7px; margin-top: -4px; }
.navBar .fold-toggle::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #f8f8f8; margin-left: -7px; margin-top: -6px; }
.products { padding-bottom: 1.4rem; }
.bottomBar { position: fixed; bottom: 0; left: 0; width: 100%; height: 1.306667rem; border-top: 0.013333rem solid #a5a5a5; background: #f8f8f8; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bottomBar * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.bottomBar ul li { float: left; width: 50%; height: 1.306667rem; }
.bottomBar ul li a { display: table; width: 100%; height: 1.306667rem; }
.bottomBar ul li a span { display: table-cell; vertical-align: middle; }
.bottomBar ul li a span i { display: block; width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url(https://img.banggood.com/deals/edm/topic/11annvrcapp/bottomBar_icon.png) no-repeat; -webkit-background-size: 0.8rem 3.2rem; background-size: 0.8rem 3.2rem; }
.bottomBar>ul li a span em { display: block; font-style: normal; text-align: center; font-size: 0.293333rem; color: #929292; }
.bottomBar ul li a.item_icon span i { background-position: 0 -1.6rem; }
.bottomBar ul li.active a span i { background-position: 0 -0.8rem; }
.bottomBar ul li.active a.item_icon span i { background-position: 0 -2.4rem; }
.bottomBar ul li.active a span em { color: #ff324b; }
.bottomBar .bottom_product { position: fixed; bottom: 1.6rem; left: 50%; width: 96%; margin-left: -48%; background: #fff; border-radius: 0.053333rem; display: none; }
.bottomBar .bottom_product ul { overflow: hidden; }
.bottomBar .bottom_product ul li { float: left; width: 50%; height: 2.666667rem; border-bottom: 0.013333rem solid #e5e5e5; }
.bottomBar .bottom_product ul li:nth-child(2n) { border-left: 0.013333rem solid #e5e5e5; }
.bottomBar .bottom_product ul li.noBorder { border-bottom: none; }
.bottomBar .bottom_product ul li { position: relative; display: table; height: 2.666667rem; }
.bottomBar .bottom_product ul li .img_1 { position: absolute; top: 50%; right: 0; width: 2.2rem; height: 2.2rem; margin-top: -1.093333rem; overflow: hidden; }
.bottomBar .bottom_product ul li .img_1 img { display: block; width: 100%; }
.bottomBar .bottom_product ul li .title_info { display: table-cell; vertical-align: middle; padding-right: 2.266667rem; text-align: left; padding-left: 0.4rem; }
.bottomBar .bottom_product ul li .title_info strong { font-weight: normal; font-size: 0.4rem; color: #333; }
.bottomBar .bottom_product ul li .title_info em { display: block; font-size: 0.346667rem; color: #929292; font-style: normal; }
.bottomBar .bottom_product .arrow_1 { position: absolute; bottom: -8px; right: 2.24rem; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; }
.banner, .probanner, .titlename, .products, .brandbox, .prozhu, .subbanner { max-width: 750px; margin: 0 auto 10px; box-sizing: border-box; }
.protop .productCZ { width: 33.1%; margin: 0.1%; padding: 0.5%; }
.protop .productCZ:first-child { margin-left: 0; }
.protop .productCZ:nth-child(3) { margin-right: 0; }
.protop .productCZ:nth-child(6) { margin-right: 0; }
.proimg { padding: 10px; background: #ffffff; }
.banner img, .probalist img, .proimg img, .brandimg img, .subbanner img { width: 100%; }
.protop .pronamebg { background: none !important; color: #5d4431; text-align: center; margin-top: 10%; }
.protop .proricebg { background: none !important; text-align: center; }
.protop .pronamebg a { color: #5d4431; }
.prooff { position: absolute; background: #ff3f3f; color: #fff; font: normal 14px/20px arial; padding: 5px 10px; right: 10px; top: 10px; border-radius: 3px; }
.pronav { width: 60px; height: 60px; background: url('https://deals.banggood.com/deals/edm/topic/11annvXiaomiapp/images/gwc001.png') no-repeat 50%; position: absolute; bottom: 0; right: 0; }
.pronav a { display: block; width: 60px; height: 60px; }
.pronewprice2 { padding: 5px 15px; border: 1px dashed #aaaaaa; border-radius: 30px; color: #fd3248; font: bold 16px/30px arial; }

 @media screen and (max-width: 480px) {
.prooldprice { display: none; padding: 0; }
 }