/*---------- base ---------*/

* {

    padding: 0px;

    margin: 0px;

}



html {

    /*background: #3a2a48 url(/static/images/bg.png) no-repeat center top;*/
    background: none ;

    font-family: arial, "Microsoft Yahei";

    font-size: 12px;

    width: 100%;

    max-width: 600px;

    margin: 0 auto;

    overflow-x: hidden;;

}



body {

    font-family: arial, "Microsoft Yahei";

    font-size: 12px;

    width: 100%;

    background: #f4f5f8;

}



img {

    border: none;

}



a {

    color: #888;

    text-decoration: none;

}



a:hover {

    color: #fff;

    text-decoration: none;

}



ul li {

    list-style: none;

    padding: 0;

    margin: 0;

}



ol,

ul {

    margin-top: 0;

    margin-bottom: 0px;

}



p {

    margin: 0;

    padding: 0;

}





/* 通用 */

.header {

    width: 100%;

    z-index: 999;

    overflow: hidden;

    text-align: center;

}



.header .box {

    float: left;

    width: 100%;

    overflow: hidden;

    position: relative;

}



.header .box .logo {

    float: left;

    width: 100%;

}



.header .box .logo img {

    width: 160px;

    padding-top: 6%;

}



.header .box .navs {

    float: left;

    width: 100%;


}



.header .box .navs a {

    float: left;

    width: 16.666%;

    text-align: center;

}

.header .box .navs a:nth-child(2){

    padding-top: 10px;

}

.header .box .navs a:nth-child(3){

    padding-top: 15px;

}

.header .box .navs a:nth-child(4){

    padding-top: 15px;

}

.header .box .navs a:nth-child(5){

    padding-top: 10px;

}

.header .box .navs a img {

    max-width: 100%;

}



/* .header .box .navs a:nth-child(1){padding-top: 0;}

.header .box .navs a:nth-child(2){padding-top: 10px;}

.header .box .navs a:nth-child(3){padding-top: 20px;}

.header .box .navs a:nth-child(4){padding-top: 20px;}

.header .box .navs a:nth-child(5){padding-top: 10px;}

.header .box .navs a:nth-child(6){padding-top: 0;} */





/*ads*/

.ads {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



.ads img {

    float: left;

    width: 100%;

}



/*ads_jietu*/

.ads_jietu {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 70px;

}



/*ads_title*/

.ads_title {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

    padding: 0 20px;

}



.ads_title img {

    width: 100%;

}



/*ads_down*/

.ads_down {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

    padding: 0 20px;

}



.ads_down img {

    width: 90%;

}



/*ads_ios*/

.ads_ios {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

    padding: 0 20px;

}



.ads_ios img {

    width: 80%;

}



/*ads_ewm*/

.ads_ewm {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 0px;

}



.ads_ewm a {

    display: inline-block;

    width: 120px;

    margin: 0 10px;

}



.ads_ewm a img {

    float: left;

    width: 100%;

}



.ads_ewm a p {

    float: left;

    width: 100%;

    line-height: 50px;

    font-size: 16px;

    color: #fff;

}



/*ads_3*/

.ads_3 {

    width: 100%;

    float: left;

    text-align: center;

    margin-bottom: 20px;

    padding: 0 20px;

}



.ads_3 a {

    display: inline-block;

    width: 30%;

    margin: 0 1%;

}



.ads_3 a img {

    float: left;

    width: 100%;

    border-radius: 10px;

    overflow: hidden;

    border: 1px solid #b79839;

}



/*certify*/

#certify {

    position: relative;

    width: 90%;

    left: 5%;

    float: left;

    overflow: hidden;

    margin-bottom: 20px;

}



#certify .swiper-slide {

    width: 137px;

    height: 243px;

}



#certify .swiper-slide img {

    display: block;

    width: 100%;

    float: left;

}



/* mbody */

.mbody {

    float: left;

    width: 100%;

    padding: 20px;

}



.mbody .c {

    float: left;

    width: 100%;

}



.mbody .c li {

    float: left;

    width: 100%;

    margin-bottom: 12px;

}



.mbody .c li b {

    float: left;

    width: 30%;

    font-size: 13px;

    line-height: 30px;

    margin: 0 0 0;

    color: #fff;

    background: #d00;

    font-weight: normal;

    border-radius: 4px 0 0 4px;

    padding-left: 5px;

}



.mbody .c li em {

    float: left;

    width: 44%;

    font-size: 12px;

    line-height: 30px;

    margin: 0 0 0;

    color: #000;

    background: #fff;

    font-style: normal;

    border-radius: 0 4px 4px 0;

    padding-left: 5px;

}



.mbody .c li a {

    float: right;

    width: 25%;

    text-align: center;

    font-size: 13px;

    line-height: 30px;

    margin: 0 0 0;

    color: #fff;

    background: #d00;

    border-radius: 4px;

}



.fullSlideM {

    position: relative;

    overflow: hidden;

    max-width: 768px;

    display: none;

    float: left;

    width: 100%;

}



.fullSlideM .hd {

    position: absolute;

    height: 40px;

    bottom: 0;

    right: 0;

    z-index: 1;

    text-align: center;

    width: 100%;

}



.fullSlideM .hd li {

    display: inline-block;

    width: 8px;

    height: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    background: #fff;

    text-indent: -9999px;

    overflow: hidden;

    margin: 0 3px;

    opacity: 0.4;

}



.fullSlideM .hd li.on {

    opacity: 1;

}



.fullSlideM .bd {

    position: relative;

    z-index: 0;

}



.fullSlideM .bd li {

    position: relative;

    text-align: center;

}



.fullSlideM .bd li img {

    vertical-align: top;

    width: 100%;

    /* 图片宽度100%，达到自适应效果 */

}



.fullSlideM .bd li a {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* 去掉链接触摸高亮 */

.fullSlideM .bd li .tit {

    display: block;

    width: 100%;

    position: absolute;

    bottom: 0;

    text-indent: 10px;

    height: 28px;

    line-height: 28px;

    background: url(../image/focusbg.png) repeat-x;

    color: #fff;

    text-align: left;

}



@media (max-width: 768px) {

    .fullSlidePc {

        display: none;

    }



    .fullSlideM {

        display: block;

    }

}