@charset "UTF-8";
/*
 *  Author    ：--
 *  Time      ：
 *  Abstract  
 *
 */
a:focus{ outline: none; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a{ color: #2196f3; text-decoration: none;-webkit-tap-highlight-color:transparent;}
em,i{ font-style: normal;}

*{ margin: 0; padding: 0; }
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,body{ height: 100%; }
body{ font-size:.24rem; background: #F8F8F8; color: #000;}
body *{max-height:10000rem;}

.mask_block{ position: fixed; width: 100%; top: 0; background: #000;  z-index: 995;opacity: 0.7; left: 0; height: 100%;}

.down_page{ padding-top: .56rem; background: url(../../images/h5/bg.png) center top; background-size: 100% auto; background-repeat: no-repeat; }
.down_page .top_info{ text-align: center; }
.down_page .top_info .logo{ margin: 0 auto; width: 2.4rem; height: 2rem; }
.down_page .top_info .logo img{ display: block; width: 100%; height: 100%; }
.down_page .top_info h2{ margin-top: .56rem; text-align: center; }
.down_page .top_info h2 img{ width: 5.7rem; }
.down_page .top_info p{ margin-top: .23rem; line-height: .42rem; font-size: .28rem; color: #666; }
.down_page .top_info .btn{ margin-top: .38rem; display: inline-flex; align-items: center; justify-content: center; width: 3.2rem;height: .96rem;background: #f94141;border: .02rem solid rgba(0,0,0,0.10);border-radius: 2rem;box-shadow: 0 .08rem .32rem 0 rgba(0,0,0,0.15); font-size: .4rem; font-weight: bold; color: #fff;  }
.gig_warp{ margin: .8rem .4rem 0; border-radius: .4rem; overflow: hidden; }
.gig_warp img{ width: 100%; }
.fun_list{ padding: .4rem .4rem 0; }
.fun_list ul li{ border-radius: .6rem; margin-bottom: .4rem; padding: .4rem 0 0; text-align: center;}
.fun_list ul li h4{ font-size: .48rem; line-height: .68rem; color: #fff; font-weight: bold; }
.fun_list ul li p{ margin-top: .16rem; font-size: .28rem; line-height: .4rem;color: rgba(255,255,255,.7); }
.fun_list .one{ padding-bottom: .32rem; background: linear-gradient(128deg,#3c3c3c 0%, #484848 100%);}
.fun_list .one img{ width: 4.8rem; height: 3.4rem; margin-top: .3rem; }
.fun_list .two{background: linear-gradient(180deg,#53c98e, #134d30 100%);}
.fun_list .two p{ margin-bottom: .4rem;}
.fun_list .two img{ display: block; width: 5.72rem; margin: 0 auto; }
.fun_list .three{background: linear-gradient(180deg,#ffd972, #fce897 100%);}
.fun_list .three h4{ color: #333; }
.fun_list .three p{ color: #666; }
.fun_list .three img{ display: block; width: 5.7rem; margin: .4rem auto 0; }
.fun_list .four{ padding-bottom: .44rem; background: linear-gradient(180deg,#1882d9, #60aded 100%);}
.fun_list .four img{ display: block; width: 5.7rem; margin:.4rem auto 0; }
.evaluate{ margin: 0 .4rem; text-align: center; padding: .54rem 0 .44rem; background: #fff; border-radius: .6rem; overflow: hidden; }
.evaluate h4{ display: flex; align-items: center; justify-content: center; height: .68rem; }
.evaluate h4 i{ display: flex; align-items: center; justify-content: center; width: .48rem; height: .48rem; }
.evaluate h4 i:last-child{ transform: rotate(180deg); }
.evaluate h4 i svg{ display: block;width: 100%; height: 100%; }
.evaluate h4 span{ margin: 0 .16rem; font-size: .48rem; font-weight: bold; color: #EEB212; }
.evaluate p{ margin-top: .16rem; font-size: .28rem; color: #666; }
.evaluate img{ width: 100%; margin-top: .84rem; }
.free_block{ margin: .4rem; padding-top: .52rem; text-align: center; height: 3.6rem; background:url(../../images/h5/bg01.png); background-size: 100% 100%; background-color: #d82020;border-radius: .6rem;}
.free_block h4{ line-height: .56rem; font-size: .4rem; font-weight: bold;color: #fff; }
.free_block p{ line-height: .4rem; margin-top: .16rem; font-size: .28rem; color: #fff; }
.free_block .btn{ display: inline-flex; margin-top: .4rem; align-items: center; justify-content: center;width: 3.6rem;height: .96rem;background: #2e2e2e;border-radius: 2rem; font-size: .36rem; font-weight: bold; color: #fff; }
.footer{ position: relative; border-top: 1px solid #E5E5E5; padding: .4rem; }
.footer .logo{ width: 1.68rem; height: .48rem; }
.footer .logo img{ width: 100%; height: 100%; }
.footer  > p{ line-height: .34rem; margin-top: .24rem; font-size: .24rem; color: #000; }
.footer .copy_right{ margin-top: .24rem;}
.footer .copy_right p{ margin-bottom:.12rem; font-size: .24rem; color: #999; }
.footer .copy_right p:last-child{ margin-bottom: 0; }
.footer .about{ position: absolute; top: .48rem; right: .4rem; font-size: .28rem; font-weight: bold; color: #333; }
.about_pop{ position: fixed; left: 0; display: flex; flex-direction: column; z-index: 1000; border-radius: 20px 20px 0 0;max-height:90%; transition: all .2s;  transform: translateY(100%);background: #F8F8F8;bottom: 0; right: 0;  overflow: hidden;}
.about_pop.show{transform: none;}
.about_pop .close{ position: absolute; top: 0; right: 0; display: flex; align-items: center;justify-content: center; width: .96rem; height: .96rem; }
.about_pop .close svg{ display: block; width: .48rem; height: .48rem; }
.about_pop .hd{ flex-shrink: 0; line-height: 1.32rem; font-size: .48rem; font-weight: bold; color: #000; margin: 0 .4rem; border-bottom: 0.01rem solid #ddd; }
.about_pop .bd{ flex:1; overflow-y: auto; padding: 0 .4rem; }
.about_us{ padding: .4rem 0 0; border-bottom: .01rem solid #ddd;}
.about_us p{ font-size: .32rem; line-height: .48rem; margin-bottom: .6rem; color: #333; }
.contact_us{ padding: .6rem 0;}
.contact_us i{ display: flex; align-items: center; justify-content: center; width: .96rem; height: .96rem; }
.contact_us h4{ margin:.24rem 0 .08rem; font-size: .32rem; font-weight: bold; color: #000; line-height: .6rem; }
.contact_us p{ line-height: .6rem; font-size: .32rem; color: #000; }