﻿/* media query */
@media screen and (max-width:1440px) {
	.navi {
		margin-right: 0.15rem;
	}

	.pro_cate:hover>div>article {
		height: 1.6rem;
	}

	#join_brand_li {
		height: 2.5rem;
	}

	#join_brand_li .clrafter>.fl {
		width: 28%;
	}

	#join_brand_li .clrafter>.fr {
		width: 72%;
	}

	.join_reason>.fr {
		padding-top: 2%;
	}

	.join_reason>.fr>h1 {
		font-size: 0.12rem;
	}

	.join_reason>.fr>h1:before {
		top: 0.18rem;
	}

	#join_seller_swipe .swiper-slide>dl>dd>.remark {
		top: 1.4rem;
	}

	.join_support>ul li>figure {
		padding-top: 0.25rem;
	}
}

@media screen and (max-width:1366px) {
	.ab_ceo_wrap>.fl {
		width: 100%;
	}

	.ab_ceo_wrap>.fr {
		width: 100%;
		padding: 8%;
	}

	.ab_more_video_list li {
		width: 49%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width:1280px) {
	#news .news_fl {
		width: 100%;
	}

	#news .news_fr {
		width: 100%;
	}

	#news .news_list {
		margin-right: 0;
	}

	.newsi_con {
		margin-right: 0;
	}
}

@media screen and (max-width:750px) {
	.is_mobile{display:block;}
	.is_pc{display:none;}
	.py_mobi_logo {
		display: block;
		margin: 0 auto;
	}
	#hide_on_mobi{ display:none;}
	.ab_tv{ padding:0 0.1rem 0.3rem 0.1rem;}
	.ab_tv_cate .t2{ padding:0.3rem 0.1rem}
	.ab_tv_cate .t2 ul li{ width:49%; margin-right:2%; margin-bottom:4%;}
	.ab_tv_cate .t2 ul li:nth-child(2n){ margin-right:0;}
	.py_pc_logo {
		display: none;
	}
	.wk_part_one>h1{ font-size:20px;}
	.wk_part_one>div{ padding:0 0.2rem 0.3rem; width:100%;}
	.wk_part_one_list li:nth-child(1){ width:100%;}
	.wk_part_one_list li:nth-child(2),.wk_part_one_list li:nth-child(3){ width:50%;}
	.wk_part_one_list li .words h3{ font-size:12px;}
	.wk_part_one_list li:nth-child(2) .words,.wk_part_one_list li:nth-child(3) .words{ height:55%;}
	.wk_part_one_list li .words h1{ font-size:24px;}
	.wk_part_two{ padding:0.3rem 0.1rem;}
	.wk_part_two>hgroup h1{ font-size:16px;}
	.wk_part_two>hgroup h2{ font-size:16px;}
	.wk_part_two>hgroup h3{ font-family:Family; text-transform:uppercase; font-size:12px;}
	.wk_part_two_list li .t1{ font-size:12px;}
	.py_proshow_sub>div>.fl {
		display: none;
	}

	.home_development {
		padding: 0.3rem 0.1rem;
	}

	.dev_blocks dl {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.1rem;
		padding-bottom: 115%;
	}

	.head {
		padding: 0.1rem 0 0 0;
	}

	.head .logo {
		margin-top: 0.09rem;
		margin-bottom: 0.08rem;
		width: 1.9rem;
	}

	.head .tel {
		display: none;
	}

	.head .vr {
		display: none;
	}

	.nav {
		display: none;
	}

	.head {
		background: #fff;
	}

	.head.fixed {
		background: #fff;
	}

	.ab_respon>hgroup>h4 {
		font-size: 12px;
	}

	.ab_respon_li li a>figure>h3 {
		font-size: 12px;
	}

	.pl_filter_list li a img {
		height:30px;
	}
.pl_filter_list li a span{ font-size:15px;}
	.home_development .t2 {
		font-size: 18px;
	}

	.home_pro {
		padding: 0.25rem;
	}

	.home_pro_icon li a i {
		width: 1rem;
		height: 1rem;
	}

	.home_pro_icon li {
		margin-bottom: 0.2rem;
	}

	.home_pro_item .first_zone {
		padding: 0.25rem 0.1rem;
	}

	.home_pro_item .first_zone .hg h2 {
		font-size: 18px;
	}

	.home_pro_new li {
		width: 49%;
		margin-right: 0;
		margin-bottom: 0.15rem;
	}

	.home_pro_new li.no_mar {
		margin-bottom: 0.15rem;
		margin-right: 2%;
	}

	.home_pro_new li.long_one {
		width: 100%;
		margin-right: 0;
	}

	.home_pro_item .second_zone {
		padding: 0.25rem 0.1rem;
	}

	.home_pro_item .second_zone .home_pro_new li:nth-child(1) {
		width: 100%;
	}

	.home_pro_item .second_zone .home_pro_new li:nth-child(2) {
		margin-right: 2%;
	}

	.home_pro_new li a>h1 {
		font-size: 12px;
		line-height: 2;
	}

	.home_worker {
		padding: 0.5rem 0.25rem;
	}

	.home_worker .t2 {
		font-size: 18px;
	}

	.home_worker .t5 {
		width: 100%;
		font-size: 12px;
	}

	.home_worker .t6 {
		width: 1.3rem;
	}

	.home_activity .wrap1200 {
		width: 100%;
		padding: 0 0.1rem;
	}

	.home_activity_li li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.15rem;
	}

	.home_activity .more {
		width: 1.3rem;
	}

	.home_join {
		padding: 0.3rem 0.1rem;
	}

	.home_join_big {
		width: 100%;
		padding-bottom: 100%;
		margin-bottom: 2%;
	}

	.home_join_small {
		width: 100%;
	}

	.home_activity_li li:nth-child(2) a .titpart {
		top: 60%;
		bottom: auto;
	}

	.home_activity_li li:nth-child(2) a .picpart {
		bottom: auto;
		top: 0;
	}

	.home_join_small .t2 section>hgroup h2 {
		display: none;
	}

	.home_join_small .t2 section>hgroup h3 a {
		font-size: 12px;
	}

	.home_join_small .t3 a>hgroup h2 {
		display: none;
	}

	.foot {
		padding: 0.3rem 0.25rem;
	}

	.foot .links_one {
		width: 100%;
		text-align: center;
		padding-bottom: 0.3rem;
	}

	.foot .links_one dd {
		display: inline-block;
		margin: 0 0.1rem;
	}

	.foot .links_two {
		width: 50%;
		margin: 0;
		text-align: center;
	}

	.foot .qrcode {
		width: 100%;
		text-align: center;
		padding: 0.3rem 0 0 0;
	}

	.ab_intro {
		padding: 0.5rem 0 0 0;
	}

	.ab_intro>hgroup>h2 {
		font-size: 18px;
		padding: 0 0.5rem;
	}

	.ab_intro_wrap {
		padding: 2.8rem 0.1rem 0.3rem 0.1rem;
		margin-bottom: 0.2rem;
		position: relative;
	}

	.ab_intro_wrap .words {
		width: 100%;
	}

	.ab_intro_wrap>.clrafter>.fr img {
		display: none;
	}

	.ab_intro_icons {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: #eee;
		padding-top: 0.2rem;
	}

	.ab_intro_icons li {
		width: 30%;
		background: #fff;
		margin: 0.5% 0.5% 0.2rem;
		padding: 0.1rem 0;
	}

	.ab_intro_icons li p:nth-child(1) img {
		height: 25px;
	}

	.ab_intro_icons li p:nth-child(3) {
		font-size: 12px;
	}

	.ab_fac {
		top: 0;
	}

	.ab_video {
		padding: 0.5rem 0.25rem;
	}

	.ab_video>hgroup>h2 {
		font-size: 18px;
	}

	.ab_culture>hgroup>h2 {
		font-size: 18px;
	}

	.ab_speech_wrap>hgroup h2 {
		font-size: 18px;
	}

	.ab_ceo_wrap>.fr .t2 {
		text-indent: 0;
	}

	.ab_respon_li li {
		width: 100%;
	}

	.brand_history>div>hgroup>h2 {
		font-size: 18px;
	}

	.brand_history {
		display: none;
	}

	.m_brand_history {
		display: block;
		padding: 0.5rem;
		background: url(../images/honor.jpg) center/cover;
		color: #fff;
	}

	.m_brand_history>hgroup>h1 {
		font-family: Family;
		text-transform: uppercase;
		font-size: 0.22rem;
	}

	.m_brand_history>hgroup>h2 {
		font-size: 0.2rem;
		padding: 0.1rem 0 0.05rem 0;
		font-family: Pingfang;
	}

	.m_brand_history>hgroup>h2 img {
		display: inline-block;
		vertical-align: middle;
	}

	.m_brand_history>hgroup>h3 {
		font-family: Family;
		text-transform: uppercase;
		letter-spacing: 0.05rem;
		font-size: 12px;
	}

	.m_brand_history .m_brand_history_nav {
		color: #fff;
		border-bottom: 1px solid #fff;
		margin:50px 0 0 0;
	}

	.m_brand_history .m_brand_history_nav a {
		color: #fff;
		font-size: 16px;
		padding: 10px 0;
		position: relative;
		text-align: center;
		
	}
	.m_brand_history .m_brand_history_nav a::before{
		opacity: 0;
		content:"";
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background: #fff;
		height: 2px;
		width: 100%;

	}
	.m_brand_history .m_brand_history_nav .cur::before{
		opacity: 1;
	}
	.m_brand_history .con{
		margin: 40px auto 0 auto;
		font-size: 14px;
	}
	.m_brand_history .con img{
		margin: 10px auto;
		width: 100%;
	}

	.ab_respon>hgroup>h2 {
		font-size: 18px;
	}

	.ab_honor>hgroup>h2 {
		font-size: 18px;
	}

	.ab_culture {
		padding: 0.5rem 0.1rem;
	}

	.ab_culture ul li {
		width: 100% !important;
	}

	.ab_video>.wrap1200 {
		width: 100%;
	}

	.pro_big_wrap {
		overflow: hidden;
	}

	.pro_cate {
		padding: 0.4rem;
		position: relative;
	}

	.pro_cate>div>article {
		height: auto;
	}

	.pro_cate:hover>div>article {
		height: auto;
	}

	.pro_cate>figure {
		opacity: 1;
	}

	.pro_cate>div>hgroup h2 {
		font-size: 18px;
	}

	.pro_cate_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.pro_big_wrap>img {
		position: absolute;
		z-index: -1;
		height: 100%;
		left: -3rem;
		top: 0;
		width: auto;
	}

	.pl_search_wrap>hgroup>h2 {
		font-size: 18px;
	}

	.pl_search_wrap {
		padding: 0.5rem 0.1rem;
	}

	.pl_sub a img {
		display: none !important;
	}

	.pl_filter_list li {
		margin-right: 0;
		width: 50%;
	}

	.pl_item_list ul li {
		width: 100%;
		margin-right: 0;
	}

	.pl_filter_list li a {
		background: #f9f9f9;
		border: 1px solid #fff;
	}

	.login_box {
		width: 80%;
		height: 55%;
	}

	.login_box .t1 {
		font-size: 0.25rem;
	}

	.design_tits>hgroup>h2 {
		font-size: 18px;
	}

	.design_list {
		padding: 0.5rem 0.1rem;
	}

	.design_album_ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 12%;
	}

	.design_list_ul li {
		margin-bottom: 20px;
	}

	.design_more {
		padding-top: 0.6rem;
	}

	.designer_list {
		padding: 0.5rem 0.25rem;
	}

	.designer_item {
		width: 100%;
	}

	.designer_item li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.designer_item li:nth-child(2n) {
		margin-right: 0;
	}

	.designer_big_pic {
		display: none;
	}

	.ct_blocks {
		padding: 0.5rem 0.1rem;
	}

	.ct_blocks>hgroup>h2 {
		font-size: 18px;
	}

	.ct_blocks_list li {
		width: 100%;
		padding-bottom: 50%;
		border-right: none;
		border-bottom: 2px solid #fff;
	}

	.ct_blocks_list li a {
		padding-top: 4%;
	}

	.ct_service {
		padding: 0.5rem 0.1rem;
	}

	.ct_service_list {
		padding-left: 0;
	}

	.ct_service_list li {
		width: 48%;
		height: 2rem;
		margin-right: 0;
		margin-bottom: 4px;
		margin-right: 4%;
	}

	.ct_service_list li:last-child {
		margin-right: 0;
	}

	.ct_blocks>div>.t1 {
		padding-bottom: 0.2rem;
	}

	.ct_blocks_list li a .p1 {
		font-size: 0.2rem;
	}

	#news.news {
		padding-top: 0.2rem;
	}

	#news .news_list .p {
		font-size: 12px;
	}

	.ct_knowledge {
		padding: 0.5rem 0.2rem;
	}

	.ct_knowledge>hgroup>h2 {
		font-size: 18px;
	}

	.ct_knowledge_list li p {
		font-size: 11px;
	}

	.ct_knowledge_list li i:after {
		background-size: auto 20px;
	}

	.ct_find_store>hgroup h2 {
		font-size: 18px;
	}

	.ct_find_store_result {
		padding: 0.3rem;
	}

	.ct_find_store_result .leftzone {
		width: 100%;
		max-width: 100%;
	}

	.ct_find_store_result .rightzone {
		width: 100%;
		padding-top: 0.3rem;
	}

	.store_wrap_left {
		width: 100%;
	}

	.store_wrap_right {
		width: 100%;
	}
	.store_choose{ padding-top:0.2rem;}
	.store_search{ width:100%;}
	.store_result_list{ height:3rem;}
	.store_wrap_right #allmap{ display:none;}
	.store_wrap_left>hgroup>h2 {
		font-size: 18px;
	}

	.st_show_wrap {
		padding: 0.5rem 0.1rem;
	}

	.st_show_list ul li {
		width: 100%;
		margin-right: 0;
	}

	.st_show_wrap>hgroup>h2 {
		font-size: 18px;
	}

	.ps_appo .t2 .fl {
		width: 100%;
		padding: 0.15rem;
	}

	.ps_appo .t2 .fr {
		display: none;
	}

	.ps_ban {
		padding: 0.5rem 0.1rem;
	}

	.pshow_wrap .leftzone {
		width: 100%;
	}

	.pshow_wrap .rightzone {
		width: 100%;
	}

	.ps_appo .t1 {
		padding-top: 30%;
	}

	.pshow_detail {
		padding: 0.2rem 0.1rem;
		width: 100%;
	}

	.ps_appo .t2 .cls_appo img {
		width: 32px
	}

	#banner-next {
		-webkit-transform: scale(0.7, 0.7);
	}

	#banner-prev {
		-webkit-transform: scale(0.7, 0.7);
	}

	.ab_more_video {
		padding: 0.25rem 0.1rem;
	}

	.ab_more_video_list {
		padding-bottom: 0.3rem;
		border: none;
		padding-left: 0;
	}

	#ab_video_swipe_page {
		opacity: 1;
	}

	.ab_more_video_list li {
		width: 49%;
		margin-bottom: 2%;
	}

	.ab_more_video_list .more {
		display: none;
	}

	.ab_respon {
		padding: 0.5rem 0.1rem;
	}

	.ab_honor {
		padding: 0.5rem 0.25rem;
	}

	.ab_honor_wrap {
		padding: 10px;
	}

	#ab_honor_swipe .swiper-slide {
		width: 100%;
	}

	.ab_hall {
		padding: 0.3rem 0.1rem;
	}

	.ab_hall .t1 li {
		width: 100%;
	}

	.mobi_menu_btn {
		display: block;
		top: 0.2rem;
		left: 0.1rem;
	}

	.ab_culture ul li h2 {
		font-size: 14px;
	}

	.ab_honor>p {
		display: none;
	}

	#ab_honor_swipe_prev {
		width: auto;
		height: auto;
		background: none;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		display: inline-block;
	}

	#ab_honor_swipe_prev img {
		width: 80px;
	}

	#ab_honor_swipe_next {
		width: auto;
		height: auto;
		background: none;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		display: inline-block;
	}

	#ab_honor_swipe_next img {
		width: 80px;
	}

	.py_dream>h2 {
		font-size: 12px;
		line-height: 1.8;
		padding: 0.12rem 0;
	}

	.py_dream>a {
		width: 1.1rem;
	}

	#news .news_list .h3 {
		font-size: 16px;
		height: 60px;
	}

	.news_infobg {
		padding-bottom: 100%;
	}

	.news_info .news_fr {
		margin-top: 0.2rem;
		padding-top: 0;
	}

	#news.news {
		padding-bottom: 0.3rem;
	}
	.newsi_con .text {
	font-size: 14px;
	color: #555555;
	line-height: 2;
	padding: 10px;
}
	.newsi_con .text iframe,.newsi_con .text video,.newsi_con .text audio{
	max-width:100% !important;
	max-height:250px !important;
}


	.design_album_ul li a .con2 .ava {
		width: 40px;
		height: 40px;
	}

	.design_album_ul li a .con2 .names {
		padding-left: 52px;
	}

	.design_album_ul li a .con2 .names>p:nth-child(1) {
		padding-top: 0;
		font-size: 14px;
	}

	.design_album_ul li a .con2 .names>p:nth-child(2) {
		font-size: 12px;
	}

	.design_album_ul li a .con2 .names>p>span:nth-child(2) {
		background-size: auto 60%;
	}

	.design_album_ul li a .con2 .names>p>span:nth-child(3) {
		background-size: auto 60%;
	}

	.st_show_list ul li>figure {
		font-size: 14px;
	}

	/*join*/
	.join_com_tit>h1 {
		font-size: 20px;
	}

	.join_com_tit>h2 {
		font-size: 12px;
	}

	.join_com_tit>h3 {
		font-size: 14px;
	}

	.join_com_tit2>h1 {
		font-size: 20px;
	}

	.join_com_tit2>h2 {
		font-size: 12px;
	}

	.join_com_tit2>h3 {
		font-size: 14px;
	}

	.join_brand {
		padding: 0.5rem 0.2rem;
	}

	.join_brand ul li {
		width: 49%;
		margin-right: 2%;
	}

	.join_brand ul li:nth-child(2n) {
		margin-right: 0;
		margin-bottom: 2%;
	}

	.join_brand ul li i {
		height: 30px; background-size:auto 45px;
	}
.join_store>hgroup>h1{ font-size:18px;}
.join_store>hgroup>h3{ font-size:12px;}
.join_custom>.fr>ul li p:nth-child(3){ font-size:0.11rem;}
.join_custom>.fr>figure>h2{ font-size:0.21rem;}
	#join_brand_li .clrafter>.fr {
		width: 100%;
		height: 2rem;
	}

	#join_brand_li .clrafter>.fl {
		width: 100%;
		padding-bottom: 0.8rem;
	}

	#join_brand_li {
		height: auto;
	}

	#join_brand_li .clrafter>.fl>h1 {
		padding: 0;
		font-size: 18px;
	}

	#join_brand_li .clrafter>.fl>h2 {
		font-size: 14px;
	}

	#join_brand_li .clrafter>.fl>h3 {
		font-size: 12px;
		padding: 0;
	}

	#join_brand_li .clrafter>.fl>h4>em:nth-child(1) {
		font-size: 14px;
	}

	#join_brand_li .clrafter>.fl>h4>em {
		font-size: 12px;
	}

	.join_view {
		padding: 0.5rem 0.2rem;
	}

	.join_view ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.join_view ul li>div:nth-child(2)>h1 {
		font-size: 18px;
	}

	.join_reason>.fl {
		width: 100%;
	}

	.join_reason>.fr {
		width: 100%;
		padding-top: 10%;
		padding-bottom: 5%;
	}

	.join_reason>.fr>h1 {
		font-size: 20px;
	}

	.join_reason>.fr>dl>dt {
		font-size: 14px;
		padding-bottom: 8px;
	}

	.join_reason>.fr>dl>dd {
		font-size: 12px;
		line-height: 1.8;
	}

	.join_style {
		padding: 0.5rem 0.25rem;
	}

	.join_style>ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
		padding-bottom: 49%;
	}

	.join_style>ul li:nth-child(2n) {
		margin-right: 0;
	}

	.join_custom>.fl {
		width: 100%;
	}

	.join_custom>.fr {
		width: 100%;
		padding-bottom: 150%;
	}

	.join_custom>.fr>ul li {
		padding: 8% 8px 0;
	}

	.join_custom>.fr>figure>h3 {
		padding: 2% 8px 0;
	}

	.join_seven {
		padding: 0.5rem 0.2rem;
	}

	.join_seven>article>.uli1 {
		width: 100%;
	}

	.join_seven>article>.uli1 li {
		line-height: 3;
	}

	.join_seven>article>.uli2 {
		width: 100%;
		height: 2rem;
	}

	.join_case {
		padding: 0.5rem 0.1rem;
	}

	.join_case_new li a>h1 {
		display: none;
	}

	.join_adv {
		padding: 0.5rem 0.1rem;
	}

	.join_adv .swiper-slide img {
		width: 100%;
	}

	.join_partner {
		padding: 0.5rem 0.1rem;
	}

	.join_partner>dl {
		display: none;
	}

	/* .join_partner>dl>dt{ width:100%; font-size:16px; padding-bottom:20px;}
	.join_partner>dl>dd{ width:100%;}
	.join_partner>dl>dd>a{ width:48%;}
	.join_partner>dl>dd>a p{ font-size:12px;} */
	.join_school {
		padding: 0.5rem 0.1rem;
	}

	.join_market {
		padding: 0.5rem 0.1rem;
	}

	.join_market .con img {
		width: 100%;
	}

	.join_open {
		padding: 0.5rem 0.2rem;
	}

	#join_open_swipe .swiper-slide>.fl {
		width: 100%;
	}

	#join_open_swipe .swiper-slide>.fr {
		width: 100%;
		padding-bottom: 70%;
	}

	#join_open_swipe .swiper-slide>.fr>figure>h3 {
		font-size: 12px;
	}

	#join_open_swipe .swiper-slide>.fr>figure>h4 {
		padding-bottom: 0;
		font-size: 12px;
	}

	#join_open_swipe .swiper-slide>.fr>figure>h5 {
		font-size: 12px;
	}

	#join_si_swipe .swiper-slide {
		width: 100%;
	}

	#join_si_next {
		right: 0;
	}

	#join_si_next img {
		width: 100%;
	}

	#join_si_prev {
		left: 0;
	}

	#join_si_prev img {
		width: 100%;
	}

	.join_store>ul>li {
		width: 50%; padding-right:2px;
	}
	.join_store>ul>li>.fl {
		width: 100%;
	}

	.join_store>ul>li>.fr {
		width: 100%;
	}

	.join_store>ul>li p:nth-child(1) {
		padding-top: 15px;
	}

	.join_store>ul>li p:nth-child(3) {
		margin-bottom: 20px;
	}

	.join_seller {
		padding: 0.5rem 0.1rem;
	}

	#join_seller_swipe .swiper-slide {
		width: 100%;
	}
	#join_seller_swipe .swiper-slide>dl>dd{ padding:0.2rem 0.1rem 0;}
	#join_seller_swipe .swiper-slide>dl>dd>h1 {
		font-size: 15px;
	}

	#join_seller_swipe .swiper-slide>dl>dd>div {
		height:1.4rem;
		overflow: hidden;
	}

	#join_seller_swipe .swiper-slide>dl>dd>.remark {
		display: none;
	}

	.join_allnet {
		padding: 0.5rem 0.2rem;
	}

	.join_allnet>h3 {
		font-size: 12px;
	}

	.join_future {
		padding: 0.5rem 0.1rem;
	}

	.join_support {
		padding: 0.5rem 0;
	}

	.join_support>ul {
		display: none;
	}

	/* .join_support>ul li:nth-child(1){ width:100%;}
	.join_support>ul li:nth-child(6){ width:100%;}
	.join_support>ul li{ width:100%; margin-right:0; padding-bottom:40%;} */
	.join_require ul li {
		width: 100%;
		padding-bottom: 80%;
	}

	.join_require ul li span {
		font-size: 0.4rem;
	}

	#join_require_swipe {
		padding-bottom: 0.3rem;
	}

	#join_require_page {
		display: block;
	}

	.join_progress_m {
		display: block;
		margin-top: 0.3rem;
	}

	.join_progress {
		padding: 0.5rem 0.2rem;
	}

	.join_progress>ul {
		display: none;
	}

	/* .join_progress>ul li{ width:100%; padding:0 0 20% 0;}
	.join_progress>ul:nth-child(2) li:after{ left:45%; bottom:5%; top:auto; -webkit-transform:rotate(90deg);}
	.join_progress>ul:nth-child(2) li:last-child:after{ bottom:5%;}
	.join_progress>ul:nth-child(3) li:after{ left:45%; bottom:5%; top:auto; -webkit-transform:rotate(90deg);}
	.join_progress>ul:nth-child(3) li:first-child:after{ background:url(../images/parrow.png) center/contain no-repeat;}
	.join_progress>ul:nth-child(3) li:last-child:after{ background:none;} */
	.join_hotspot {
		padding: 0.5rem 0.1rem;
	}
	.join_hotspot>article>ul:nth-child(1){ width:50%;}
	.join_hotspot>article>ul:nth-child(2){ width:20%;}
	.join_hotspot>article>ul:nth-child(3){ width:30%;}
	.join_hotspot>article>ul li {
		padding: 6px;
		overflow: hidden;
		height: auto;
	}

	.join_hotspot>article>ul li:first-child {
		font-size: 14px;
	}
.fancybox-content{ -webkit-transform:scale(1.2,1.2);}
	.join_book {
		padding: 0.5rem 0.1rem;
	}

	.join_book>form>article>.fl {
		width: 100%;
		padding-bottom: 30px;
	}

	.join_book>form>article>.fr {
		width: 100%;
		max-width: 100%;
	}

	.join_book_wrap>dl>input {
		font-size: 14px;
	}

	.join_book_wrap>dl>select {
		width: 32%;
		font-size: 14px;
	}

	.join_book_wrap>dl>textarea.ip4 {
		font-size: 14px;
	}
}