.bodybg { max-width:768px; margin:0 auto; background:#47abf7;}
.titlename {color: #ffffff;}
.titlename .smtitle{font-size:1em;}
.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;}

.profreerice {
    font: normal 15px/36px Arial;
    white-space: nowrap;
	background: #fff;
    padding: 1%;
	text-align: center;
}
.profreerice .freerice {
    color: #ff3f3f;
    font-size: 18px;
}
.profreecou{
	background: #ffffff;
	padding: 1%;
	text-align:center;
}
.profreecou span {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    border-radius: 5px;
    background: #de302f;
    text-align: center;
	padding: 1% 3%;
	
}
.profreecou i {
    display: none;
}
@media screen and (max-width: 480px){
.prooldprice {display: inline;padding: 0;}
}
@media screen and (max-width: 360px) and (min-width: 320px) {
.profreerice .freerice {font-size: 16px;}
.profreerice {font: normal 13px/36px Arial;}	
}
@media screen and (max-width: 320px) and (min-width: 240px) {
	.profreecou span { font-size: 12px; padding: 1% 7%;}
}