No puede seleccionar más de 25 temas
Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
227 líneas
3.9 KiB
227 líneas
3.9 KiB
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-appearance: none; /*去掉浏览器默认样式*/
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
-webkit-touch-callout: none;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body,.body {
|
|
|
|
-webkit-text-size-adjust: 100%; /*关闭自动调整字体*/
|
|
-webkit-overflow-scrolling: touch;
|
|
overflow-scrolling: touch;
|
|
}
|
|
|
|
|
|
/*pad*/
|
|
img{
|
|
max-width:100%;
|
|
}
|
|
|
|
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
|
|
@media only screen and (max-width:1480px) {
|
|
.wrapper{
|
|
width: 1240px;
|
|
}
|
|
.hbanner .wrapper{
|
|
background-size: 650px auto;
|
|
}
|
|
.hrow .txt h2{
|
|
font-size: 36px;
|
|
}
|
|
.hrow .txt p{
|
|
font-size: 18px;
|
|
}
|
|
|
|
}
|
|
/* 电脑小屏--md */
|
|
@media screen and (max-width:1200px){
|
|
.wrapper{
|
|
width: 1170px;
|
|
}
|
|
|
|
/*价格*/
|
|
.mprice-main .wrapper{
|
|
padding-left: 150px;
|
|
position: relative;
|
|
margin-right: 20px;
|
|
|
|
}
|
|
.mprice-main{
|
|
background-size: cover;
|
|
padding-bottom: 40px;
|
|
padding-top: 100px;
|
|
}
|
|
.mprice-main .itemwrap{
|
|
white-space: nowrap;
|
|
overflow-x: scroll;
|
|
padding-top: 80px;
|
|
}
|
|
.mprice-main .item{
|
|
float: none; display: inline-block;
|
|
vertical-align: top;
|
|
width: 200px;
|
|
}
|
|
.mprice-main .item ul.tit{
|
|
padding-left: 20px;
|
|
}
|
|
.mprice-main .itemtit{
|
|
position: absolute; left: 0; top: 0;
|
|
}
|
|
.mprice-main .item .btn a{
|
|
width: 120px; height: 45px; line-height: 45px; font-size: 14px;
|
|
}
|
|
.mprice-explain{
|
|
padding: 60px 0;
|
|
}
|
|
.mprice-explain .wrapper{
|
|
padding: 0 20px;
|
|
}
|
|
|
|
}
|
|
/* 平板--sm */
|
|
@media screen and (max-width:992px) {
|
|
.gh{
|
|
display: block;
|
|
}
|
|
.gh+ .nav{
|
|
height: auto;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
transition: 0.4s;
|
|
padding: 0; max-height: 0;
|
|
margin-right: 0;
|
|
float: none;
|
|
width: 100%;
|
|
text-align: center;
|
|
|
|
}
|
|
.header .nav ul{
|
|
padding: 20px 0;
|
|
}
|
|
.header .nav li{
|
|
display: block;
|
|
margin-left: 0;
|
|
}
|
|
.nav a{
|
|
color: #000; display: block; padding: 10px 0;
|
|
}
|
|
.header{
|
|
/*margin-top: 20px;*/
|
|
padding-top: 20px;
|
|
}
|
|
.header .logo{
|
|
margin-left: 20px;
|
|
}
|
|
.wrapper{
|
|
width: auto;
|
|
}
|
|
.hbanner .wrapper{
|
|
background-size: 300px auto;
|
|
background-position: center 100px;
|
|
padding-top: 400px;
|
|
height: auto;
|
|
padding-bottom: 100px;
|
|
}
|
|
.hbanner-txt .btns a{
|
|
width:auto; min-width: 120px; height: 45px; line-height: 45px;
|
|
}
|
|
.hbanner-txt{
|
|
padding-left: 40px;
|
|
/*text-align: center;*/
|
|
}
|
|
.hbanner-txt h2{
|
|
font-size: 24px;
|
|
}
|
|
.hbanner-txt .list li{
|
|
margin-bottom: 15px;
|
|
}
|
|
.hrow .img{
|
|
width: auto; float: none; text-align: center;
|
|
padding-top: 0;
|
|
}
|
|
.hrow{
|
|
height: auto !important;
|
|
padding-bottom: 100px;
|
|
padding-top: 100px;
|
|
}
|
|
.hrow .txt{
|
|
width: auto; float: none; padding-top: 40px;
|
|
}
|
|
.hrow .img>img{
|
|
max-width: 220px;
|
|
}
|
|
.hrow .txt h2{
|
|
font-size: 24px; margin-bottom: 20px;
|
|
}
|
|
.hrow .txt p{
|
|
font-size: 14px; padding-bottom: 10px;
|
|
}
|
|
|
|
.hfoot{
|
|
padding-top: 100px;
|
|
height: auto;
|
|
padding-bottom: 120px;
|
|
background-size: cover;
|
|
}
|
|
.hfoot h2{
|
|
font-size: 24px;
|
|
}
|
|
.hfoot h2 br{
|
|
display: block;
|
|
}
|
|
.hfoot .btn{
|
|
width:auto; min-width: 120px; height: 45px; line-height: 45px;
|
|
}
|
|
|
|
/*下载*/
|
|
.downpage{
|
|
width: auto; margin-left: 20px; margin-right: 20px;
|
|
margin-top: 100px;
|
|
margin-bottom: 100px;
|
|
}
|
|
.downlist{
|
|
padding: 40px 0;
|
|
}
|
|
.downlist .body{
|
|
margin-top: 40px;
|
|
}
|
|
.downlist .body li{
|
|
display: block; margin-bottom: 40px;
|
|
}
|
|
.downlist .body .btn a{
|
|
width: auto; min-width: 120px; height: 45px; line-height: 45px; font-size: 14px;
|
|
}
|
|
|
|
/*注册*/
|
|
.form-box{
|
|
width: auto; margin-left: 20px; margin-right: 20px;
|
|
margin-top: 150px;
|
|
margin-bottom: 100px;
|
|
}
|
|
.form{
|
|
padding: 20px;
|
|
padding-top: 70px;
|
|
}
|
|
.form-btns button{
|
|
height: 45px; line-height: 45px; font-size: 14px;
|
|
}
|
|
.form-list .text{
|
|
height: 45px;
|
|
}
|
|
.form-list .textcode + img{
|
|
height: 45px; width: 100px;
|
|
}
|
|
|
|
/*价格*/
|
|
|
|
|
|
}
|
|
@media screen and (max-width:768px){
|
|
/*.wrapper{
|
|
width: 750px;
|
|
}*/
|
|
}
|