/*css 初始化 */
.css{
    webkit-appearance:none;
}
.container{
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
html{
    background: #f1f1f1;
}
html, body, div, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
fieldset, img, input, button {          /*fieldset组合表单中的相关元素*/
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}
ul, ol {
    list-style: none;               /*清除列表风格*/
}
p{
    text-align: justify;
}
input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "Microsoft Yahei","SimHei","SimSun", "宋体";
}
select, input {
    vertical-align: middle;
}
select, input, textarea {
    margin: 0;
}
textarea {
    resize: none;
}
/*防止多行文本框拖动*/
img {
    border: 0;
    vertical-align: middle;
    display: block;
}
a{
    display: block
}
/*  去掉图片低测默认的3像素空白缝隙*/
table {
    border-collapse: collapse;          /*合并外边线*/
}
body {
    font-family:"PingFang SC Regular","Microsoft Yahei",Arial, Verdana, "\5b8b\4f53";   /*宋体，Unicode，统一码*/
    color: #333;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1; /*IE/7/6*/
}
a {
    color: #666;
    text-decoration: none;
    -webkit-tap-highlight-color:transparent;
}
.swiper-button-prev,.swiper-button-next,.swiper-button-prev i,.swiper-button-next i {
    -webkit-tap-highlight-color:transparent;
}
h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}
s, i, em {
    font-style: normal;
    text-decoration: none;
}
.col-red {
    color: #e5655d !important;
}
.col-green {
    color: #24aa98 !important;
}
/*公共类*/
.fl {
    float: left
}
.fr {
    float: right
}
.al {
    text-align: left!important;
}
.ac {
    text-align: center!important;
}
.ar {
    text-align: right!important;
}
.show{
    display: block!important;
}
.hide {
    display: none!important;
}
.fw{
    font-weight: 700!important;
}
.no-border {
    border: none!important;
}
.no-margin {
    margin: 0!important;
}
.no-padding{
    padding: 0!important;
}
.no-margin-bottom{
    margin-bottom: 0!important;
}
/*header*/
.header {
    height: 1.2rem;
    background: #fff;
    border-bottom: 0.02rem solid #f1f1f1;
    position: fixed;
    top: 0;
    padding: 0 0.24rem;
    display: flex;
    align-items: center;
    background: #01ADEF;
    z-index: 100;
}
.header .headcli{
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.1rem;
}
.header .headcli img{
    width: 0.42rem;
    height: 0.42rem;
}
.header .headtext{
    font-size: 0.35rem;
    color: #fff;
}
.header .headline{
    margin: 0 24px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(1, 173, 239, 0), rgba(251, 251, 251, 0.8), rgba(1, 173, 239, 0)) 1 1;
    width: 0.02rem;
    height: 0.58rem;
    margin: 0 0.1rem;
}
.header .headeng{
    font-weight: 800;
    font-size: 0.26rem;
    color: #fff;
    margin-right: 0.14rem;
}
.header .headimgs{
    width: 0.48rem;
    height: 0.48rem;
}


.header .Logo {
    text-align: left;
    padding-left: 0.24rem;
    width: 100%;
    height: 1.1rem;
    overflow: hidden;
    /*background: #24AA98;*/
}

.header .Logo span{
	display: inline-block;
	width: 80%;
	line-height: 1.1rem;
	text-align: center;
	font-size: 0.34rem;
	font-weight: 600;
	vertical-align: top;
	color: #FFFFFF;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.header .Logo .return{
	display: inline-block;
}
.header .Logo .return .fa-angle-left{
	font-size: 0.6rem;
	line-height: 1.1rem;
	vertical-align: top;
	color: #FFFFFF;
}
.header .Logo #navSideBtn {
    position: absolute;
    font-size: 0.42rem;
    top: 0.36rem;
    right: 0.24rem;
    color: #FFFFFF;
}
.header .logo .logoA {
    background: url("../images/logo2.png") no-repeat;
    background-size: 5rem 1rem;
    width: 5rem;
    height: 1rem;
    text-indent: -9999px;
}
.header .logo #navSideBtn {
    position: absolute;
    font-size: 0.42rem;
    top: 0.36rem;
    right: 0.24rem;
    color: #24AA98;
}
.nav-side-out {
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    z-index: 999;
    top: 0;
}
.nav-side .nav-side-title{
    height: 0.88rem;
    background: #F2F7F9;
    box-sizing: border-box;
    padding: 0 0.56rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-side .nav-side-title .left{
    font-size: 0.36rem;
    color: #2E3F46;
    line-height: 0.36rem;
    height: 0.88rem;
    display: flex;
    align-items: center;
}
.nav-side .nav-side-title .left img{
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.16rem;
}
.nav-side .nav-side-title img{
    width: 0.48rem;
    height: 0.48rem;
}
.nav-side-out #navSide {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    height: 100%;
    width: 4.8rem;
    overflow: auto;
    background: #FFFFFF;
}
.nav-side-out #navSide ul li a {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.56rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.88rem;
}

.nav-side-out #navSide ul li a span,#navSide_div li a{
    font-size: 0.32rem;
    color: #2E3F46;
}
.nav-side-out #navSide ul li a img{
    width: 0.16rem;
    height: 0.29rem;
}
.nav-side-out #navSide ul li a:hover{
     text-decoration: none;
}
.content {
    max-width: 750px;
    min-width: 320px;
    width: 100%;
    margin: 1.1rem auto 0;
    /*padding-bottom: 0.98rem;*/
}
.margincon{
    margin-top: -3.2rem!important;
}
/*footerNav*/
.footer-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0.98rem;
    z-index: 99;

}
.footer-nav ul {
    background: #FFF;
    display: flex;
    justify-content: space-around;
}
.footer-nav ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 0.98rem;
    text-align: center;
}
.footer-nav ul li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.footer-nav ul li a img {
    width: 0.5rem;
    height: 0.5rem;
}
.footer-nav ul li a span {
    display: block;
    font-size: 0.2rem;
}
.footer-nav ul li a span .shopNum{
    font-size: 0.2rem;
    display: inline-block;
    margin-left: 2px;
    margin-top: 0px;
    font-weight: 700;
    color: red;
}
.footer-nav ul li a:hover {
    color: #24aa98;
}
.footer-nav .lianxiewm{
    position: fixed;
    bottom: 0.9rem;
    width: 100%!important;
    /*height: 4.6rem!important;*/
    background: #EEEEEE!important;
    display: none;
    border-radius: 0.24rem 0.24rem 0 0;
    border-bottom: 1px solid #ccc;
    z-index: 99999;
}
.footer-nav .lianxiewm .kefubox{
    box-sizing: border-box;
    padding: 0.3rem!important;
    display: flex;
    width: 100% !important;
    height: 100% !important;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}
.footer-nav .lianxiewm .kefubox .kefudiv{
    width: 2.2rem;
    height: 1.88rem;
    background: #FFFFFF;
    border-radius: 0.24rem;
}
.footer-nav .lianxiewm .kefubox .kefudiv .top{
    height: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-nav .lianxiewm .kefubox .kefudiv .top .yuantou{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background:linear-gradient(305deg, #00A3E6 0%, #55CEFC 100%);
    color:#fff;
    font-size: 0.24rem;
    font-weight: bold;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.16rem;
    align-items: center;
}
.footer-nav .lianxiewm .kefubox .kefudiv .bot{
    height: 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
}
.footer-nav .lianxiewm .kefubox .kefudiv .bot .wx {
    height: 0.3rem;
    display: flex;
    justify-content: start;
    font-size: 0.24rem;
    color: #333333;
}
.footer-nav .lianxiewm .kefubox .kefudiv .bot .wx img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.08rem;
}

/*footer开始*/
.footer {
    width: 100%;
    padding: 0.15rem 0.48rem 1.4rem;
    background: #1F647E;
    color: #FFFFFF;
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto 0;
}

.footer .fl {
    float: left;
}

.footer a {
    font-weight: 400;
    font-size: 0.24rem;
    color: #FFFFFF;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 0.16rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.footer a:hover {
    text-decoration: underline;
}

.footer h5 {
    width: 1.9rem;
    height: 0.8rem;
    font-size: 0.28rem;
    font-weight: 800;
    margin-bottom: 0.16rem;
    border-bottom: 1px solid #4889A2;
    line-height: 0.8rem;
}

.footer ul li {
    line-height: 0.56rem;
}

.footer .footer-nav1 {
    width: 1.9rem;
    margin-right: 0.4rem;
    float: left;
}

.footer .shopGuide {
    width: 1.9rem;

}

/*footer结束*/

/*toTop*/
#toTop{
    width: 0.6rem;
    height: 0.6rem;
    line-height:0.55rem;
    font-size: 0.46rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #b9e1dc;
    position: fixed;
    right: 0.2rem;
    bottom: 1rem;
    z-index: 66;
}
/*分页*/
.pageOut{
    text-align: center;
}
.page {
    margin-top: 0.32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page .pagenum{
    font-size: 0.32rem;
    color: #2E3F46;
    line-height: 0.32rem;
}
.page .pagenum span{
    color: #8A9BA2;
}
.page li{
    float: left;
    padding: 0 0.05rem;
}
.page li a{
    font-family: SimHei;
    font-weight: 400;
    font-size: 0.32rem;
    line-height: 0.76rem;
    text-align: center;
    width: 1.78rem;
    height: 0.76rem;
    color: #01ADEF;
    border-radius: 24px 24px 24px 24px;
    border: 1px solid #01ADEF;
}
.page .arrow-back {
    margin-right: 0.01rem;
}
.page .arrow-forward {
    margin-left: 0.01rem;
}
.page li a.active{
    border: 0.02rem solid #e5655d;
    color: #e5655d;
}
.whichPage {
    font-family: SimHei;
    color: #666;
    font-size: 0.18rem;
}
.whichPage .whichPageTxt{
    display: inline-block;
    box-sizing: border-box;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    border: 0.03rem solid #24aa98;
    border-radius: 0.05rem;
}
.whichPage .whichPageBtn{
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    width: 0.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    background:  #24aa98;
    border-radius: 0.05rem;
    font-size: 0.18rem;
    font-family: "Microsoft Yahei", "SimHei", "SimSun", "宋体";
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input[type="number"]{-moz-appearance:textfield;}
#cnzz_stat_icon_1262095627 a{
    margin: -0.5rem 0 0 0.05rem;
    position: relative;
    bottom: -0.25rem;
    right: 0rem;
    display: inline-block;
}
#cnzz_stat_icon_1262095627 a img{
    width: 0.5rem;
    height: 0.2rem;
}
.recordNumber{
    display:inline-block;
    color:#fff;
}
/*面包屑导航*/
.tips{
    color: #CCCCCC;
    font-size: 0.3rem;
}
.tips a{
    color: #CCCCCC;
    margin: 5px;
    font-size: 0.3rem;
}
.tips a:first-child{
    margin-left: 0px;
}


.Search {
    background: url("../images/indexbg.png") no-repeat;
    background-size: contain;
    height: 5.83rem;
    padding: 1.28rem 0.24rem 0;
}

.Search .searchbox {
    height: 0.74rem;
    background: #FFFFFF;
    border-radius: 0.6rem;
    display: flex;
    justify-content: space-between;
    padding: 0 0.34rem;
}

.Search .searchbox input {
    font-weight: 400;
    width: 5rem;
    font-size: 0.32rem;
    color: #2E3F46;
}

.Search .searchbox input::placeholder {
    color: #8A9BA2;
}

.Search .right_search {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.Search .right_search .bluesearch {
    width: 0.34rem;
    height: 0.34rem;
    margin-right: 0.1rem;
}

.Search .right_search span {
    font-weight: 400;
    font-size: 0.32rem;
    color: #029AD4;
}

/*搜索框*/
.Search .searchIcon {
    position: absolute;
    font-size: 0.34rem;
    height: 0.7rem;
    line-height: 1.5rem;
    right: 0.8rem;
    color: #24aa98;
}

.Search .searchTxt {
    width: 90%;
    margin: 5%;
    text-indent: 0.5rem;
    line-height: 0.8rem;
    border-radius: 0.5rem;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}

.Search .selectcg {
    position: absolute;
    right: 0.8rem;
    margin: 0.6rem;
    line-height: 0.5rem;
    background: #fff;
    height: 0.5rem;
    font-size: 0.2rem;
    border: none;
    color: #999;
}