@charset "utf-8";
/* CSS Document */

@media screen and ( max-width:1800px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1660px ){ 	
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1560px ){ 	
	
	/*****common*****/
	.w1440, .member .container { width: 1200px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.member .member-txt { padding: 0 44px; }
	
	
	
}



@media screen and ( max-width:1460px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1380px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .container, .member .container { width: 1024px; }
	
	.commboxpa1, .privacy-statement-text { padding: 80px 0 120px; }
	.commboxma1 { margin: 80px auto 120px; }
	.commboxpa2 { padding-top: 80px; }
	.commboxma2 { margin-top: 80px; }
	.commboxpa3 { padding-bottom: 160px; }
	.commboxma3 { margin-bottom: 160px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.online .common_title2,
	.member .common_title2 { font-size: 34px; }
	.online .common_title2 i,
	.member .common_title2 i { font-size: 34px; }
	.member .member-cover { width: 50%; }
	.member .member-txt .member-intro { font-size: 14px; margin-bottom: 30px; }
	.member .member-txt .member-subtitle { margin-bottom: 10px; }
	
	
	/*brief*/
	.brief-hy .brief-txt { padding: 54px 44px 54px 100px; }
	.brief-title { margin-bottom: 30px; }
	.brief-target .brief-txt { padding: 0 44px 0 100px; }
	.brief-intro p { font-size: 16px; }
	
	
	/*event*/
	.event_preview_txt1,
	.event_preview_txt2 { height: 232px; }
	
	
	.member_update { padding: 30px 54px 54px; }
	.form-group .form-label { width: 160px; }
	.form-row .form-col:last-child { padding-left: 44px; }
	
	
	.event_details_l { width: 654px; }
	.event_details_l_box > p { font-size: 16px; }
	.event_details_notice { margin-bottom: 36px; }
	
	
	
	.register_teenagers_step ul li > a { padding-bottom: 36px; }
	.register_teenagers_step ul li > a .rts_btn { margin-top: 20px; }
	.register_teenagers_step ul li > a .rts_txt span { font-size: 20px; }
	.register_teenagers_step ul li > a .rts_txt h2 { font-size: 20px; }
	
	
	.online { height: 700px; }
	.online .online-txt2 { padding-left: 16px; }
	.online-img1-video { width: 700px; /*height: 450px;*/ }
	
	
	
	.know_top_txt { padding-left: 44px; }
	.know_top_txt > a { font-size: 20px; margin-bottom: 20px; }
	.know_top_txt > span { font-size: 16px; }
	.know_share { left: 44px; }
	.know_list ul { margin: 0 -8px; }
	.know_list ul li > div { margin: 0 8px 36px; }
	
	.work-video .work-video_top_txt { padding-left: 44px; }
	.work-video .work-video_top_txt > a { font-size: 20px; margin-bottom: 20px; }
	.work-video .work-video_top_txt > span { font-size: 16px; }
	.know_share { left: 44px; }
	.work-video .work-video_list ul { margin: 0 -8px; }
	.work-video .work-video_list ul li > div { margin: 0 8px 36px; }
	
	
}



@media screen and ( max-width:1300px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:1200px ){ 
	
	/*****common*****/
	.w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .container, .member .container { width: 960px; }
	
	.commbanner .bx-wrapper .bx-prev { left: 54px; }
	.commbanner .bx-wrapper .bx-next { right: 54px; }
	.commbanner .bx-pager { bottom: -20px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.customs .customs-btm .customs-btm-video-box { width: 520px!important; }
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card { padding: 20px; }
	.customs .customs-btm .customs-btm-intro .customs-intro-title { padding-left: 0; margin-bottom: 30px; }
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card:first-child .customs-intro-txt { margin-bottom: 30px; }
	.customs .customs-btm .customs-btm-intro { padding-left: 44px; }
	
	.relative .relative-list { margin: 0 -8px; }
	.relative .relative-list .relative-item a { margin: 0 8px; }
	
	.banner > div span { font-size: 28px; }
	.brief-hy .brief-txt,
	.brief-target .brief-txt { left: 300px; }
	
	
	/*member*/
	.member_menu ul li a { padding-right: 43px; }
	.member_menu ul li:first-child a { padding-left: 43px; }
	.member_menu ul li a:after,
	.member_menu ul li a:before { background-size: auto 50px!important; height: 50px; width: 44px; }
	.member_menu ul li a span { font-size: 18px; line-height: 44px; }
	.member_menu ul li a span:before { height: 50px; }
	
	
	/*event*/
	.event_preview_txt1, .event_preview_txt2 { height: 216px; }
	.event_preview_txt1 > div h3 { font-size: 18px; margin-bottom: 16px; }
	.event_preview_txt1 > div a { font-size: 14px; border-width: 1px; line-height: 34px; padding: 0 12px; }
	.event_preview_txt2 span { padding-left: 30px; margin-bottom: 14px; }
	
	
	.member_update { padding: 30px 30px 44px; }
	.form-group { margin-bottom: 24px; }
	.form-group .form-label { width: 150px; }
	.form-row .form-col:last-child { padding-left: 44px; }
	.member_update_title { font-size: 20px; margin-bottom: 30px; }
	.member_update_top:after { margin: 36px 0; }
	.member_update_top > div span { font-size: 24px; }
	.member_update_top > div img { height: 80px; }
	
	.register { padding-bottom: 80px!important; }
	.register_preview_row1 .register_preview_con > div.rp_pic { padding-right: 0; }
	
	.footer .footer-link-wrap { height: 88px; }
	.footer .footer-link-wrap .footer-link { font-size: 14px; }
	.footer .footer-copyright i,
	.footer .footer-copyright a { font-size: 14px; }
	
	
	.event_details_l { width: 610px; }
	.event_details_r { width: 350px; }
	.event_details_r ul { padding: 16px; }
	.event_details_l_box > h3 { font-size: 24px; }
	.event_details_l_box > p { font-size: 15px; margin-bottom: 16px; }
	.event_details_r ul li { padding-left: 46px; }
	.event_details_r ul li span { font-size: 14px; }
	.event_details_r ul li h3 { font-size: 16px; line-height: 20px; margin-bottom: 6px; }
	.event_details_r ul li img { height: 20px; width: auto; left: 12px; }
	
	
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card { padding: 0; }

	
	
}



@media screen and (min-width: 997px) and (max-width: 7680px) {
	
	.member_menu ul { display: block!important;  }
	
}
@media screen and ( max-width:996px ){ 
	
	/*****common*****/
	.w960, .w1136, .w1170, .w1200, .w1280, .w1366, .w1440, .container, .member .container, .loginRegister { width: 94%; }
	
	.commboxpa1, .privacy-statement-text { padding: 66px 0 80px; }
	.commboxma1 { margin: 66px auto 80px; }
	.commboxpa2 { padding-top: 66px; }
	.commboxma2 { margin-top: 66px; }
	.commboxpa3 { padding-bottom: 80px; }
	.commboxma3 { margin-bottom: 80px; }
	
	#page a { font-size: 14px; line-height: 30px; padding: 0 11px; margin: 0 2px; }
	#page a.prev:after, #page a.prev:before, #page a.next:after, #page a.next:before { font-size: 14px; font-weight: normal; }
	#page a.next { padding: 0px 8px; margin-left: 10px; }
	#page a.next1 { margin-left: 2px; padding: 0 6px; }
	#page a.prev { padding: 0 8px; margin-right: 10px; }
	#page a.prev1 { margin-right: 2px; padding: 0 6px; }
	
	.commbanner .bx-wrapper .bx-controls-direction a { display: none; }
	.event_ng_details_video .commbanner .bx-wrapper .bx-controls-direction a { display: block; }
	
	.common_title2 { margin-bottom: 16px; }
	.common_title2 i { margin-left: 10px; }
	
	
	/*****header*****/
	.header .container { display: block; height: 108px; }
	.header_search { display: inline-block; }
	.header .header-logo { width: auto; height: 54px; position: static; margin: 10px 0 0; display: inline-block; }
	.header .header-menu { position: absolute; top: 16px; right: 0; }
	.header .header-rt { display: inline-block; margin: 0; position: absolute; top: 72px; right: 0; }
	.header .header-rt .header-personal { display: inline-block; height: 22px; }
	.header .header-rt .header-personal img { width: auto; height: 100%; display: block; }
	.header .header-rt .header-fontsize { display: inline-block; }
	.header .header-rt .header-fontsize a { float: left; }
	.header .header-rt .header-fontsize:after { content: ""; clear: both; display: block; height: 0; }
	.language dl { margin-top: 2px; margin-bottom: 0; }
	
	.header .header-rt .header_ig { display: inline-block; height: 22px; }
	.header .header-rt .header_ig img { width: auto; height: 100%; display: block; margin-top: 2px;}
	
	/*****footer*****/
	
	
	/*****index*****/
	.customs .customs-btm .customs-btm-video-box { width: 400px!important; }
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card .customs-intro-subbtm { display: block; }
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card:first-child .customs-intro-txt { margin-bottom: 20px; }
	.customs .customs-btm .customs-btm-intro .customs-intro-cardlist .customs-intro-card .customs-intro-subbtm .customs-intro-readmore { margin: 10px 0 0; }
	
	.current { padding: 36px 0; }
	.current .current-list { margin: 0 -3px; }
	.current .current-list .current-item > div { margin: 0 3px; }
	.current .readmore { margin-top: 24px; }
	
	.current .common_title2 { font-size: 24px; }
	.current .common_title2 i { font-size: 24px; }
	
	.current .current-list .current-item .current-txt { padding: 16px 12px; }
	.current .current-list .current-item .current-txt .current-intro { font-size: 14px; margin-bottom: 12px; }
	.current .current-list .current-item .current-txt .current-notice { font-size: 14px; }
	
	.member .container > div { box-shadow: none; display: block; margin-top: 36px; }
	
	.member .member-txt { display: block; padding: 0 0 20px; }
	.member .member-txt .member-intro { margin-bottom: 20px; }
	
	.online .common_title2,
	.member .common_title2 { font-size: 24px; }
	.online .common_title2 i,
	.member .common_title2 i { font-size: 24px; }
	
	.brief-bg .brief-intro { margin-right: 30px; }
	.brief-intro p { line-height: 2em; }
	.brief-intro { margin-bottom: 30px; }
	
	.brief-title { font-size: 20px; margin-bottom: 20px; }
	.brief-target .brief-txt,
	.brief-hy .brief-txt { padding: 30px; }
	.brief-target .brief-target-cover { width: 100%; }
	.brief-target .brief-target-cover img { width: 100%; height: auto; }
	.brief-target { height: auto; }
	.brief-target .brief-txt { top: auto; bottom: 0; }
	
	.brief-hy .brief-txt, .brief-target .brief-txt { left: 0; }
	
	.brief-bg, .brief-hd, .brief-glwyy { padding: 54px 0; }
	
	.banner { height: 200px; }
	.banner > div span { font-size: 20px; }
	.banner img { position: absolute; top: 0; left: 50%; width: auto; height: 100%; max-width: inherit; 
		-webkit-transform: translateX(-50%); 
		-moz-transform: translateX(-50%); 
		-ms-transform: translateX(-50%); 
		transform: translateX(-50%); 
	}
	
	.loginRegister { padding: 80px 0; }
	.loginRegister .loginRegister-title,
	.register-agreement .register-agreement-title { font-size: 24px; margin-bottom: 44px; }
	
	.register-nav { padding: 44px 0; }
	.register-nav .register-title { font-size: 24px; margin-bottom: 36px; }
	
	.register-agreement { padding: 80px; }
	
	.register-agreement .register-agreement-main dl dt { font-size: 20px; margin-bottom: 20px; }
	.register-agreement .register-agreement-main dl dd { font-size: 14px; }
	.register-agreement .register-agreement-main .dot { margin-right: 12px; }
	.register-agreement .register-agreement-main .register-agreement-box { font-size: 14px; margin: 36px 0; }
	.register-agreement .register-agreement-main .register-agreement-box input { width: 16px; height: 16px; }
	
	.register-teenagers-step-opt ul li { width: 150px; }
	.register-teenagers-step-opt ul li i { font-size: 13px; margin-top: 30px; }
	.register-teenagers-step-opt ul li button { padding-bottom: 36px; }
	.register-teenagers-step-opt ul li button img { height: 44px; margin-bottom: 30px; }
	.register-teenagers-step-opt ul li:first-child { margin-right: 12px; }
	.register-teenagers-step-opt ul li button span { font-size: 12px; line-height: 36px; }
	
	.form-row .form-col:last-child { padding-left: 20px; }
	
	.register { padding-bottom: 36px!important; }
	.register.step1{overflow-x:hidden; }
	.register_title { font-size: 20px; margin-bottom: 36px; }
	.register-main-area { padding: 44px 0; }
	.register.step1 .register-main-area,
	.register.step2 .register-main-area,
	.register.step3 .register-main-area,
	.register.step4 .register-main-area { padding: 44px 24px; }
	
	.form-group { margin-bottom: 20px!important; }
	.form-group .form-label { font-size: 15px; width: 160px; }
	.form-row { display: block!important; }
	.form-row .form-col:last-child { padding-left: 0!important; }
	
	.form_choice label:last-child input[type="text"] { }
	
	
	/*member*/
	.member_menu_btn { display: block; font-size: 18px; font-weight: 700; color: #fff; background-color: #006e47; padding: 14px 16px; line-height: 1em; cursor: pointer; border-radius: 8px; }
	.member_menu_btn:before { content: "\e734"; font-family: "iconfont"!important; font-size: 18px; font-weight: normal; color: #fff; margin-right: 6px; }
	.member_menu { margin-bottom: 10px; box-shadow: 0 2px 6px rgba(0,0,0,.2); border-radius: 8px; overflow: hidden; background-color: #fff; }
	.member_menu ul { padding: 14px 16px; display: none; }
	.member_menu ul li { float: none; }
	.member_menu ul li a { padding: 0!important; }
	.member_menu ul li a:after,
	.member_menu ul li a:before { display: none!important; }
	.member_menu ul li a span { font-size: 14px; line-height: 40px; padding: 0 12px; }
	.member_menu ul li a span:before { display: none; }
	
	.member_card { padding: 24px 36px; }
	.member_card .member_update_top:after { margin: 24px 0; }
	.member_update_top > div img { height: 54px; display: block; }
	.member_card_l { width: 160px; }
	.member_card_l > div { width: 160px; height: 160px; }
	.member_card_c { padding: 0 24px; }
	.member_card_c a { margin-bottom: 6px; }
	.member_card_c span { font-size: 16px; margin-bottom: 16px; }
	.member_card_r { width: 140px; }
	
	.member_receiving { margin: 30px 20px 0; padding: 0 0 30px; max-height: 400px; }
	.member_receiving ul li { margin-bottom: 24px; }
	.member_receiving_txt { padding-left: 30px; }
	.member_receiving_txt a { font-size: 16px; }
	.member_receiving_txt p { font-size: 16px; }
	.member_receiving_time { width: 100px; }
	
	.member_record_details_return { margin-bottom: 30px; }
	
	.member_receiving_details { margin: 30px 10px 30px 20px; }
	.member_receiving_details .nicescroll { padding-right: 10px; height: 400px; }
	.member_receiving_details_time:after { margin: 20px 0; }
	.member_receiving_details_txt h3 { font-size: 16px; margin-bottom: 20px; }
	.member_receiving_details_txt p { font-size: 14px; margin-bottom: 16px; }
	
	.member_enroll { margin: 30px 10px 0; padding: 0 10px 30px; }
	.member_record_details_return { margin-bottom: 20px; }
	.member_record_details { padding: 30px; }
	.member_record_details_img { padding-right: 20px; width: 380px; }
	.member_record_details_txt h3 { font-size: 18px; margin: 20px 0; }
	.member_record_details_time { margin-bottom: 16px; }
	.member_record_details_con > div { vertical-align: top; }
	.member_record_details_btn a { margin-bottom: 6px; }
	
	.member_record_details_pic #div_imglook .lookimg { height: 88px; margin: 0 20px 20px 0; }
	
	.form_choice label:last-child input[type="text"] { width: auto; }
	.form_choice label { width: 44%; margin-bottom: 6px; }
	.member_update_title { margin-bottom: 24px; }
	
	.register_title { margin-bottom: 24px; }
	.register_preview > div { padding-bottom: 36px; margin-bottom: 36px; }
	
	.register_preview_row1 .register_preview_con > div { float: none; }
	.register_preview_row1 .register_preview_con > div.rp_pic { float: none; padding-bottom: 20px; }
	.register_preview_row1 .register_preview_con > div.rp_pic div span { font-weight: 700; width: 80px; }
	
	
	/*event*/
	.event_preview_txt1, .event_preview_txt2 { height: auto; }
	.event_preview_txt1 > div h3 { font-size: 16px; }
	.event_preview_txt1 > div:after { bottom: -300px; }
	.event_preview_txt2 span img { height: 16px; }
	.event_preview_txt2 span { font-size: 14px; line-height: 16px; }
	
	
	.footer .footer-link-wrap { display: block; height: auto; padding: 12px 0; }
	.footer .footer-link-wrap .footer-link { flex: auto; -webkit-box-flex: auto; -ms-flex: auto; display: block; padding: 6px; }
	.footer .footer-link-wrap .footer-link:after { display: none; }
	
	
	.event_details_l { width: 62%; }
	.event_details_l_box { padding-right: 16px; }
	.event_details_r { width: 38%; }
	
	
	.privacy-statement-section h3 { margin-bottom: 20px; }
	.privacy-statement-section p,
	.privacy-statement-section ul li { font-size: 16px; margin-bottom: 6px; }
	.privacy-statement-text .fc { font-size: 16px; }
	
	
	.news_top_txt { padding: 10px; }
	.news_top_txt h3 { font-size: 13px; }
	.news_top ul li:first-child .news_top_txt { padding: 20px; }
	.news_top ul li:first-child .news_top_txt h3 { font-size: 16px; }
	.news_top ul li:first-child .news_top_txt span { font-size: 13px; }
	.news_list ul { margin: 0 -5px 20px; }
	.news_list ul li > div { margin: 0 5px 10px; }
	.news_list_txt { padding: 16px 12px; }
	.news_list_txt p { font-size: 14px; height: 40px; margin: 12px 0; }
	
	
	.register_preview > div { padding-bottom: 20px; }
	.register_preview .register-agreement-title { margin-bottom: 36px; }
	.register_teenagers_step ul li > a .rts_img { padding: 30px 0; }
	.register_teenagers_step ul li > a .rts_img img { height: 140px; }
	.register_teenagers_step ul li > a .rts_txt { height: 66px; }
	
	
	.online { height: auto; padding-bottom: 20px; }
	.online_box > div { display: block; }
	.online-txt1 { padding-top: 20px; }
	.online-img1-video { width: 100%; /*height: 450px;*/ }
	.online .online-txt2 { padding: 20px 0 0; }
	.online .online-txt2 .online-intro { margin-bottom: 12px; }
	.online .online-txt2 .readmore { text-align: left; }
	.online .online-txt2 .online-user { margin-bottom: 16px; }
	.member { margin-bottom: 0; padding: 44px 0; }
	
	
	.header_subnav a { font-size: 13px; margin-top: 16px; }
	.header_nav_box ul { padding: 36px 24px 0; }
	.header_nav_box ul li { margin-bottom: 44px; }
	.header_nav_box ul li > a { font-size: 24px; }
	
	
	input[type='checkbox'].register-agreement-box-btn:checked:after { top: 1px; left: 5px; }
	
	.register_preview_row1 .register_preview_con > div.rp_pic div span { font-weight: 700; width: 80px; }
	
	.register-agreement-note { margin-bottom: 24px; }
	.register-agreement-note > div:first-child { font-size: 20px; margin-bottom: 20px; }
	.register-agreement-note > div:nth-child(2) { font-size: 14px; }
	
	
	.footer-copyright > p { position: static; margin-left: 12px; }
	.footer-copyright > p img { height: 33px; }
	
	
}  



@media screen and ( max-width:767px ){ 
	
	/*****common*****/
	html.htmloverflow { overflow: hidden; position: fixed; width: 100%; height: 100%; }
	
	.gotop { right: 24px; bottom: 24px; }
	
	.common_title { font-size: 24px; padding: 12px 0; }
	
	.commboxpa1, .privacy-statement-text { padding: 30px 0 44px; }
	.commboxma1 { margin: 30px auto 44px; }
	.commboxpa2 { padding-top: 30px; }
	.commboxma2 { margin-top: 30px; }
	.commboxpa3 { padding-bottom: 44px; }
	.commboxma3 { margin-bottom: 44px; }
	
	
	/*****header*****/
	.header_phone_more { display: block; }
	.header_phone_close { display: block; /*opacity: 0; filter: alpha(opacity=0); visibility: hidden;*/ position: fixed; top: 20px; right: 20px; z-index: 999; width: 44px; line-height: 44px; background-color: #fff; text-align: center; border-radius: 8px; }
	.header_phone_close i { /*color: #fff;*/ }
	.header_phone_close.active { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.customs .customs-btm { display: block; }
	.customs .customs-btm .customs-btm-video-box { width: 100%!important; }
	.customs .customs-btm .customs-btm-intro { padding: 44px 0 0; }
	.customs .text-content { font-size: 15px; line-height: 1.8em; margin-bottom: 24px; }
	
	.customs .title { margin: 36px 0; }
	.customs .common_title { padding-right: 36px; }
	
	.relative { padding-bottom: 36px; }
	.relative .relative-title { padding: 36px 0; }
	.relative .relative-list .relative-item { width: 50%; margin-bottom: 16px; }
	
	.brief-target { display: block; }
	
	.brief-title { font-size: 18px; margin-bottom: 16px; }
	.brief-intro p { font-size: 14px; line-height: 1.6em; }
	.brief-intro { margin-bottom: 20px; }
	.brief-target .brief-txt, .brief-hy .brief-txt { padding: 20px; }
	.brief-bg, .brief-hd, .brief-glwyy { padding: 44px 0; }
	.brief-bg .brief-intro { margin-right: 0; }
	.brief-bg .brief-txt { margin-bottom: 16px; }
	.brief-bg .container { display: block; }
	.brief-target .brief-txt { position: static; }
	
	.privacy-statement-text h3 { font-size: 18px; }
	.privacy-statement-text .fc { margin: 20px 0; font-size: 16px; }
	.privacy-statement-text p { font-size: 14px; }
	.privacy-statement-text { padding-bottom: 44px; }
	
	.loginRegister .loginRegister-card .loginRegister-card-item .loginRegister-card-title { font-size: 14px; padding: 12px 0; }
	.loginRegister .loginRegister-card .loginRegister-card-item .loginRegister-card-opreate { height: 60px; }
	.loginRegister .loginRegister-card .loginRegister-card-item .loginRegister-card-opreate > a { font-size: 14px; }
	.loginRegister .loginRegister-card .loginRegister-card-item .loginRegister-card-opreate .loginRegister-card-tip { font-size: 14px; }
	.loginRegister .loginRegister-card .loginRegister-card-item .loginRegister-card-opreate .loginRegister-card-tip a { font-size: 14px; }
	
	.register-agreement { padding: 44px 0; }
	
	
	/*member*/
	.member_card { padding: 16px; }
	.member_update_top > div img { height: 44px; }
	.member_card .member_update_top:after { margin: 16px 0; }
	.member_card_l { width: 140px; }
	.member_card_l > div { width: 140px; height: 140px; }
	.member_card_c { padding: 0 16px; }
	.member_card_c span { font-size: 14px; margin-bottom: 12px; }
	.member_card_r { width: 100px; }
	
	.member_record_details { padding: 20px; }
	.member_record_details_con { display: block; }
	.member_record_details_con > div { display: block; }
	.member_record_details_txt { padding-top: 20px; }
	.member_record_details_img { width: auto; padding-right: 0; max-width: 100%; }
	
	.member_update_title { font-size: 18px; }
	.member_update { padding: 20px 16px 30px; }
	.member_update .register-opreate a { width: 120px; line-height: 40px; font-size: 16px; }
	.member_update .register-opreate a:first-child { margin-right: 6px; }
	
	.register-nav { padding: 30px 0; }
	.register-main-area { padding: 36px 0; }
	.register.step1 .register-main-area,
	.register.step2 .register-main-area,
	.register.step3 .register-main-area,
	.register.step4 .register-main-area { padding: 36px 20px; }
	.register-nav .register-title { margin-bottom: 20px; font-size: 20px; }
	
	
	/*event*/
	.event_preview_img { float: none!important; display: block; width: auto; }
	.event_preview ul li > div > div { float: none!important; display: block; }
	.event_preview_txt1 > div { padding: 16px 0; display: block; }
	.event_preview_txt1 > div:after { display: none; }
	.event_preview_txt1, .event_preview_txt2 { width: auto; }
	
	
	.footer .footer-copyright { display: block; text-align: center; height: auto; }
	.footer .footer-copyright i { display: block; }
	
	
	.login_top { margin-bottom: 24px; }
	.login_top > div a { font-size: 14px; line-height: 44px; padding: 0 20px; }
	.login_form .form-group-code > div:nth-child(2) { padding-left: 10px; }
	.login_form .form-group-code > div:nth-child(2) span { font-size: 13px; }
	.login_form .form-group .form-label { margin-bottom: 10px; }
	.login_form .form-group { margin-bottom: 12px; }
	.login_form .register-opreate { padding-top: 12px; }
	.login_title { margin-bottom: 16px; }
	.login_title h2 { font-size: 24px; margin-bottom: 10px; }
	
	
	.news_top ul { margin-bottom: 10px; }
	.news_top ul li:first-child .news_top_txt { padding: 12px; }
	.news_top ul li:first-child .news_top_txt h3 { font-size: 16px; }
	
	
	.event_ng_details_share:after,
	.event_ng_details_video:after { margin: 24px 0; }
	.event_ng_details_video .bx-controls-direction a { width: 36px; height: 72px; margin-top: -36px; }
	.event_ng_details_video .slide { width: 300px!important; }
	.event_ng_details_video .slide a { height: 200px; }
	.news_details_box > h3,
	.event_ng_details > h3 { font-size: 24px; }
	
	
	.event_details_return { margin-bottom: 30px; }
	.event_details_l { width: 100%; }
	.event_details_l_box { padding: 0 0 30px 0; }
	.event_details_r { width: 100%; padding-top: 0; }
	
	
	/*.news_top ul li { display: none; }*/
	.news_top ul li/*:first-child*/ { width: 100%!important; display: block; }
	
	
	.poster_txt { position: static!important; margin-bottom: 16px!important; text-align: left; }
	.poster_txt div { font-size: 20px; display: none; }
	.poster_txt div:before { display: none!important; }
	.poster_box:nth-child(1) { padding-bottom: 0; }
	.poster_box:nth-child(2) { padding-top: 30px; }
	.poster_box:nth-child(2) .poster_txt { margin-bottom: 30px; }
	.poster_box { width: 100%; float: none; }
	
	
	.register-teenagers-step-opt ul li i { margin-top: 20px; }
	.register-teenagers-step-opt ul li a img { height: 60px; margin-bottom: 20px; }
	
	
	.register_preview .register-agreement-title { font-size: 24px; }
	.register_teenagers_step ul li { width: 100%; }
	.register_teenagers_step ul li > a { margin-bottom: 30px; }
	.register_teenagers_step ul li:nth-child(1) > a:after { width: 80px; height: 80px; top: auto; left: 50%; bottom: -54px; right: auto; margin: 0 0 0 -40px; }
	.register_teenagers_step ul li:nth-child(2) > a:after { width: 80px; height: 80px; top: -24px; left: 50%; margin: 0 0 0 -40px; }
	.register_teenagers_step ul li:nth-child(2) > a:before { width: 80px; height: 80px; bottom: -24px; left: 50%; margin: 0 0 0 -40px; top: auto; }
	.register_teenagers_step ul li:nth-child(3) > a:after { width: 80px; height: 80px; top: -54px; left: 50%; margin: 0 0 0 -40px; }
	
	
	.team h3 { font-size: 24px; margin-bottom: 16px; }
	.team_row span { font-size: 15px; }
	.team_row:first-of-type { margin-bottom: 44px; }
	
	.header_nav_box ul { padding: 20px 20px 0; }
	.header_nav_box ul li { width: 48%; margin-bottom: 30px; }
	
	
	
	.know_list ul li { width: 50%; }
	.know_list ul li > div { margin: 0 5px 30px; }
	.know_list_title a { margin-top: 16px; }
	.know_top:after { margin: 30px 0; }
	.know_top > div { display: block; }
	.know_top_video { width: 100%; display: block; }
	.know_top_txt { width: 100%; display: block; padding: 20px 0 0; }
	.know_share { position: static; }
	.know_top_txt > span { margin-bottom: 20px; }
	.know_list_video video { height: 180px; }
	
	.work-video .work-video_list ul li { width: 50%; }
	.work-video .work-video_list ul li > div { margin: 0 5px 30px; }
	.work-video .work-video_txt a { margin-top: 16px; }
	.work-video .work-video-top:after { margin: 30px 0; }
	.work-video .work-video-top ul li { display: block; }
	.work-video .work-video_top_img { width: 100%; display: block; }
	.work-video .work-video_top_txt { width: 100%; display: block; padding: 20px 0 0; }
	.know_share { position: static; }
	.work-video .work-video_top_txt > span { margin-bottom: 20px; }
	.work-video .work-video_list iframe { height: 180px; }
	
	
	
	
	/**/
	.register_preview_con ul { width: 340px; }
	.register_preview_row1 .register_preview_con > div { float: none; }
	.register_preview_row1 .register_preview_con > div.rp_pic { padding-bottom: 20px; }
	
	
	
	.footer-copyright > p { display: block; line-height: 24px; margin-left: 0; }
	.footer-copyright > p img { height: 24px; }
	
	
	
}



@media screen and ( max-width:700px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:640px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:580px ){ 
	
	/*****common*****/
	.commbanner .bx-pager { bottom: -12px; }
	.commbanner .bx-pager > div { margin: 0 3px; }
	.commbanner .bx-pager > div a { width: 8px; height: 8px; }
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.banner { height: 120px; }
	.banner > div span { font-size: 16px; }
	
	
	/*member*/
	.member_update_top > div img { margin: 0; }
	.member_card_con > div { display: block; }
	.member_card_c { padding: 16px 0; }
	
	.form_choice label { width: 100%; margin-right: 0; }
	.form_choice { margin-bottom: 20px; }
	.member_update_box .register-main-area { padding: 30px 0 10px; }
	.member_update_top:after { margin: 30px 0; }
	.member_update_top > div span { font-size: 20px; }
	
	
	/*pop*/
	.commonpopup_off { top: 16px; right: 20px; }
	/*.register_pop_txt,*/ .register_pop_form { padding: 10px 16px 16px; }
	.commonpopup_top { height: 80px; margin-bottom: 31px; }
	.commonpopup_top i { font-size: 44px; bottom: -31px; margin-left: -31px; }
	.register_pop_form_btn a { line-height: 40px; }
	.register_pop_form .form_row { margin-bottom: 10px; }
	
	.register_pop_txt { padding: 20px 24px 66px; }
	.register_pop_txt span { font-size: 24px; }
	
	
	.event_ng_list ul li { height: auto!important; }
	.event_ng_list ul li a > img { height: auto; }
	
	
	.news_list ul li { width: 50%; }
	.news_list_txt { padding: 16px 10px; }
	.news_list_txt h3 { font-size: 15px; }
	.news_list_txt p { font-size: 12px; height: 32px; }
	
	.online .online-intro { font-size: 14px; }
	/*.online-img1-video { height: 300px; } */
	
	
	.header_nav_box ul { margin-bottom: 0; }
	.header_nav_box ul li { width: 100%; margin-bottom: 16px; }
	.header_subnav a { margin-top: 6px; font-size: 12px; }
	.header_nav_box ul li > a { font-size: 20px; }
	
	
	.register-main-area .register-opreate a { width: 130px; }
	
	
	
}



@media screen and ( max-width:540px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	.form-group { display: block!important; margin-bottom: 16px!important; }
	.form-group .form-label { display: block; margin-bottom: 6px; width: 100%!important; }
	
	.btn.btn-search.input-group-addon { margin: 4px 0; }
	
	.register-main-area .form-img-opreate { display: block; }
	.register-main-area .form-img-opreate .form-img-btns { padding: 16px 0 0; }
	
	
	
}



@media screen and ( max-width:480px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	.current .current-list .current-item { width: 100%; margin-bottom: 10px; }
	
	
	
}



@media screen and ( max-width:400px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}



@media screen and ( max-width:360px ){ 
	
	/*****common*****/
	
	
	/*****header*****/
	
	
	/*****footer*****/
	
	
	/*****index*****/
	
	
	
}