elf
/
cf-platform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改手机触屏端样式

Browse Source
master
zhengchanglong 5 years ago
parent 2783890ac2
commit 97cd718c21
1 changed files with 259 additions and 259 deletions
Show Stats Download Patch File Download Diff File

518
Public/Mobile/css/common.css
Unescape Escape View File

@ -1,7 +1,7 @@
/** * 基本样式 * @author 鹿文学*/
/* common*/
html {
/* common*/
html {
margin:0;
padding:0;
font-family:'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;
@ -13,11 +13,11 @@
}
img {
/*height: 100%;*/
width: 100%;
border: none;
vertical-align: middle;
position: relative;
z-index: 2;
width: 100%;
border: none;
vertical-align: middle;
position: relative;
z-index: 2;
}
ol,ul {
list-style:none;
@ -63,15 +63,15 @@ body {
}
input,select,button,textarea {
outline: none;
/*font-size: 1.4rem;*/
font-family: inherit;
-webkit-appearance: none;
border: none;
color: #18b1ea;
font-size: 1.4rem;
font-family: inherit;
-webkit-appearance: none;
border: none;
color: #18b1ea;
width:50%;
box-sizing:border-box;
/*padding: 0.6rem;*/
border-radius: 20px;
padding: 0.6rem;
border-radius: 20px;
}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
background-color:#FFF;
@ -81,7 +81,7 @@ input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
margin:0;
}
/* head*/
.header {
.header {
width:100%;
z-index:99;
position:fixed;
@ -187,7 +187,7 @@ input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
height:5rem;
}
/**/
.emptybg {
.emptybg {
background:#FFF;
height:100vh;
}
@ -208,7 +208,7 @@ input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
background:#fff; /*加载更多变成白色背景*/
padding:1rem 0;
}
.table {
.table {
display:table;
width:100%;
height:100%;
@ -226,16 +226,16 @@ input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {
/*分享按钮 begin*/
.share_icon{
display: inline-block;
height: 2rem;
width: 2rem;
background: url(../images/icon_normal_zhuanfa@3x.png) no-repeat center center;
background-size: 100% 100%;
height: 2rem;
width: 2rem;
background: url(../images/icon_normal_zhuanfa@3x.png) no-repeat center center;
background-size: 100% 100%;
}
/*end 分享按钮*/
share_icon
/* foot*/
.space {
/* foot*/
.space {
height:6rem;
width:100%;
}
@ -324,7 +324,7 @@ share_icon
/* .pop-window .pop-box .pop-wrap .pop-title span {
color:#18B1EA;
}*/
.pop-window .pop-box .pop-wrap .pop-close {
.pop-window .pop-box .pop-wrap .pop-close {
position:absolute;
right:-1rem;
top:-1rem;
@ -526,7 +526,7 @@ share_icon
overflow:hidden;
}
.pop-form .pop-table-wrap .pop-table {
}
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:6rem;
font-size:2.2rem;
@ -539,7 +539,7 @@ share_icon
text-align:right;
}
.pop-form .pop-table-wrap .pop-table .pop-cell .pgood {
}
}
.pop-form .pop-table-wrap .pop-table .pop-cell p {
margin:0;
}
@ -599,12 +599,12 @@ share_icon
line-height: 4rem;
}
.pop-message .pop-box2.pop-picture {
height: 10rem;
line-height: 1.4;
height: 10rem;
line-height: 1.4;
}
.pop-message .pop-box2.pop-picture .pop-image {
width: 7rem;
height: 7rem;margin: 0 auto;
width: 7rem;
height: 7rem;margin: 0 auto;
}
.pop-hint-gift .pop-box .pop-wrap {
padding-left: 3vw;
@ -663,207 +663,207 @@ share_icon
@media screen and (max-width:550px) {
.pop-window .pop-box .pop-wrap .pop-title,.pop-form .pop-title {
font-size:2.5rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:2.5rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:5rem;
}
font-size:2.5rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:2.5rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:5rem;
}
}
@media screen and (max-width:450px) {
.header .caption {
font-size:2.2rem;
height:2.8rem;
margin:0 4rem;
}
.header .hbtn .iconfont {
font-size:3.2rem;
margin:1rem 0;
}
.header .person .iconfont {
font-size:3.2rem;
margin:.7rem 0;
}
.occupy {
height:4.8rem;
}
.header .searchwrap .search .text {
height:2.8rem;
}
.header .searchwrap .search .btn .iconfont {
font-size:2.5rem;
}
.header .searchbtn {
font-size:1.8rem;
padding:1rem 0;
}
.header .addbtn {
font-size:1.6rem;
width:8rem;
}
.searchpage .header .searchwrap .search .text {
height:3rem;
margin:.8rem 0 1.05rem;
}
.searchpage .header .searchwrap .search .btn {
top:1.25rem;
}
.empty p {
font-size:1.4rem;
}
.pop-window .pop-box .pop-wrap .pop-title,.pop-form .pop-title {
font-size:2.3rem;
}
.pop-window .pop-box .pop-wrap .pop-content {
font-size:1.6rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input, .pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
font-size:2.4rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
font-size:1.5rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
padding: .6rem 0.8rem .6rem 5.8rem;
width: 100%;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
left:0rem;
padding-top:1rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefixa {
font-size:1.5rem;
left:0rem;
padding-top:0.8rem;
vertical-align: middle;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
width:6rem;
padding-top:.6rem;
}
.pop-window .pop-box .pop-wrap .pop-textarea {
font-size:1.4rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.8rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:4rem;
}
font-size:2.2rem;
height:2.8rem;
margin:0 4rem;
}
.header .hbtn .iconfont {
font-size:3.2rem;
margin:1rem 0;
}
.header .person .iconfont {
font-size:3.2rem;
margin:.7rem 0;
}
.occupy {
height:4.8rem;
}
.header .searchwrap .search .text {
height:2.8rem;
}
.header .searchwrap .search .btn .iconfont {
font-size:2.5rem;
}
.header .searchbtn {
font-size:1.8rem;
padding:1rem 0;
}
.header .addbtn {
font-size:1.6rem;
width:8rem;
}
.searchpage .header .searchwrap .search .text {
height:3rem;
margin:.8rem 0 1.05rem;
}
.searchpage .header .searchwrap .search .btn {
top:1.25rem;
}
.empty p {
font-size:1.4rem;
}
.pop-window .pop-box .pop-wrap .pop-title,.pop-form .pop-title {
font-size:2.3rem;
}
.pop-window .pop-box .pop-wrap .pop-content {
font-size:1.6rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input, .pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
font-size:2.4rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
font-size:1.5rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
padding: .6rem 0.8rem .6rem 5.8rem;
width: 100%;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
left:0rem;
padding-top:1rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefixa {
font-size:1.5rem;
left:0rem;
padding-top:0.8rem;
vertical-align: middle;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
width:6rem;
padding-top:.6rem;
}
.pop-window .pop-box .pop-wrap .pop-textarea {
font-size:1.4rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.8rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:4rem;
}
}
@media screen and (max-width:400px) {
.pop-window .pop-box .pop-wrap .pop-content {
font-size:1.4rem;
}
.footer .nav .item .iconfont {
font-size:2.4rem;
padding:.3rem 0 0;
}
.footer .nav .item span {
font-size:1.3rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.6rem;
}
font-size:1.4rem;
}
.footer .nav .item .iconfont {
font-size:2.4rem;
padding:.3rem 0 0;
}
.footer .nav .item span {
font-size:1.3rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.6rem;
}
}
@media screen and (max-width:350px) {
.header .hbtn {
width:4rem;
}
.header .caption {
font-size:2rem;
height:2.2rem;
margin:0 4rem;
}
.header .hbtn .iconfont {
font-size:3rem;
margin:.7rem 0;
}
.header .person .iconfont {
margin:.6rem 0;
}
.occupy {
height:4.2rem;
}
.header .download .number {
right:.2rem;
width:1.6rem;
height:1.6rem;
line-height:1.6rem;
font-size:1.2rem;
}
.header .searchwrap .search .text {
height:2.6rem;
}
.header .searchwrap .search .btn .iconfont {
font-size:2.4rem;
}
.header .addbtn {
font-size:1.4rem;
width:6rem;
}
.searchpage .header .searchwrap .search .text {
margin:.8rem 0;
}
.searchpage .header .searchwrap .search .btn {
top:1.1rem;
}
.space {
height:4.7rem;
}
.footer .nav .item .iconfont {
font-size:2.2rem;
padding:.2rem 0 0;
}
.footer .nav .item span {
font-size:1.2rem;
}
.empty p {
font-size:1.2rem;
}
.pop-window .pop-box .pop-wrap .pop-title,.pop-form .pop-title {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-content {
font-size:1.2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:1.6rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input, .pop-window .pop-box .pop-wrap .pop-btnbox .prefix, .pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
font-size:1.4rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
width:100%;
padding:.6rem 0.8rem .6rem 5.8rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
left:0rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
width:5rem;
padding-top:.6rem;
}
.pop-window .pop-box .pop-wrap .pop-textarea {
font-size:1.2rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.4rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:3rem;
}
width:4rem;
}
.header .caption {
font-size:2rem;
height:2.2rem;
margin:0 4rem;
}
.header .hbtn .iconfont {
font-size:3rem;
margin:.7rem 0;
}
.header .person .iconfont {
margin:.6rem 0;
}
.occupy {
height:4.2rem;
}
.header .download .number {
right:.2rem;
width:1.6rem;
height:1.6rem;
line-height:1.6rem;
font-size:1.2rem;
}
.header .searchwrap .search .text {
height:2.6rem;
}
.header .searchwrap .search .btn .iconfont {
font-size:2.4rem;
}
.header .addbtn {
font-size:1.4rem;
width:6rem;
}
.searchpage .header .searchwrap .search .text {
margin:.8rem 0;
}
.searchpage .header .searchwrap .search .btn {
top:1.1rem;
}
.space {
height:4.7rem;
}
.footer .nav .item .iconfont {
font-size:2.2rem;
padding:.2rem 0 0;
}
.footer .nav .item span {
font-size:1.2rem;
}
.empty p {
font-size:1.2rem;
}
.pop-window .pop-box .pop-wrap .pop-title,.pop-form .pop-title {
font-size:2rem;
}
.pop-window .pop-box .pop-wrap .pop-content {
font-size:1.2rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-btn,.pop-form .pop-butn-box .butn {
font-size:1.6rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input, .pop-window .pop-box .pop-wrap .pop-btnbox .prefix, .pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
font-size:1.4rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-input {
width:100%;
padding:.6rem 0.8rem .6rem 5.8rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .prefix {
left:0rem;
}
.pop-window .pop-box .pop-wrap .pop-btnbox .pop-copy {
width:5rem;
padding-top:.6rem;
}
.pop-window .pop-box .pop-wrap .pop-textarea {
font-size:1.2rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
font-size:1.4rem;
}
.pop-form .pop-table-wrap .pop-table .pop-cell {
height:3rem;
}
}
/*浮动层*/
.float_contact {
.float_contact {
position: fixed;
bottom: -60px;
z-index: 999;
@ -1078,21 +1078,21 @@ share_icon
@media (min-width: 300px) {
body {
width: 100%;
height:auto;
background: url(../images/bg.jpg) no-repeat ;
background-size: 100%;
background-attachment:fixed;
}
.float_contact {
display:block;
}
width: 100%;
height:auto;
background: url(../images/bg.jpg) no-repeat ;
background-size: 100%;
background-attachment:fixed;
}
.float_contact {
display:block;
}
}
@media screen and (min-width: 769px) {
.float_contact {
display:none;
}
.float_contact {
display:none;
}
}
/*@author zwm*/
@ -1109,18 +1109,18 @@ share_icon
}
.zdiv_copy{
width: 100%;
margin-top: 0.5rem;
margin-top: 0.5rem;
}
.zdiv_copy .copy.pop-btn{
font-size: 1.5rem;
color: #fff;
background-color: #18b1ea;
padding: 0.3rem 1rem;
border-radius: 0.3rem;
display: block;
width: 8rem;
margin: 0 auto;
text-align: center;
font-size: 1.5rem;
color: #fff;
background-color: #18b1ea;
padding: 0.3rem 1rem;
border-radius: 0.3rem;
display: block;
width: 8rem;
margin: 0 auto;
text-align: center;
}
.code.pop-txt{
width:90%;
@ -1133,27 +1133,27 @@ share_icon
height:4.4rem;
width:4.4rem;
border-radius: 12px;
background-color: #e2e2e2;
overflow: hidden;
background-color: #e2e2e2;
overflow: hidden;
}
.dis_tab1{
position: absolute;
z-index: 0;
top: 1.5rem;
left: 0;
display: table;
width: 4.4rem;
height: 4.4rem;
text-align: center;
vertical-align: middle;
font-size: 16px;
color: #bababa;
table-layout: fixed;
background-color: #e2e2e2;
position: absolute;
z-index: 0;
top: 1.5rem;
left: 0;
display: table;
width: 4.4rem;
height: 4.4rem;
text-align: center;
vertical-align: middle;
font-size: 16px;
color: #bababa;
table-layout: fixed;
background-color: #e2e2e2;
}
.dis_tabcell1{
display: table-cell;
vertical-align: middle;
vertical-align: middle;
}
.dis_tabcell1 div{
overflow:hidden;
@ -1167,7 +1167,7 @@ share_icon
min-height:80vh;
}
@media screen and (min-width: 769px) {
.pop-window{
.pop-window{
max-width:640px;
margin: 0 auto;
}

Write Preview
Loading…
Cancel
Save