/*公共部分*/
body{
	background-color: #fff;
    color: #272831;
    zoom: 1;
    width: 100%;
    margin: 0 auto;
    font-family: 'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.3rem;
    line-height:inherit;
}
html {
	font-size: 48px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
@media screen and (min-width: 320px){
    html {
        font-size: 43px !important; 
    }
}

@media screen and (min-width: 360px){
    html {
        font-size: 48px !important; 
    }
}

@media screen and (min-width: 375px){
    html {
        font-size: 50px !important; 
    }
}

@media screen and (min-width: 414px){
    html {
        font-size: 54.8px !important; 
    }
}

@media screen and (min-width: 750px){
    html {
      font-size: 100px !important; 
    }
}

@media screen and (min-width: 1024px){
    html {
        font-size: 138px !important;
    }
}
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    box-sizing:content-box;
    -webkit-overflow-scrolling: touch;
}
a,input {
    border: 0;
    outline: none;
}
a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #5b5b5b;
}
input {
    -webkit-appearance: none;
}
b{
    font-weight: normal;
}
img,i,em{
    display: block;
    -ms-interpolation-mode: bicubic;
    font-style: normal;
    border:0;
}
i>img{
    display: block;
    width: 100%;
    height: 100%;
}
p{
    margin:0;
}
h1 {
	margin: 0;
	font-size: auto;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: normal;
    font-size: auto;
	line-height: auto;
}
*,*:before,*:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
ul, ol, li {
    margin: 0;
    margin: 0px;
    list-style-type:none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.vm{
    vertical-align: middle;
}
.of_h{
    overflow: hidden;
}
.dis_b{
    display:block;
}
.dis_ib{
    display:inline-block;
}
.dis_n{
    display:none;
}
.nowrap {
    white-space: nowrap;
}
.br {
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    border-radius: 976px;
}
.pb5{
    padding-bottom:5px;
}
.pb44{
    padding-bottom:44px;
}
.pb140{
    padding-bottom: 1.4rem;
}
.pt_40{
    padding-top:40px;
}
.pt_44{
    padding-top:44px;
}
.pt_50{
    padding-top:50px;
}
.pt_b2{
    padding-top:2%;
}
.mb25{
    margin-bottom: 25px;
}
.ml80{
    margin-left: 0.8rem;
}
.wb100{
    width: 100%;
}
.hb100{
    height: 100%;
}
.bg_f4{
    background-color: #f4f4f4;
}
.bg_f8{
    background-color: #f8f8f8;
}

.page_return{
    display: inline-block;
    width:8%;
    font-size: 0;
    padding:0 5px 0 15px;
    box-sizing: border-box;
    vertical-align: middle;
}
.page_return img{
    width:100%;
    vertical-align: middle;
}
/*end-公共部分*/
/* 按钮 */
.btnBig{
    display: block;
    width: 90%;
    font-size: 0.3rem;
    color: #ffffff;
    text-align: center;
    border: 0;
    border-radius: 20px;
    height: 0.8rem;
    margin: 0 auto 20px auto;
    line-height: 0.8rem;
}
.btnFullWrap{
    width: 100%;
    height: 75px;
    padding: 10px 5%;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 50%;  /* 页面最大640px居中代码 */
    background-color: #fff;
    -moz-box-shadow: 2px -2px 5px #EEF2F5;
    -webkit-box-shadow: 2px -2px 5px #eef2f5;
    box-shadow: 2px -2px 5px #eef2f5;
    z-index: 3;
    display: flex; 
    align-items: center; 
    
    max-width: 640px; /* 页面最大640px居中代码 */
    transform: translateX(-50%); /* 页面最大640px居中代码 */
}
.btnFull{
    padding: 10px 15%;
    margin-top: 5px;
    border-radius: 20px;
    font-size: 0.3rem;
    border: 0;
    background: linear-gradient(to right,#8DD700,#28B92E);
    outline: none;
    color: #ffffff;
    width: 100%;
    box-sizing: border-box;
}
.btnIcon{
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    width: auto;
    margin-right: 5px;
}
.btnBig em{
    display: inline;
    color: #ffffff;
    vertical-align: middle;
}
.bgGrass{
    background-color: #00BFA3;
}
.bgGreen{
    background: linear-gradient(to right,#8DD700,#28B92E);
}
.bgBlue{
    background: linear-gradient(to right,#51D3F5,#28A7E8);
}
.bgGrey{
    background: #F5F5F5;
}
.bgGrey2{
    background: #b6b6b6;
}
.btnWhite{
    color: #292C33;
    border: 1px solid #D2D4D9;
    background: #ffffff;
}
.redBtn{
    padding: 0.2rem 0.4rem;
    font-size: 0.28rem;
    border-radius: 0.35rem;
    font-size: 0.3rem;
    border: 0;
    background: #FF5758;
    outline: none;
    color: #ffffff;
}
.goCart{
    float: right;
    padding: 10px 15%;
    margin-top: 10px;
    border-radius: 20px;
    font-size: 0.3rem;
    border: 0;
    background: linear-gradient(to right,#8DD700,#28B92E);
    outline: none;
    color: #ffffff;
    width: 100%;
    box-sizing: border-box;
}
.goShare{
    float: right;
    padding: 10px 8%;
    margin-top: 10px;
    border-radius: 20px;
    font-size: 0.3rem;
    border: 0;
    background: linear-gradient(to right,#8DD700,#28B92E);
    outline: none;
    color: #ffffff;
}
.btnHalf{
    width: 40%;
    padding: 0.2rem 0;
    background: #ffffff;
    border-radius: 20px;
    font-size: 0.3rem;
    border: 0;
}
.fontGreen{
    color: #35BD29;
    border: 1px solid #35BD29;
}
.fontBlue{
    color: #28A7E8;
    border: 1px solid #28A7E8;
}
/* end-按钮 */
/*顶部返回条*/
.return_top{
    display: block;
    position: fixed;
    top:0;
    left:0;
    z-index: 10000;
    width:100%;
    padding:15px 10%;
    font-size: 14.5px;
    color:#424242;
    text-align: center;
    background-color: #f7f7f7;
    border-bottom:1px solid #ddd;
    box-sizing: border-box;
}
.ic_return {
    display: block;
    width: 10px;
    position: fixed;
    left: 10px;
    top: 15px;
    z-index: 10000;
}
.ic_return img {
    display: block;
    width: 100%;
}
/*end*/
/* 购物车加减号 */
.cartAmount{
    display: block;
    position: absolute;
    bottom: 0.1rem;
    right: 0;
    width: 1.7rem;
    display: flex;
    justify-content: flex-end;
}
.cartAmount span{
    display: block;
}
.cartAmount span button{
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    border: 0;
    outline: none;
    background: none;
}
.cartAmount span button img{
    display: block;
    width: 100%;
}
.cartUnitNum{
    width: 0.5rem;
    font-size: 0.34rem;
    line-height: 0.5rem;
    text-align: center;
    border: 0;
    outline: none;
    background: none;
}

html,body{
    height: 100%;
}

.flex-wrap{
    height: 100%;
   flex-flow: column;
   display: flex;
}

.flex-con{
    flex: 1;
    overflow-y: auto;
    padding-top: 50px;
}

.dn{
    display: none;
}

.mb85{
    margin-bottom: 85px !important;
}