Commit 8a5553cf by 肖康

H5手机分辨率测试

parent 1ad9324a
Showing with 22 additions and 153 deletions
.ac618{
background: #ee194b;
background: #fe2035;
padding-bottom: 50px;
.header{
img{width:100%;}
.floor1{
height:6.5rem;
width:100%;
background: url(../../images/ac618/H5_01.png) no-repeat;
background-size: 100% 100%;
}
.yhq-boxs{
.yhq-item{
text-align: center;
flex:1;
height:158px;
background: url(../../images/ac618/yh50.png) no-repeat;
background-size: 100% 100%;
position: relative;
.t1{
color:#35156e;
font-size: 10px;
position: relative;
top:52px;
}
.t2{
color:#35156e;
font-size: 12px;
font-weight: bold;
position: relative;
top:62px;
}
.t3{
color:#fff;
font-size: 9px;
position: relative;
top:68px;
}
.t4{
color:#fff;
font-size: 12px;
position: absolute;
text-align: center;
height:31px;
bottom: 0px;
width:100%;
line-height: 31px;
}
&.item100{
background: url(../../images/ac618/yh100.png) no-repeat;
background-size: 100% 100%;
}
}
}
.prize-boxs{
padding:10px;
margin-top: 20px;
.titleac{
font-size: 16px;
color:#fff;
padding-left: 10px;
border-left:5px solid #35156e;
height:20px;
line-height: 20px;
span{
color:#ffa7b4;
font-size: 10px;
float:right;
}
}
.prize-cons{
margin-top: 15px;
img{
width:100%;
}
background-size: 100% 100%;
}
}
.new-prizes{
padding:10px;
margin-top: 10px;
.titleac{
font-size: 16px;
color:#fff;
padding-left: 10px;
border-left:5px solid #ffac00;
height:20px;
line-height: 20px;
span{
color:#ffa7b4;
font-size: 10px;
}
p{
float:right;
color:#f9e958;
font-size: 10px;
}
}
.prize-cons{
margin-top: 15px;
img{width:100%;height:120px;margin-bottom: 10px;}
}
.floor2{
height:18.02rem;
width:100%;
background: url(../../images/ac618/H5_02.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.supplier-boxs {
padding:10px;
.floor3{
height:10.93rem;
width:100%;
background: url(../../images/ac618/H5_03.png) no-repeat;
background-size: 100% 100%;
position: relative;
.titleac{
font-size: 16px;
color:#fff;
padding-left: 10px;
border-left:5px solid #3a0a72;
height:20px;
line-height: 20px;
}
.prize-cons {
margin-top: 20px;
a {
display : block;
margin-left: 10px;
margin-bottom: 10px;
img {
display : block;
border-radius: 3px;
width:100%;
height:44px;
}
div {
font-size : 12px;
color : #fff;
margin-top: 10px;
font-weight: bold;
text-align: center;
}
p {
color : #ffabb8;
font-size : 10px;
text-align: center;
margin-top: 5px;
text-align: center;
}
&.firstpr {
margin-left: 0px;
}
}
}
}
.zy-mall{
padding:10px;
position: relative;
......@@ -172,6 +48,7 @@
height:22px;
line-height: 22px;
overflow:hidden;
&.item33{width:33.33%;}
&.t2{
font-size: 14px;
color:#1483e0;
......
.ac618{background:#ee194b;padding-bottom:50px}.ac618 .header img{width:100%}.ac618 .yhq-boxs .yhq-item{text-align:center;flex:1;height:158px;background:url(../../images/ac618/yh50.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .yhq-boxs .yhq-item .t1{color:#35156e;font-size:10px;position:relative;top:52px}.ac618 .yhq-boxs .yhq-item .t2{color:#35156e;font-size:12px;font-weight:bold;position:relative;top:62px}.ac618 .yhq-boxs .yhq-item .t3{color:#fff;font-size:9px;position:relative;top:68px}.ac618 .yhq-boxs .yhq-item .t4{color:#fff;font-size:12px;position:absolute;text-align:center;height:31px;bottom:0px;width:100%;line-height:31px}.ac618 .yhq-boxs .yhq-item.item100{background:url(../../images/ac618/yh100.png) no-repeat;background-size:100% 100%}.ac618 .prize-boxs{padding:10px;margin-top:20px}.ac618 .prize-boxs .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #35156e;height:20px;line-height:20px}.ac618 .prize-boxs .titleac span{color:#ffa7b4;font-size:10px;float:right}.ac618 .prize-boxs .prize-cons{margin-top:15px;background-size:100% 100%}.ac618 .prize-boxs .prize-cons img{width:100%}.ac618 .new-prizes{padding:10px;margin-top:10px}.ac618 .new-prizes .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #ffac00;height:20px;line-height:20px}.ac618 .new-prizes .titleac span{color:#ffa7b4;font-size:10px}.ac618 .new-prizes .titleac p{float:right;color:#f9e958;font-size:10px}.ac618 .new-prizes .prize-cons{margin-top:15px}.ac618 .new-prizes .prize-cons img{width:100%;height:120px;margin-bottom:10px}.ac618 .supplier-boxs{padding:10px;position:relative}.ac618 .supplier-boxs .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #3a0a72;height:20px;line-height:20px}.ac618 .supplier-boxs .prize-cons{margin-top:20px}.ac618 .supplier-boxs .prize-cons a{display:block;margin-left:10px;margin-bottom:10px}.ac618 .supplier-boxs .prize-cons a img{display:block;border-radius:3px;width:100%;height:44px}.ac618 .supplier-boxs .prize-cons a div{font-size:12px;color:#fff;margin-top:10px;font-weight:bold;text-align:center}.ac618 .supplier-boxs .prize-cons a p{color:#ffabb8;font-size:10px;margin-top:5px;text-align:center}.ac618 .supplier-boxs .prize-cons a.firstpr{margin-left:0px}.ac618 .zy-mall{padding:10px;position:relative}.ac618 .zy-mall .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #ffac00;height:20px;line-height:20px}.ac618 .zy-mall .list-cons{margin-top:15px}.ac618 .zy-mall .list-cons a{height:46px;display:block;background:#fff;border-radius:3px;margin-bottom:5px;padding:10px }.ac618 .zy-mall .list-cons a .item{width:50%;height:22px;line-height:22px;overflow:hidden}.ac618 .zy-mall .list-cons a .item.t2{font-size:14px;color:#1483e0;font-weight:bold}.ac618 .zy-mall .list-cons a .item.t3{font-size:11px;color:#727272;text-align:right}.ac618 .zy-mall .list-cons a .item.t3 span{text-decoration:line-through}.ac618 .zy-mall .list-cons a .item.t1{font-size:12px;color:#404040}.ac618 .zy-mall .list-cons a .item.t4{color:#727272;font-size:11px;text-align:right}.ac618 .zy-mall .list-cons a .item.t4 span{color:#d10020;font-size:12px;font-weight:bold}.ac618 .zy-mall .kfbtng{display:block;height:30px;width:100px;color:#fff;font-size:14px;line-height:30px;text-align:center;margin:0 auto;margin-top:20px;border-radius:6px;background:#0082e7}.ac618 .rule-box{padding:10px;margin-top:10px}.ac618 .rule-box .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #3a0a72;height:20px;line-height:20px;margin-bottom:10px}.ac618 .rule-box p{font-size:10px;color:#ffa7b4;line-height:30px;padding-left:14px}.slide-bar{display:none}
\ No newline at end of file
.ac618{background:#fe2035;padding-bottom:50px}.ac618 .floor1{height:6.5rem;width:100%;background:url(../../images/ac618/H5_01.png) no-repeat;background-size:100% 100%}.ac618 .floor2{height:18.02rem;width:100%;background:url(../../images/ac618/H5_02.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .floor3{height:10.93rem;width:100%;background:url(../../images/ac618/H5_03.png) no-repeat;background-size:100% 100%;position:relative}.ac618 .zy-mall{padding:10px;position:relative}.ac618 .zy-mall .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #ffac00;height:20px;line-height:20px}.ac618 .zy-mall .list-cons{margin-top:15px}.ac618 .zy-mall .list-cons a{height:46px;display:block;background:#fff;border-radius:3px;margin-bottom:5px;padding:10px }.ac618 .zy-mall .list-cons a .item{width:50%;height:22px;line-height:22px;overflow:hidden}.ac618 .zy-mall .list-cons a .item.item33{width:33.33%}.ac618 .zy-mall .list-cons a .item.t2{font-size:14px;color:#1483e0;font-weight:bold}.ac618 .zy-mall .list-cons a .item.t3{font-size:11px;color:#727272;text-align:right}.ac618 .zy-mall .list-cons a .item.t3 span{text-decoration:line-through}.ac618 .zy-mall .list-cons a .item.t1{font-size:12px;color:#404040}.ac618 .zy-mall .list-cons a .item.t4{color:#727272;font-size:11px;text-align:right}.ac618 .zy-mall .list-cons a .item.t4 span{color:#d10020;font-size:12px;font-weight:bold}.ac618 .zy-mall .kfbtng{display:block;height:30px;width:100px;color:#fff;font-size:14px;line-height:30px;text-align:center;margin:0 auto;margin-top:20px;border-radius:6px;background:#0082e7}.ac618 .rule-box{padding:10px;margin-top:10px}.ac618 .rule-box .titleac{font-size:16px;color:#fff;padding-left:10px;border-left:5px solid #3a0a72;height:20px;line-height:20px;margin-bottom:10px}.ac618 .rule-box p{font-size:10px;color:#ffa7b4;line-height:30px;padding-left:14px}.slide-bar{display:none}
\ No newline at end of file
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
This diff could not be displayed because it is too large.
.slide-bar .iconimg{width:50px;height:50px;display:block}.slide-bar .icon-kefu666{background:url(../img/kfp.6a6ca2c2.png) no-repeat;background-size:100%}.slide-bar .icon-gouwuche666{background:url(../img/carp.d37969b5.png) no-repeat;background-size:100%}.slide-bar .icon-xiangshangs666{background:url(../img/arrowtop.c6ef8ec1.png) no-repeat;background-size:100%}.user-inquiry{min-height:100%;background:#f2f9fc}.user-inquiry .customer-service{display:none}.user-inquiry .user-inquiry-head{padding-top:.75rem;padding-bottom:.81rem}.user-inquiry .user-inquiry-head img{width:81px;height:40px;margin:0 auto;display:block}.user-inquiry .user-inquiry-head p{margin-top:.59rem;font-size:12px;color:#6f6f6f;text-align:center}.user-inquiry .section{padding:.73rem 0 1.48rem 0;margin:0 .2rem;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(180,202,211,.38);box-shadow:0 0 4px 0 rgba(180,202,211,.38);border-radius:3px}.user-inquiry .section .input-box{margin-bottom:.33rem}.user-inquiry .section .input-box label{text-align:right;width:77px;font-size:12px;color:#333;margin-left:.4rem}.user-inquiry .section .input-box label em{color:#f01d1d;margin-right:.1rem}.user-inquiry .section .input-box .input-wrap{margin-left:.3rem}.user-inquiry .section .input-box .input-wrap .imgcode{width:2.15rem;height:35px;margin-left:.27rem}.user-inquiry .section .input-box .input-wrap .imgcode img{width:100%;height:100%}.user-inquiry .section .input-box .input-wrap .code-input{width:3.9rem;height:35px;border-radius:2px;border:1px solid #d2d5d7;text-indent:1em}.user-inquiry .section .input-box .input-wrap .code{width:2.15rem;height:35px;background:#fff;border-radius:1px;border:1px solid #08d;font-size:12px;color:#08d;margin-left:.27rem}.user-inquiry .section .input-box .input-wrap .code.code-curr{color:#ccc;border:1px solid #ccc}.user-inquiry .section .input-box .input-wrap .inp{width:6.3rem;height:35px;border-radius:2px;border:1px solid #d2d5d7;text-indent:1em}.user-inquiry .section .btn{margin-top:1rem}.user-inquiry .section .btn .btn1{width:110px;height:32px;background:#fff;border-radius:1px;border:1px solid #1969f9;font-size:15px;color:#1969f9;text-align:center;margin-right:.67rem}.user-inquiry .section .btn .btn2{width:112px;height:34px;background:#1969f9;border-radius:1px;font-size:15px;color:#fff}
\ No newline at end of file
.news li,.news ul{font-family:"\5FAE\8F6F\96C5\9ED1"!important}.news .borderBottom{border-bottom:1px solid #e5e5e5}.news .navList{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden}.news .navList p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navList p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navListfixed{border-bottom:1px solid #e5e5e5;padding:0 10px;clear:both;height:40px;line-height:40px;font-size:14px;background:#fff;overflow:hidden;position:fixed;top:39px;left:0;right:0}.news .navListfixed p{text-align:center;width:33.33%;color:#333;float:left;cursor:pointer;height:40px;line-height:40px}.news .navListfixed p.act{color:#e10601;border-bottom:2px solid #e10601}.news .navList44 p{width:25%}.news .listBox li{padding:10px;height:100px;background:#fff;border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box}.news .listBox li img{height:75px;width:27%;float:left;border:0;outline:none}.news .listBox li .boxgrt{height:75px;width:66%;float:right}.news .listBox li .boxgrt .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;font-size:.32rem;font-weight:700;height:50px;line-height:25px}.news .listBox li .boxgrt .titleLook{font-size:14px;color:#999;margin-top:5px}
\ No newline at end of file
.user-setting{min-height:100%;background:#f8f8f8}.user-setting .pic-head{padding-top:.55rem;padding-left:.45rem;margin-bottom:.49rem}.user-setting .pic-head img{width:58px;height:58px;border:1px solid #fff;border-radius:50%}.user-setting .pic-head span{font-size:18px;color:#333;font-weight:700;margin-left:.37rem}.user-setting .list{padding:0 .2rem}.user-setting .list,.user-setting .list li{-webkit-box-sizing:border-box;box-sizing:border-box}.user-setting .list li{height:45px;background:#fff;-webkit-box-shadow:0 0 4px 0 rgba(180,202,211,.38);box-shadow:0 0 4px 0 rgba(180,202,211,.38);border-radius:3px;margin-bottom:.27rem;padding-left:.43rem}.user-setting .list li a{height:100%}.user-setting .list li a span{font-size:13px;color:#333}.user-setting .list li a .iconfont{color:#a6a6a6;font-size:11px;margin-right:.8rem}.user-setting .exit{font-size:13px;color:#6f6f6f;text-align:center;margin:3rem auto 0;display:block}
\ No newline at end of file
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment