heibai2006/wpfw_ewei_shopv2
2
1
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity
f5f41da866
wpfw_ewei_shopv2/plugin/exchange/static/css/input.css
meng c477860168 初始化
2023-02-14 19:57:32 +08:00

715 lines
15 KiB
CSS
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "utf-8";
/**
* Created on 16-3-30.
*/
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, input, textarea, button, select, img {
margin: 0;
padding: 0;
}
body, textarea, select, button, table {
font-size: 16px;
line-height: 1.25em;
font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
input {
font-size: 11px;
font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
}
body {
font-size: 16px;
font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #cf3e4e;
color: #333;
}
img {
border: 0;
vertical-align: top;
}
ul, ol {
list-style: none;
}
em, var {
font-weight: normal;
font-style: normal;
}
a {
color: #785a00;
text-decoration: none;
}
:focus {
outline: 0;
-moz-outline-style: none;
}
p {
line-height: 165%;
word-wrap: break-word;
word-break: break-all;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
input::-webkit-input-placeholder {
/*color: #8f7835 !important;*/
/* WebKit browsers /
　　}
　　input:-moz-placeholder {
　　color: #8f7835 !important; / Mozilla Firefox 4 to 18 /
　　}
　　input::-moz-placeholder {
　　color: #8f7835 !important; / Mozilla Firefox 19+ /
　　}
　　input:-ms-input-placeholder {
　　color: #8f7835 !important; / Internet Explorer 10+ */
}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {
display: none;
}
#couponsWrap {
width: 100%;
height: auto;
position: relative;
display: block;
}
#couponsWrap .bagWrap {
/*background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/top_bg.jpg) no-repeat bottom center;
background-size: 100% 100%;
min-height: 272px;*/
}
#couponsWrap .firstStep {
padding: 10px 20px;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupons_bg.jpg) repeat-y;
background-size: 100% 100%;
margin-top: -29%;
}
#couponsWrap .firstStep .inputWrap {
margin: 0 auto;
display: block;
}
#couponsWrap .firstStep label {
display: block;
padding-left: 55px;
position: relative;
margin-bottom: 10px;
}
#couponsWrap .firstStep label span {
width: 95px;
text-align: right;
display: inline-block;
position: absolute;
left: -45px;
font-size: 13px;
height: 40px;
line-height: 40px;
}
#couponsWrap .firstStep label em {
display: block;
padding: 9px 0;
border-radius: 5px;
border: 1px solid #e8e8e8;
background: #FFF;
position: relative;
padding-right: 35px;
}
#couponsWrap .firstStep label input {
margin-left: 5px;
border: 0 none;
width: 100%;
}
#couponsWrap .firstStep label i {
position: absolute;
right: 12px;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/btn-close.png) no-repeat top center;
background-size: 100% 100%;
width: 18px;
height: 18px;
top: 10px;
display: none;
}
#couponsWrap .btn-submit {
width: 90%;
display: block;
margin: 20px auto 0;
}
#couponsWrap .btn-submit a.couponsSubmit {
height: 40px;
line-height: 40px;
text-align: center;
color: #FFF;
background: #d9d9d9;
border: 0 none;
display: block;
width: 100%;
border-radius: 5px;
font-size: 13px;
}
#couponsWrap .btn-submit a.sure {
background: #cf3e4e;
}
#couponsWrap .secondStep {
padding: 0 20px 10px;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupons_bg.jpg) repeat-y;
background-size: 100% 100%;
margin-top: -30%;
}
#couponsWrap .secondStep .couponintro {
text-align: center;
font-size: 12px;
}
#couponsWrap .secondStep .telNum {
padding: 0 5px;
}
/*优惠券样式*/
.coupons {
padding: 10px 0 0;
box-sizing: border-box;
}
.coupons li {
position: relative;
margin: 0 auto 10px;
color: #999;
border-top: 1px solid #ddd;
/*border-left: 4px solid #FF7866;*/
border-radius: 4px;
font-size: 14px;
box-shadow: 1px 1px 1px #ddd;
background-color: #fff;
width: 95%;
}
.coupons li .tit {
font-size: 12px;
color: #333;
}
.coupons .info-box {
margin: 0 12px;
-webkit-box-flex: 1;
}
.coupons .info-box .shopName em {
margin-left: 5px;
color: #39ac69;
}
.coupons .less {
position: relative;
margin-bottom: 4px;
color: #333;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
padding-right: 26px;
}
.coupon .user-coupon-des {
font-size: 10px;
color: #666;
}
.coupons .coupon-head {
display: table-cell;
position: relative;
width: 80px;
height: 80px;
border-right: 1px dotted #e3e3e3;
text-align: center;
vertical-align: middle;
}
.couponItemWrapper::after, .couponItemWrapper::before {
z-index: 2;
content: '';
display: block;
position: absolute;
top: 0;
left: 77px;
width: 8px;
height: 8px;
border-radius: 10px;
background-color: #fff;
}
.couponItemWrapper::after {
top: auto;
bottom: 0;
}
.coupons em.unit {
font-size: 14px;
font-weight: bold;
}
.coupons b.money {
font-size: 34px;
}
.couponItemWrapper {
display: -webkit-box;
-webkit-box-align: center;
}
.coupons .bgc1 {
border-left: 4px solid #FF7866;
}
.coupons .bgc1 .cont {
color: #FF7866;
}
.coupons .bgc2 {
border-color: #FFB73B;
}
.coupons .bgc2 .cont {
color: #FFB73B;
}
.coupons .bgc3 {
border-color: #1abaff;
}
.coupons .bgc4 {
border-color: #1abaff;
}
.coupons .bgc3 .cont, .coupons .bgc4 .cont {
color: #1abaff;
}
.coupons .clipUsed, .coupons .past, .coupons .used {
border-color: #ccc;
opacity: .8;
}
.coupons .clipUsed .pdj-icon, .coupons .past .pdj-icon, .coupons .used .pdj-icon {
opacity: 0.6;
}
.coupons .used, .coupons .past, .coupons .used .cont, .coupons .past .cont, .coupons .used .less, .coupons .past .less {
color: #ccc;
border-color: #ccc;
}
.coupons .info-box .checkbox {
display: none;
position: absolute;
top: 6px;
right: 10px;
width: 22px;
height: 22px;
background-position: -143px -319px;
}
.coupons .user .info-box .checkbox {
display: block;
}
.coupons .user .info-box .checkbox.checked {
background-position: -99px -319px;
}
.coupons .ig {
margin: 0 12px;
-webkit-box-flex: 1;
}
.noCoupon {
padding: 40% 0 0 0;
text-align: center;
background: url(../images/noCoupon.png) no-repeat center 50%;
background-size: 30%;
}
.noCoupon p {
height: 44px;
margin: 0 auto 5%;
color: #888;
text-align: center;
line-height: 44px;
}
.coupon-new {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
border-radius: 0 5px 0 0;
background: url(../images/icon/coupon_sprites.png) no-repeat 4px -269px;
background-size: 88px auto;
animation-duration: 1s;
animation-name: newAnimate;
animation-timing-function: ease;
backface-visibility: visible;
-webkit-animation-duration: 1s;
-webkit-animation-name: newAnimate;
-webkit-animation-timing-function: ease;
-webkit-animation-name: newAnimate;
/*-webkit-background-size : 88px auto;*/
-webkit-backface-visibility: visible;
}
@-webkit-keyframes newAnimate {
0% {
-webkit-transform: rotateX(180deg);
-webkit-transform-origin: 0 0;
}
100% {
-webkit-transform: rotateX(0deg);
-webkit-transform-origin: 0 0;
}
}
.coupons .past .coupon-new {
display: none;
}
.coupons_nav {
width: 100%;
height: 40px;
line-height: 40px;
background: #ffffff;
}
.coupons_nav span {
display: inline-block;
width: 50%;
float: left;
text-align: center;
line-height: 39px;
}
.coupons .info-biaoshi {
display: none;
position: absolute;
top: 0;
right: 0;
width: 54px;
height: 40px;
overflow: hidden;
background-image: url(../images/icon/coupon_sprites.png);
background-repeat: no-repeat;
background-size: 88px auto;
}
.coupons .past .info-biaoshi {
display: block;
background-position: -16px -207px;
}
.coupons .used .info-biaoshi {
display: block;
background-position: -16px -120px;
}
.coupons .ih {
display: table-cell;
position: relative;
width: 80px;
height: 76px;
border-right: 1px solid #e3e3e3;
text-align: center;
vertical-align: middle;
}
/*弹层*/
.J_mask {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 90;
background-color: rgba(0, 0, 0, 0.5);
}
table {
width: 100%;
height: 100%;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 100;
}
table td {
vertical-align: middle;
text-align: center;
height: 100%;
width: 100%;
}
.J_result {
display: none;
width: 280px;
background: #fff;
text-align: center;
border-radius: 6px;
margin: 0 auto;
}
.J_result h4 {
color: #555;
width: 35%;
margin: 0 auto;
padding-top: 4px;
font-size: 16px;
line-height: 34px;
height: 34px;
overflow: hidden;
border-bottom: 1px solid #cecece;
}
.J_result p {
color: #555;
text-align: center;
width: 86%;
min-height: 18px;
margin: 0 auto;
padding: 16px 12px;
font-size: 16px;
line-height: 22px;
border-bottom: 1px solid #cecece;
}
.J_result p.network {
text-align: center;
padding: 22px 0
}
.J_result a {
display: block;
color: #555;
width: 85%;
margin: 0 auto;
height: 36px;
font-size: 16px;
line-height: 36px;
overflow: hidden;
}
.coupon-used {
display: none;
position: absolute;
top: 0;
right: 0;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupon-used.png) no-repeat;
background-position: 0px -12px;
background-size: 100% 100%;
width: 70px;
height: 61px;
}
.coupon-expire {
display: none;
position: absolute;
top: 0;
right: 0;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/coupon-expire.png) no-repeat;
background-position: 0px -12px;
background-size: 100% 100%;
width: 70px;
height: 61px;
}
.coupons .bgc0 {
border-left: 4px solid #ccc;
}
.bgc0 .unit, .bgc0 .money, .bgc0 .tit {
color: #ccc;
}
#couponsWrap .errorStep {
display: none;
padding: 40px 20px;
}
.error-tip {
margin: 0 auto;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/error-bg.png) no-repeat top center;
background-size: 100% 100%;
width: 90px;
height: 80px;
}
.error-msg {
margin-top: 36px;
font-size: 12px;
color: #999;
text-align: center;
}
.loading {
display: none;
position: fixed;
z-index: 1003;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 120%;
text-align: center;
}
.loading p {
position: relative;
top: 35%;
display: inline-block;
min-width: 140px;
padding: 15px 12px;
color: #fff;
font-size: 18px;
line-height: 28px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
}
.btn-location {
display: block;
text-align: center;
margin-bottom: 18px;
}
.btn-location a {
padding: 10px 14px;
height: 32px;
line-height: 32px;
background: #fbfbfb;
border: 1px solid #d9d9d9;
border-radius: 5px;
font-size: 13px;
color: #666666;
}
.btn-location i {
display: inline-block;
width: 8px;
height: 8px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
-webkit-transform: rotate(45deg) translate3d(-2px, -2px, 0);
transform: rotate(45deg) translate3d(-2px, -2px, 0);
margin-left: 8px;
}
.city-list {
padding: 10px;
width: 125%;
box-sizing: border-box;
padding-right: 62px;
}
.city-list li {
display: inline-block;
padding: 10px 0;
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
margin: 0 10px 10px 0px;
width: 20%;
text-align: center;
float: left;
}
.city-list li.cur {
border: 1px solid #d0d0d0;
background: #f3f3f3;
}
.location-masker {
display: none;
position: fixed;
z-index: 1003;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 120%;
text-align: center;
background: rgba(0, 0, 0, 0.75);
}
.city-container {
position: absolute;
top: 10%;
background: #f4f4f4;
border-radius: 5px;
padding: 25px 5px 0;
margin: 0 15px;
font-size: 12px;
}
.btn-close {
position: absolute;
top: 7px;
right: 8px;
display: block;
background: url(//static-o2o.360buyimg.com/activity/couponsPush/images/btn-close.png) no-repeat top center;
background-size: 100% 100%;
width: 20px;
height: 20px;
}
.coupons-desc{
color:#ffa64c;
margin-bottom:10px;
padding:0 10px;
font-size:12px;
margin-top:-15px;
}
Reference in New Issue View Git Blame Copy Permalink