* { 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; }*/ }