279 lines
13 KiB
CSS
279 lines
13 KiB
CSS
|
|
.iconfont {
|
|
font-family: "iconfont" !important;
|
|
font-size: 16px;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-anonymous-iconfont:before {
|
|
content: "\e63b";
|
|
}
|
|
|
|
.icon-globe:before {
|
|
content: "\e74e";
|
|
}
|
|
|
|
.icon-dabao:before {
|
|
content: "\e8a6";
|
|
}
|
|
|
|
.icon-weibo:before {
|
|
content: "\e73c";
|
|
}
|
|
|
|
.icon-jiantou:before {
|
|
content: "\e73d";
|
|
}
|
|
|
|
.icon-zhuanli:before {
|
|
content: "\e71e";
|
|
}
|
|
|
|
.icon-fuwu:before {
|
|
content: "\e606";
|
|
}
|
|
|
|
.icon-shenqing:before {
|
|
content: "\e60a";
|
|
}
|
|
|
|
.icon-anli:before {
|
|
content: "\e830";
|
|
}
|
|
|
|
.icon-sousuo:before {
|
|
content: "\e60e";
|
|
}
|
|
|
|
.icon-chanpin:before {
|
|
content: "\e6cd";
|
|
}
|
|
|
|
.icon-QQ:before {
|
|
content: "\e66f";
|
|
}
|
|
|
|
.icon-qingxi:before {
|
|
content: "\e674";
|
|
}
|
|
|
|
.icon-douyin:before {
|
|
content: "\e656";
|
|
}
|
|
|
|
.icon-beifen:before {
|
|
content: "\e61a";
|
|
}
|
|
|
|
.icon-dianhua:before {
|
|
content: "\e6ac";
|
|
}
|
|
|
|
.icon-weixin:before {
|
|
content: "\e61b";
|
|
}
|
|
|
|
.icon-dianhua1:before {
|
|
content: "\e6b6";
|
|
}
|
|
|
|
.icon-fangzi:before {
|
|
content: "\e73e";
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
a,a:hover,a:focus {text-decoration: none;}
|
|
ul,li {margin: 0; padding: 0; list-style: none;}
|
|
|
|
.animationimg {position:relative;overflow:hidden;}
|
|
.animationimg:before{ content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #0559DB;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transition: all .8s cubic-bezier(.77,0,.175,1);
|
|
transition-timing-function: cubic-bezier(.77,0,.175,1);
|
|
will-change: auto;
|
|
z-index: 2;
|
|
}
|
|
.animationimg:after{ content: "";
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #f8f8f8;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
transition: all .8s cubic-bezier(.77,0,.175,1);
|
|
transition-timing-function: cubic-bezier(.77,0,.175,1);
|
|
will-change: auto;
|
|
transition-delay: 0.2s;
|
|
z-index: 1;
|
|
}
|
|
|
|
.animationimg.response-transition:before,.animationimg.response-transition:after{right:-100%;}
|
|
|
|
.app-main[data-v-0eb24b74] {width:100%; height:auto; padding:100px 0 0 100px; max-width:100%;overflow:visible;}
|
|
.page-container {display:flex; flex-wrap:wrap;padding:100px;}
|
|
.app-container .page-container{padding:20px 0;}
|
|
.app-container[data-v-190e9f9e] {padding:100px;}
|
|
.app-container[data-v-2427fea3]{padding:100px;}
|
|
.app-container[data-v-5cb8dc2f]{padding:100px;}
|
|
.app-container[data-v-7683765f]{padding:100px;}
|
|
.sidebar[data-v-7f3da7f4]{padding:0;position: sticky;top: 120px;}
|
|
.sidebar[data-v-7f3da7f4] .title[data-v-7f3da7f4]{background:#0559DB; color:#fff;padding:10px;font-family: "CaslonGraphiqueEF"; text-transform: capitalize;}
|
|
.pagetitle[data-v-136c0774] {padding:10px 0;}
|
|
.pagetitle[data-v-136c0774] span {font-family: "CaslonGraphiqueEF"; text-transform: capitalize;}
|
|
.search[data-v-2febe0a6] {bottom:0;}
|
|
div[data-v-190e9f9e] .app-container[data-v-190e9f9e]{padding:0 0 20px;}
|
|
.order-title[data-v-190e9f9e] {margin:0; text-align:center;}
|
|
.order-title .order-subtitle[data-v-190e9f9e] { font-family: "CaslonGraphiqueEF"; text-transform: capitalize; color:#0559DB;}
|
|
.steps-wrapper[data-v-190e9f9e] {float:none;width:100%;}
|
|
.el-textarea[data-v-190e9f9e] {width:100% !important;}
|
|
|
|
.el-card__body {padding:50px 20px; position:relative;overflow:hidden;}
|
|
.address-item[data-v-190e9f9e] {padding:10px; border-radius:5px; margin:0;}
|
|
.default-address-icon {margin:0; padding:4px 10px; border-radius:5px; height:auto;}
|
|
.order-details[data-v-190e9f9e] {padding:20px;}
|
|
.address-item .name[data-v-190e9f9e],.wrapper .el-radio {border-radius:5px;}
|
|
.pl_toast span{width:100%;max-width:300px; padding:20px;}
|
|
.order-details[data-v-190e9f9e] strong,strong.text-normal {font-family: "CaslonGraphiqueEF"; text-transform: capitalize;color:#333; }
|
|
|
|
.order-foot[data-v-190e9f9e] {padding:15px;background:#f8f8f8; border:1px #ddd solid; }
|
|
|
|
.address-container li .attrName[data-v-0b180e41] {width:200px;}
|
|
.address-container li .default[data-v-0b180e41] {padding:3px 60px; background:#f93822; text-transform: capitalize; position:absolute; right:-65px; top:25px; transform:rotate(45deg);}
|
|
.address-container li .reverseDiv[data-v-0b180e41] {display:flex; flex-wrap:wrap;padding:10px 0;}
|
|
.address-container li .attrValue[data-v-0b180e41] {flex:1;}
|
|
|
|
.content[data-v-d98503f2] {width:100%; padding:20px; max-width:1000px;}
|
|
.content[data-v-d98503f2] .item span[data-v-d98503f2] {width:auto;}
|
|
.item > p[data-v-d98503f2] span[data-v-d98503f2]:first-child {width:100px;}
|
|
/*购物车*/
|
|
|
|
.unvalide[data-v-7683765f] {background:none; position:absolute; left:50%; top:50%; transform:translate(0,-50%); z-index:4;padding:0;}
|
|
.unvalide[data-v-7683765f] svg {fill:#f00; opacity:0.3;width:130px; height:auto;}
|
|
.el-table .cell {overflow:visible;}
|
|
.el-table th, .el-table tr {position:relative;}
|
|
.el-table--enable-row-transition .el-table__body td {position:unset;}
|
|
li.order[data-v-16816705] {padding-bottom:15px;}
|
|
.order-id[data-v-16816705] {border:1px #ddd solid;}
|
|
.item-card-title[data-v-16816705] {display:none;}
|
|
.order-item[data-v-16816705]{display:flex;align-items: unset;}
|
|
.order-item>div[data-v-16816705] {height:auto;flex: auto;
|
|
border-bottom: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;}
|
|
.order-item .goods-information[data-v-16816705]{display:flex;flex-wrap:wrap;}
|
|
.order-item .goods-information[data-v-16816705]:last-child > div[data-v-16816705]{border-bottom:none;}
|
|
.order-item .goods-information>div[data-v-16816705]:first-child {width:auto; flex:1;border-left:none;}
|
|
.order-item .goods-information>div[data-v-16816705]{display:flex;height:auto;align-items:center; justify-content:center;}
|
|
.order-item .goods-information .goods-title[data-v-16816705] {flex:1;}
|
|
.order-item .goods-information .goods-img[data-v-16816705]{margin:0;padding:10px;}
|
|
@media (max-width:798px) {
|
|
.order-info[data-v-4ac65935],.el-collapse-item__header {flex-wrap:wrap;}
|
|
.el-collapse-item__header {height:auto;}
|
|
.text-blue[data-v-4ac65935]{flex:0 0 90% !important;text-align:left !important;}
|
|
.pay-title[data-v-5cb8dc2f] {height:auto; line-height:1.6;}
|
|
|
|
.pay-title strong[data-v-5cb8dc2f] {display:block; margin:0 0 10px; padding-bottom:10px; border-bottom:1px #ddd solid;}
|
|
.pay-title span[data-v-5cb8dc2f] {display:block; margin:0;}
|
|
.el-card[data-v-5cb8dc2f]{margin:20px 0 !important;}
|
|
.el-card[data-v-5cb8dc2f] .el-card__body{padding:20px;}
|
|
.vchat-img[data-v-5cb8dc2f]{margin:0;}
|
|
.vchat-img .code[data-v-5cb8dc2f] {width:100%;}
|
|
.c-wrapper[data-v-5cb8dc2f] {width:100%;height:auto;}
|
|
.c-wrapper[data-v-5cb8dc2f] img {width:100%;}
|
|
.vchat-img .vchat-bg[data-v-5cb8dc2f] {width:100%;}
|
|
|
|
.vchat-img .guide[data-v-5cb8dc2f]{width:100%; margin:0; padding:20px;}
|
|
.vchat-img .guide[data-v-5cb8dc2f] img {width:100%; height:auto;}
|
|
|
|
|
|
.app-container[data-v-190e9f9e] {padding:50px 15px;}
|
|
.app-container[data-v-2427fea3]{padding:50px 15px;}
|
|
.app-container[data-v-5cb8dc2f]{padding:50px 15px;}
|
|
.app-container[data-v-7683765f]{padding:50px 15px;}
|
|
|
|
.app-main[data-v-0eb24b74] {padding:100px 0 0;}
|
|
.page-container {padding:20px;}
|
|
.pagetitle[data-v-136c0774] {height:auto;}
|
|
.slot[data-v-136c0774]{float:none; width:100%;}
|
|
.search[data-v-2febe0a6] {width:100%;margin:0;}
|
|
.leftMenu[data-v-ebcc9386] {width:100%; margin:0 0 20px;}
|
|
.righCon[data-v-ebcc9386] {width:100%; padding:0 15px 15px;}
|
|
|
|
/*手机端我的资料*/
|
|
.user[data-v-b7088b2a]{ background: linear-gradient(-45deg, #dedede, #f6f6f6); margin: 20px 0;border-radius: 5px;}
|
|
.user[data-v-b7088b2a] > div[data-v-b7088b2a]{ display: flex;flex-direction: column-reverse;flex-wrap: wrap;}
|
|
.user[data-v-b7088b2a] > div[data-v-b7088b2a] > p {width:100%;}
|
|
.user[data-v-b7088b2a] > div[data-v-b7088b2a] > p:nth-child(1) {font-size:12px; color:#999;text-transform:uppercase;}
|
|
.user[data-v-b7088b2a] > div[data-v-b7088b2a] > p:nth-child(2) {font-size:20px ; padding-bottom:10px; color:#1159DB;font-family: "CaslonGraphiqueEF";}
|
|
.user[data-v-b7088b2a] > div[data-v-b7088b2a] > p:nth-child(2):before {content:"Hello, ";}
|
|
.user[data-v-b7088b2a]:after {border-color:#fff;}
|
|
.menu[data-v-b7088b2a] .van-cell--clickable, .order[data-v-b7088b2a] .van-cell--clickable { cursor: pointer;
|
|
background: #1159DB;
|
|
color: #fff;
|
|
margin-bottom: 10px;
|
|
border-radius: 5px; border:none !important;}
|
|
.menu[data-v-b7088b2a] .van-cell__title, .order[data-v-b7088b2a] .van-cell__title{text-transform:capitalize;}
|
|
.menu[data-v-b7088b2a] .van-cell__value, .order[data-v-b7088b2a] .van-cell__value{color:#fff;font-size: 12px; opacity: 0.5;}
|
|
.menu[data-v-b7088b2a] .van-cell__right-icon, .order[data-v-b7088b2a] .van-cell__right-icon{color:#fff; opacity:0.3;}
|
|
.van-cell:after {display:none;}
|
|
.menu[data-v-b7088b2a], .order[data-v-b7088b2a] {box-shadow:none;}
|
|
.order-link[data-v-b7088b2a]{flex-direction: row;justify-content: center;flex-wrap: wrap;margin: 0;padding: 0;align-items: unset; border:1px solid #ebedf0; border-radius:5px;}
|
|
.link-item[data-v-b7088b2a] {flex:0 0 50%;padding:30px 15px;justify-content: center;flex-wrap:wrap;align-items: unset; border-right:1px solid #ebedf0;}
|
|
.link-item[data-v-b7088b2a]:nth-child(2n) {border-right:none;}
|
|
.van-badge[data-v-b7088b2a] {right:15px; top:20px;}
|
|
.link-item p[data-v-b7088b2a] {text-align:center;margin:0;line-height:20px; font-size:14px;width:100%; color: #666; text-transform: capitalize;}
|
|
|
|
.search[data-v-1df2db2a] {margin:0; margin:15px;height:40px;}
|
|
.van-tabs--line .van-tabs__wrap {}
|
|
.van-tabs__nav--line.van-tabs__nav--complete {padding:0;}
|
|
.van-tabs__wrap--scrollable .van-tab {padding:0 15px; border-top:1px #ddd solid; border-bottom:1px #ddd solid;}
|
|
.van-tabs__wrap--scrollable .van-tab.van-tab--active {background:#1159DB; color:#fff; border-top:1px #1159DB solid; border-bottom:1px #1159DB solid;}
|
|
.van-tabs__line{display:none;}
|
|
|
|
.van-pull-refresh {margin:0 !important; padding:15px 0;}
|
|
.van-pull-refresh .orderNum[data-v-1df2db2a] {padding:10px;}
|
|
.van-pull-refresh .orderNum[data-v-1df2db2a] p {margin:0; font-size:12px; text-transform: capitalize;}
|
|
.van-pull-refresh .orderNum[data-v-1df2db2a] .van-cell__right-icon {color:#666;}
|
|
|
|
.van-pull-refresh ul.goods-list[data-v-1df2db2a]{padding:0px; }
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] {padding:10px;align-items: unset; border-bottom: 1px #eee solid;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-left[data-v-1df2db2a] {flex:1; padding-right:10px;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-right[data-v-1df2db2a] {width:auto;display:flex;flex-wrap:wrap;align-items:center;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-right[data-v-1df2db2a] p {margin:0; width:100%;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .goods-img[data-v-1df2db2a] {margin:0; padding-right:5px;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .goods-content[data-v-1df2db2a]{flex:1;}
|
|
.van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-left p[data-v-1df2db2a]{margin-bottom:5px; line-height:20px;font-size:13px;}
|
|
.van-pull-refresh .operating[data-v-1df2db2a]{margin:0 !important;padding:10px;display:flex;justify-content:right;}
|
|
.van-pull-refresh .operating[data-v-1df2db2a] button {border:1px #ddd solid; border-radius:20px; height:30px; padding:0 15px; line-height:28px;}
|
|
.van-pull-refresh .operating[data-v-1df2db2a] button.btn-info {color:#666;}
|
|
.van-pull-refresh .operating[data-v-1df2db2a] button.van-button--info.van-button--plain{border-color:#ddd;background:#fff; color:#666;}
|
|
.van-pull-refresh .operating[data-v-1df2db2a] button.van-button--info{border-color:#f93822;background:#f93822; color:#fff;}
|
|
|
|
|
|
.addressList[data-v-4bcb2d83] .title[data-v-4bcb2d83] {padding:20px 15px; line-height:20px; color:#666; font-size:13px; border-bottom:1px #eeee solid;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] {padding:10px 10px 40px; margin:0;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item[data-v-4bcb2d83] {border:1px #eee solid; border-radius:5px; box-shadow:0 0 15px rgb(0 0 0 / 10%); padding:15px; position:relative;overflow:hidden; margin:15px 0 0;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .isDefault[data-v-4bcb2d83] {position:absolute; right:0;top:0;padding: 0 5px; background: #f93822 !important; border-bottom-left-radius: 5px; text-transform: capitalize;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .info[data-v-4bcb2d83] {border-bottom:none;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .info[data-v-4bcb2d83] p {margin:0; padding: 10px 0; border-bottom: 1px #eee solid; line-height: 20px; font-size: 13px;}
|
|
.addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .btn-group[data-v-4bcb2d83] {margin:0; padding-top:15px;}
|
|
|
|
.addressList[data-v-4bcb2d83] .bottom-btn[data-v-4bcb2d83] {padding:10px;}
|
|
.addressList[data-v-4bcb2d83] .bottom-btn[data-v-4bcb2d83] .addAddress {width:100%;height:40px;text-transform: capitalize; background: #065adb;border: 1px #065adb solid; border-radius: 30px;}
|
|
}
|
|
|