/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #000;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh a {
    /* background-color: transparent !important; */
	background: #000;
}


@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
	.header .naver li{
		margin-right: 1.5rem;
	}
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 13px;
	}
	.header .rts{
		width: auto;
	}
	.header .naver{
		width: auto;
	}
}
@media only screen and (max-width:1040px) {
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	
	
	.wrap{
		width: auto;padding: 0 15px;
	}
	.layout{
		padding-top: 50px;
	}
	.jlbheader .wrap{
		height: 100%;
	}
	.jlbheader{
		height: 50px;
	}
	.jlbheader .gh a:after, .jlbheader .gh a:before,.jlbheader .gh a{
		background: #fff;
	}
	.jlbheader .reg span{
		line-height: 36px;
		font-size: 14px;
		background-size: 15px auto !important;
		padding-left: 20px;
	}
	.jlbheader .reg{
		width: 100px;
		margin-right: 50px;
		font-size: 14px;
		line-height: 36px;
		border-radius: 50px;
	}
	.header{
		height: 50px;
		padding: 0 15px;
	}
	.header .seach{
		display: none;
	}
	.header .login li{
		height: 50px;
	}
	.header .login li a{
		display: block;
		width: 70px;
	}
	.header .logo{
		max-width: 160px;margin-top: 10px;
	}
	.jlbheader .naver,
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top:100%;z-index: 11;
		background: #fff;display: none;
	}
	.header .naver ul{
		display: block;padding: 0 15px;
	}
	.header .login{
		width: auto;
	}
	.gh{
		display: block;
		right: 20px;top: 12px;
	}
	
	.header .logo img{
		height: 40px;width: auto;
	}	
	.header .logo{
		margin: 0;
	}
	.header .rts{
		display: block;
	}
	.header .falx{
		width: auto;
		padding-right: 50px;
	}
	.jlbheader .naver li a,
	.header .naver li h3 a{
		font-size: 16px;
		line-height: 45px;
		border-bottom: 1px solid #f1f1f1;
		display: block;
		color: #222;
		padding: 0 0;
	}
	.jlbheader .naver li{
		margin: 0;
	}
	.banner{
		height: 40vw;
	}
	.banner h2{
		margin: 0 15px;
	}
	.crumbs dd span, .crumbs dd a{
		font-size: 14px;
	}
	.crumbs dd.ons a{
		background-size: 15px auto !important;
		padding-left: 22px;
	}
	.abo_addition{
		padding: 30px 0;
	}
	.abo_addition .navs ul{
		flex-wrap: wrap;
	}
	.abo_addition .navs li{
		width: 32%;
		margin: 0 2% 10px 0;
		line-height: 1.6;
		padding: 10px ;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.abo_addition .navs li:nth-child(3n){
		margin-right: 0;
	}
	.abo_addition .weiyuan .hds .bns{
		font-size: 14px;
	}
	.abo_addition .weiyuan .hds{
		margin-bottom: 30px;
	}
	.uitpresid ul{
		justify-content: space-between;
	}
	.uitpresid li{
		width: auto;
		margin: 0 0 10px 0;
		padding: 15px 8px;border-radius: 8px;
		/*display: block;*/
	}
	.header .login li{
	    width: auto;
	}
	.uitpresid li h5{
	    white-space: nowrap;
	}
	.uitpresid li h6{
	    width: 6rem;font-size: 12px !important;
	}
	.uitpresid li h3{
	    font-size: 14px !important;
	}
	.footer .hds .lts,
	.footer .hds .wrap{
		display: block;
	}
	.footer .hds .lts{
		width: auto;
	}
	.footer .hds .lts .del,
	.footer .hds .lts .ls{
		width: auto;
	}
	.footer .hds .lts .lsele{
		width: 150px;
		height: 40px;
		margin: 30px 0;
	}
	.footer .hds .lts .tps{
		height: 40px;
	}
	.footer .hds .lts .gjnli li{
		height: 30px;
	}
	.footer .hds .rts{
		width: auto;
		display: block;
	}
	.footer .hds dt{
		font-size: 16px;
		margin-top: 20px;
	}
	.footer .hds dd a{
		font-size: 14px;
		display: block;
	}
	.footer .hds{
		padding: 30px 0;
	}
	.copyright a{
		font-size: 14px;
		text-align: center;
		padding: 20px 0;
		display: block;
		text-align: center;
		line-height: 1.4;
	}
	.abo_annual .hds h6 a{
		font-size: 14px;
	}
	.uitsuos form{
		width: auto;
	}
	.uitsuos .t1{
		font-size: 14px;
	}
	.abo_annual .list li a{
		display: block;
	}
	.abo_annual .list li .pic{
		width: auto;
	}
	.abo_annual .list li{
		padding: 15px 0;
	}
	.abo_annual .list li .txt{
		width: auto;margin-top: 10px;
	}
	.abo_annual .list li p{
		margin: 10px 0;
	}
	.abo_annual .list li h6{
		width: 140px;
	}
	.pages dd a{
		width: 36px;line-height: 36px;
		height: 36px;font-size: 14px;
		text-align: center;
	}
	.abo_annual{
		padding: 30px 0;
	}
	.abo_awards .hds{
		display: block;
	}
	.abo_awards .hds .pic{
		margin: 0 auto;
	}
	.abo_awards .hds .txt{
		width: auto;
	}
	.abo_awards .hds .del{
		font-size: 14px;
		margin-top: 10px;
	}
	.abo_awards .uitinfo{
		margin: 15px 0;
	}
	.uitinfo ul{
		display: block;
	}
	.uitinfo li{
		width: 100%;
		margin-bottom: 10px;
		height: 40px;
	}
	.uitinfo li h3{
		width: 125px;
	}
	.uitinfo li .lsele{
		font-size: 16px;padding-left: 10px;
		width: calc(100% - 130px);
	}
	.uitinfo li h3::before{
		right: -5px;
	}
	.uitinfo li.ons .lsele{
		width: calc(100% - 60px);
	}
	.uitinfo li .t1{
		font-size: 16px;
	}
	.abo_awards .list li{
		display: block;
		padding: 25px;
		margin-bottom: 15px;
	}
	.abo_awards .list li .pic{
		margin: 0 auto;
		width: auto;
	}
	.abo_awards .list li .txt{
		width: auto;
	}
	.abo_awards .btn{
		font-size: 14px;
		width: auto;
		display: block;
	}
	.abo_editor,
	.abo_bylaws,
	.abo_awards{
		padding: 30px 0;
	}
	.abo_bylaws .wrap{
		display: block;
	}
	.abo_bylaws .pic{
		width: auto;
	}
	.abo_bylaws .txt{
		width: auto;
		margin-top: 10px;
	}
	.abo_bylaws .txt .del{
		margin: 10px 0;
	}
	.abo_bylaws .txt .btn{
		width: 140px;
		font-size: 14px;
	}
	.uiteditor ul{
		display: block;
	}
	.uiteditor ul li{
		width: auto;margin: 0 0 10px 0;
	}
	.uiteditor li .pic{
		height: auto;
	}
	.mem_profiledel .hds .btn,
	.mag_adver .ds .box li .bns,
	.abo_execut .bds li .btn,
	.uiteditor li h6{
		width: 170px;
		margin-top: 15px;
	}
	.mem_profiledel .hds .btn span,
	.mag_adver .ds .box li .bns span,
	.abo_execut .bds li .btn span,
	.uiteditor li h6 span{
		font-size: 14px;
		line-height: 40px;
		background-size: 15px auto;
		padding-left: 22px;
	}
	.abo_execut .del br,
	.abo_editor .del p br{
		display: none;
	}
	.abo_execut .bds ul{
		display: block;
	}
	.abo_officers .uiteditor li,
	.abo_execut .bds ul li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.abo_execut .bds li .img{
		width: auto;
		height: auto;
		border-radius: 40px;
	}
	.abo_execut .bds li{
		padding: 20px;
		border-radius: 40px;
	}
	.abo_officers .uiteditor li .pic{
		height: auto;
	}
	.abo_officers .ds{
		margin-bottom: 20px;
	}
	.abo_officers .addres ul{
		display: block;
	}
	.abo_officers .addres ul li{
		width: auto;margin-bottom: 15px;
		border-bottom: 1px solid #f1f1f1;
		padding-bottom: 15px;
	}
	.abo_officers .addres li::before{
		display: none;
	}
	.contact .bds .btn,
	.abo_officers .addres .btn{
		width: 160px;
		line-height: 40px;
		font-size: 14px;
	}
	.contact,
	.abo_execut,
	.abo_officers .addres{
		padding: 30px 0;
	}
	.contact .bds ul{
		display: block;
		margin: 15px;
	}
	.contact .bds ul li{
		width: auto;
		margin-bottom: 10px;
		padding: 20px;
	}
	.hbanner{
		height: auto;
	}
	.hbanner .next, .hbanner .prev{
		margin: 0 -50px;
	}
	.hbanner .pic{
		display: none;
	}
	.hbanner .text{
		width: auto;
		margin: 0;
		padding: 30px;
	}
	.julebu_contact,
	.hpage1{
		padding: 30px 0;
	}
	.hpage1 ul{
		display: block;
	}
	.hpage1 ul li{
		width: auto;
		margin: 0 0 10px 0;
		padding: 25px;
	}
	.hpage1 li p{
		height: auto;
	}
	.hpage1 .btn{
		margin-top: 20px;
	}
	.hpage2 .tps{
		display: block;
	}
	.hpage2 .tps .pic{
		width: auto;height: auto;
	}
	.hpage2 .tps .rts{
		width: auto;
		margin-top: 15px;
	}
	.hpage2 .list .pic{
		height: auto;
	}
	.hpage2 .list{
		margin: 30px 30px 0;
	}
	.jlbbanner{
		height: 30vw;
	}
	.jlbheader .rts{
		display: block;
	}
	.jlbheader .naver ul{
		display: block;
	}
	.julebu_club{
		padding: 30px 0;
	}
	.julebu_contact .bds{
		display: block;
	}
	.julebu_contact .bds .text{
		width: auto;
	}
	.julebu_contact .bds .text li,
	.julebu_contact .bds .text li span{
		font-size: 14px;
	}
	.julebu_contact .bds .map{
		width: auto;
	}
	.jlbpage4,
	.jlbpage3,
	.jlbpage1{
		padding: 30px 0;
	}
	.jlbpage1 .pic{
		height: auto;
		width: auto;
	}
	.jlbpage1 .wrap{
		display: block;
	}
	.jlbpage1 .txt{
		width: auto;
		margin-top: 15px;
	}
	.uitjlbwks li p{
		margin-bottom: 15px;
	}
	.uitapption .btn{
		height: 40px;
	}
	.mag_checkout .btn .b1,
	.uitapption .btn,
	.know_news .lts .list li h6,
	.uitture,
	.uitjlbwks li h6,
	.jlbbtn,
	.jlbpage1 .txt .jlbbtn{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		border-radius: 50px;
	}
	.know_news .lts .list li h6{
		margin-top: 10px;border-radius: 5px;
	}
	.julebu_works,
	.julebu_news,
	.julebu_members,
	.jlbpage2{
		padding: 30px 0;
	}
	.uitprofe ul{
		display: block;
	}
	.uitprofe li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.uitprofe li .pic{
		height: auto;
	}
	.jlbpage3 .ovs{
		margin: 15px 30px 20px;
	}
	.uitjlbwks{
		margin-top: 0;
	}
	.jlbpage4 .bds ul{
		display: block;
	}
	.jlbpage4 .bds li{
		width: auto;
		margin: 0 0 20px 0;
	}
	.jlbpage4 .bds li .pic{
		height: auto;
	}
	.uitjlbwks li .pic{
		width: auto;
		height: auto;
	}
	.uitjlbwks li a{
		display: block;
	}
	.uitjlbwks li .txt{
		width: auto;
		margin-top: 10px;
	}
	.julebu_newsdel .hds h1{
		font-size: 20px;
		line-height: 1.4;
	}
	.julebu_newsdel .hds dd{
		font-size: 14px;
		padding-left: 18px;
		background-size: 13px auto !important;
	}
	.julebu_newsdel .del{
		font-size: 14px;
	}
	.know_news .flax{
		display: block;
	}
	.know_news .lts{
		width: auto;
	}
	.know_news .lts .list li a{
		display: block;
	}
	.know_news .lts .list li .pic{
		width: auto;
		height: auto;
	}
	.know_news .lts .list li .txt{
		width: auto;margin: 10px;
	}
	.know_news .rts{
		width: auto;margin: 20px 0 0 ;
	}
	.know_news .rts .tps li a{
		font-size: 16px;
	}
	.know_news .rts .tbs li .pic{
		height: auto;
	}
	.know_news{
		padding: 30px 0;
	}
	.know_news .newsdel .hds h1{
		font-size: 20px;
		line-height: 1.4;
	}
	.know_news .newsdel .text{
		font-size: 14px;
	}
	.know_news .newsdel .fts h6 a{
		font-size: 14px;
	}
	.uitit h2 br{
		display: none;
	}
	.know_teach .hds .falx{
		display: block;
		padding: 20px;
	}
	.know_teach .hds .pic{
		width: auto;
	}
	.know_teach .hds .txt{
		width: auto;
		margin-top: 20px;
	}
	.know_teach .hds .txt .btn{
		width: auto;
		font-size: 14px;
		line-height: 40px;
	}
	.know_teach1,
	.know_teach .hds{
		padding: 30px 0;
	}
	.know_teach .bds .list ul{
		display: block;
	}
	.know_teach .bds .list ul li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.know_teach .bds .list li .pic{
		height: auto;
	}
	.know_teach .bds .list li p{
		height: auto;
	}
	.know_teach .bds{
		padding-bottom: 30px;
	}
	.uitapption li dl{
		display: block;
	}
	.uitapption li dd{
		width: auto;
	}
	.uitform li .t1,
	.uitapption li .t1{
		height: 40px;
		font-size: 14px;
		padding: 0 10px;
	}
	.hlogin{
		display: block;
	}
	.hlogin .lts{
		width: auto;min-height: 100vw;
		display: none;
	}
	.hlogin .uitform{
		width: auto;min-height: 0;
		padding: 50px 0;
	}
	.uitform .flax .h7{
		font-size: 14px;
	}
	.uitform .btn{
		font-size: 14px;
		line-height: 40px;
	}
	.uitform p a{
		font-size: 14px;
	}
	.mag_aall{
		padding: 30px 0;
	}
	.uitaall ul{
		justify-content: space-between;
	}
	.uitaall li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.uitaall li .b1{
		font-size: 12px;
		line-height: 30px;
		padding: 0 5px;border-radius: 100px;
	}
	.mag_about{
		padding: 30px 0;
	}
	.mag_about .hds{
		display: block;
	}
	.mag_about .hds .lts{
		width: auto;
	}
	.mag_about .hds .pic{
		height: auto;
	}
	.mag_about .hds .txt{
		margin-top: 15px;
		width: auto;
	}
	.mag_about .btn{
		margin: 15px;
		line-height: 40px;
		font-size: 14px;
	}
	.mag_about .hds{
		margin: 20px 0 30px;
	}
	.mag_about .bds ul{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.mag_about .bds ul li{
		width: 49%;
		margin: 0 0 10px 0;
	}
	.mag_adver{
		padding: 30px 0;
	}
	.mag_adver .tabls .flax h6:nth-child(2){
		margin: 0;
	}
	.mag_adver .ovas{
		overflow-x: scroll;
	}
	.mag_adver .tabls table{
		width: 900px;
	}
	.mag_adver .tabls table td,
	.mag_adver .tabls table th{
		font-size: 14px;
		padding: 5px 10px;
	}
	.mag_adver .ds .box ul{
		display: block;
		padding: 20px;
	}
	.mag_adver .ds .box li{
		width: auto !important;
		padding: 0  !important;
		margin-bottom: 20px;
	}
	.mag_adver .ds .box li:nth-child(2)::after, .mag_adver .ds .box li:nth-child(2)::before{
		display: none;
	}
	.mag_adver .ds .box li dt{
		font-size: 16px;
	}
	.mag_adver .ds .box li dd{
		font-size: 14px;
	}
	.mag_article .flax .btn,
	.mag_adver .btn{
		font-size: 14px;
		line-height: 1.6;
		display: block;
		text-align: center;
		padding: 0;
		padding: 10px ;
	}
	.mag_article .hds li{
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		width: 49%;
	}
	.mag_article .flax{
		display: block;
	}
	.mag_article .flax .pic{
		width: auto;
	}
	.mag_article .flax .txt{
		width: auto;margin-top: 20px;
	}
	.mag_article1 .uitapption .filp{
		display: block;
	}
	.mag_article1 .uitapption .filp .bns{
		width: 180px;
		line-height: 40px;
		font-size: 14px;
	}
	.mag_article1 .uitapption .filp p{
		margin: 10px 0 0;
	}
	.mag_article1{
		padding: 30px 0;
	}
	.mag_buy .wrap{
		display: block;
	}
	.mag_buy .lts{
		width: auto;
		padding: 0;
	}
	.mag_buy .lts::before{
		display: none;
	}
	.mag_buy .lts li .del{
		display: block;
		width: auto;
		margin: 0;
	}
	.mag_buy .lts li .del .pic{
		width: auto;
	}
	.mag_buy .lts li .text{
		display: block;width: auto;
	}
	.mag_buy .lts li{
		display: block;
	}
	.mag_buy .lts li .del .ts{
		width: auto;margin-top: 10px;
	}
	.mag_buy .lts li .quay{
		width: 160px;
	}
	.mag_buy .lts li .del h5{
		margin-top: 15px;
	}
	.mag_buy .lts li{
		position: relative;
	}
	.mag_buy .lts li h6{
		position: absolute;
		bottom: 20px;
		right: 10px;
		padding: 10px;
	}
	.mag_buy .lts li h6 span{
		font-size: 12px;
	}
	.mag_buy .lts li .quay .jiag,
	.mag_buy .lts li .quay .jiag .price-input .t1{
		height: 40px;
		font-size: 14px;
	}
	.mag_buy .lts li .quay .jiag .plus, .mag_buy .lts li .quay .jiag .minus{
		font-size: 18px;
		width: 40px;
	}
	.mag_buy .rts .btn,
	.mag_buy .lts .bns .b1{
		font-size: 14px;line-height: 40px;
		width: auto;
	}
	.mag_buy .rts{
		width: auto;
		margin-top: 20px;
		padding: 0;
	}
	.uitchek ul{
		flex-wrap: wrap;
		display: block;
	}
	.uitchek li{
		width: auto !important;
		font-size: 14px !important;
		display: block !important;
		background: #f1f1f1 !important;
		margin: 0 !important;
		margin-bottom: 1px !important;
	}
	.uitchek li a{
		line-height: 38px;
		font-size: 14px;
	}
	.uitchek li.on {
	    background: #014990 !important;
	}
	.mag_checkout .querd1{
		display: block;
	}
	.mag_checkout .querd1 .ls{
		width: auto;margin-bottom: 15px;
		padding: 20px;
	}
	.mag_checkout .querd1 .lts label{
		font-size: 14px;
	}
	.mag_checkout .querd1 .lts ul{
		padding-bottom: 15px;
	}
	.mag_checkout .querd1 .lts .del{
		font-size: 14px;
		padding-top: 10px;
	}
	.mag_checkout .querd1 .rts ul{
		margin-top: 15px;
		display: block;
	}
	.mag_checkout .querd1 .rts li{
		width: auto;margin-bottom: 10px;
	}
	.mag_checkout .querd1 .rts li .t1{
		height: 40px;font-size: 14px;
	}
	.mag_checkout .querd1 .rts .login{
		font-size: 14px;
		line-height: 40px;
	}
	.mag_checkout .querd1 .rts .pass{
		font-size: 14px;
	}
	.mag_checkout .querd2 dl{
		display: block;
	}
	.mag_checkout .querd2 dd,
	.mag_checkout .querd2 dl.on dd{
		width: auto;
	}
	.mag_checkout .querd2 dd .lsele,
	.mag_checkout .querd2 .t1{
		height: 40px;font-size: 14px;
	}
	.mag_checkout .querd2 dl dd{
		margin-bottom: 10px;
	}
	.mag_checkout .querd2{
		padding: 20px;
	}
	.mag_checkout .querd2 li.on{
		display: block;
	}
	.mag_checkout .querd2 li.on .ds{
		width: auto;
	}
	.mag_checkout .querd2 .che label{
		font-size: 14px;
		padding-left: 22px;
		background-size: 15px auto !important;
	}
	.mag_checkout .querd3 .che label{
		font-size: 14px;
	}
	.mag_checkout .querd3{
		padding: 20px;
	}
	.mag_checkout .querd4 .hds li .ls{
		margin-bottom: 15px;
	}
	.mag_checkout .querd4 .hds li{
		padding: 15px;display: block;
	}
	.mag_checkout .querd4{
		padding: 20px;
	}
	.mag_checkout .btn .b1{
		width: auto;padding: 10px 20px;font-size: 14px;
	}
	.mag_checkout .btn{
		display: block;
	}
	.mag_checkout .querd4 .ovs{
		padding: 10px;
	}
	.mag_checkout{
		padding: 30px 0;
	}
	.mag_checkout5{
		padding: 50px 0;
	}
	.mag_checkout5 .ds h6{
		font-size: 16px !important;
	}
	.mag_checkout5 .ds .btn{
		font-size: 14px;
		line-height: 40px;
	}
	.mag_libra .bds ul{
		display: block;
	}
	.mag_libra .bds ul li{
		width: auto;display: block;
	}
	.mag_libra .bds li .pic{
		width: auto;height: auto;
	}
	.mag_libra .bds li .pic .img{
		width: 100%;
	}
	.mag_libra .bds li .txt{
		width: auto;
	}
	.mag_libra .bds li h6{
		font-size: 18px !important;
		margin: 10px 0;
	}
	.mag_libra .bds li .b1{
		font-size: 14px;
		line-height: 36px;
		border-radius: 50px;
		padding: 0 20px;
	}
	.mag_libra{
		padding: 30px 0;
	}
	.mag_prodel .tps{
		display: block;
	}
	.mag_prodel .tps .lts{
		width: auto;
	}
	.mag_prodel .tps .rts{
		width: auto;margin-top: 15px;
	}
	.mag_prodel .tps .rts .bns{
		margin-top: 20px;
	}
	.mag_prodel .tps .rts .b1 span{
		font-size: 14px;
		line-height: 40px;
		padding-left: 22px;
		background-size: 15px auto !important;
	}
	.mag_prodel .tps .rts .b1.on i{
		width: 20px;height: 20px;
		font-size: 12px;line-height: 20px;
	}
	.mag_prodel .tabs .navs ul{
		display: block;
		white-space: nowrap;
	}
	.mag_prodel .tabs .navs ul li{
		display: inline-block;margin-right: 20px;
		font-size: 14px;
	}
	.mag_prodel .tabs{
		margin: 30px 0;
	}
	.mag_prodel{
		padding-bottom: 30px;
	}
	.mem_benefits .bds ul{
		display: block;
	}
	.mem_benefits .bds ul li{
		width: auto;margin-bottom: 15px;
		margin-right: 0;
	}
	.mem_benefits .bds ul li:before{
	    display: none;
	}
	.uitbenfit .tps .flax h6{
		line-height: 1.2;
	}
	.uitbenfit .tps p{
		height: auto;
	}
	.uitbenfit .tbs dd h4{
		background-size: 15px auto !important;padding-left: 20px;
	}
	.uitbenfit .tbs dd{
		background-size: 13px auto !important;
	}
	.uitbenfit .btn{
		width: 120px;
		line-height: 40px;
		font-size: 12px;
		margin-top: 0;
	}
	.uitbenfit .tbs{
		min-height: 0;
	}
	.mem_benefits .bds{
		margin-bottom: 30px;
	}
	.mem_benefits .fts ul{
		display: block;
	}
	.mem_benefits .fts li{
		width: auto;margin: 0 0 10px 0;
		height: auto;
	}
	.mem_benefits{
		padding: 30px 0;
	}
	.mem_benedel .ovs{
		display: block;
	}
	.mem_benedel .ovs .uitbenfit{
		width: auto;
	}
	.mem_benedel .rts{
		width: auto;margin-top: 20px;
		height: auto;padding: 20px;
	}
	.mem_benedel .uitovsol{
		height: auto;
		overflow: hidden;
	}
	.uitovsol dl.ons{
		display: block;
	}
	.uitovsol dl.ons dd{
		width: auto;
	}
	.uitovsol .t1{
		height: 40px;
		font-size: 14px;
	}
	.uitovsol .rado .ds label{
		font-size: 16px;
	}
	.uitovsol .rado .ds{
		margin-right: 20px;margin-bottom: 10px;
	}
	.uitovsol .rado{
		flex-wrap: wrap;
	}
	.uitovsol .lsele{
		font-size: 14px;
		height: 40px;
	}
	.uitovsol .zhifu .ds label{
		font-size: 14px;width: auto;
		padding: 0 15px;
	}
	.uitovsol .btn .b1{
		font-size: 14px;
		line-height: 40px;
	}
	.uitovsol .jiage{
		display: block;
	}
	.uitovsol .jiage .flas{
		width: auto;
	}
	.uitovsol .jiage .ds{
		margin-right: 0;
	}
	.mem_club .uitform{
		padding: 20px;
	}
	.uitinfo li.ons h3{
		width: 125px;
	}
	.mem_list .bds ul{
		display: block;
	}
	.mem_list .bds li{
		width: auto;margin: 0 0 10px 0;
	}
	.mem_list .bds li dd{
		font-size: 14px;
		padding-left: 22px;
		background-size: 13px auto !important;
	}
	.mem_list .bds li .btn span{
		font-size: 14px;
		line-height: 40px;
		padding-left: 22px;
		background-size: 15px auto !important;
	}
	.mem_list .bds li dl{
		margin: 10px 0;
	}
	.mem_list{
		padding: 30px 0;
	}
	.uitprofe li h6{
		line-height: 30px;border-radius: 50px;
	}
	.mem_profile{
		padding: 30px 0;
	}
	.mem_profiledel .hds{
		display: block;
	}
	.mem_profiledel .hds .text,
	.mem_profiledel .hds .pic{
		width: auto;
	}
	.mem_profiledel .hds .text{
		margin-top: 15px;
	}
	.mem_profiledel .hds dd{
		font-size: 14px;
		line-height: 30px;
		padding: 0 15px;
	}
	.mem_profiledel .hds li{
		font-size: 14px;
	}
	.mem_profiledel .hds li strong{
		width: 80px;
	}
	.mem_profiledel .bds li a{
		display: block;
	}
	.mem_profiledel .bds li .pic{
		width: auto;
	}
	.mem_profiledel .bds li .ts{
		width: auto;margin-top: 15px;
	}
	.mem_profiledel .bds li h6{
		line-height: 40px;
		width: auto;
	}
	.mem_profiledel .bds li p{
		margin: 10px 0;
	}
	.mem_profiledel{
		padding-bottom: 30px;
	}
	.mem_profiledel1 .swippic{
		padding: 30px;
	}
	.mem_profiledel1{
		padding-bottom: 30px;
	}
	.news_about .bds li{
		width: 49%;
		margin: 0 0 10px 0;
		height: auto;
	}
	.news_about .bds ul{
		justify-content: space-between;
	}
	.news_about1 .uitapption{
		padding: 20px;
	}
	.uitapption li dd{
		margin-bottom: 10px;
	}
	.news_event .hds{
		display: block;
		margin-bottom: 30px;
	}
	.news_event .hds .pic,
	.news_event .hds .lts{
		width: auto;
	}
	.uitinfo li{
		margin: 0 0 10px 0;
	}
	.news_letter .bds li a{
		display: block;
	}
	.news_letter .bds li .pic{
		width: auto;
		height: auto;
	}
	.news_letter .bds li .txt{
		width: auto;margin-top: 10px;
	}
	.news_letterdel .hds h5,
	.news_letter .bds li h5{
		padding: 5px 15px;margin-top: 10px;
	}
	.news_letterdel .hds dd,
	.news_letter .bds li dd{
		font-size: 14px;padding-left: 20px;
		background-size: 15px auto !important;
	}
	.news_letter .bds li h6{
		width: auto;line-height: 40px;
		font-size: 14px;
	}
	.news_letter{
		padding-bottom: 30px;
	}
	.news_letterdel .hds{
		display: block;
	}
	.news_letterdel .hds .pic{
		width: auto;
	}
	.news_letterdel .hds .txt{
		width: auto;margin-top: 10px;
	}
	.news_letterdel .navs ul{
		align-items: initial;
	}
	.news_letterdel .navs li{
		padding: 10px 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 1.4;
		display: flex;
		align-items: center;
	}
	.news_letterdel .navs{
		margin-top: 30px;
	}
	.news_letterdel{
		padding-bottom: 30px;
	}
	.uitform li .rs .urt{
		width: 120px;
	}
	.uitform li .t2{
		width: calc(100% - 130px);
	}
	.uitform li .lsele{
		font-size: 14px;
		height: 40px;
	}
	.uitform li .rs .code{
		font-size: 14px;
		line-height: 40px;
		width: 145px;
	}
	.uitform li .rs .urts{
		width: auto;
	}
	.uitform li .rs .t3{
		width: calc(100% - 155px);
	}
	.hbanner .wrap{
		display: block;
	}
	.uitaall li .pic img{
		margin: 0 auto;
	}
	.hbanner .swiper-slide{
		background-position: left center !important;
	}
	.header .naver li{
		margin-right: 0;
	}
	.header .naver li h3 i{
		position: absolute;
		right: 0;top: 0;
		width: 40px;
		height: 40px;
		background: url(../images/qms12-4.png) no-repeat center / 30% auto;
	}
	.header .naver li .nli{
		position: static;width: auto;
	}
	.header .naver li .nli h5 a{
		font-size: 14px;
		padding: 0 20px;
	}
	.header .naver li .nli .ovs::before{
		display: none;
	}
	.header .naver li .nli span{
		width: 40px;height: 40px;top: 0;right: 0;
		background: url(../images/qms12-4.png) no-repeat center / 30% auto;
	}
	.header .naver li .nli h5{
		line-height: 40px;
		padding: 0;
	}
	.header .naver li .nli .ds{
		padding: 0;
	}
	.header .naver li .nli .ovs{
		padding: 0;
	}
	.header .naver li .nli dd a{
		font-size: 14px;
		padding: 0 30px;
		line-height: 40px;
	}
	.header{
		background: #fff !important;
	}
	.header .naver li h3 i,
	.header .naver li .nli span{
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
.header .naver li h3 i.on,
.header .naver li .nli span.on{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
}	
	
	.header .naver li .nli{
		box-shadow: none;
	}
	
	.mem_profiledel1 .swippic{
		padding: 2rem 0;margin: 1rem 0;
	}
	.mem_profiledel1 .swippic .swiper-slide{
		height: 20vw;border-radius: 5px;
	}
	
	
	
	.header .login li h6{
		font-size: 12px !important;word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.hy_mybbs{
		padding: 20px 0 40px;
	}
	.hy_mybbs .main .tps,
	.uitflax{
		display: block;
	}
	.uitflax .uitrgs,
	.uitflax .uitnavs{
		width: auto;
	}
	.hy_mybbs .main .tps dl{
		justify-content: space-between;width: auto;flex-wrap: wrap;
	}
	.hy_mybbs .main .tps dd{
		width: 50%;text-align: left;
	}
	.hy_mybbs .main .tps dd.on{
		width: 50%;
	}
	.hy_mybbs .main .tps .ls{
		width: auto;
	}
	.hy_mybbs .main .tps dd h4{
		font-size: 18px !important;
	}
	.hy_mybbs .main .tps dd h5{
		font-size: 12px !important;
	}
	.hy_mybbs .main .bds li{
		display: block;
	}
	.hy_mybbs .main .bds li h4{
		display: block;width: auto;
	}
	.hy_mybbs .main .bds li p{
		width: auto;
	}
	.hy_mybbs .mybbs .list li{
		padding: 10px;
	}
	.hy_mybbs .mybbs .list li .bns span,
	.hy_mybbs .mybbs .list li dd a{
		font-size: 14px;
	}
	.hy_mybbs .mybbs .list li h4{
		font-size: 14px !important;
	}
	.hy_mybbs .mybbs .list li .bns{
		width: 80px;line-height: 26px;
	}
	.hy_mybbs .mybbs .list li .bns span{
		line-height: 26px;
	}
	.uitmybbsinfo li h6{
		height: 36px;line-height: 36px;
	}
	.uitmybbsinfo li dl{
		display: block;
	}
	.uitmybbsinfo li dd{
		width: auto;margin-bottom: 16px;
	}
	.uitmybbsinfo li .t1{
		font-size: 14px;height: 36px;
	}
	.uitmybbsinfo dd .rs .urt .bns{
		font-size: 14px;line-height: 36px;
	}
	.uitmybbsinfo dd .rs{
	    display: block;
	}
	.uitmybbsinfo li .rs .urts{
	    margin: 10px auto 0;width: 100px;
	}
	.uitmybbsinfo li .rs .code{
	    line-height: 36px;border-radius: 20px;
	}
	.uitmybbsinfo li dl.on dd{
		width: auto;margin-right: 0;
	}
	.uitmybbsinfo li.on,
	.uitmybbsinfo li{
		margin-bottom: 16px;
	}
	.uitmybbsinfo li dl.ons dd:nth-child(2),
	.uitmybbsinfo li dl.ons dd:nth-child(1){
		width: auto;
	}
	.uitmybbsinfo dd .flax .lsele1{
		margin-bottom: 16px;width: 100%;
	}
	.uitmybbsinfo dd .flax{
		display: block;
	}
	.uitmybbsinfo dd .flax .t3{
		width: 100%;
	}
	.uitmybbsinfo li .lsele{
		font-size: 14px;height: 36px;width: 100%;
	}
	.uitmybbsinfo li .t4{
		height: 100px;
	}
	.hy_mybbs .works .list ul{
		display: block;
	}
	.hy_mybbs .works .list li{
		width: auto;margin-bottom: 16px;margin-right: 0;padding: 20px;
	}
	.hy_mybbs .posts .btn{
		font-size: 14px;width: 100px;line-height: 32px;
	}
	
	.uitmybbsinfo .filp .fps,
	.uitmybbsinfo .filp .ds{
		width: 110px;height: 110px;
	}
	.jlbhy_main .carousel .filp .ds .gb,
	.uitmybbsinfo .filp .ds .gb{
		background-size: 10px auto;
	}
	.jlbhy_main .carousel .fps,
	.jlbhy_main .carousel .filp .ds{
		width: 156px;height: 105px;
	}
	.jlbhy_main .main .ds .dl dd{
		display: block;
	}
	.jlbhy_main .main .ds .dl dd p,
	.jlbhy_main .main .ds .dl dd h4{
		width: auto;
	}
	.jlbhy_main .main .ds .uitprofe li{
		width: auto;margin-right: 0;
	}
	.jlbhy_main .news .list li{
		display: block;
	}
	.jlbhy_main .news .list li .pic{
		width: auto;height: auto;
	}
	.jlbhy_main .news .list li .txt{
		width: auto;
	}
	.jlbhy_main .theme .hds li{
		width: calc((100% - 52px)/6);margin-right: 10px;
	}
	.jlbhy_main .theme .hds li:nth-child(6n){
		margin-right: 0;
	}
	.jlbhy_main .theme .bds{
		padding:15px;
	}
	.uitnavs li .ico img{
		max-width: 50%;max-height: 50%;
	}
	
	.clubbtns a{
	    line-height:30px;
	}
	
	.uweb{
	    display: none !important;
	}
	.umobile{
	    display: block !important;
	}
	.uitovsol li .wudl{
	    display: block;
	}
	.uitovsol li .wudl dd{
	    margin: 0 0 10px 0;
	}
	.mem_profiledel .bds.bds2 li{
	    width: 100%;margin: 0 0 10px 0;
	}
	.mem_profiledel .bds.bds2 li .pic{
	    height: auto;
	}
	.hy_mybbs .main .bds li .flexc,
	.hy_mybbs .main .bds li.flex{
	    display: block;
	}
	.mag_article1 .tbtn,
	.uitapption li dd .rs .code{
	    line-height: 40px;font-size: 16px;
	}
	
}