@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑"; letter-spacing:0.005rem}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pos-r{position: relative;}
.pos-a{position: absolute;}

.index-bg{background: #f0fbff;}

.responsive-ban{position: relative;}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
.responsive-banner-tit{font-size: 0.48rem; color: #f5f5f5; margin-bottom: 0.4rem; font-weight: bold; line-height: 0.6rem;}
.responsive-banner-dis{font-size: 0.26rem; color: #fff; line-height: 0.5rem;}

@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 35%;}
  .responsive-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .responsive-banner-dis{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
  }

.problem{padding: 0.35rem 0 1.5rem; position: relative;}
.problem-tit{width: 2.18rem; height: 0.72rem; line-height: 0.72rem; text-align: center; position: absolute; left: 0; top: 0;
background: #6ae2ec; font-size: 0.3rem; color: #101d48; border-top-right-radius: 0.1rem;}
.problem-content{display: flex; flex-wrap: wrap; justify-content: space-between;}
.problem-list{width: 48%; background: url(../images/problem-bg.png) center top; border-top-right-radius: 0.5rem; overflow: hidden; box-sizing: border-box;
padding-top: 0.5rem; padding-left: 0.25rem; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);}
.problem-li {font-size: 0.18rem; color: #fff; margin-bottom: 0.15rem;}
.problem-li span{background: #6ae2ec; width: 0.46rem; height: 0.32rem; line-height: 0.32rem; text-align: center; font-size: 0.2rem;
color: #253d7e; border-radius: 0.1rem; display: inline-block; font-family: '黑体'; margin-right: 0.15rem;}
.problem-li:last-child{margin-top: -0.1rem;}
.problem-li:last-child span{visibility: hidden;}
 
.problem-information{width: 48%; font-size: 0.2rem; color: #025285; line-height: 0.35rem; display: flex; align-items: center;}

.user-tit{font-size: 0.3rem; font-weight: bold; color: #025285; text-align: center; margin: 0 0.8rem; margin-bottom: 0.25rem;}

@media screen and (max-width:576px){

    .problem{padding: 0.35rem 0 0.8rem; position: relative;}
    .problem-list{width: 100%; background: url(../images/problem-bg.png) center top; border-top-right-radius: 0.5rem; overflow: hidden; box-sizing: border-box;
        padding-top: 0.5rem; padding-left: 0.25rem; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2); padding-right: 0.2rem; margin-bottom: 0.5rem;}
    .problem-li{font-size: 0.22rem; line-height: 0.4rem;}
    .problem-information{width: 100%; font-size: 0.25rem; color: #025285; line-height: 0.4rem; display: flex; align-items: center;}

    .user-tit{font-size: 0.3rem; font-weight: bold; color: #025285; text-align: center; margin: 0 0.3rem; margin-bottom: 0.25rem;}

}
.catta{padding: 0.7rem 0;}
.catta-tit{color: #025285; font-size: 0.44rem; font-weight: bold; display: flex; align-items: center; justify-content: center;}
.catta-tit span{width: 0.13rem; height: 0.13rem; background: #025285; border-radius: 100%; display: inline-block; margin: 0 0.2rem;}
.catta-content{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.35rem 0;}
.catta-gold{width: 47.5%; box-sizing: border-box; padding: 0.3rem 0.2rem; background: url(../images/catta-gold.png) no-repeat;}
.catta-gold-tit{font-size: 0.4rem; color: #fff; text-align: center; border-bottom: 0.01rem solid #78a3be; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
.catta-gold-list{display: flex; flex-wrap: wrap; justify-content: space-around;}
.catta-gold-li{width: 45%; text-align: center; border: 0.01rem solid #9abace; line-height: 0.34rem; border-radius: 0.1rem; margin-bottom: 0.15rem;}
.catta-gold-li a{color: #fff;}
.catta-gold-li:hover a{color: #6ae2ec;}
.catta-gold-news{margin-top: 0.8rem;}
.catta-gold-news-li{font-size: 0.16rem; color: #4b4b4b; margin-bottom: 0.1rem; padding-left: 0.4rem; position: relative;}
.catta-gold-news-li b{font-weight: bold;}
.catta-gold-news-li::before{content: ''; width: 0.1rem; height: 0.1rem; border-radius: 100%; background: #34b7e4; position: absolute; left: 0.2rem; top: 0.08rem;}
.catta-Platinum{width: 47.5%; box-sizing: border-box; padding: 0.3rem 0.2rem; background: url(../images/catta-Platinum.png) no-repeat;}

.catta-bottom{display: flex; flex-wrap: wrap;}
.catta-bottom-list{width: 33.3%; display: flex; align-items: center; box-sizing: border-box; padding-right: 0.15rem; margin-bottom: 0.2rem;}
.catta-bottom-list-icon{margin-right: 0.15rem;}
.catta-bottom-list-icon img{width: 0.55rem; }
.catta-bottom-list-txt{font-size: 0.14rem; color: #4b4b4b; font-weight: bold; line-height: 0.28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
@media screen and (max-width:576px){

    .catta{padding: 0.5rem 0.3rem;}
    .catta-tit{color: #025285; font-size: 0.35rem; font-weight: bold; display: flex; align-items: center; justify-content: center; margin-bottom: 0.3rem;}
    .catta-tit span{width: 0.13rem; height: 0.13rem; background: #025285; border-radius: 100%; display: inline-block; margin: 0 0.2rem;}
    .catta-content{display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0;}
    .catta-gold{width: 100%; box-sizing: border-box; padding: 0.3rem 0.2rem; background:#025285; margin-bottom: 0.5rem;}
    .catta-gold-tit{font-size: 0.35rem; color: #fff; text-align: center; border-bottom: 0.01rem solid #78a3be; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
    .catta-gold-list{display: flex; flex-wrap: wrap; justify-content: space-around; overflow: hidden;}
    .catta-gold-li{width: 45%; font-size: 0.25rem; text-align: center; border: 0.01rem solid #9abace; line-height: 0.5rem; height: 0.5rem; border-radius: 0.1rem;
         margin-bottom: 0.2rem; overflow: hidden;}
    .catta-gold-li a{color: #fff;}
    .catta-gold-li:hover a{color: #6ae2ec;}
    .catta-gold-news{margin-top: 0.2rem;}
    .catta-gold-news-li{font-size: 0.25rem; color: #fff; margin-bottom: 0.1rem; padding-left: 0.6rem; position: relative;}
    .catta-gold-news-li b{font-weight: bold;}
    .catta-gold-news-li::before{content: ''; width: 0.1rem; height: 0.1rem; border-radius: 100%; background: #34b7e4; position: absolute; left: 0.2rem; top: 0.1rem;}
    .catta-Platinum{width: 100%; box-sizing: border-box; padding: 0.3rem 0.2rem; background:#1742a2; margin-bottom: 0.5rem;}
    
    .catta-bottom{display: flex; flex-wrap: wrap;}
    .catta-bottom-list{width: 50%; display: flex; align-items: center; box-sizing: border-box; padding-right: 0.2rem; margin-bottom: 0.2rem;}
    .catta-bottom-list-icon{margin-right: 0.2rem; }
    .catta-bottom-list-txt{font-size: 0.25rem; color: #4b4b4b; font-weight: bold; line-height: 0.4rem;}

    }

.upgrade{padding: 0.7rem 0 0.5rem;}
.upgrade-content{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0.35rem 0; border: 0.01rem solid #9fcbff; background: #fff;
border-bottom-left-radius: 1rem;}
.upgrade-gold{width: 47.5%; box-sizing: border-box; padding: 0.3rem 0.2rem; background: url(../images/upgrade-gold.png) no-repeat;}
.upgrade-gold-list{display: flex; flex-wrap: wrap;}
.upgrade-gold-li{text-align: center; border: 0.01rem solid #9abace; line-height: 0.34rem; border-radius: 0.1rem; margin-bottom: 0.15rem;
padding: 0 0.1rem; margin-right: 0.2rem;}
.upgrade-gold-li a{color: #fff;}
.upgrade-gold-li:hover a{color: #6ae2ec;}
.upgrade-Platinum{width: 47.5%; box-sizing: border-box; padding-left: 0.4rem; padding-right: 0.2rem; padding-top: 1rem; background: url(../images/upgrade-Platinum.png) no-repeat; background-position: 100% 0%;}

.upgrade-Platinum-list{margin-top: 0.5rem;}
.upgrade-Platinum-li{display: flex; align-items: center; margin-bottom: 0.2rem;}
.upgrade-Platinum-li-icon{margin-right: 0.2rem;}
.upgrade-Platinum-li-icon img{width: 0.55rem;}
.upgrade-Platinum-li-txt{font-size: 0.14rem; color: #4b4b4b; font-weight: bold; line-height: 0.28rem;}
@media screen and (max-width:576px){

    .upgrade{padding: 0.5rem 0.3rem 0.2rem;}
    .upgrade-content{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0.35rem 0; border: none; background:none;
    border-bottom-left-radius: 1rem;}
    .upgrade-gold{width: 100%; box-sizing: border-box; padding: 0.3rem 0.2rem; background: #025285; margin-bottom: 0.5rem;}
    .upgrade-gold-list{display: flex; flex-wrap: wrap;}
    .upgrade-gold-li{text-align: center; border: 0.01rem solid #9abace; line-height: 0.5rem; border-radius: 0.1rem; margin-bottom: 0.15rem;
    padding: 0 0.1rem; margin-right: 0.2rem; font-size: 0.25rem;}
    .upgrade-gold-li a{color: #fff;}
    .upgrade-gold-li:hover a{color: #6ae2ec;}
    .upgrade-Platinum{width: 100%; box-sizing: border-box; padding-left: 0.4rem; padding-right: 0.2rem; padding-top: 0.3rem; background: #224ba6;
    margin-bottom: 0;}
    
    .upgrade-Platinum-list{margin-top: 0.5rem;}
    .upgrade-Platinum-li{display: flex; align-items: center; margin-bottom: 0.2rem;}
    .upgrade-Platinum-li-icon{margin-right: 0.2rem;}
    .upgrade-Platinum-li-txt{font-size: 0.25rem; color: #fff; font-weight: bold; line-height: 0.4rem;}

    }

.footer{display: flex; align-items: center; margin: 0.3rem auto; height: 3.2rem; justify-content: space-between; border-radius: 0.1rem;
background: url(../images/foooter-bg1478.jpg) no-repeat center; box-sizing: border-box; padding: 0 0.5rem;}
.footer-info{display: flex; align-items: center;}
.footer-tel{line-height: 0.6rem; font-size: 0.38rem; color: #000; margin: 0 0.2rem; margin-right: 1rem;}
.footer-txt{width: 30%;  box-sizing: border-box; color: #fff; display: flex; align-items: center; justify-content: center;
font-size: 0.38rem;}
.footer-txt a{color: #fff;}
@media screen and (max-width:576px){

.footer{display: flex; align-items: center; margin: 0.3rem; height: 2.05rem; justify-content: space-between; border-radius: 0.1rem;
background: url(../images/mobile-footer-bg.png) no-repeat; background-size: contain; box-sizing: border-box; padding: 0 0.3rem;}
.footer-info{display: flex; align-items: center;}
.footer-tel{line-height: 0.4rem; font-weight: bold; font-size: 0.25rem; color: #000; margin: 0 0.2rem; margin-right: 0.5rem;}
.footer-ewm img{width: 1rem;}
.footer-txt{width: 30%;  box-sizing: border-box; color: #fff; display: flex; align-items: center; justify-content: center;
font-size: 0.25rem; line-height: 0.4rem;}
.footer-txt a{color: #fff;}

}