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