/*how it work  start*/
.how-container-box {min-height: 600px;}
.how-banner-con {position: relative;margin: 0 auto;text-align: center;padding-top: 300px;color: #333333;}

.how-banner-con .how-banner-tit {font-weight: bold;font-size: 60px;margin-bottom: 20px;}

.how-banner-con h3 {font-size: 38px;font-weight: 400;}
.how-btn a {padding: 40px;line-height: 52px;cursor: pointer;margin-right: 32px;font-size: 20px;color: #1FC10A;background: #ffffff;border: 1px solid #1FC10A;border-radius: 26px;}
.how-btn a:first-child{color: #fff;background: #1FC10A;border: none;}
.how-btn a:first-child:hover {background: #1CA64A;}
.how-btn a:last-child:hover {background: #1FC10A;color: #fff;}
.how-wrap{text-align: center;width: 100%;position: relative;}
.mai_dian {position: absolute;bottom: 0;}
.how-item{padding:120px 0 100px;margin: 0 auto;}
.how-bg-fa{background: #FAFAFA;}
.how-item .how-item-tit{ font-weight: bold;font-size: 44px;margin-bottom: 84px;}
.how-four{position: relative;}
.how-four ul{overflow: hidden;position: relative;}
.how-four ul li{float: left;width: 20%;position: relative;cursor: pointer;}
.how-li{text-align: center;width: 100%;}
.how-li-img{margin: 0 auto;padding-bottom: 54px;position: relative;}
.how-li-img .img-bg {color: #666;font-size: 60px;}
.how-four .how-li-img img{display: block;height: 100%;width: 100%;position: relative;}
.how-four .how-li-img img{background-size: cover;background-repeat: no-repeat;}
.how-arrow{position: absolute;height: 24px;width: 24px;right: -12px;top: 48px;z-index: 1;color: #ccc;}
.how-li-le{width: 100%;}
.how-li-le img{display: block;height: 9.67px;width: 150.6px;margin-left: 100px;}
.how-li-cont{font-size: 28px;color: #666666;margin: 0 auto;padding-bottom: 20px;display: inline-block;}
.how-four li.checked .img-bg{color: #1CA64A;}
.how-four li.checked .how-li-cont {color: #1CA64A;border-bottom: 3px solid #1CA64A;font-weight: 300;}
.mb-72{margin-bottom: 72px;}

#how_banner_pc {display: block;}
#how_banner_m {display: none;}
.how-banner-container .swiper-wrapper {height: 850px;}
.how-banner-container .swiper-slide .swiper_img {display: block;width: 100%;height: 100%;}
.why-text-box {position: absolute;left:200px;text-align: left;color: #333333;}
.why-text-box .line {width: 100px;height: 5px;background: #1CA64A;margin-bottom: 20px;}
.why-text-box .how-text-title {font-size: 44px;margin-bottom: 30px;}
.why-text-box .how-text-desc {font-size: 48px;line-height: 60px;font-weight: bold;}
.why-text-box .how-text {font-size: 52px;font-weight: bold;line-height: 62px;}
.why-text-box .how-text-banner1 {color: #ffffff;margin-top: 330px;}
.why-text-box .how-text-banner2 {color: #000000;margin-top: 260px;}
.why-text-box .how-text-banner3 {color: #ffffff;margin-top: 300px;}
.why-text-box .how-text-banner4 {color: #ffffff;margin-top: 500px;}
.why-text-box .how-text-banner5 {color: #ffffff;margin-top: 550px;}
.how-banner-container .swiper-button-prev, .how-banner-container .swiper-button-next {width: 40px;height: 60px;line-height:60px;text-align: center;margin-top: -30px;}
.how-banner-container .swiper-button-prev {border-radius: 0 4px 4px 0;}
.how-banner-container .swiper-button-next {border-radius: 4px 0 0 4px;}
.how-banner-container .iconfont {color: #fff;font-size: 24px;}
.how-page .swiper-container .swiper-button-prev {background-image: none;}
.how-page .swiper-container .swiper-button-next {background-image: none;}
.how-banner-container .swiper-button-prev {left: 0;}
.how-banner-container .swiper-button-next {right: 0;}
.how-banner-container .swiper-pagination {z-index: 999;}
.how-banner-container .swiper-pagination .swiper-pagination-bullet-active {background: #1ca64a;}
.how-banner-container img {width: 100%;}
.how-text-box {position: absolute;top: 120px;left: 400px;width: 680px;text-align: left;}
.how-text-box .how-text-title {font-size: 48px;margin-bottom: 16px;color: #ffffff;line-height: 60px;font-weight: bold;}
.how-text-box .how-text-desc {font-size: 32px;color: #BDCDFA;line-height: 45px;}

.how-choose-item {padding-top: 48px;}
.how-choose-item .how-item-tit {font-size: 44px;color: #333333;font-weight: bold;}

.how-choose-item .how-item-href {font-size: 24px;color: #1CA64A;text-decoration: underline;}
.how-three{position: relative;background: #ffffff;padding-bottom:70px;}
.how-three ul{overflow: hidden;border-radius: 8px;width: 1320px;margin: 0 auto;box-shadow: 0 0 4px 4px #f3f4f9;}
.how-three ul li{display: block;overflow: hidden;}
.how-it-cont{overflow: hidden;width: 100%;white-space: normal;margin: 0 auto;padding:15px 0;}
.how-images{background: #fff;}
.how-three .how-li-img{float: left;width: 26.8%;padding-bottom: 28px;padding-top: 24px;height: auto;}
.how-three .how-li-img:first-child{width: 46.4%;}
.how-three .how-li-img img{width: 82px;margin: 0 auto;}
.how-three .how-li-img:first-child img {width: 152px;}
.how-three .how-li-img span{display: block; font-size: 28px;line-height: 24px; width: 100%;text-align: center;margin-top: 22px;}
.how-three .how-li-img p {font-size: 24px;color: #1CA64A;margin:29px auto 16px;}
.how-three .how-li-img a{color:#333;}
.how-three .how-li-img a.link_a {display: inline-block;width: 150px;height: 52px;line-height: 52px;background: #1CA64A;border-radius: 26px;font-size: 20px;color: #ffffff;}
.how-it-cont span{vertical-align: middle;}
.how-it-content{width: 26.8%;float: left;}
.how-logo{margin-left: 100px;height: 99px;width: 151px;margin-top: 42.2px;}
.how-logo-icon{font-size: 281px;margin-top: -50px;}

.how-it-content:first-child{width: 46.4%;text-align: left;}
.how-span span,.how-spans span{text-align: center;line-height: 32px;padding: 26px 0;font-size: 24px;line-height: 30px;}
span.iconm_suc_order{font-size: 32px;}
.how-it-content:first-child span{padding-left: 100px;font-size: 24px;text-align: left;color:#333;}
.how-it-content span.iconm_y{color: #1CA64A;font-size: 32px;}
.how-it-content span.iconm_x{color: #a5a5a5;font-size: 32px;}
.how-span{background: #f3f3f3;}
.how-spans{background: #ffffff;}
.how-btns{margin: 28px auto; line-height: 52px;font-family: Avenir-Heavy;font-size: 24px;color: #FFFFFF;padding: 0 32px;border-radius: 26px;background: #1FC10A;cursor: pointer;}
.how-btns:hover {background: #1CA64A;}
.how-check{}
.how-check .how-item-tit{margin-bottom: 21px;}
.how-more{font-size: 24px;margin-bottom: 55px;}
.how-more em {color: #FF6709;font-size: 36px;}
.how-more a{position: relative; color: #1FC10A;font-size: 24px;margin-left: 33px;}
.how-more a:hover {text-decoration: underline;color: #1FC10A;}
.how-more .more-icon {font-size: 16px;vertical-align: middle;}
.how-third{}
.how-third ul{overflow: hidden;}
.how-third ul li{width: 33.333%;float: left;}
.how-third .how-li-img{height: 96px;width: 96px;margin: 0 auto;}
.how-third .how-li-img img{display: block;width: 100%;height: 100%; margin-bottom: 36px;background-size: cover;background-repeat: no-repeat;}
.how-third .how-li-cont{}
.how-third span{font-size: 28px;text-align: center;line-height: 36px;white-space: nowrap;}
.how-detail{display:block;background: rgba(28,166,74,0.07);border: 1px solid #1CA64A;border-radius:26px;width: 384px; color: #1CA64A;font-size: 20px;line-height: 52px;position: absolute;bottom: -112px;left: 50%;transform: translateX(-50%);}
.how-detail:hover {background: #1CA64A; color: #ffffff;}
.how-cover-show {position: absolute;bottom: -160px;left: 0px;text-align: left;display: none;}
.how-cover-show label {display: block;margin-top: 16px;color: #333333;font-size: 20px;}
.how-cover-show em {display: inline-block;width: 18px;height: 18px;border-radius: 50%;background: #EDEDED;margin-right: 16px;vertical-align: middle;}
.how-cover-show em.cover {background: #1CA64A;}
.how-b-icon{font-size: 96px;}
.how-connect {background: #F3F3F3;padding-bottom: 60px;}
.how-connect .img-connect {width: 242px;}
.how-connect .how-connect-box{position: relative;display: inline-block; width: 1000px; margin-left: 30px;margin-top: 60px;}
.how-connect .how-connect-box ul{overflow: hidden;position: relative;}
.how-connect .how-connect-box ul li{float: left;width: 33%;position: relative;}
.how-connect-box .how-li{text-align: center;width: 100%;}
.how-connect-box .how-li-img{margin: 0 auto;padding-bottom: 54px;}
.how-connect-box .how-li-img .img-bg {color: #666;font-size: 120px;}
.how-connect .how-connect-box .how-li-img img{display: block;height: 100%;width: 100%;position: relative;}
.how-connect .how-connect-box .how-li-img img{background-size: cover;background-repeat: no-repeat;}
.how-connect-box .how-arrow{position: absolute;height: 24px;width: 24px;right: -12px;top: 48px;z-index: 1;color: #ccc;}
.how-connect-box .how-li-cont{font-size: 24px;color: #333;margin: 0 auto;padding-bottom: 20px;display: inline-block;}
.how-connect .how-connect-box li.checked .img-bg{color: #1CA64A;}
.how-connect .how-connect-box li.checked .how-li-cont {color: #1CA64A;border-bottom: 5px solid #1CA64A;}
.how-btn-box {padding: 75px 0;}
.how-btn-box a {display:inline-block;height: 84px;line-height: 84px;background: #1CA64A;border-radius: 8px;font-size: 28px;color: #ffffff;margin-right: 37px;}
.how-btn-box a:first-child {width: 316px;}
.how-btn-box a:nth-child(2) {width: 356px;}
.how-btn-box a:last-child {width: 374px;margin-right: 0;}
.space1 {height: 20px;background: #ffffff;}
.space2 {height: 20px;background: #F3F3F3;}
/* add */
body .how-banner {
    position: relative;
    width: 100%;
    height: 800px;
    background: #f3f4f9;
    background: url(/static/index/img/how/how-to-use-banner.png) no-repeat 50%;
    background-size: cover;
}
.how-wrap .how-map{
    background: url(/static/index/img/how/cover_map_globe.jpg) no-repeat;
    background-size: contain;
    position: relative;
    height: 500px;
    width: 1018px;
    margin: 0 auto;
    margin-bottom: 200px;
}
.iconpc_how_download,.iconpc_how_buy,.iconm_how_free{
    width: 80px;
    margin: 0 auto;
}
.connect_enjoy{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_jiantou{display: inline-block;position:absolute;right:0;top:25%;width:7px;height: 7px;border-top:2px solid #999;border-right:2px solid #999;transform: rotate(45deg);}
.how-span2{background-color: #f3f3f3;}
.how-wifi-work {
    position: relative;
    width: 100%;
    height: 850px;
    background: url(/static/index/img/how/pc_how_work.png) no-repeat center;
    background-size: cover;
}
.how_it_works .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(/static/index/img/how/right.png);background-size: contain;background-repeat: no-repeat;}
.how_it_works .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/static/index/img/how/left.png);background-size: contain;background-repeat: no-repeat;}
.iconhow_why_glocalme_wifi,.iconhow_to_work,.iconhow_select_device,.iconhow_custom_flow_plan,.iconhow_connect_online{
    background-image: url(/static/index/img/how/how_pc_tu1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 66px;
    height: 70px;
    margin: 0 auto;
}
.iconhow_to_work{
    background-image: url(/static/index/img/how/how_pc_tu2.png);
}
.iconhow_select_device{
    background-image: url(/static/index/img/how/how_pc_tu3.png);
}
.iconhow_custom_flow_plan{
    background-image: url(/static/index/img/how/how_pc_tu4.png);
}
.iconhow_connect_online{
    background-image: url(/static/index/img/how/how_pc_xing.png);
}
.how-four li.checked .iconhow_why_glocalme_wifi{
    background-image: url(/static/index/img/how/how_pc_tu11.png);
}
.how-four li.checked .iconhow_to_work{
    background-image: url(/static/index/img/how/how_pc_tu22.png);
}
.how-four li.checked .iconhow_select_device{
    background-image: url(/static/index/img/how/how_pc_tu33.png);
}
.how-four li.checked .iconhow_custom_flow_plan{
    background-image: url(/static/index/img/how/how_pc_tu44.png);
}
.how-four li.checked .iconhow_connect_online{
    background-image: url(/static/index/img/how/how_pc_tu55.png);
}
.mai_dian_title{position: relative;}
.how-it-content span.iconm_y{background: url(/static/index/img/how/how_pc_m_dui.png) no-repeat;background-size: 100% 100%;height: 32px; width: 32px;display: inline-block;}
.how-it-content span.iconm_x{background: url(/static/index/img/how/how_pc_m_cuo.png) no-repeat;background-size: 100% 100%;height: 32px; width: 32px;display: inline-block;}
.how-item-tit2{margin-bottom: 50px;}
.how-three .how-li-img .g4_img{width: 150px;margin-top:27px;}
/*how it work  end*/