﻿
@font-face {
	font-family: 'PingFang';
	src:url('../font/PingFang.eot');
	src:url('../font/PingFang.woff') format('woff'),
  		url('../font/PingFang.ttf') format('truetype'),
    	url('../font/PingFang.svg#PingFang') format('svg');
}

/*
@font-face {
	font-family: 'PingFang2';
	src:url('../font/pingfang/PingFang.eot');
	src:url('../font/pingfang/PingFang.woff') format('woff'),
  		url('../font/pingfang/PingFang.ttf') format('truetype'),
    	url('../font/pingfang/PingFang.svg#PingFang') format('svg');
}
*/

*{margin: 0;padding: 0;}
a{text-decoration: none;display: inline-block;color: #000000;}
ul li{list-style: none;}
img{max-width: 100%;vertical-align: middle;}
video{width: 100%;vertical-align: middle;outline: none;}
button{cursor: pointer;}
/*-webkit-appearance: none;*/
input,button,textarea,select{background: none;border: none;outline: none;font-family: "PingFang";font-size: 16px;}
input::-webkit-input-placeholder{color: #EAEAEA;}
body{font: 14px "PingFang" !important;-webkit-tap-highlight-color: rgba(0,0,0,0);overflow: auto;}
strong,h1,h2,h3,h4,h5,h6,.headerDiv1 .dis_table>div span,.FootBg{font-weight: 400;}
html.htmlHidden{position: fixed;}
body.bodyHidden{overflow: hidden;}
table{border-collapse:collapse;}
.Div1440,.Div1100,.Div1200{margin: auto;possition: relative;box-sizing: border-box;}
.Div1440{max-width: 1440px;}
.Div1100{max-width: 1100px;}
.Div1200{max-width: 1240px;padding: 0 20px;}


.fl_right{float: right;}
.fl_left{float: left;}
.dis_inblock{display: inline-block;}
.text_left{text-align: left!important;}
.text_right{text-align: right!important;}
.text_center{text-align: center!important;}
.dis_none{display: none;}
.pos_re{position: relative;}
.pos_abCenter{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.dis_table{display: table;width: 100%;box-sizing: border-box;}
.dis_tableCell{display: table-cell;vertical-align: middle;}
.dis_head{display: table-header-group;}
.dis_body{display: table-row-group;}
.dis_foot{display: table-footer-group;}
.dis_head>ul,.dis_body>ul,.dis_foot>ul{display: table-row;}
.line_clamp1,.serviceBg p,.memberSwiper .divs>p{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.line_clamp2,.line_clamp5,.line_clamp3,.memberSwiper .divs>div{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.line_clamp2{-webkit-line-clamp: 2;}
.line_clamp3{-webkit-line-clamp: 3;}
.memberSwiper .divs>div{-webkit-line-clamp: 4;}
.line_clamp5{-webkit-line-clamp: 5;}
.clearfix:after,.rowDiv:after{content: "";display: block;height: 0;clear:both;visibility: hidden;}
.clearfix,.rowDiv{*zoom: 1;}
.btn{height: 50px;padding: 0 45px;cursor: pointer;line-height: 50px;font-size: 18px;}
.rowDiv_1{margin: 0 -15px;}
.rowDiv .rowDiv3,.rowDiv .rowDiv2,.rowDiv .rowDiv4,.rowDiv .rowDiv5,.rowDiv .rowDiv1{float: left;box-sizing: border-box;}
.rowDiv .rowDiv1{width: 100%;}
.rowDiv .rowDiv2{width: 50%;}
.rowDiv .rowDiv3{width: 33.33%;}
.rowDiv .rowDiv4{width: 25%;}
.rowDiv .rowDiv5{width: 20%;}


.centerDiv{width: 100%;box-sizing: border-box;min-height: 300px;}
.mar_t80{margin-top: 80px;}
.mar_t50{margin-top: 50px;}
.mar_t20{margin-top: 20px;}
.mar_b80{margin-bottom: 80px;}
.mar_t100{margin-top: 100px;}
.pad_tb60{padding: 60px 0;}
.pad_tb100{padding: 100px 0;}
.pad_tb150{padding: 150px 0;}
.pad_t30{padding-top: 30px;}
.pad_b30{padding-bottom: 30px;}
.pad_b130{padding-bottom: 130px;}




.bak_fff{background: #FFFFFF;}
.bg_f8f8{background: #f8f8f8;}
.bg_f4f4{background: #F4F4F4;}
.bg_f0f1f2{background: #F0F1F2;}
.radiusBtn{background: #94D60A;color: #FFFFFF;}
.borderBtn{border: 1px solid #94D60A;color: #94D60A;}
.borderBtnHui{border: 1px solid #999999;color: #999999;}
.width_50{width: 50%;box-sizing: border-box;}
.disNone_pc,.PhoneImg{display: none!important;}
.col_000{color: #000000;}
.min_height450{min-height: 450px;}
.h1Tit{text-align: center;margin-bottom: 50px;}
.h1Tit h1{font-size: 40px;font-weight: 400;font-family: "PingFang" !important;}
/*输入框*/
.inputDiv{margin-top: 20px;position: relative;}
.inputDiv input,.inputDiv textarea{background: #FFFFFF;padding: 15px 20px;border-radius: 5px;width: 100%;
box-sizing: border-box;}
.inputDiv input{height: 60px;}
.inputDiv textarea{resize: none;}
/*主題color*/
.col_theme{color: #94D60A!important;}

/*主題background*/

/*-分页----------------------------*/
.page_div{font-size: 20px;}
.page_div li{float: left;cursor: pointer;margin: 0 5px;height: 40px;width: 40px;text-align: center;
line-height: 40px;background: #94D60A;color: #FFFFFF;opacity: 0.7;}
.page_div li.active{opacity: 1;}
.page_div li img{height: 40px;width: 40px;}

/*-返回顶部--------------------------*/
.top_e{position:fixed;right:5%;bottom:5%;display:none;z-index: 10;}

/*header*/	
.HeaderTop .divs{border: 1px solid #77777B;display: inline-block;width: 60px;height: 60px;
line-height: 60px;text-align: center;color: #77777B;margin-left: 15px;}
.headerUser{position: absolute;left: 15px;background: #FFFFFF;min-width: 120px;z-index: 10;display: none;}
.HeaderTop a:hover .headerUser{display: block;}
.headerUser li{padding: 15px;color: #000000;text-align: left;}
.HeaderNav{border-top: 1px solid #EAEAEA;border-bottom: 4px solid #94D60A;}
.headerUl{width: 100%;font-size: 0;}
.headerUl>ul>li{display: inline-block;border-left: 1px solid #EAEAEA;font-size: 14px;}
.border_right{border-right: 1px solid #EAEAEA;}
.headerUl a{color: #000000;}
.headerUl>ul>li>p{padding: 0 30px;}
.headerUl>ul>li>p>a{line-height: 60px;display: inline-block;}
.headerUl>ul>li>p .jtImg{background: url(../img/icon_arrow_down.png);width: 20px;
height: 20px;display: inline-block;vertical-align: middle;}
.headerUl ul .active>p,.headerUl ul li:hover p,.HeaderTop li:hover{background:#94D60A;}
.headerUl ul .active>p a,.headerUl ul li:hover p>a,.HeaderTop li:hover{color: #FFFFFF;}
.headerUl>ul .active .jtImg,.headerUl ul li:hover .jtImg{background: url(../img/icon_arrow_down_white.png);}
.headerUl ul li:hover .headerItemUl{display: block;}
.headerItemUl{position: absolute;display: none;text-align: center;box-sizing: border-box;background: #FFFFFF;
z-index: 9;width: 100%;}
.headerItemUl>div{cursor: pointer;line-height: initial;}
.headerItemUl a{display: block;padding: 15px 10px;box-sizing: border-box;color: #77777B;}
.headerItemUl a:hover{background: #94D60A;color: #FFFFFF;}
.headerDiv1{position: absolute;left: 0;right: 0;z-index: 9;padding-top: 4px;display: none;}
.headerDiv1>div{background: #FFFFFF;}
.headerDiv1 .dis_table>div{display: table-cell;position: relative;padding: 15px 20px;box-sizing: border-box;
border-right: 1px solid #EAEAEA;text-align: center;}
.headerDiv1 .dis_table>div:last-child{border-right: 0;}
.headerDiv1 .dis_table>div span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #FFFFFF;
font-size: 28px;font-weight: bold;}
.headerUl ul li:hover .headerDiv1{display: block;}
.headerDiv1 .dis_table>div:hover img{opacity: 0.5;}
.headerDiv1 .dis_table>div:hover span{color: #000;}

.headerRightMenu{display: none;}

/*footer*/
.FootBg{padding: 80px 0;background: #94D60A;color: #FFFFFF;font-size: 14px;}
.FootBg .title{font-size: 18px;padding-bottom: 15px;position: relative;font-weight: 700;margin-bottom: 10px;}
.FootBg .title::after{position: absolute;content: "";left: 0;bottom: 0;height: 2px;
width: 30px;background: #FFFFFF;}
.FootBg a{color: #FFFFFF;}
.FootBg .clearfix>div{float: left;box-sizing: border-box;}
.FootBg .div1{width: 40%;}
.FootBg .div2{width: 20%;}
.FootBg .div1>strong{font-size: 24px;}
.FootBg .div1>p{padding: 15px 0 20px;}
.footIconText>div{padding: 10px 0;}
.footIconText img,.footIconText span{display: inline-block;vertical-align: middle;}
.footIconText img{width: 16px;}
.footIconText span{width: calc(100% - 20px);padding-left: 10px;box-sizing: border-box;}
.FootBg .div2 li,.FootBg .div3>div{padding-top: 10px;}
.FootBg .div3 .orderIcon{padding-top: 25px;cursor: pointer;}
.FootBg .div3 .orderIcon img{width: 25px;height: 25px;}
.FootBg .div3 .orderIcon>div,.FootBg .div3 .orderIcon>img{display: inline-block;vertical-align: middle;}
.FootBg .div3 .orderIcon>div{width: calc(100% - 30px);}
.FootBg .div3 .orderIcon>div>p{border: 1px solid #FFFFFF;border-radius: 5px;box-sizing: border-box;
display: inline-block;padding-left: 5px;}
.FootBottom{background: #777778;padding: 15px 0;color: #FFFFFF;font-size: 14px;}





/*-模态框----------------------------*/
.modal_bigBox{z-index: 11;display: none;position: fixed;left: 0;top: 0;width: 100%;bottom: 0;background: rgba(25, 25, 25, .4);overflow-y: auto;}
.modal_Box{position: absolute;left: 50%;transform: translate(-50%,0);top: 5%;}
.modal_close{position: absolute;right:1em;top: 1em;cursor: pointer;}
.modal_close i{font-size: 2em;color: #DBDBDB;}
.modal_CenterBox{position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;}
.modal_bgFFF{background: #FFFFFF;padding: 0 40px;}
.modalShow,.modalClose{cursor: pointer;}

/*提示框*/
.dialogBack {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 20;background: rgba(0, 0, 0, 0);}
.tck {background: rgba(0, 0, 0, 0.6);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
	max-width: 600px;user-select:none}
.contenT {text-align: center;color: #FFFFFF;padding: 10px 15px;font-size: 15px;line-height: 1.5;}


/*输入框*/
input.codeBtn{background: #006595;width: 90px;color: #FFFFFF;position: absolute;top: 0;right: 0;
border-top-left-radius: 0;border-bottom-left-radius: 0;cursor: pointer;padding: 0;}
input.codeText{background: none;position: absolute;top: 0;right: 0;width: auto;border: none!important;color: #006595;cursor: pointer;}
.checkboxDiv input,.checkboxDiv label{display: inline-block;vertical-align: middle;font-size: 14px;} 
.checkboxDiv input{height: 15px;width: 15px;margin-right: 5px;}

/**/
.cursor{cursor: pointer;}

/*颜色--------------------------------------------*/
.texts{line-height: 2;}
.texts ul {padding: revert;}
.texts ul li{list-style: initial;}
/*颜色END--------------------------------------------*/


/*banner*/
.parallax-bg{position: absolute;left: 0;top: 0;width: 130%;height: 100%;
-webkit-background-size: cover;background-size: cover;background-position: center;}

/*index*/
.indexBannerText{padding: 140px 0;}
.indexBannerText>div,.indexBannerText2>div{width: 50%;color: #FFFFFF;margin-bottom: 40px;}
.indexBannerText2{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
z-index: 1;width: 1200px;}
.indexBannerText2 .p1{font-size: 30px;}
.indexBannerText2 .p2{font-size: 24px;}
.indexBannerText2 .p3{margin-top: 40px;}

.swiper-pagination-bullet{background: #C4C4C4;opacity: 0.5;width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background: #94D60A;opacity: 1;}
.indexBannerNew div{height: 600px;}
.indexBannerNew img{height: 100%;width: auto;}
.introduceBg{background: url(../img/home_about_darts_bg.png);background-size: 100% 100%;}
.introduceDiv{font-size: 18px;}
.introduceDiv1>div{display: table-cell;vertical-align: middle;}
.introduceDiv1>div:first-child{width: 40%;}
.introduceDiv1>div:last-child{width: 60%;}

.introduceDiv2>div{padding: 40px 0;}
.introduceDiv2 .swiper-slide{position: relative;cursor: pointer;}
.introduceDiv2 .swiper-slide strong{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
color: #FFFFFF;font-size: 36px;}
.introduceDiv2 .active:before{position: absolute;content: "";
bottom: -20px;left: 50%;transform: translate(-50%,0); border-left: 10px solid transparent;
border-right: 10px solid transparent;border-top: 10px solid #94D60A;}

.introduceDiv2Text>div{display: none;}
.indexWorkBg{background: url(../img/home_about_works_bg.png);background-size: 100% 100%;}
.indexWorkBg .swiper-button-next:after,.indexWorkBg .swiper-button-prev:after{
	content: "";
}
.indexWorkBg .swiper-button-next,.indexWorkBg .swiper-button-prev{height: 40px;width: 40px;}
.indexWorkBg .swiper-button-prev{left: -20px;}
.indexWorkBg .swiper-button-next{right: -15px;}
.indexBannerWork p{position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%);color: #FFFFFF;
font-size: 24px;text-align: center;}
.indexBannerWork img{-webkit-filter: brightness(0.6);filter: brightness(0.6);cursor: pointer;}
.indexBannerWork img:hover{animation: skew 0.6s ease-in-out alternate forwards;}
@keyframes skew{
	0%{
		transform: scale(1);
	}100%{
		transform: scale(1.05);
	}
}
.activityDiv{margin:0 -10px 40px;}
.activityDiv>div{float: left;box-sizing: border-box;}
.activityDiv .div2{width: 66.66%;}
.activityDiv .div1{width: 33.33%;}
.activityDiv .div2 img{height: 460px;}
.activityDiv .div1 img{height: 230px;object-fit: cover;}
.activityDiv>div img{padding: 10px;box-sizing: border-box;width: 100%;}
.indexAddUsBg{background: url(../img/home_add_us_bg.png);background-size: 100% 100%;}
.indexAddUsDiv{display: table;width: 100%;}
.indexAddUsDiv>div{display: table-cell;text-align: center;color: #FFFFFF;}
.indexAddUsDiv>div strong{font-size: 60px;}
.indexAddUsDiv>div .line{display: inline-block;height: 1px;width: 100px;background: #F6F6F6;vertical-align: middle;}

/*tidbits*/
.titNav .titLink{padding: 30px 0;font-size: 12px;}
.titNav .titLink span{padding:0 15px;display: inline-block;}
.titNav .titLink label{color: #77777B;}
.titNav .tit{font-size: 40px;}

.waterfall {position: relative;}
.waterfall img {position: absolute;width: 33%;padding: 10px;transition: all .4s;box-sizing: border-box;cursor: pointer;}
.tidbitsButton{padding: 90px 0;text-align: center;}
.tidbitsButton .imgs{margin-bottom:30px;display: none;}
.tidbitsModal{padding: 100px;position: relative;box-sizing: border-box;width: 90%;margin: auto;}
.tidbitsModalText{padding: 50px 150px;background: #FFFFFF;width: 1000px;box-sizing: border-box;margin: auto;}
.tidbitsModalText p{font-size: 24px;margin-top: 20px;}
.tidbitsModal .div1,.tidbitsModal .div2{position: absolute;top: 50%;transform: translate(0,-50%);cursor: pointer;}
.tidbitsModal .div1{left:0}
.tidbitsModal .div2{right:0}

/*aboutUs1*/
.aboutBanner{position: relative;color: #FFFFFF;}
.aboutBanner>img{width:100%}
.aboutNav{position: absolute;width: 1200px;left: 50%;transform: translate(-50%,0);top: 30px}
.aboutNav ul{border: 1px solid #FFFFFF;display: inline-block;}
.aboutNav ul li{float: left;padding: 10px;border-right: 1px solid #FFFFFF;}
.aboutNav ul li:last-child{border-right: 0;}
.aboutNav a,.aboutNav .titNav .titLink label{color: #FFFFFF;}
.aboutNav ul li.active{background: #94D60A;}
.aboutBanner h1{position: absolute;bottom: 30px;transform: translate(-50%,0);left: 50%;font-size: 96px;width: 80%;text-align: center;}
.aboutUsBg{background: url(../img/about_member_bottom_bg.png)no-repeat;background-size: cover;}
.aboutIntroduction .phoneBg11,.aboutIntroduction .phoneBg22{position: absolute;z-index: -1;bottom: 0;}
.aboutIntroduction .phoneBg11{right: 0;}
.aboutIntroduction .phoneBg22{left: 0;}
.aboutIntroduction .phoneBg2{display: block;margin: auto;}
.aboutIntroduction .text{background: rgba(148, 214, 10, 0.4);padding: 25px;box-sizing: border-box;
max-width: 1070px;margin: 30px auto 0;line-height: 2;}
.aboutUser{font-size: 40px;text-align: center;}
.transformSpan {transform: skewX(-10deg);text-align: center;display:inline-block;padding: 5px 35px;box-sizing: border-box;} 
.bgBlue{background: #008BA7;}
.bgRed{background: #EC3A4B;}
.transformSpan>span{ transform: skewX(10deg);display: block;color: #FFFFFF;}
.aboutUser>p{color: #94D60A;padding-left: 200px;}
/*aboutUs2*/
.architectureBg{background: #94D60A;}
.architectureDiv1{text-align: center;}
.architectureDiv1>div{box-sizing: border-box;width: 16%;display: inline-block;vertical-align: bottom;padding: 20px 0;}
.lishihuiDiv2>div:nth-child(n+12):not(:nth-child(n+17)){width: 19.3%;}
.architectureDiv1>div:first-child{width: 32%;}
.architectureDiv1>div:first-child>img{
  width: 60%;
}	

.architectureDiv1>div strong{display: block;margin-top: 10px;}
/*aboutUs3*/
.committeeDiv .aboutBanner{margin-bottom: 80px;padding: 10px;}
.committeeDiv .swiper-slide>div strong{display: block;font-size: 24px;padding: 10px 0;text-align: center;
;box-sizing: border-box;}
.committeeDiv .swiper-slide>div img{width: 100%;}
.committeeDiv .swiper-slide>div{color: #77777B;box-shadow: 0px 2px 7px #ddd;cursor: pointer;position: relative;}
.committeeDiv .active>div{background: #94D60A;color: #FFFFFF;}
.committeeDiv .active>div:before{position: absolute;content: "";
bottom: -10px;left: 50%;transform: translate(-50%,0); border-left: 10px solid transparent;
border-right: 10px solid transparent;border-top: 10px solid #94D60A;}

.committeeDivText .div1{width: 70%;background: #F6F6F6;font-size: 14px;color: #77777B;padding: 40px 60px;box-sizing: border-box;}
.committeeDivText .div1>strong{display: block;color: #94D60A;font-size: 24px;padding-bottom: 24px;
border-bottom: 2px solid #94D60A;}
.committeeDivText .div1 .text{padding: 25px 0;}
.committeeDivText .div2{width: 30%;color: #94D60A;font-size: 40px;font-weight: bold;padding-left: 50px;box-sizing: border-box;}
.committeeDivText>div{display: none;}
/*News*/
.bg_f6f6{background: #F6F6F6;}
.newsBannerDiv>div{float: left;box-sizing: border-box;}
.newsBannerDiv .left{width: 60%;}
.newsBannerDiv .right{width: 40%;}
.newsText .div1{margin-top: 25px;}
.newsText img{display: block;margin: auto;}
.newsText .month{background: #94D60A;color: #FFFFFF;display: inline-block;vertical-align: top;
width: 60px;height: 60px;text-align: center;box-sizing: border-box;font-size: 12px;padding: 5px 0;}
.newsText .month strong{font-size:24px}
.newsText .tit{display: inline-block;width: calc(100% - 70px);padding-left: 20px;vertical-align: top;
box-sizing: border-box;}
.newsText .tit p,.newsBannerDiv .right .divs p{color: #77777B;font-size: 14px;}
.newsText .text{line-height: 1.6;font-size: 14px;color: #777778;padding: 40px 0 35px;}
.getmoreLink{color: #94D60A;font-size: 14px;}
.newsBannerDiv .right{padding-left: 30px;}
.newsBannerDiv .right>div{height: 85px;overflow: hidden;margin-bottom: 35px;}
.newsBannerDiv .right img{width: 85px;height: 85px;object-fit: cover;}
.newsBannerDiv .right .divs{display: inline-block;width: calc(100% - 95px);padding-left: 10px;
box-sizing: border-box;vertical-align: middle;}
.newsBannerDiv .right .divs p{margin: 5px 0;}
.newsBannerDiv .right .divs>strong{font-size: 18px;}
.newsBannerDiv .right .moreicon img{width:35px;height: 35px;margin-right: 5px;}

.newsSwiper {padding-bottom: 20px;}
.newsSwiper .swiper-pagination{bottom: 0;}
.newsSwiper .divs,.newsSwiper .right img{height: 300px;overflow: hidden;}
.newsSwiper .right{float: right;width: 70%;}
.newsSwiper .right img{width: 100%;object-fit: cover;}
.newsSwiper .left{float: left;width: 30%;box-sizing: border-box;text-align: center;padding-top: 45px;line-height: 2;}
.newsSwiper .divs{box-shadow: 0 0 7px 0 #DDDDDD;margin: 10px 0;}
.newsSwiper .div1 {margin-bottom: 20px;}
.newsSwiper .div1 strong{font-size: 32px;}
.newsSwiper .div1 p{color: #77777B;}

.newsVideo .rowDiv2{position: relative;height: 300px;overflow: hidden;}
.modalIframe{height: 650px;}
.showYoutubeImg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.showYoutube{cursor: pointer;height: 50px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gamesBanner .pos_re{height: 300px;text-align: center;}
.gamesBanner .pos_re .showYoutubeImg{background: rgba(0,0,0,0.5);}

.newsMemberDiv{padding: 0 70px ;position: relative;}
.newsMemberDiv>img{position: absolute;top: 50%;transform: translate(0,-50%);width: 50px;cursor: pointer;}
.newsMemberDiv .member-prev{left: 0;}
.newsMemberDiv .member-next{right: 0;}
.memberSwiper .itemSlide img{width: 100%;}
.memberSwiper .divs{background: #F6F6F6;padding: 30px 20px;box-sizing: border-box;}
.memberSwiper .divs>p{background: #94D60A;padding: 5px;font-size: 24px;color: #FFFFFF;}
.memberSwiper .divs>div{margin: 25px 0;height: 90px;color: #77777B;line-height: 1.6;font-size: 14px;}
.memberSwiper .divs>div p,.memberSwiper .divs>div span{font-size: 14px!important;}

/*specialArea5*/
.bannerImg{position: relative;color: #FFFFFF;font-size: 40px;}
.bannerImg img{-webkit-filter: brightness(0.6);filter: brightness(0.6);}

.monthSpan .month{background: #94D60A;color: #FFFFFF;display: inline-block;
width: 50px;height: 50px;text-align: center;box-sizing: border-box;font-size: 12px;}
.monthSpan .month strong{font-size:22px}
.monthSpan .tit{display: inline-block;width: calc(100% - 70px);padding-left: 10px;
box-sizing: border-box;font-size: 20px;}
.monthSpan .tit p{color: #77777B;font-size: 14px;}
.specialSwiper{padding: 10px;box-sizing: border-box;}
.specialSwiperIiem{box-shadow: 0 0 7px 0 #DDDDDD;}
.specialSwiperIiem img{width: 100%;}
.specialSwiperIiem .divs{padding: 25px;box-sizing: border-box;}
.specialSwiperIiem .div2{padding: 30px 0 15px;color: #77777B;}
.specialSwiperIiem .div2>div{height: 40px;}
.specialSwiperIiem .div2>div p,.specialSwiperIiem .div2>div span{font-size: 14px!important;}
.specialSwiperIiem .div3{border-top: 1px solid #EAEAEA;padding-top: 15px}
.specarea1Bg{background: url(../img/special_zone_notice_bg.png)no-repeat;background-size: cover;color: #FFFFFF;}
.specarea1BannerText{padding: 10px 0;}
/* .specarea1BannerText strong,.specarea1BannerText .tit img{display: inline-block;vertical-align: middle;} */
.specarea1BannerText strong{font-size: 40px;}
.specarea1BannerText .text{margin-top: 25px;line-height: 1.8;}
.orderSlider .swiper-pagination{left: 0;right: 0;bottom: -35px;}
.orderSlider .swiper-pagination-bullet{background: #EAEAEA;opacity: 1;margin: 0 5px;}
.orderSlider .swiper-pagination-bullet-active{background: #94D60A;}
.height50{height: 50px;width: 100%;}

/*specialArea1*/
.problemDiv h3{font-size: 24px;padding: 15px;box-sizing: border-box;position: relative;
border-bottom: 1px solid #F6F6F6;cursor: pointer;}
.problemDiv h3 img{position: absolute;top: 20px;right: 15px;}
.problemDiv .current img{transform: rotate(180deg);}
.problemDiv .coll_body{padding: 20px 15px;background-color: #F6F6F6;display: none;}
.editorText{font-size: 14px;color: #77777B;}
.applicationBg{background: url(../img/decorate_bar_l.png)no-repeat;background-size: 100% 100%;}
.applicationBg ul{background: #FFFFFF;display: inline-block;padding: 10px;}
.applicationBg li{display: inline-block;vertical-align: middle;font-size: 40px;color: #77777B;padding: 0 10px;}
.applicationBg li.active{color: #000000;}
.applicationBg li .line{display: block;width: 30px;height: 3px;background: #94D60A;}
.applicationUl>ul{border-bottom: 1px solid #94D60A;margin-top: 50px;}
.applicationUl>ul>li{font-size: 24px;padding: 15px;display: inline-block;border: 1px solid #77777B;
color: #77777B;border-bottom: 0;margin-right: 10px;cursor: pointer;}
.applicationUl>ul>li.active{border: 1px solid #94D60A;color: #94D60A;border-bottom: 0;}
.applicationDiv{margin: 60px 0 100px;}
.applicationDiv>div>strong{font-size: 24px;}
.applicationDiv>div .editorText{margin: 25px 0;}
.applicationDiv .dis_tableCell:first-child{padding-right: 100px;box-sizing: border-box;width: 65%;}

/*specialArea2*/
.shcoolBg{background: url(../img/special_zone_school_plan_bg.png)no-repeat;background-size: cover}
.shcoolBg>div{background: url(../img/special_zone_rectangle_green.png)no-repeat;background-size: 100% 100%;
width: 1100px;padding: 80px 150px;box-sizing: border-box;color: #FFFFFF;}
.shcoolBg .tit{font-size: 24px;position: relative;padding-bottom: 25px;}
.shcoolBg .tit:after{position: absolute;height: 3px;width: 190px;background: #FFFFFF;left: 0;bottom: 0;content: "";}
.shcoolBg .text{margin: 25px 0;font-size: 14px;max-width: 600px;}
.shcoolBg button{border: 1px solid #FFFFFF;color: #FFFFFF;}
.joinUsDiv>div{padding: 60px;box-sizing: border-box;background: #FFFFFF;border-bottom: 4px solid #94D60A;height: 710px;}
.joinUsDiv .buttons{margin-top: 55px;text-align: center;}
.joinUsDiv .buttons>a{display: block;}
.joinUsDiv .buttons button{width: 100%;padding: 0;text-align: center;}
.joinUsDiv>.div1{width:32%;float: left;}
.joinUsDiv>.div2{width:65%;float: right;}
.joinUsDiv .inputs{margin-bottom: 32px;}
.joinUsDiv .inputs p{color: #77777B;width: 120px;font-size: 18px;}
.col_red{color: red;}
.joinUsDiv .inputs>p,.joinUsDiv .inputs>div{display: inline-block;vertical-align: middle;}
.joinUsDiv .inputs>div{background: #F8F8F8;width: calc(100% - 130px);padding: 15px;box-sizing: border-box;}
.joinUsDiv .inputs input{width: 100%;height: 40px;}
.joinUsDiv .inputs>div.selectDiv select{width: 80px;height: 40px;}
.joinUsDiv .inputs>div.selectDiv input{width: calc(100% - 90px);}
.joinUsDiv>.div1 .img2{display: none;}
.joinUsDiv>.div1 img{width: 100%;}

/*specialArea3*/
.RegisteredCoach>div{display: none;padding-top: 60px;}
.RegisteredCoach .divImg img{margin-bottom: 50px;}
.RegisteredCoach table{width: 100%;border:1px solid #94D60A;font-size: 20px;}
.RegisteredCoach table thead{background-color: #94D60A;color: #FFFFFF;}
.RegisteredCoach table thead th{width: 38%;}
.RegisteredCoach table thead th:first-child{text-align: left;width: 15%;}
.RegisteredCoach table tbody {color: #77777B;}
.RegisteredCoach table tbody tr:nth-child(odd){background: rgba(148, 214, 10, 0.4);}
.RegisteredCoach table thead th{font-weight: normal;}
.RegisteredCoach table tbody td,.RegisteredCoach table thead th{padding: 10px 5px;}
.RegisteredCoach table tbody td:nth-child(2),.RegisteredCoach table tbody td:nth-child(3){text-align: center;}
.RegisteredCoach table tbody td:last-child{text-align: center;}
/*specialArea4*/
.refereeText{padding: 40px 0;}
.refereeText>div,.refereeDiv .dis_table>div{display: table-cell;vertical-align: middle;box-sizing: border-box;}
.refereeText .tit{font-weight: bold;font-size: 40px;font-family: "PingFang2";font-weight: 400;}
.refereeDiv{padding: 45px 0;border-top: 1px solid #C4C4C4;}
.refereeDiv .imgs{width: 190px;}
.refereeDiv .text{width: calc(100% - 200px);padding-left: 40px;}
.refereeDiv .text>strong{font-size: 24px;}
.refereeDiv .text>p{color: #94D60A;margin: 15px 0;font-size: 18px;}
.refereeDiv .div2{display: none;}

/*specialArea5*/
.special5Information .newsText{margin-top: 50px;border-bottom: 1px solid #DDDDDD;}
.special5Information .newsText .texts,.special5Introduce .imgs>div{line-height: 1.6;color: #777778;font-size: 14px;padding: 35px 0 20px;}
.special5Introduce>h1{border-bottom: 1px solid #94D60A;padding-bottom: 20px;}
.special5Introduce .imgs{margin-top: 30px;border-bottom: 1px solid #DDDDDD;}


/*games*/
.gamesBanner{background: #000000;padding: 25px 55px 50px;box-sizing: border-box;}
.filterImg{/* -webkit-filter: brightness(0.6);filter: brightness(0.6); */height: 100%;}
.gamesjianjie{font-size: 40px;}
/*affiliatedClub*/
.affclubDiv>div{width: 50%;display: table-cell;vertical-align: middle;box-sizing: border-box;}
.affclubDiv>.divs>strong{font-size: 24px;display: block;margin-bottom: 20px;}
.affclubBigDiv1 .divs{padding-left: 40px;}
.affclubBigDiv2 .divs{padding-right: 40px;}
.affclubBigDiv2 .imgApp{display: none;}
.pos_ClubImg{position: absolute;top: 50%;transform: translate(0,-50%);}
.affclubBigDiv1 .Div1200,.affclubBigDiv2 .Div1200{position: inherit;}

/*joinUs*/
.applicationBg>strong{font-size: 40px;display: inline-block;min-width: 300px;background: #FFFFFF;}
.joinUsDivs{padding: 40px 0 80px;}
.joinUsDivs .rowDiv3{padding: 0 15px;}
.joinUsDivs .rowDiv3>div{padding: 20px;box-sizing: border-box;border: 1px solid #EAEAEA;
min-height: 150px;}
.joinUsDivs .rowDiv3>div span{color: #94D60A;font-size: 18px;vertical-align: middle;}
.joinUsDivs .rowDiv3>div p{margin-top: 10px;font-family: "PingFang2";font-size: 24px;font-weight: 400;}
.gooleDiv{height: 480px;width: 100%;background: #E1F5FF;}

/*报名模态框*/
.userModal{background: #FFFFFF;width: 1000px;padding: 30px;box-sizing: border-box;}
.userModal .title{text-align: center;border-bottom: 1px solid #C4C4C4;padding-bottom: 25px;position: relative;}
.userModal .title>p{font-size: 14px;margin-top: 5px;color: #77777B;}
.userModal .title img{position: absolute;left: 0;cursor: pointer;width: 32px;}
.signupDivs .dis_table{padding: 32px 0;border-bottom: 1px solid #C4C4C4;}
.signupDivs .dis_table>div{display: table-cell;vertical-align: middle;}
.signupDivs .left p{margin: 10px 0;display: block;}
.signupDivs .right input{width: 100px;height: 50px;border: 1px solid #94D60A;text-align: center;}
.col_hui{color: #77777B;}
.userModal>.padDiv{padding: 0 30px;}
.signupDivs .div2{padding: 32px 0;font-size: 18px;}
.signupDivs .div3{margin-top: 200px;text-align: center;}

.PaymentInput .rowDiv_1>div{padding: 0 15px;}
.PaymentInput>h2{margin-top: 40px;}
.inputBlock{margin-top: 20px;}
.inputBlock .pInput{color: #77777B;margin-bottom: 10px;font-size: 18px;}
.inputBlock .openPassword{position: absolute;right: 10px;height: 25px;top: 50%;transform: translate(0,-50%);cursor: pointer;}
.inputBlock>div,.PaymentInput li{border: 1px solid #77777B;}
.inputBlock input{height: 45px;padding: 0 10px;box-sizing: border-box;width: 100%;line-height: 45px;}
.inputBlock .selInput select{width: 80px;padding: 0 10px;box-sizing: border-box;}
.inputBlock .selInput input{width: calc(100% - 90px);}
.inputBlock .input{width: 100%;}
.PaymentInput ul li{padding: 10px;box-sizing: border-box;margin-top: 20px;cursor: pointer;position: relative;font-size: 18px;color: #77777B;}
.PaymentInput ul li.active{border: 1px solid #94D60A;}
.PaymentInput ul li.active::before{content: "";position: absolute;right: 10px;top: 23px;
height: 20px;width: 20px;background: url(../img/icon_success_check.png)no-repeat;background-size: 100% 100%;}

/*success*/
.successDiv{background: #FFFFFF;padding: 20px 25px;box-sizing: border-box;}
.successDiv>div{display: table-cell;vertical-align: middle;}
.successDiv>div:first-child{width: 40%;}
.successDiv>div:last-child{width: 70%;padding-left: 40px;}
.successText strong{font-size: 24px;vertical-align: middle;padding-left: 10px;}
.successText p{color: #77777B;margin: 25px 0;}

/*login*/
.renewDiv{background: #EAFAF3;padding: 25px 0;box-sizing: border-box;text-align: center;color: #94D60A;}
.renewDiv img{height: 20px;}
.renewDiv a{color: #B3B3BB;text-decoration: underline;}
.loginBg{background: url(../img/login_banner.png)no-repeat;background-size: cover;}
.loginDiv>div{width: 50%;padding: 80px 0;box-sizing: border-box;color: #FFFFFF;}
.loginDiv .left h1{font-size: 64px;}
.loginDiv .left p{font-size: 24px;margin: 20px 0 40px;}
.loginDiv .right>div{background: #FFFFFF;padding: 55px 50px;box-sizing: border-box;width: 500px;}
.loginDiv .right .div1{text-align: center;font-size: 24px;color: #94D60A;}
.loginDiv .right .div3{margin-top: 40px;}
.loginDiv .right .div3 button{width: 100%;}
.loginLink{color: #B3B3BB;font-size: 14px;text-decoration: underline;}

/*registered*/
.bannerWith{width: 1200px;}
.bannerWith p{font-size: 24px;}
.registeredDiv{padding: 30px 0;border-bottom: 1px solid #EAEAEA;}
.registeredDiv:last-child{border-bottom: 0;}
.registeredDiv>div{display: table-cell;vertical-align: middle;}
.registeredDiv .div1{position: relative;width: 250px;}
.registeredDiv .div1 p{color: #FFFFFF;font-size: 18px;text-align: center;}
.registeredDiv .div2{width: 55%;padding-left: 50px;}
.registeredDiv .div2 strong{font-size: 24px;margin-bottom: 15px;display: block;}
.registeredDiv .div2 p{color: #77777B;font-size: 14px;}
.registeredDiv>.text_right strong{font-size: 20px;color: #94D60A;}

/*registered2*/
.reservationStep li{float: left;width: 25%;text-align: center;position: relative;font-size: 18px;}
.reservationStep li span{height: 40px;width: 40px;line-height: 40px;position: inherit;z-index: 5;display: inline-block;
border: 1px solid #EAEAEA;border-radius: 50%;background: #FFFFFF;margin-bottom: 20px;}
.reservationStep li.active span{background: #94D60A;color: #FFFFFF;}
.reservationStep li:after{position: absolute;height: 1px;top: 22.5px;content: "";background: #EAEAEA;}
.reservationStep li:first-child:after{left: 50%;width: 50%;}
.reservationStep li:nth-child(2):after,.reservationStep li:nth-child(3):after{left: 0;width: 100%;}{left: 0;width: 100%;}
.reservationStep li:last-child:after{right: 50%;width: 50%;}

.reservationStep{margin-top:30px;}
.registered2Top>div{display: table-cell;vertical-align: middle;}
.registered2Top .left strong{font-size: 64px;}
.registered2Top .left p{font-size: 24px;color: #94D60A;}
.registered2Top .right h2{font-size: 160px;color: #EAEAEA;position: relative;}
.registered2Top .right h2 span{position: absolute;font-size: 24px;color: #94D60A;left: 0;
transform: translate(0,-50%);top: 50%;}
.inputBlock .inputPos_ab{position: absolute;right: 0;color: #77777B;text-decoration: underline;font-size: 14px;}
.registeCheckBox{color: #B3B3BB;font-size: 14px;margin-top: 5px;}
.registeCheckBox input{display: inline-block;vertical-align: middle;margin-right: 5px;}
.registeCheckBox a{color: #77777B;text-decoration: underline;}

/*registered3*/
.payCodeModal{background: #FFFFFF;padding: 40px 60px;box-sizing: border-box;
text-align: center;min-width: 500px;}
.payCodeModal img{height: 150px;}
.payCodeModal>p{font-size: 18px;}
.payCodeModal>div{margin: 25px 0;}
.payCodeModal span{color: #54B3EF;}

/*user*/
.bgFFF30{background: #FFFFFF;padding: 30px;box-sizing: border-box;}
.userTop>div{display: table-cell;vertical-align: middle;width: 22.33%;}
.userTop .div1 img{width: 65px;}
.userTop .div1>div{display: inline-block;vertical-align: middle;padding-left: 20px;
width: calc(100% - 90px);box-sizing: border-box;}
.userTop .div1>div>strong{font-size: 18px;}
.userTop .div1>div p{font-size: 14px;color: #77777B;margin-top: 5px;}
.userTop .div2{color: #94D60A;text-align: center;}
.userTop .div3{text-align: right;}
.userTop .div3 a{color: #77777B;display: inline-block;margin-left: 10px;font-size: 14px;}

.pad_t30b100{padding-top: 30px;padding-bottom: 100px;}
.userOrderDiv{margin-top:20px;}
.listNull{text-align: center;padding: 100px;color: #77777B;}
.orderItem{display: table;width: 100%;padding: 50px 25px;box-sizing: border-box;border: 1px solid #77777B;
margin: 30px 0;}
.orderItem>div{display: table-cell;vertical-align: middle;font-size: 18px;}
.orderItem>div:first-child{width: 50%;}
.orderItem>div:nth-child(2),.orderItem>div:nth-child(3){width: 20%;}
.orderItem strong{font-size: 22px;}
.orderItem p{margin: 10px 0;}
.orderItem a{color: #94D60A;text-decoration: underline;}

/*result*/
.resultTit strong{font-size: 24px;display: block;margin-bottom: 25px;}
.resultTable{width: 100%;margin: 30px 0 50px;border: 1px solid #77777B;box-sizing: border-box;font-size: 18px;}
.resultTable thead th{color: #77777B;padding: 15px 10px;}
.resultTable thead th:first-child{width: 15%;text-align: left;}
.resultTable thead th:nth-child(2),.resultTable thead th:nth-child(3){width: 25%;}
.resultTable thead th:last-child{width: 35%;text-align: center;}
.resultTable tbody td{padding: 10px;text-align: center;}
.resultTable tbody td:first-child{text-align: left;}

/*edit*/
.editInput{padding: 30px 0;border-bottom: 1px solid #EAEAEA;}
.editInput>div{display: inline-block;vertical-align: middle;}
.editInput>div:first-child{width: 100px;font-size: 18px;}
.editInput>div:last-child{width: calc(100% - 106px);border: 1px solid #EAEAEA;padding: 0 10px;
box-sizing: border-box;position: relative;}
.editInput>div select{width: 90px;}
.editInput>div input[type=text]{height: 40px;width: calc(100% - 100px);}
.editInput>div.editPicture{border: none;width: auto;}
.editPicture .img1{border-radius: 50%;width: 65px;height: 65px;}
.editPicture .img2,.editPicture input[type=file]{position: absolute;right: 10px;bottom: 0;
cursor: pointer;width: 25px;height: 25px;}
.editPicture input[type=file]{opacity: 0;}
.borderNone{border: none;}

/*setting*/
.bgFFFpd30{background: #FFFFFF;padding: 0 30px;}
.settingDiv{padding: 30px 0;border-bottom: 1px solid #EAEAEA;position: relative;font-size: 18px;}
.settingDiv:last-child{border-bottom: 0;}
.settingDiv>div{display: inline-block;vertical-align: middle;}
.settingDiv .pos_ab{position: absolute;right: 0;color: #77777B;font-size: 14px;}
input.sendCode{position: absolute;right: 0;width: auto;}
.settingWidthDiv{width: 720px;margin: auto;}

/*newsList*/
.newsListDiv{margin: 0 -10px;color: #77777B;}
.newsListDiv>div{float: left;width: 33.33%;padding: 0 10px 50px;box-sizing: border-box;}
.newsListDiv>div img{width: 100%;}
.newsListDiv>div strong{font-size: 22px;margin: 10px 0 5px;color: #000000;}
.newsListDiv>div a{margin-top: 5px;}

@media only screen and (min-width: 1024px) and (max-width:1200px){
	.Div1440,.Div1100,.Div1200,.bannerWith{width: 95%;padding: 0;}
	.pad_tb100{padding: 70px 0;}
	
	.indexBannerText{padding: 120px 0;}
	.indexBannerText2{width: 95%;}
	.tidbitsModal{width: 900px;}
	.tidbitsModalText{width: 100%;padding: 50px;}
	.aboutNav{width: 95%;}
	.architectureDiv1>div{width: 19%;}
	.memberSwiper .divs>div{margin: 15px 0;}
	.memberSwiper .divs{padding: 20px 15px;}
	.shcoolBg>div{width: 70%;padding: 50px 100px;}
	
	.modalIframe{height: 400px;}
	.newsVideo .rowDiv2{height: 280px;}
	.gamesBanner .pos_re{height: 230px;}
	
	
	.aboutBanner h1{font-size: 80px;}
	.memberSwiper .divs>p{font-size: 20px;}
	
	.architectureDiv1>div:first-child>img{
  		width: 75%;
	}
	
	
}

@media only screen and (min-width: 768px) and (max-width:1023px){
	.Div1440,.Div1100,.Div1200,.bannerWith{width: 95%;padding: 0;}
	.rowDiv .rowDiv2_sm{width: 50%;} 
	.rowDiv .rowDiv1_sm{width: 100%;}
	.mar_t80{margin-top: 40px;}
	.disNone_sm{display: none;}
	.pad_tb100{padding: 50px 0;}
	.pad_tb60{padding: 30px 0;}
	.pad_tb150{padding: 75px 0;}
	.btn{padding: 0 22px;}
	
	.HeaderNav .Div1200{width: 100%;}
	.headerUl>ul>li>p{padding: 0 15px;}
	.headerDiv1 .dis_table>div span{font-weight: inherit;}
	.h1Tit img{height: 28px;}
	.FootBg .div3,.FootBg .div2{width: 20%;}
	
	.indexBannerText{padding: 70px 0;}
	.indexBannerText2{width: 95%;}
	.indexBannerText>div,.indexBannerText2>div{width: 80%;}
	.indexBannerNew div{height: 400px;}
	.tidbitsModal{width: 700px;padding: 70px;}
	.tidbitsModalText{width: 100%;padding: 50px;}
	
	.aboutNav{width: 95%;}
	.aboutIntroduction .phoneImg{width: 65%;}
	.aboutUser>p{padding-left: 100px;}
	.architectureDiv1>div{width: 24%;}
	.lishihuiDiv2>div:nth-child(n+12):not(:nth-child(n+17)){width: 24%;}
	.committeeDivText .div1{padding: 30px;}
	.committeeDiv .aboutBanner{margin-bottom: 40px;}
	.committeeDivText .div1>strong{margin-bottom: 15px;}
	.memberSwiper .divs,.specialSwiperIiem .div2{padding: 15px 10px;}
	.memberSwiper .divs>div{margin: 10px 0;}
	
	.specialSwiperIiem .divs{padding: 15px;}
	.newsMemberDiv{padding: 0 50px;}
	.newsMemberDiv>img{width: 45px;}
	.specarea1BannerText .text{margin-top: 15px;line-height: 1.5;}
	
	.applicationDiv{margin: 40px 0 50px;}
	.applicationDiv .dis_tableCell:first-child{padding-right: 50px;}
	.applicationUl>ul>li{margin-right: 5px;padding: 10px 5px;}
	
	.shcoolBg>div{width: 80%;padding: 20px 80px;}
	.shcoolBg .tit{padding-bottom: 15px;}
	.shcoolBg .text{margin: 15px 0;}
	.joinUsDiv>.div1,.joinUsDiv>.div2{float: none;width: 100%;height: auto;}
	.joinUsDiv>.div1 .img1{display: none;}
	.joinUsDiv>.div1 .img2{display: block;}
	
	.refereeText{padding: 20px 0;}
	.refereeDiv{padding: 25px 0;}
	.refereeDiv .text{padding-left: 20px;}
	.refereeDiv .text>p{margin: 5px 0;}
	
	.gamesBanner{padding: 20px 30px 45px;}
	.orderSlider .swiper-pagination{bottom: -30px;}
	.gamesBanner .pos_re{height: 200px;}
	
	.affclubDiv>div{width: 100%;display: block;margin-bottom: 20px;}
	.affclubDiv>div>img{display: block;margin: auto;}
	.affclubBigDiv2 .imgApp{display: block;}
	.affclubBigDiv2 .imgPc{display: none;}
	.affclubDiv .divs{padding: 0;}
	
	.gooleDiv{height: 350px;}
	
	.userModal{width: 95%;}
	.signupDivs .div3{margin-top: 100px;}
	
	.PaymentInput>h2{margin-top: 25px;}
	.inputBlock,.PaymentInput ul li{margin-top: 10px;}
	.PaymentInput ul li{padding: 5px 10px;}
	
	.successDiv>div:last-child{padding-left: 20px;}
	.successText p{margin: 15px 0;}
	
	.loginDiv .right>div{width: 400px;padding: 50px 30px;}
	
	.registeredDiv .div2{width: 45%;padding-left: 20px;}
	
	.bgFFF30{padding: 20px;}
	.userTop .div1>div{padding-left: 10px;}
	.orderItem{padding: 25px 15px;}
	.orderItem p{margin: 5px 0;}
	
	.settingWidthDiv{width: 100%;}
	.committeeDivText .div2{padding-left: 20px;}
	
	.indexBannerText2 .p1{font-size: 22px;}
	.indexBannerText2 .p2{font-size: 18px;}
	.indexBannerText2 .p3{margin-top: 15px;}
	.indexBannerText>div, .indexBannerText2>div{margin-bottom: 15px;}
	.activityDiv .div2 img{height: 330px;}
	.activityDiv .div1 img{height: 165px;}
	.modalIframe{height: 320px;}
	.newsVideo .rowDiv2{height: 210px;}
	
	.newsListDiv>div{padding-bottom: 30px;}
	
	.special5Information .newsText{margin-top: 30px;}
	.special5Information .newsText .texts,.special5Introduce .imgs>div{padding: 25px 0 10px;}
	.special5Introduce>h1{padding-bottom: 10px;}
	.special5Introduce>h1,.special5Information>h1{font-size: 24px;}
	
	
	.registered2Top .right h2{font-size: 80px;}
	.aboutBanner h1,.registered2Top .left strong{font-size: 40px;}
	.indexAddUsDiv>div strong,.loginDiv .left h1{font-size: 38px;}/*60*/
	.aboutUser,.gamesjianjie{font-size: 34px;}
	.h1Tit h1,.committeeDivText .div2,.bannerImg,.refereeText .tit,.applicationBg>strong{font-size: 32px;} /*40*/
	.specarea1BannerText strong,.applicationBg li{font-size: 28px;}
	.introduceDiv2 .swiper-slide strong{font-size: 25px;} /*36*/
	.problemDiv h3,.affclubDiv>.divs>strong,.PaymentInput>h2,.successText strong,.loginDiv .left p{font-size: 20px;}
	.indexBannerWork p,.committeeDiv .swiper-slide>div strong,.memberSwiper .divs>p,
	.monthSpan .tit,.shcoolBg .tit,.refereeDiv .text>strong,.orderItem strong,
	.registeredDiv .div2 strong,.registered2Top .right h2 span,.registered2Top .left p,
	.joinUsDivs .rowDiv3>div p,.newsListDiv>div strong{font-size: 18px;}/*24*/
	.headerDiv1 .dis_table>div span,.registeredDiv>.text_right strong,.applicationUl>ul>li,.joinUsDivs .rowDiv3>div span,
	.introduceDiv{font-size: 16px;}
	.orderItem>div,.resultTable,.editInput>div:first-child,.settingDiv,.inputBlock .pInput{font-size: 15px;}
	.joinUsDivs .rowDiv3>div,.userTop>div,.orderItem{font-size: 14px;}
	.shcoolBg .text{font-size: 13px;}

	.architectureDiv1>div:first-child>img{
  		width: 90%;
	}
	
	
}
@media only screen and (min-width: 0) and (max-width:767px){
	.Div1440,.Div1100,.Div1200{padding: 0 10px;}
	.rowDiv .rowDiv1_xs{width: 100%;}
	.mar_t50{margin-top: 20px;}	
	.mar_t80{margin-top: 30px;}
	.disNone_xs,.PcImg{display: none;}
	.disNone_pc,.PhoneImg{display: block!important;}
	.mar_tb36{margin: 15px 0 15px;}
	.pad_tb100{padding: 30px 0;}
	.pad_tb150{padding: 40px 0;}
	.pad_b130{padding-bottom: 35px;}
	.pad_tb60{padding:20px 0}
	.inputDiv input{height: 45px;padding: 10px;font-size: 14px;}
	.btn{font-size: 15px;padding: 0 25px;height: 40px;line-height: 40px;}
	.modal_bgFFF{padding: 0 15px;}
	.inputs input, .inputs select, .borderInput{height: 35px;font-size: 14px;}
	
	.h1Tit{margin-bottom: 20px;}
	.h1Tit img{height: 20px;}
	.titNav .titLink{padding: 15px 0;}
	.HeaderTop .divs{width: 35px;height: 35px;line-height: 35px;margin-left: 5px;}
	.HeaderTop .dis_tableCell:first-child img{height: 70px;}
	.HeaderNav .Div1200{padding: 0}
	.headerUl>ul>li{display: block;}
	.menuImg{height: 34px;cursor: pointer;}
	.HeaderNav{display: none;}
	.headerUl>ul>li>p{padding: 0 15px;position: relative;}
	.headerItemUl,.headerDiv1{position: initial;}
	.headerDiv1 .dis_table>div{display: block;border: none;text-align: center;}
	.headerDiv1 .dis_table>div img{display: none;}
	.headerDiv1 .dis_table>div span{font-weight: initial;color: #000000;position: initial;}
	.headerUl>ul>li>p .jtImg{position: absolute;right: 15px;top: 20px;}
	
	.FootBg{padding: 40px 0;}
	.FootBg .div1,.FootBg .div3{width: 100%;}
	.FootBg .div2{width: 50%;padding: 15px 0;}
	.FootBg .div1>p{padding: 10px 0;}
	.footIconText>div{padding: 5px 0;}
	.FootBg .title{padding-bottom: 5px;margin-bottom: 0;}
	
	
	.indexBannerText{padding: 20px 0;}
	.indexBannerText2{width: 95%;}
	.indexBannerText>div,.indexBannerText2>div{width: 100%;margin-bottom: 10px;}
	.indexBannerNew div{height: 200px;}
	.introduceDiv1>div{display: block;}
	.introduceDiv1>div:last-child,.introduceDiv1>div:first-child{width: 100%;}
	.texts{line-height: 1.6;}
	.introduceDiv2>div{padding: 20px 0;}
	.introduceDiv2 .swiper-slide strong{font-weight: 300;}
	.introduceDiv2 .active:before{bottom: -10px;}
	.indexWorkBg .swiper-button-prev{left: 0;}
	.indexWorkBg .swiper-button-next{right: 0;}
	.activityDiv{margin: 0 0 20px;}
	.activityDiv>div img{padding: 0;}
	.activityDiv .div1,.activityDiv .div2{width: 100%;}
	.indexAddUsDiv>div .line{width: 20px;}
	
	.waterfall img {width: 49%;padding: 0;padding: 2px;}
	.tidbitsButton{padding: 40px 0;}
	.tidbitsModal{width: 100%;padding: 40px;}
	.tidbitsModal .div1 img,.tidbitsModal .div2 img,.tidbitsModal .modalClose{height: 30px;}
	.tidbitsModalText{width: 100%;padding: 20px 10px;}
	.tidbitsModalText p{margin-top: 10px;}
	
	.aboutIntroduction .phoneImg{width: 100px}
	.aboutUser>p{padding-left: 50px;}
	.aboutIntroduction .text{padding: 15px;margin: 15px auto 0;line-height: 1.5;}
	.aboutBanner h1{display: none;}
	.aboutNav ul li{padding: 5px;}
	.architectureDiv1>div:first-child{width: 50%;}
	.architectureDiv1>div{width: 32%;}
	.lishihuiDiv2>div:nth-child(n+12):not(:nth-child(n+17)){width: 32%;}
	
	.committeeDivText .dis_table>div{display: block;width: 100%;}
	.committeeDivText .div1{padding: 20px;}
	.committeeDiv .swiper-slide>div strong{font-weight: inherit;}
	.committeeDiv .aboutBanner{margin-bottom: 25px;padding: 0;}
	
	.newsBannerDiv .left{width: 100%;}
	.newsBannerDiv .right{display: none;}
	.newsText .text{padding: 20px 0 15px;line-height: 1.4;}
	.newsText .tit{padding-left: 10px;}
	.newsSwiper .divs, .newsSwiper .right img{height: auto;}
	.newsSwiper .divs>div{float: none;width: 100%;}
	.newsSwiper .left .pos_re>div{display: inline-block;vertical-align: middle;width: 49%;font-size: 14px;}
	.newsSwiper .left{padding: 10px 0;line-height: initial;}
	.newsSwiper .div1{margin-bottom: 0;}
	.newsMemberDiv{padding: 0 40px;}
	.newsMemberDiv>img{width: 35px;}
	.newsVideo .rowDiv_1{margin: 0;}
	.memberSwiper .divs,.specialSwiperIiem .div2{padding: 15px 10px;}
	.memberSwiper .divs>div{margin: 10px 0;}
	
	
	.aboutNav{width: 95%;top: 0;}
	.titNav .dis_tableCell{display: block;width: 100%;}
	
	.specialSwiperIiem .divs{padding: 10px;}
	.specialSwiper{padding: 0;}
	.monthSpan .tit{padding-left: 0;}
	.specialSwiperIiem{background: #f7f7f7;box-shadow: none;}
	.specarea1BannerText{padding: 20px 0;}
	.specarea1BannerText .dis_tableCell:last-child{display: none;}
	.specarea1BannerText .tit img{width: 25px;}
	.specarea1BannerText .text{line-height: 1.2;margin-top: 10px;}
	
	
	.applicationBg li{padding: 0 5px;}
	.applicationBg li .line{width: 15px;}
	.applicationBg ul{padding: 5px 0;}
	.applicationUl>ul>li{margin-right: 0;padding: 5px;}
	.applicationDiv .dis_tableCell:first-child{padding-right: 0;margin-bottom: 15px;width: 100%;}
	.applicationDiv .dis_tableCell{display: block;width: 100%;}
	.applicationDiv>div .editorText{margin: 10px 0;}
	.applicationDiv{margin: 20px 0;}
	.problemDiv h3,.problemDiv .coll_body{padding: 10px;}
	.problemDiv h3 img{top: 10px;}
	.applicationUl>ul{margin-top: 20px;}
	
	.shcoolBg>div,.shcoolBg{background: #94D60A;width: 100%;}
	.shcoolBg>div{padding: 15px;}
	.shcoolBg .tit{padding-bottom: 10px;}
	.shcoolBg .text{margin: 10px 0;}
	.joinUsDiv>.div1,.joinUsDiv>.div2{float: none;width: 100%;height: auto;}
	.joinUsDiv>.div1 .img1{display: none;}
	.joinUsDiv>.div1 .img2{display: block;}
	.joinUsDiv>div{padding: 15px;}
	.joinUsDiv .buttons{margin-top: 20px;}
	.joinUsDiv .inputs p{width: 80px;}
	.joinUsDiv .inputs>div{width: calc(100% - 90px);padding: 10px;}
	.joinUsDiv .inputs input,.joinUsDiv .inputs>div.selectDiv select{height: 30px;}
	.joinUsDiv .inputs{margin-bottom: 15px;}
	
	.RegisteredCoach>div{overflow-x: auto;}
	.RegisteredCoach table{min-width: 500px;}
	.RegisteredCoach>div{padding-top: 20px;}
	.RegisteredCoach .divImg img{margin-bottom: 15px;}
	
	.refereeText{padding: 10px 0;}
	.refereeDiv{padding: 15px 0;}
	.refereeDiv .imgs{width: 100px;}
	.refereeDiv .text{padding-left: 10px;width: calc(100% - 110px);}
	.refereeDiv .text>div,.refereeDiv .div1{display: none;}
	.refereeDiv .text>p{margin: 5px 0;}
	.page_div li img,.page_div li{height: 30px;width: 30px;line-height: 30px;}
	.page_div li{margin: 0;}
	.refereeDiv .div2{display: block;margin-top: 5px;}
	
	.gamesBanner{padding: 20px 15px 40px;}
	.gamesBanner .pos_re{height: 200px;}
	.orderSlider .swiper-pagination{bottom: -25px;}
	
	.affclubDiv>div{width: 100%;display: block;margin-bottom: 20px;}
	.affclubDiv>div>img{display: block;margin: auto;}
	.affclubBigDiv2 .imgApp{display: block;}
	.affclubBigDiv2 .imgPc{display: none;}
	.affclubDiv .divs{padding: 0;}
	.affclubDiv>.divs>strong{margin-bottom: 10px;}
	
	.gooleDiv{height: 250px;}
	.applicationBg>strong{min-width: 120px;}
	.joinUsDivs{padding: 20px 0;}
	.joinUsDivs .rowDiv_1{margin: 0;}
	.joinUsDivs .rowDiv3{padding: 0;margin: 5px 0;}
	.joinUsDivs .rowDiv3>div{min-height: auto;padding: 10px;}
	.joinUsDivs .rowDiv3>div img{width: 25px;}
	.mar_t20{margin-top: 10px;}
	
	.userModal{width: 95%;padding: 20px 15px;}
	.signupDivs .div3{margin-top: 100px;}
	.userModal .title>p{margin-top: 0;}
	.userModal .title{padding-bottom: 15px;}
	.userModal>.padDiv{padding: 0 10px;}
	/*.userModal>.padDiv{padding: 10px 0;}*/
	.signupDivs .left p{margin: 5px 0;}
	.signupDivs .dis_table>div{display: block;width: 100%;margin: 5px 0;}
	
	.PaymentInput>h2{margin-top: 15px;}
	.inputBlock,.PaymentInput ul li{margin-top: 10px;}
	.PaymentInput ul li{padding: 5px 10px;}
	.inputBlock .pInput{margin-bottom: 5px;}
	.PaymentInput ul li img:first-child{height: 30px;}
	.PaymentInput ul li.active::before{top: 11px;}
	
	.successDiv>div:first-child{display: none;}
	.successDiv>div:last-child{width: 100%;padding: 0;}
	.successText p{margin: 10px 0;}
	
	.renewDiv{padding: 15px 0;}
	/* .loginBg{background: #F6F6F6;} */
	.loginDiv>div{display: block;width: 100%;padding: 15px 0;}
	.loginDiv .right>div{width: 100%;padding: 20px 15px;}
	.loginDiv .left{text-align: center;}
	.loginDiv .left p{margin: 10px 0 20px;}
	
	.registeredDiv{padding: 15px 0;}
	.registeredDiv .div1{display: none;}
	.registeredDiv .div2{padding-left: 0;width: 60%;}
	.registeredDiv .div2 strong{margin-bottom: 5px;}
	.bannerWith{width: 95%;}
	
	.reservationStep{margin-top: 5px;}
	.reservationStep li span{height: 30px;width: 30px;line-height: 30px;margin-bottom: 10px;}
	
	.payCodeModal{min-width: 310px;padding: 40px 20px;}
	.payCodeModal>div{margin: 15px 0;}
	
	.bgFFF30{padding: 15px 10px;}
	.userTop>div{display: block;width: 100%;}
	.userTop .div1>div{padding-left: 5px;}
	.userTop .div2,.userTop .div3{text-align: left;margin-top: 10px;}
	.userTop .div3 a{margin-right: 10px;margin-left: 0;}
	.orderItem{margin: 15px 0;padding: 15px 10px;display: block;}
	.orderItem p{margin: 3px 0;}
	.orderItem>div:first-child{display: block;width: 100%;margin-bottom: 10px;}
	.orderItem>div:nth-child(2),.orderItem>div:nth-child(3){width: 42%;}
	
	.resultTit strong{margin-bottom: 10px;}
	.resultTable thead th{padding: 10px 5px;}
	.resultTable tbody td{padding: 5px;}
	
	.editInput>div:first-child{width: 75px;}
	.editInput>div:last-child{width: calc(100% - 81px);}
	.editInput{padding: 10px 0;}
	.editInput>div input[type=text]{height: 35px;width: calc(100% - 76px);}
	.editInput>div select{width: 70px;}
	.editInput>div.editPicture{width: auto;}
	
	.bgFFFpd30{padding: 0 15px;}
	.settingDiv{padding: 15px 0;}
	
	.settingWidthDiv{width: 100%;}
	
	.committeeDivText .div2{padding: 10px 15px;}
	
	
	.indexBannerText2 .p1{font-size: 16px;}
	.indexBannerText2 .p2{font-size: 14px;}
	.indexBannerText2 .p3{margin-top: 5px;font-size: 12px;-webkit-line-clamp:1}
	.indexBannerText>div, .indexBannerText2>div{margin-bottom: 5px;}
	.indexBannerText2 .btn{height: 30px;line-height: 30px;padding: 0 10px;font-size: 13px;}
	.headerUl ul li:hover .headerItemUl,.headerUl ul li:hover .headerDiv1{display: none;}
	.headerUl>ul .imgs .jtImg{transform: rotate(180deg);}
	.activityDiv .div2 img,.activityDiv .div1 img{height: auto;}
	.modalIframe{height: 150px;}
	.newsVideo .rowDiv2{height: 200px;}
	
	.newsListDiv>div{width: 50%;padding-bottom: 20px;}
	
	.special5Information .newsText{margin-top: 15px;}
	.special5Information .newsText .texts,.special5Introduce .imgs>div{padding: 10px 0;}
	.special5Introduce>h1{padding-bottom: 10px;}
	.special5Introduce img{margin-top: 15px;}
	.special5Introduce>h1,.special5Information>h1{font-size: 18px;}
	
	.registered2Top .right h2{font-size: 60px;}
	.registered2Top .left strong,.gamesjianjie{font-size: 24px;}
	.h1Tit h1,.titNav .tit,.committeeDivText .div2,.newsSwiper .div1 strong,
	.refereeText .tit,.applicationBg>strong,.loginDiv .left h1{font-size: 22px;}/*40*/
	.indexAddUsDiv>div strong,.committeeDivText .div1 strong,.newsText .tit h2,.bannerImg,
	.specarea1BannerText strong,.applicationBg li,.shcoolBg .tit,.userModal .title h2,
	.signupDivs .left h2,.PaymentInput>h2,.successText strong,.registeredDiv .div2 strong,
	.successText strong,.resultTit strong{font-size: 18px;} /*24*/
	.indexBannerWork p,.tidbitsModalText p,.aboutUser,.memberSwiper .divs>p
	,.applicationDiv>div>strong,.problemDiv h3,.refereeDiv .text>strong,.affclubDiv>.divs>strong,
	.loginDiv .left p,.payCodeModal>p,.orderItem strong,.newsListDiv>div strong{font-size: 16px;}
	.monthSpan .tit,.RegisteredCoach table,.page_div,.registered2Top .left p,
	.registered2Top .right h2 span,.settingDiv,.joinUsDivs .rowDiv3>div p,.inputBlock .pInput,
	.settingDiv,.introduceDiv,.headerDiv1 .dis_table>div span{font-size: 14px;}
	.indexAddUsDiv>div p,.aboutNav ul li,.joinUsDiv .inputs p,.joinUsDivs .rowDiv3>div,
	.signupDivs .left,.registeredDiv>.text_right strong,.payCodeModal>div,.successText p,
	.orderItem,.editInput>div:first-child,.joinUsDivs .rowDiv3>div span,.orderItem>div{font-size: 13px;}
	.introduceDiv2 .swiper-slide strong,.texts,.introduceDiv2Text,.FootBottom,.applicationUl>ul>li,
	.aboutIntroduction .text,.committeeDiv .swiper-slide>div strong,.specarea1BannerText .text,
	.shcoolBg .text,.editorText,.userModal .title>p,.registeredDiv .div2 p,.bannerWith p,
	.reservationStep li,.resultTable{font-size: 12px;}
	
	.architectureDiv1>div:first-child>img{
  		width: 90%;
	}
	
}

