/*Copyright 2007 Qietu.com Inc. All rights reserved.*/
* {
margin: 0;
padding: 0;
-webkit-appearance: none; /*�紙�羌頵����莅ゆ�桁�*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
box-sizing: border-box;
}
html,
body {
overflow-x: hidden;
}
body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-text-size-adjust: 100%; /*�渇�㊧������翫�篏�*/
-webkit-overflow-scrolling: touch;
}
/*pad*/
img{
max-width:100%;
}
.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari �� Chrome */
-o-transform:rotate(7deg); /* Opera */
}
.toe{
/*莇��榊���ュ�*/
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*�嶈��号����藥�莅�UI�ユ顕������*/}
.gh {
display: none;
float:right;
height:34px;
width:34px;
margin-right:30px;
margin-top:25px;
position:relative;
transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
cursor:pointer;
}
.gh.selected {
transform: rotate(90deg);
}
.gh a {
background-color: #000;
display: block;
height: 4px;
margin-top: -2px;
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%;
}
.gh:hover a:before {
transform: translateY(-2px) rotate(0deg);
-webkit-transform: translateY(-2px) rotate(0deg);
-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
transform: translateY(2px) rotate(0deg);
-webkit-transform: translateY(2px) rotate(0deg);
-ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
transform: translateY(0px) rotate(-55deg);
-webkit-transform: translateY(0px) rotate(-55deg);
-ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
transform: translateY(0px) rotate(55deg);
-webkit-transform: translateY(0px) rotate(55deg);
-ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
background-color: #000;
content: "";
display: block;
height: 4px;
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;
width:100%;
}
.gh a:after {
top:10px;
}
.gh a:before {
top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
top: 0;
}
.gh.selected a:before {
transform: translateY(0px) rotate(-45deg);
-webkit-transform: translateY(0px) rotate(-45deg);
-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
transform: translateY(0px) rotate(45deg);
-webkit-transform: translateY(0px) rotate(45deg);
-ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
background-color: transparent !important;
}
/* �笈��絨鎡�--md */
@media screen and (max-width:1200px){
.wrapper{
width: auto;
margin: -18% 4%;
}
.mob_header{
height: 43px;
line-height: 43px;
padding: 6px 0;
}
.m_logo{
width: 120px;
height: 30px;
margin-left: 10px;
}
.header_txt{
font-size: 15px;
margin-right: 15px;
display: block;
height: 100%;
line-height: 31px;
}
.m-footer{
height: 50px;
line-height: 50px;
font-size: 15px;
}
.header{
background-position: center;
background-size:100% auto;
background-repeat: no-repeat;
height: 135px;
}
.naver h2{
display: none;
}
.naver li:after,
.naver li:before{
display: none!important;
}
.naver li{
width: 25%;margin: 0;
display: block;float: left;
height: 35px;
line-height: 35px;
font-size: 17px;
}
.naver .wrapper{
width: 100%;
margin: 0;
}
.naver ul{
float: none;
}
.naver{
margin-top: -20px;
}
.aud-banner{
height: 600px;
}
.aud-banner p{
font-size: 1.3rem;
margin: 0 auto;
width: 24rem;
padding-top: 3.2rem;
padding-bottom:1rem;
}
.text1{
background-size: 100%;
width:20rem ;
height: 6.2rem;
}
.aud-part-item .item-l{
width: 36%;
}
.aud-part-item .item-r{
width: 55%;
}
.aud-pack-list li{
width: 15%; margin-right: 1%;
}
.aud-other ul{
padding: 30px;
}
.aud-other li{
width: 33.33%; margin: 0; padding: 0 10px;
}
.sidebar{
position: static; height: auto; width: auto; border-radius: 0; height: 45px;
}
.sidebar .img{
display: none;
}
.sidebar .list{
border-radius: 0;
}
.sidebar .list ul{
margin-top: 0; background-color: #e01833; z-index: 22;
height: 45px;
position: fixed; left: 0; right: 0; bottom: 0;
display: flex;
display: -webkit-flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sidebar .list ul li{
font-size: 12px;text-align: center; width: 25%;
}
.sidebar .list ul li:hover{
color: #fff;
}
.sidebar .list .gotop{
padding: 0; height: auto; background: transparent;
}
}
/* 綛恰��--sm */
@media screen and (max-width:1000px) {
.aud-banner{
height: 350px;
}
.aud-card{
padding: 5px;border-radius: 15px;
}
.aud-problem{
border-radius: 15px;
}
.aud-row{
margin-top: 30px;
}
.aud-tit h2{
font-size: 20px;
}
.aud-tit h2 span:before,
.aud-tit h2 span:after{
width: 30px; height: 18px; background-size:cover ;
}
.aud-part{
margin-top: 40px;
}
.aud-part-tit{
margin-top: -25px;
}
.aud-part-tit h2{
font-size: 18px; padding: 6px 20px; border-width: 4px;
}
.aud-part-main{
padding: 30px 15px 15px;
}
.aud-part-item{
border-width: 5px;
}
.aud-part-item .item-l{
width: auto; float: none; border: 0;
}
.aud-part-item .item-r{
width: auto; float: none; margin: 0; padding: 30px 20px 20px 20px;
}
.aud-part-item .item-r h3{
font-size: 16px; margin-bottom: 15px;
}
.aud-part-item .item-r h3:before{
height: 16px; margin-right: 6px;
}
.aud-part-item .attr span{
font-size: 14px;
}
.aud-part-item .desc{
font-size: 14px;
}
.aud-part-tips span{
font-size: 12px; padding: 10px 15px;
}
.aud-part-tips span i{
width: 5px; height: 5px; margin: 0 5px;
}
.aud-part-span{
margin-top: .8rem !important;
}
.aud-part-table{
overflow-x: auto;
}
.aud-part-table table td.vtop{
padding: 10px;
}
.aud-part-table table{
min-width: 450px;
}
.aud-part-table table th{
height: 60px; font-size: 16px;
}
.aud-part-table table td{
padding: 10px 0;
}
.aud-part-table h3{
font-size: 16px;
}
.aud-part-table .txt{
padding-top: 0; font-size: 14px;
}
.aud-pack-list{
padding: 15px;
}
.aud-pack-list li{
width: 32.33%; height: 40px; line-height: 40px; font-size: 14px; margin-bottom: 5px;
}
.aud-pack-list li a{
line-height: 40px;
}
.aud-pack-btn{
padding: 15px 0; margin: 0 15px;
}
.aud-tit p{
font-size: 14px;
}
.aud-boon-box{
padding: 15px;
}
.aud-boon-from,
.aud-boon-qr{
float: none; width: auto;
}
.aud-boon-qr{
margin-top: 15px;
}
.aud-boon-from li{
margin-bottom: 10px;
}
.aud-boon-from select{
height: 45px; padding: 0 15px; font-size: 14px;
background: url(../images/tr.png) no-repeat right 15px center #fff; background-size:10px ;
}
.aud-boon-from .qrs,
.aud-boon-qr ul{
margin-right: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.aud-boon-from .qrs-item,
.aud-boon-qr li{
width: 49%;margin-right: 0;
}
.aud-boon-from .qrs-item img{
width: 100%; height: auto;
}
.aud-boon-from .qrs-item .txt{
font-size: 12px;
}
.aud-boon-qr li .txt{
margin-top: 10px; font-size: 12px;
}
.aud-class-table{
padding: 15px; overflow-x: auto;
}
.aud-class-table table{
border-radius: 15px; min-width: 400px;
}
.aud-class-table table td{
padding: 8px 0; font-size: 14px;
}
.aud-class-table .btn{
padding: 5px 10px;
}
.aud-class-table table th{
font-size: 14px; height: auto; padding: 10px 0;
}
.aud-other ul{
padding: 15px;
}
.aud-other li{
padding: 0 3px;
}
.aud-part-switch .swiper-slide{
height: 3.25rem;
width: 48% !important;
}
.aud-part-switch .img{
margin: 0 auto;
width: 14.2rem;
height: 3.25rem;
line-height: 3.25rem;
font-size: 1rem;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
.aud-part-item .qr p{
font-size: 12px;
}
.aud-boon-qr li img{
width: 11rem;
height: 11rem;
display: initial;
}
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:640px) {
}