2019-09-06 23:53:10 +08:00

609 lines
8.8 KiB
CSS
Executable File

@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;
}