*{font-family:"Microsoft YaHei", sans-serif; margin: 0; padding: 0;}
html{height: 100%;}
body{height: inherit;}
.cls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
a,a:visited,a:link,a:active,a:hover{ text-decoration: none; color: #000;}
ul,li{list-style: none;}

@media screen and (min-width:320px){
    html{font-size:88.888888889px!important;}
    body{font-size:12px;}
}
@media screen and (min-width:360px){
    html{font-size:100px!important;}
    body{font-size:12px;}
}
@media screen and (min-width:375px){
    html{font-size:104.1666666666667px!important;}
    body{font-size:12px;}
}
@media screen and (min-width:375px) and (min-height:700px){
    html{font-size:104.1666666666667px!important;}
    body{font-size:12px;}
}
@media screen and (min-width:384px){
    html{font-size:106.6666666666667px!important;}
    body{font-size:14px;}
}
@media screen and (min-width:400px){
    html{font-size:111.1111111111111px!important;}
    body{font-size:14px;}
    .btn_start{ top:590px;}
}
@media screen and (min-width:412px){
    html{font-size:115px!important;}
    body{font-size:14px;}
}
@media screen and (min-width:414px){
    html{font-size:115px!important;}
    body{font-size:14px;}
}
@media screen and (min-width:424px){
    html{font-size:117.7777777777778px!important;}
    body{font-size:14px;}
}
@media screen and (min-width:480px){
    html{font-size:133.3333333333333px!important;}
    body{font-size:15.36px;}
}
@media screen and (min-width:540px){
    html{font-size:150px!important;}
    body{font-size:17.28px;}
}
@media screen and (min-width:720px){
    html{font-size:200px!important;}
    body{font-size:23.04px;}
}
@media screen and (min-width:750px){
    html{font-size:208.3333333333333px!important;}
    body{font-size:24px;}
}

#mainBody .swiper-container{width: 100%; height: 2.00rem;}
#mainBody .swiper-slide img{width: 100%; height: auto; display: block;}
#mainBody .swiper-container-horizontal>.swiper-pagination-bullets,
#mainBody .swiper-pagination-custom,
#mainBody .swiper-pagination-fraction{ bottom:.07rem;}
#mainBody .swiper-pagination-bullet{background: rgb(255, 255, 255 ); opacity: .5;}
#mainBody .swiper-pagination-bullet-active{background: #fff; opacity: 1;}
.mainCategory{ width: 100%; box-sizing: border-box; padding:0 0.15rem;}
.mainCatUl{ display: flex;  justify-content: center; flex-wrap:wrap;}
.mainCatUl li{ flex: 0 0 33.333%; height: 1.1rem; box-sizing: border-box; padding:.25rem 0 .1rem;  text-align: center;}
.mainCatUl li a{ display: block;}
.mainCatUl li .cat_icon{ display: block; margin: auto; width: 0.55rem; height: 0.55rem; border-radius: 50%; box-shadow: 0 0.03rem .06rem rgba(0,0,0,.1);}
.mainCatUl li.mainCat_01 .cat_icon{background: url("../images/icon_c_01.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_02 .cat_icon{background: url("../images/icon_c_02.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_03 .cat_icon{background: url("../images/icon_c_03.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_04 .cat_icon{background: url("../images/icon_c_04.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_05 .cat_icon{background: url("../images/icon_c_05.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_06 .cat_icon{background: url("../images/icon_c_06.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_07 .cat_icon{background: url("../images/icon_c_07.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_08 .cat_icon{background: url("../images/icon_c_08.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_09 .cat_icon{background: url("../images/icon_c_09.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_2311_01 .cat_icon{background: url("../images/icon_2311_01.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_2311_02 .cat_icon{background: url("../images/icon_2311_02.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_2311_03 .cat_icon{background: url("../images/icon_2311_03.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li.mainCat_2311_04 .cat_icon{background: url("../images/icon_2311_04.svg") center center no-repeat; background-size: 100%;}
.mainCatUl li .cat_txt{ font-size: 0.14rem; line-height: 16px; padding-top: 0.12rem; display: block;}


.gw-head{ position: relative; box-sizing: border-box; width: 100%; height: 1.60rem; padding-top: .56rem; background: linear-gradient(to right,#5574f7 0%, #60c3ff 100%); }
.gw-name{ font-size: .2rem; line-height: .24rem; text-align: center; color: #fff;}
.gw-avatar{display: block; width: 0.80rem; height: 0.80rem; margin: .15rem auto 0; border-radius: 0.10rem; border: 0.05rem solid #F1F1F1; overflow: hidden;}
.gw-links{ position: relative; box-sizing: border-box; width: 100%; height: 1.18rem; padding-top: .34rem; border-bottom:1px solid #E2E8ED; }
.gw-links:after{ position: absolute; top:.4rem; left: 50%; width: 1px; height: .55rem; background: #DDDDDD; content: ""; }
.gw-link-itme{float: left; display: block; width: 50%; height: 100%;}
.gw-link-icon{ width: .34rem; height: .34rem; margin: 0 auto;}
.gw-link-itme:nth-child(1) .gw-link-icon{background: url("../images/icon_ls_01.svg") center center no-repeat; background-size: 100%;}
.gw-link-itme:nth-child(2) .gw-link-icon{background: url("../images/icon_ls_02.svg") center center no-repeat; background-size: 100%;}
.gw-link-text{ margin-top: .05rem; text-align: center; color: #5887F9; font-size: .12rem; line-height: .16rem;}
.gw-details{ padding: .15rem;}
.gw-title{font-weight: bold; font-size:0.16rem; line-height: 0.16rem; margin-bottom: .1rem; text-align: left; color: #333; }
.gw-content{font-weight: normal; font-size: 0.14rem; line-height: 0.30rem; text-align: left; color: #666; }

#gw-list-body{ background: #E2E8ED;}
.gw-list{ padding-top: .15rem;}
.gw-item{ width: 3.3rem; margin: 0 auto .15rem; background: #fff; border-radius: .1rem; overflow: hidden; box-shadow: 0 .02rem .6rem rgba(0,0,0,.2);}
.gw-item .gw-head{ height: 1.2rem; padding-top: .22rem;}
.gw-item .gw-set{position: absolute; right: .1rem; top: .1rem; width: .3rem; height: .3rem;}
.gw-item .gw-set a{display: block; width: 100%; height: 100%; background: url("../images/icon_set.svg") center center no-repeat; background-size: 100%;}

/*2020-06-12*/
.mainCatUl{ display: flex;  justify-content: flex-start; flex-wrap:wrap;}
.mainCatUl li.mainCat_10 .cat_icon{background: url("../images/icon_c_10.svg") center center no-repeat; background-size: 100%;}