You've already forked qlg.tsgz.moe
Init Repo
This commit is contained in:
root
609
hyhproject/mobile2/view/default/css/index.css
Executable file
609
hyhproject/mobile2/view/default/css/index.css
Executable file
@@ -0,0 +1,609 @@
|
||||
@CHARSET "UTF-8";
|
||||
.wst-in-header {
|
||||
height: 33px;
|
||||
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
|
||||
background: linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
|
||||
-webkit-transition: background-color .2s linear;
|
||||
-moz-transition: background-color .2s linear;
|
||||
-o-transition: background-color .2s linear;
|
||||
transition: background-color .2s linear;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.wst-in-header.active {
|
||||
height: 39px;
|
||||
background: #e50e0f;
|
||||
opacity: 0.87;
|
||||
}
|
||||
|
||||
.wst-in-search {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.wst-in-search .ui-icon-search {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: -2px;
|
||||
color: #fff;
|
||||
font-size: 0.35rem;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs {
|
||||
display: block;
|
||||
width: 73.5%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input {
|
||||
margin-top: 6px;
|
||||
padding: 0 0 0 25px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
border-radius: 15px;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
color: #fff;
|
||||
font-size: 0.14rem;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
letter-spacing: 1px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input::-webkit-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input:-moz-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs input::-moz-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs inputt:-ms-input-placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input {
|
||||
background: #fff;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input::-webkit-input-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input:-moz-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active input::-moz-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active inputt:-ms-input-placeholder {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-search .searchs.active .ui-icon-search {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.wst-in-search .classify {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 13.25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-search .classify i {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: url(../img/classify.png) center center no-repeat;
|
||||
background-size: 60%;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.wst-in-search .user {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 13.25%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-search .user a {
|
||||
color: #fff;
|
||||
font-size: 0.13rem;
|
||||
}
|
||||
|
||||
.wst-in-search .user i {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 33px;
|
||||
height: 33px;
|
||||
background: url(../img/message-icon.png) center center no-repeat;
|
||||
background-size: 60%;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.wst-in-search .user i .number {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: -1px;
|
||||
min-width: 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
background: #f74c31;
|
||||
color: #fff;
|
||||
font-size: 0.1rem;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
-webkit-border-radius: 8px;
|
||||
padding: 0 3px;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.wst-in-adso .adso img,
|
||||
.wst-in-adsb img,
|
||||
.wst-in-adscats img,
|
||||
.wst-in-activity .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block
|
||||
}
|
||||
|
||||
.wst-in-choose {
|
||||
padding: 5px 0 12px 0;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-choose p {
|
||||
width: 57.14285714%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 0.05rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-in-choose p img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wst-in-choose span {
|
||||
font-size: 0.13rem;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.wst-in-activity {
|
||||
background: #fff;
|
||||
padding: 5px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.wst-in-activity .img {
|
||||
height: 1.15rem;
|
||||
}
|
||||
|
||||
.wst-in-news {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
margin-top: 0.05rem;
|
||||
font-size: 0.14rem;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
background: #fff;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.wst-in-news .article {
|
||||
float: left;
|
||||
width: 60%;
|
||||
height: 22px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.wst-in-news .article p {
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
border-right: 1px solid #eee;
|
||||
}
|
||||
|
||||
.wst-in-news .new {
|
||||
float: left;
|
||||
width: 24%;
|
||||
text-align: left;
|
||||
margin-left: 3px;
|
||||
font: bold 13px/31px verdana;
|
||||
background: url(../img/icon_news1.png) 30px no-repeat;
|
||||
background-size: 50% 70%;
|
||||
}
|
||||
|
||||
.wst-in-news .new p {
|
||||
color: white;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wst-in-news a {
|
||||
color: #df0202;
|
||||
}
|
||||
|
||||
.wst-in-news .more {
|
||||
float: right;
|
||||
width: 15%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wst-in-news .more:active {
|
||||
background: #f2f1f1
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
display: none;
|
||||
-webkit-appearance: none
|
||||
}
|
||||
|
||||
.wst-in-adst {
|
||||
padding: 0.1rem 0px;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-adst img {
|
||||
float: left;
|
||||
width: 50%;
|
||||
border-bottom: 0.01rem solid #f2f1f1;
|
||||
}
|
||||
|
||||
.wst-in-adsb {
|
||||
height: 1.05rem;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.wst-in-title {
|
||||
height: 0.3rem;
|
||||
padding: 0.05rem 0;
|
||||
text-align: center;
|
||||
color: #addd2d;
|
||||
background: #fff;
|
||||
border-bottom: 0.01rem solid #f2f1f1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wst-in-title .line {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-top: 0.14rem;
|
||||
width: 66%;
|
||||
height: 0.02rem;
|
||||
background: #addd2d;
|
||||
}
|
||||
|
||||
.wst-in-title .name {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 0.4rem;
|
||||
}
|
||||
|
||||
.wst-in-title .name p {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 50%;
|
||||
height: 0.4rem;
|
||||
font: bold 0.158rem/0.43rem verdana;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wst-in-title .name p span {
|
||||
position: relative;
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
|
||||
.wst-in-title .icon {
|
||||
position: absolute;
|
||||
top: -0.02rem;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
background: url(../img/index-icon.png) 0px 0px no-repeat;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
.colour0 {
|
||||
color: #addd2d
|
||||
}
|
||||
|
||||
.colour0 .line {
|
||||
background: #addd2d
|
||||
}
|
||||
|
||||
.colour0 .icon {
|
||||
background-position: 0px 0px
|
||||
}
|
||||
|
||||
.colour1 {
|
||||
color: #59a4f0
|
||||
}
|
||||
|
||||
.colour1 .line {
|
||||
background: #59a4f0
|
||||
}
|
||||
|
||||
.colour1 .icon {
|
||||
background-position: 0px -0.41rem
|
||||
}
|
||||
|
||||
.colour2 {
|
||||
color: #d71c1c
|
||||
}
|
||||
|
||||
.colour2 .line {
|
||||
background: #d71c1c
|
||||
}
|
||||
|
||||
.colour2 .icon {
|
||||
background-position: 0px -0.81rem
|
||||
}
|
||||
|
||||
.colour3 {
|
||||
color: #f28748
|
||||
}
|
||||
|
||||
.colour3 .line {
|
||||
background: #f28748
|
||||
}
|
||||
|
||||
.colour3 .icon {
|
||||
background-position: 0px -1.20rem
|
||||
}
|
||||
|
||||
.colour4 {
|
||||
color: #f28bd4
|
||||
}
|
||||
|
||||
.colour4 .line {
|
||||
background: #f28bd4
|
||||
}
|
||||
|
||||
.colour4 .icon {
|
||||
background-position: 0px -1.60rem
|
||||
}
|
||||
|
||||
.colour5 {
|
||||
color: #a24220
|
||||
}
|
||||
|
||||
.colour5 .line {
|
||||
background: #a24220
|
||||
}
|
||||
|
||||
.colour5 .icon {
|
||||
background-position: 0px -2rem
|
||||
}
|
||||
|
||||
.colour6 {
|
||||
color: #4289db
|
||||
}
|
||||
|
||||
.colour6 .line {
|
||||
background: #4289db
|
||||
}
|
||||
|
||||
.colour6 .icon {
|
||||
background-position: 0px -2.41rem
|
||||
}
|
||||
|
||||
.colour7 {
|
||||
color: #f04f00
|
||||
}
|
||||
|
||||
.colour7 .line {
|
||||
background: #f04f00
|
||||
}
|
||||
|
||||
.colour7 .icon {
|
||||
background-position: 0px -2.80rem
|
||||
}
|
||||
|
||||
.colour8 {
|
||||
color: #009d4e
|
||||
}
|
||||
|
||||
.colour8 .line {
|
||||
background: #009d4e
|
||||
}
|
||||
|
||||
.colour8 .icon {
|
||||
background-position: 0px -3.20rem
|
||||
}
|
||||
|
||||
.colour9 {
|
||||
color: #f6dd06
|
||||
}
|
||||
|
||||
.colour9 .line {
|
||||
background: #f6dd06
|
||||
}
|
||||
|
||||
.colour9 .icon {
|
||||
background-position: 0px -3.61rem
|
||||
}
|
||||
|
||||
.colour10 {
|
||||
color: #b79467
|
||||
}
|
||||
|
||||
.colour10 .line {
|
||||
background: #b79467
|
||||
}
|
||||
|
||||
.colour10 .icon {
|
||||
background-position: 0px -4.01rem
|
||||
}
|
||||
|
||||
.colour11 {
|
||||
color: #ad2be2
|
||||
}
|
||||
|
||||
.colour11 .line {
|
||||
background: #ad2be2
|
||||
}
|
||||
|
||||
.colour11 .icon {
|
||||
background-position: 0px -4.42rem
|
||||
}
|
||||
|
||||
.wst-in-adscats {
|
||||
height: 60px
|
||||
}
|
||||
|
||||
.wst-in-goods {
|
||||
float: left;
|
||||
width: 50%;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
margin-bottom: 0.2rem;
|
||||
font-size: 0.08rem;
|
||||
background: #fff;
|
||||
color: #232326;
|
||||
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wst-in-goods.left {
|
||||
border-right: 0.02rem solid #f6f6f8;
|
||||
}
|
||||
|
||||
.wst-in-goods.right {
|
||||
border
|
||||
}
|
||||
|
||||
.lxy_p {
|
||||
color: #DE0202;
|
||||
font-size: 0.14rem;
|
||||
font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
.wst-in-goods .img {
|
||||
float: left;
|
||||
width: 1.76rem;
|
||||
height: 1.76rem;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.wst-in-goods .img a {
|
||||
width: 1.76rem;
|
||||
height: 1.76rem;
|
||||
display: table-cell;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.wst-in-goods .img a img {
|
||||
max-width: 1.76rem;
|
||||
max-height: 1.76rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .name {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 0.33rem;
|
||||
margin-top: 3px;
|
||||
line-height: 0.17rem
|
||||
}
|
||||
|
||||
.wst-in-goods .info {
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-top: 0.05rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info .price {
|
||||
float: left;
|
||||
font-size: 0.13rem;
|
||||
color: #e00102;
|
||||
}
|
||||
|
||||
.wst-in-goods .info .price span {
|
||||
font-size: 0.166rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 {
|
||||
float: left;
|
||||
width: 100%;
|
||||
font-size: 0.11rem;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 .price {
|
||||
float: left;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wst-in-goods .info2 .deal {
|
||||
float: right;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.ui-header~.ui-container {
|
||||
border-top: 0px solid transparent
|
||||
}
|
||||
|
||||
|
||||
/*轮播*/
|
||||
|
||||
.ui-slider-indicators {
|
||||
display: block;
|
||||
right: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ui-slider-indicators li {
|
||||
display: inline-block;
|
||||
margin: 0px 3px;
|
||||
width: 8px;
|
||||
height: 3px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-o-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.ui-slider-indicators li.current,
|
||||
.ui-slider-indicators li.current:before {
|
||||
background-color: #fff;
|
||||
}
|
||||
Reference in New Issue
Block a user