You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
464 lines
22 KiB
CSS
464 lines
22 KiB
CSS
5 years ago
|
/**
|
||
|
|
* 商城样式
|
||
|
|
* @author 鹿文学
|
||
|
|
*/
|
||
|
|
/* */
|
||
|
|
/*.shop,.ex-record,.ex-record-container .base ,.ex-record-container .information,.ex-record-container .activecode,.ex-record-detail-contact {background:#FFF;}*/
|
||
|
|
|
||
|
|
|
||
|
|
.banner {background:url(../images/shop_bg.png) center 0 no-repeat;background-size:100% 100%;text-align:center;color:#FFF;padding-top:1rem;}
|
||
|
|
.ex-record-banner {background-image:url(../images/ex-record_bg.png);}
|
||
|
|
.banner .wrap .iconfont {width:5rem;height:5rem;font-size:6rem;padding:2rem;vertical-align:baseline;border-radius:100%;background:#5ECAF1;color:#FFF;display:block;margin:0 auto 2.5rem;}
|
||
|
|
.banner .wrap span {font-size:1.8rem;padding:.5rem 2rem;background:#47C9FA;background-image:linear-gradient(to bottom,#73D5F9,#4BCBFC,#16B9F7);border-radius:2rem;letter-spacing:.1rem;}
|
||
|
|
.banner .wrap p {font-size:1.7rem;padding-bottom:2rem;margin-bottom:0;}
|
||
|
|
|
||
|
|
.s-tab li{width:50%;float:left;text-align:center;padding:2rem 0;}
|
||
|
|
.s-tab li a {display:inline-block;font-size:2.2rem;border:1px solid #18B1EA;letter-spacing:.2rem;color:#18B1EA;padding:.7rem 0rem;width:16rem;text-align:center;border-radius:3rem;}
|
||
|
|
.s-tab li a .iconfont {font-size:2.2rem;vertical-align:middle;margin-right:.3rem;display:inline-block;margin-top:-.3rem;}
|
||
|
|
|
||
|
|
.t-list {padding-top:1rem 0 0;}
|
||
|
|
.t-list ul {border-top:1px solid #ECECEC;}
|
||
|
|
.t-list li {width:50%;float:left;border-bottom:1px solid #ECECEC;}
|
||
|
|
.t-list li:nth-child(2n+1) {
|
||
|
|
border-right:1px solid #ECECEC;
|
||
|
|
/*margin-left:-1px;*/
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.t-list .item {
|
||
|
|
/*width:28.7rem;*/
|
||
|
|
width:95%;
|
||
|
|
margin:1rem auto;}
|
||
|
|
.t-list .item .iconwrap {width:100%;height:16.5rem;display:block;}
|
||
|
|
.t-list .item .icon {width:100%;height:100%;}
|
||
|
|
.t-list .item .name {font-size:1.54rem;padding-top:.5rem;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
|
||
|
|
.t-list .item p {clear:both;overflow:hidden;margin-bottom:0;}
|
||
|
|
.t-list .item p span {float:left;font-size:2rem;color:#FEB56F;width:72%;}
|
||
|
|
.t-list .item p span .iconfont {font-size:1.96rem;display:inline;vertical-align:middle;}
|
||
|
|
.t-list .item p span .icon_text {background-color:#FFF;color:#FEB56F;border:none; margin-left:1rem;font-size:inherit;font-style:normal;display:inline-block;width:80%;vertical-align:text-top;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:none;box-shadow:none;}
|
||
|
|
.t-list .item p a {float:right;font-size:1.5rem;background:#18B1EA;color:#FFF;padding:.2rem 1.5rem;letter-spacing:.2rem;border-radius:2rem;}
|
||
|
|
|
||
|
|
.t-list2 li {border-bottom:1px solid #ECECEC;padding:1rem 1.5rem;}
|
||
|
|
.t-list2 .item p {margin:0.5rem 0;font-size:1.6rem;}
|
||
|
|
.t-list2 .item p .number {float:right;}
|
||
|
|
.t-list2 .item .main .name {font-size:2rem;color:#707070;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-right:1rem;display:block;}
|
||
|
|
.t-list2 .item .addtion .time {color:#999;}
|
||
|
|
.t-list2 .item .addtion .number {color:#F9AD4D;}
|
||
|
|
|
||
|
|
.funnel-box {position:fixed;display:none;text-align:right;
|
||
|
|
top:0;
|
||
|
|
right:0;
|
||
|
|
left:0;
|
||
|
|
max-width:640px;
|
||
|
|
margin:0 auto;
|
||
|
|
background:rgba(0,0,0,.2);width:100vw;height:100vh;z-index:999;}
|
||
|
|
|
||
|
|
.funnel-list {position:relative;display:inline-block;background:#FFF;color:#999;}
|
||
|
|
.funnel-list .funnel-title {font-size:2rem;color:#18B1EA;position:relative;margin:0;padding:1.5rem 3rem;border-bottom:1px solid #ECECEC;}
|
||
|
|
.funnel-list .funnel-close {position:absolute;right:.5rem;top:1.5rem;color:#999;font-weight:100;}
|
||
|
|
.funnel-list ul {padding:1rem 0;}
|
||
|
|
.funnel-list li {padding:1rem;text-align:center;}
|
||
|
|
.funnel-list .funnel-item {position:relative;font-size:2rem;color:inherit;border:1px solid #E0E0E0;padding:.3rem 0rem;border-radius:2rem;width:60%;display:block;margin:0 auto;}
|
||
|
|
.funnel-list .funnel-item.on {border-color:#18B1EA;}
|
||
|
|
.funnel-list .funnel-item .iconfont {position:absolute;visibility:hidden;bottom:-.3rem;right:-.4rem;font-size:2.2rem;}
|
||
|
|
.funnel-list .funnel-item.on .iconfont {color:#18B1EA;visibility:visible;}
|
||
|
|
|
||
|
|
.ex-record-container .base {padding:1.5rem;clear:both;overflow:hidden;}
|
||
|
|
.ex-record-container .base .basewrap {display:table;width:100%;}
|
||
|
|
.ex-record-container .base span {width:50%;display:table-cell;}
|
||
|
|
.ex-record-container .base .icon {width:100%;}
|
||
|
|
.ex-record-container .base .text {text-align:left;text-indent:.7rem;vertical-align:middle;font-size:2rem;}
|
||
|
|
|
||
|
|
.ex-record-container .information,.ex-record-container .activecode,.ex-record-detail-contact {margin-top:1.8rem;}
|
||
|
|
.ex-record-container .detail-item-title {font-size:2rem;padding:1.5rem 1.5rem .5rem;border-bottom:1px solid #ECECEC;font-weight:400;margin:0;}
|
||
|
|
.ex-record-container .detail-item-content {padding:1.6rem 1.5rem 1.6rem;}
|
||
|
|
.information p {color:#999;font-size:1.8rem;}
|
||
|
|
.information .mark {text-transform:capitalize;margin-right:2px;}
|
||
|
|
.information .link,.information .blue {color:#1AB1EA;}
|
||
|
|
|
||
|
|
.activecode .detail-item-content {padding:2.5rem 1.5rem;}
|
||
|
|
.activecode .activecode-btnbox {clear:both;position:relative;}
|
||
|
|
.activecode .activecode-btnbox .activecode-input {padding:.6rem 7rem .6rem 8rem;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;color:#18B1EA;border:1px solid #DCDCDC;border-radius:2rem;font-size:1.8rem;}
|
||
|
|
.activecode .activecode-btnbox .prefix {position:absolute;left:1.5rem;top:0;font-size:1.8rem;display:block;height:100%;}
|
||
|
|
.activecode .activecode-btnbox .prefix .table {height:100%;}
|
||
|
|
.activecode .activecode-btnbox .prefix .table-cell {vertical-align:middle;}
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {background:#18B1EA;color:#FFF;box-sizing:border-box;-webkit-box-sizing:border-box;position:absolute;top:0;right:0;height:100%;width:7rem;font-size:1.8rem;text-align:center;padding-top:.6rem;border-top-right-radius:2rem;border-bottom-right-radius:2rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.ex-record-detail-contact {padding:1rem 0;text-align:center;}
|
||
|
|
.ex-record-detail-contact p {color:#F9AD4D;font-size:1.8rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.ex-coin-form {padding-top:1rem;}
|
||
|
|
.ex-coin-form .inputbox {display:table;width:100%;font-size:2rem;}
|
||
|
|
.ex-coin-form li {display:table-row;}
|
||
|
|
.ex-coin-form li span {display:table-cell;border-bottom:1px solid #ECECEC;padding-top:1.5rem;padding-bottom:1.5rem;}
|
||
|
|
.ex-coin-form li .mark {padding-left:1.5rem;padding-right:1rem;width:10rem;white-space:nowrap;}
|
||
|
|
.ex-coin-form li .text {padding-left:1rem;padding-right:2rem;}
|
||
|
|
.ex-coin-form li input {border:none;font-size:inherit;color:#666;width:100%;}
|
||
|
|
.ex-coin-form .btnbox {padding:6rem 4rem;text-align:center;}
|
||
|
|
.ex-coin-form .btnbox .submit {border:none;background:#18B1EA;color:#FFF;display:block;width:100%;font-size:2.4rem;padding:.5rem 0;border-radius:2.4rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.shop-detail-container .base,.shop-order-container .base {background:#FFF;padding:1px 0;}
|
||
|
|
.shop-detail-container .base .iconbox{display:block;padding:1rem 20vw;display:block;}
|
||
|
|
.shop-detail-container .base .icon,.shop-order-container .base .icon {width:100%;}
|
||
|
|
|
||
|
|
|
||
|
|
.shop-detail-container .table{}
|
||
|
|
.shop-detail-container .base .table-cell,.ordercomfirm .table-cell{font-size:1.8rem;vertical-align:middle;height:5.6rem;color:#999;border-top:1px solid #ECECEC;}
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(1),.ordercomfirm .table-cell:nth-child(1) {padding-left:1.5rem;text-align:left;width:7rem;white-space:nowrap;}
|
||
|
|
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(3) {padding-right:1.5rem;text-align:right;}
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(2) {text-align:left;}
|
||
|
|
/* .shop-detail-container .base .numberbox {display:block;height:3.8rem;}
|
||
|
|
.shop-detail-container .base .iconfont {height:100%;line-height:2.2;border:1px solid #ECECEC;float:left;font-size:2.2rem;font-weight:600;padding: 0 .9rem;display:inline-block;}
|
||
|
|
.shop-detail-container .base .icon-minus {border-right:none;border-top-left-radius:.8rem;border-bottom-left-radius:.8rem;}
|
||
|
|
.shop-detail-container .base .icon-plus {border-left:none;border-top-right-radius:.8rem;border-bottom-right-radius:.8rem;}
|
||
|
|
.shop-detail-container .base .number {float:left;width:5rem;height:100%;text-align:center;color:inherit;font-size:2rem;padding:0;border:1px solid #ECECEC;}
|
||
|
|
.shop-detail-container .base .number:focus {border-color:#18B1EA;}
|
||
|
|
.shop-detail-container .base .useing {color:#FFC700;border:none;font-size:inherit;} */
|
||
|
|
.numberbox {display:block;height:3.8rem;}
|
||
|
|
.numberbox .iconfont {height:100%;line-height:2.2;border:1px solid #ECECEC;float:left;font-size:2.2rem;font-weight:600;padding: 0 .9rem;display:inline-block;}
|
||
|
|
.numberbox .icon-minus {border-right:none;border-top-left-radius:.8rem;border-bottom-left-radius:.8rem;}
|
||
|
|
.numberbox .icon-plus {border-left:none;border-top-right-radius:.8rem;border-bottom-right-radius:.8rem;}
|
||
|
|
.numberbox .number {float:left;width:5rem;height:100%;text-align:center;color:inherit;font-size:2rem;padding:0;border:1px solid #ECECEC;-webkit-appearance:none !important;border-radius: 0;}
|
||
|
|
.numberbox .number:focus {border-color:#18B1EA;}
|
||
|
|
.base .useing,.ordercomfirm .useing {color:#FFC700;border:none;font-size:inherit;}
|
||
|
|
|
||
|
|
.shop-detail-container .good {margin-top:1rem;background:#FFF;}
|
||
|
|
.shop-detail-container .good .good-title {font-size:2rem;font-weight:normal;border-bottom:1px solid #ECECEC;margin:0;padding:1.5rem;position:relative;}
|
||
|
|
.shop-detail-container .good .good-title:before {content:'';width:3px;height:1.5rem;background:#18B1EA;float:left;margin-top:.5rem;margin-right:.6rem;}
|
||
|
|
.shop-detail-container .good p {padding:1rem 1.5rem;line-height:2;margin:0;color:#999;font-size:1.6rem;word-break: break-all;}
|
||
|
|
|
||
|
|
.shop-detail-container .information,.shop-detail-container .description {background:#FFF;border-top:1px solid #ECECEC;}
|
||
|
|
.detail-item-title {padding:0 2.2rem;font-size:2rem;font-weight:normal;}
|
||
|
|
/* .detail-item-content {padding:0 1.5rem .1rem;} */
|
||
|
|
.detail-item-content p {font-size:1.8rem;color:#999;}
|
||
|
|
|
||
|
|
.shop-detail-container .information {}
|
||
|
|
|
||
|
|
.description .disclaimer {border:1px solid #F5FAFF;margin-top:2.8rem;margin-left:1.5rem;margin-right:1.5rem;position:relative;}
|
||
|
|
.description .disclaimer .disclaimer-title {font-size:1.8rem;color:#18B1EA;width:10rem;left:50%;margin-left:-5rem;text-align:center;position:absolute;top:-1rem;background:#FFF;}
|
||
|
|
|
||
|
|
.shop-detail-container .notice {text-align:center;padding:1rem 0;}
|
||
|
|
.shop-detail-container .notice span {display:block;line-height:1.7;color:#999;font-size:1.6rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .btnbox,.shop-order-container .btnbox {background:#FFF;padding:1.5rem 3rem 2rem;}
|
||
|
|
.shop-detail-container .btnbox .btn,.shop-order-container .btnbox .btn {border:none;width:100%;background:#18B1EA;color:#FFF;font-size:2.4rem;font-weight:400;padding:.6rem 0;display:block;text-align:center;border-radius:3rem;}
|
||
|
|
.shop-detail-container .btnbox .btn.disabled {background:#AEAFB1;}
|
||
|
|
|
||
|
|
.shop-order-container .base {padding:1.5rem;}
|
||
|
|
.shop-order-container .base .iconbox {width:40%;float:left;text-align:right;margin-right:2rem;}
|
||
|
|
.shop-order-container .base .iconbox .icon {max-width:14rem;}
|
||
|
|
.shop-order-container .base .text {float:left;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
/* text-overflow: ellipsis; */
|
||
|
|
/* white-space: nowrap; */
|
||
|
|
}
|
||
|
|
.shop-order-container .base .name {font-size:2rem;color:#555;display:block;
|
||
|
|
/* text-overflow:ellipsis; */
|
||
|
|
/* overflow:hidden; */
|
||
|
|
/* white-space:nowrap;} */
|
||
|
|
}
|
||
|
|
.shop-order-container .base .text p {font-size:1.8rem;color:#999;}
|
||
|
|
.shop-order-container .base .text .orange {color:#FFC700;}
|
||
|
|
|
||
|
|
.address {padding: 0 1.5rem 1.5rem;}
|
||
|
|
.address .emptyaddr,.address .realaddr{position:relative;padding-right:4.2rem;}
|
||
|
|
.address .emptyaddr p,.address .realaddr p{color:#999;line-height:1.7;font-size:2rem;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||
|
|
.address .emptyaddr {text-align:right;}
|
||
|
|
.address .realaddr .rd1 {color:#333;}
|
||
|
|
.address .emptyaddr .iconfont,.address .realaddr .iconfont {font-size:2.2rem;color:#999;position:absolute;right:1rem;top:.5rem;}
|
||
|
|
.address .realaddr .iconfont {top:2rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.ordercomfirm {background:#FFF;}
|
||
|
|
.ordercomfirm .table-cell:nth-child(2) {padding-left:2rem;padding-right:1.5rem;}
|
||
|
|
.ordercomfirm .numberwrap {text-align:right;}
|
||
|
|
.shopordernumber {text-align:right;}
|
||
|
|
.shoporderpice{text-align:right;}
|
||
|
|
.shoporderpice .useing{width: 100%;text-align:right;}
|
||
|
|
.ordercomfirm .numberwrap .numberbox {float:right;}
|
||
|
|
|
||
|
|
.shop-order-container .btnbox {background:transparent;}
|
||
|
|
|
||
|
|
@media screen and (max-width:640px) {
|
||
|
|
.t-list .item p span .icon_text {width:70%;}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width:500px) {
|
||
|
|
.s-tab li a {font-size:2rem;width:14rem;}
|
||
|
|
|
||
|
|
.t-list .item {/* padding:0.8rem 1.7rem; *//* width:14.7rem; */margin:0.8rem auto;}
|
||
|
|
.t-list .item .iconwrap {height:9.6rem;}
|
||
|
|
|
||
|
|
.t-list .item .name,.t-list .item p a {font-size:1.4rem;}
|
||
|
|
.t-list .item p span {font-size:1.8rem;width:63%;}
|
||
|
|
.t-list .item p .icon_text {width:70%;margin-left:.7rem;}
|
||
|
|
.t-list .item p span .iconfont {font-size:1.82rem;}
|
||
|
|
.t-list .item p a {padding:.1rem 1rem;letter-spacing:.1rem;}
|
||
|
|
|
||
|
|
.funnel-list .funnel-title,.funnel-list .funnel-item {font-size:1.8rem;}
|
||
|
|
.funnel-list .funnel-title {padding:1.3rem 2.8rem;}
|
||
|
|
.funnel-list .funnel-close {top:.1.3rem;}
|
||
|
|
.funnel-list .funnel-item .iconfont {font-size:2rem;}
|
||
|
|
|
||
|
|
.ex-record-container .base .text,.ex-record-container .detail-item-title {font-size:1.8rem;}
|
||
|
|
.information p,.detail-item-content p {font-size:1.6rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.activecode .activecode-btnbox .activecode-input,
|
||
|
|
.activecode .activecode-btnbox .prefix,
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {font-size:1.7rem;}
|
||
|
|
|
||
|
|
.ex-coin-form .inputbox {font-size:1.8rem;}
|
||
|
|
.ex-coin-form li .mark {width:8rem;}
|
||
|
|
.ex-coin-form .btnbox .submit {font-size:2.2rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .base .table-cell,.ordercomfirm .table-cell {font-size:1.7rem;height:5.2rem;}
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(1) {width:5rem;}
|
||
|
|
.numberbox {height:3.4rem;}
|
||
|
|
.numberbox .iconfont {font-size:2rem;line-height:2;}
|
||
|
|
.numberbox .number {font-size:1.9rem;width:4.6rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .good .good-title,.detail-item-title {font-size:1.9rem;}
|
||
|
|
.shop-detail-container .good p {font-size:1.5rem;}
|
||
|
|
.description .disclaimer .disclaimer-title {font-size:1.7rem;}
|
||
|
|
.shop-detail-container .btnbox .btn,.shop-order-container .btnbox .btn {font-size:2.2rem;}
|
||
|
|
|
||
|
|
.shop-order-container .base .name,.address .emptyaddr p,.address .realaddr p {font-size:1.9rem;}
|
||
|
|
.shop-order-container .base .text p {font-size:1.7rem;margin:1.2rem 0;}
|
||
|
|
.address .emptyaddr,.address .realaddr {padding-right:3.2rem;}
|
||
|
|
.address .emptyaddr .iconfont,.address .realaddr .iconfont {font-size:2.1rem;right:.5rem;}
|
||
|
|
.ordercomfirm .table-cell:nth-child(2) {padding-left:1.8rem;}
|
||
|
|
|
||
|
|
.banner .wrap .iconfont {font-size:5.5rem;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width:450px) {
|
||
|
|
.banner .wrap .iconfont {font-size:5.2rem;}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width:400px) {
|
||
|
|
.list-detail li {padding:1.5rem 0;}
|
||
|
|
.list-detail .icon {width:5.5rem;height:5.5rem;}
|
||
|
|
.list-detail .btnbox {width:5rem;}
|
||
|
|
.list-detail .text {margin:0 5rem 0 6rem;}
|
||
|
|
.list-detail .btnbox .btn {font-size:1.5rem;height:2.5rem;line-height:2.5rem;}
|
||
|
|
.list-detail.bot li {margin-left:3rem;}
|
||
|
|
.list-detail.bot li .sorticon {top:3.5rem;left:-2.5rem;width:1.7rem;height:1.7rem;}
|
||
|
|
|
||
|
|
.banner .wrap .iconfont {width:4rem;height:4rem;margin-bottom:1.2rem;font-size:5rem;}
|
||
|
|
.banner .wrap span {font-size:1.5rem;padding:.4rem 1.5rem;}
|
||
|
|
.banner .wrap p {font-size:1.4rem;}
|
||
|
|
|
||
|
|
.s-tab li a {font-size:1.8rem;width:12rem;padding:.6rem 0;}
|
||
|
|
.s-tab li a .iconfont {font-size:1.7rem;margin-top:-.1rem;}
|
||
|
|
|
||
|
|
.t-list .item {/* padding:0.7rem 1.5rem; */margin:0.7rem auto;/* width:13.7rem; */}
|
||
|
|
.t-list .item .iconwrap {height:8.95rem;}
|
||
|
|
|
||
|
|
.t-list .item .name,.t-list .item p a {font-size:1.26rem;}
|
||
|
|
.t-list .item p span {font-size:1.6rem;width:60%;}
|
||
|
|
.t-list .item p span .icon_text {width:70%;margin-left:.6rem;}
|
||
|
|
.t-list .item p span .iconfont {font-size:1.68rem;}
|
||
|
|
.t-list .item p a {padding:.1rem 1rem;}
|
||
|
|
|
||
|
|
.funnel-list .funnel-title,.funnel-list .funnel-item {font-size:1.6rem;}
|
||
|
|
.funnel-list .funnel-title {padding:1rem 2.4rem;}
|
||
|
|
.funnel-list .funnel-close {top:1rem;}
|
||
|
|
.funnel-list .funnel-item .iconfont {font-size:1.7rem;}
|
||
|
|
|
||
|
|
.t-list2 .item p {font-size:1.4rem;}
|
||
|
|
.t-list2 .item .main .name {font-size:1.8rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.ex-record-container .base .text,.ex-record-container .detail-item-title {font-size:1.6rem;}
|
||
|
|
.information p,.detail-item-content p {font-size:1.4rem;}
|
||
|
|
|
||
|
|
.activecode .activecode-btnbox .activecode-input,
|
||
|
|
.activecode .activecode-btnbox .prefix,
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {font-size:1.6rem;}
|
||
|
|
.activecode .activecode-btnbox .activecode-input {padding:.5rem 7rem;}
|
||
|
|
.activecode .activecode-btnbox .prefix {left:1rem;}
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {width:6rem;padding-top:.5rem;}
|
||
|
|
|
||
|
|
.ex-record-detail-contact {padding:.7rem 0;}
|
||
|
|
.ex-record-detail-contact p {font-size:1.6rem;}
|
||
|
|
|
||
|
|
.ex-coin-form .inputbox {font-size:1.6rem;}
|
||
|
|
.ex-coin-form .btnbox .submit {font-size:2rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .base .table-cell,.ordercomfirm .table-cell {font-size:1.5rem;height:4.6rem;}
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(1) {width:4.2rem;}
|
||
|
|
/* .shop-detail-container .base .table-cell:nth-child(2) {height:5rem;} */
|
||
|
|
.numberbox {height:3rem;}
|
||
|
|
.numberbox .iconfont {font-size:1.8rem;padding:0 .6rem;line-height:1.8;}
|
||
|
|
.numberbox .number {font-size:1.8rem;width:3.8rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .good .good-title,.detail-item-title {font-size:1.8rem;}
|
||
|
|
.shop-detail-container .good .good-title:before {height:1.3rem;}
|
||
|
|
.shop-detail-container .good p {font-size:1.4rem;}
|
||
|
|
|
||
|
|
.description .disclaimer .disclaimer-title {font-size:1.6rem;}
|
||
|
|
.description .disclaimer {margin-top:2.5rem;}
|
||
|
|
.shop-detail-container .notice span {font-size:1.4rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .btnbox .btn,.shop-order-container .btnbox .btn {font-size:2rem;}
|
||
|
|
|
||
|
|
.shop-order-container .base .iconbox {margin-right:1rem;}
|
||
|
|
.shop-order-container .base .name,.address .emptyaddr p,.address .realaddr p {font-size:1.8rem;}
|
||
|
|
.shop-order-container .base .text p {font-size:1.6rem;margin:.6rem 0;}
|
||
|
|
.address .emptyaddr .iconfont,.address .realaddr .iconfont {font-size:2rem;right:.3rem;}
|
||
|
|
|
||
|
|
.ordercomfirm .table-cell:nth-child(2) {padding-left:1.5rem;}
|
||
|
|
|
||
|
|
.banner .wrap .iconfont {font-size:5rem;}
|
||
|
|
}
|
||
|
|
@media screen and (max-width:350px) {
|
||
|
|
.list-detail li {padding:1rem 0;}
|
||
|
|
.list-detail .icon {width:5rem;height:5rem;}
|
||
|
|
.list-detail .btnbox {width:4.5rem;}
|
||
|
|
.list-detail .text {margin:0 4.5rem 0 5.5rem;}
|
||
|
|
.list-detail .btnbox .btn {font-size:1.3rem;height:2rem;line-height:2rem;}
|
||
|
|
.list-detail .text .iconfont {font-size:1rem;}
|
||
|
|
.list-detail .text {font-size:1.2rem;}
|
||
|
|
.list-detail .text .name {font-size:1.4rem;}
|
||
|
|
.list-detail .text .info span {margin-right:1rem;}
|
||
|
|
.list-detail .text .info span:after {right:-.5rem;height:.9rem;}
|
||
|
|
.list-detail.bot li {margin-left:2.5rem;}
|
||
|
|
.list-detail.bot li .sorticon {top:3rem;left:-2rem;width:1.5rem;height:1.5rem;}
|
||
|
|
|
||
|
|
.searchbox .search .text {font-size:1.5rem;}
|
||
|
|
|
||
|
|
.list-detail .btnbox p {font-size:1.2rem;}
|
||
|
|
|
||
|
|
.banner .wrap .iconfont {width:3rem;height:3rem;margin-bottom:1rem;font-size:4rem;}
|
||
|
|
.banner .wrap span {font-size:1.3rem;padding:.2rem 1rem;}
|
||
|
|
.banner .wrap p {font-size:1.2rem;}
|
||
|
|
|
||
|
|
.s-tab li a {font-size:1.6rem;width:10rem;padding:.5rem 0;}
|
||
|
|
.s-tab li a .iconfont {font-size:1.6rem;margin-top:-.1rem;}
|
||
|
|
|
||
|
|
.t-list .item .name {padding-top:.2rem;}
|
||
|
|
.t-list .item .name,.t-list .item p a {font-size:1.12rem;}
|
||
|
|
.t-list .item p {margin-top:.2rem;}
|
||
|
|
.t-list .item p span {font-size:1.4rem;width:60%;}
|
||
|
|
.t-list .item p span .icon_text {width:60%;margin-left:.3rem;}
|
||
|
|
.t-list .item p span .iconfont {font-size:1.54rem;}
|
||
|
|
.t-list .item p a {padding:.1rem .5rem;}
|
||
|
|
|
||
|
|
.funnel-list .funnel-title,.funnel-list .funnel-item {font-size:1.4rem;}
|
||
|
|
.funnel-list .funnel-title {padding:.7rem 2rem;}
|
||
|
|
.funnel-list .funnel-close {top:.7rem;}
|
||
|
|
.funnel-list .funnel-item .iconfont {font-size:1.6rem;}
|
||
|
|
|
||
|
|
.t-list2 li {padding:.5rem 1rem;}
|
||
|
|
.t-list2 .item p {font-size:1.3rem;}
|
||
|
|
.t-list2 .item .main .name {font-size:1.6rem;}
|
||
|
|
|
||
|
|
|
||
|
|
.ex-record-container .base .text,.ex-record-container .detail-item-title {font-size:1.4rem;}
|
||
|
|
.ex-record-container .detail-item-title {padding:1rem 1.5rem .5rem;}
|
||
|
|
.information p,.detail-item-content p {font-size:1.3rem;}
|
||
|
|
|
||
|
|
.activecode .activecode-btnbox .activecode-input,
|
||
|
|
.activecode .activecode-btnbox .prefix,
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {font-size:1.4rem;}
|
||
|
|
.activecode .activecode-btnbox .activecode-input {padding:.5rem 5.8rem;}
|
||
|
|
.activecode .activecode-btnbox .prefix {}
|
||
|
|
.activecode .activecode-btnbox .activecode-copy {width:5rem;}
|
||
|
|
|
||
|
|
.ex-record-detail-contact {padding:.5rem 0;}
|
||
|
|
.ex-record-detail-contact p {font-size:1.4rem;}
|
||
|
|
|
||
|
|
.ex-coin-form .inputbox {font-size:1.4rem;}
|
||
|
|
.ex-coin-form li span {padding-top:1rem;padding-bottom:1rem;}
|
||
|
|
.ex-coin-form li .mark {width:6rem;}
|
||
|
|
.ex-coin-form .btnbox .submit {font-size:1.8rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .base .table-cell,.ordercomfirm .table-cell {font-size:1.3rem;height:4rem;}
|
||
|
|
.shop-detail-container .base .table-cell:nth-child(1) {width:3.8rem;}
|
||
|
|
.numberbox {height:2.6rem;}
|
||
|
|
.numberbox .iconfont {font-size:1.6rem;padding:0 .4rem;line-height:1.6;}
|
||
|
|
.numberbox .number {font-size:1.6rem;width:3rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .good .good-title,.detail-item-title{font-size:1.6rem;}
|
||
|
|
.shop-detail-container .good .good-title:before {height:1rem;}
|
||
|
|
.shop-detail-container .good p {font-size:1.3rem;}
|
||
|
|
|
||
|
|
.description .disclaimer {margin-top:2.2rem;}
|
||
|
|
.description .disclaimer .disclaimer-title {font-size:1.4rem;}
|
||
|
|
.shop-detail-container .notice span {font-size:1.3rem;}
|
||
|
|
|
||
|
|
.shop-detail-container .btnbox .btn,.shop-order-container .btnbox .btn {font-size:1.8rem;}
|
||
|
|
|
||
|
|
.shop-order-container .base .iconbox {margin-right:3%;}
|
||
|
|
.shop-order-container .base .name,.address .emptyaddr p,.address .realaddr p {font-size:1.6rem;}
|
||
|
|
.shop-order-container .base .text p {font-size:1.4rem;}
|
||
|
|
.address .emptyaddr .iconfont,.address .realaddr .iconfont {font-size:1.8rem;right:.1rem;}
|
||
|
|
|
||
|
|
.ordercomfirm .table-cell:nth-child(2) {padding-left:1rem;}
|
||
|
|
|
||
|
|
.t-list .item {margin:0.5rem auto;/* width:11.7rem; */width:92%;}
|
||
|
|
.t-list .item .iconwrap {height:7.64rem;}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
@author zwm
|
||
|
|
*/
|
||
|
|
.za_icon{
|
||
|
|
display:inline-block;
|
||
|
|
border-radius: 12px;
|
||
|
|
background-color: #e2e2e2;
|
||
|
|
overflow: hidden;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.dis_tab{
|
||
|
|
z-index: 0;
|
||
|
|
display: table;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size: 16px;
|
||
|
|
color: #bababa;
|
||
|
|
table-layout: fixed;
|
||
|
|
}
|
||
|
|
.dis_tabcell{
|
||
|
|
display: table-cell;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.pic_shopdetail{
|
||
|
|
width: 56%;
|
||
|
|
height: 200px;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
@media screen and(max-width:768px){
|
||
|
|
.pic_shopdetail{
|
||
|
|
width: 57.4vw;
|
||
|
|
height: 32vw;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 2.6vw 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.pic_shopdetail .za_icon{
|
||
|
|
height:100%;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
.pic_shopdetail .za_icon img{
|
||
|
|
position:relative;
|
||
|
|
z-index:2;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
@media screen and(min-width:769px){
|
||
|
|
.funnel-box{
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|