587 lines
20 KiB
CSS
587 lines
20 KiB
CSS
|
.address_manager_img/* page reset css start */
|
||
|
|
|
||
|
|
html {
|
||
|
|
color: #000;
|
||
|
|
overflow-y: scroll;
|
||
|
|
-webkit-text-size-adjust: 100%;
|
||
|
|
-ms-text-size-adjust: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
html * {
|
||
|
|
outline: 0;
|
||
|
|
-webkit-text-size-adjust: none;
|
||
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
background: #f7f7f7 !important;
|
||
|
|
font-family: sans-serif;
|
||
|
|
min-height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
font-family: "微软雅黑";
|
||
|
|
}
|
||
|
|
.mui-content{background: #f4f4f4 !important;}
|
||
|
|
body,
|
||
|
|
div,
|
||
|
|
dl,
|
||
|
|
dt,
|
||
|
|
dd,
|
||
|
|
ul,
|
||
|
|
ol,
|
||
|
|
li,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
pre,
|
||
|
|
code,
|
||
|
|
form,
|
||
|
|
fieldset,
|
||
|
|
legend,
|
||
|
|
input,
|
||
|
|
textarea,
|
||
|
|
p,
|
||
|
|
blockquote,
|
||
|
|
th,
|
||
|
|
td,
|
||
|
|
hr,
|
||
|
|
button,
|
||
|
|
article,
|
||
|
|
aside,
|
||
|
|
details,
|
||
|
|
figcaption,
|
||
|
|
figure,
|
||
|
|
footer,
|
||
|
|
header,
|
||
|
|
hgroup,
|
||
|
|
menu,
|
||
|
|
nav,
|
||
|
|
section {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
font-family: "微软雅黑"
|
||
|
|
}
|
||
|
|
|
||
|
|
input,
|
||
|
|
select,
|
||
|
|
textarea {
|
||
|
|
font-size: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
fieldset,
|
||
|
|
img {
|
||
|
|
border: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
abbr,
|
||
|
|
acronym {
|
||
|
|
border: 0;
|
||
|
|
font-variant: normal
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||
|
|
-webkit-tap-highlight-color: transparent;
|
||
|
|
/* For some Androids */
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
a img {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:link,
|
||
|
|
a:visited,
|
||
|
|
a:hover,
|
||
|
|
a:active {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* page reset css start */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* page often use class start */
|
||
|
|
|
||
|
|
.imgauto {
|
||
|
|
display: block;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex-box {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -moz-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flex1 {
|
||
|
|
-webkit-box-flex: 1;
|
||
|
|
-moz-box-flex: 1;
|
||
|
|
-webkit-flex: 1;
|
||
|
|
-ms-flex: 1;
|
||
|
|
flex: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.vh-cen {
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -moz-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-moz-justify-content: center;
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
justify-content: center;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-moz-align-items: center;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-of-one {
|
||
|
|
-webkit-line-clamp: 1;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-over-two {
|
||
|
|
-webkit-line-clamp: 2;
|
||
|
|
display: -webkit-box;
|
||
|
|
-webkit-box-orient: vertical;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* font-size set start */
|
||
|
|
|
||
|
|
div {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] div {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] div {
|
||
|
|
font-size: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font12 {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font12 {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font12 {
|
||
|
|
font-size: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font14 {
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font14 {
|
||
|
|
font-size: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font14 {
|
||
|
|
font-size: 42px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font16 {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font16 {
|
||
|
|
font-size: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font16 {
|
||
|
|
font-size: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font18 {
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font18 {
|
||
|
|
font-size: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font18 {
|
||
|
|
font-size: 54px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font20 {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font20 {
|
||
|
|
font-size: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font20 {
|
||
|
|
font-size: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.font26 {
|
||
|
|
font-size: 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .font26 {
|
||
|
|
font-size: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .font26 {
|
||
|
|
font-size: 58px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.xd_1 select option {
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="2"] .xd_1 select option {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[data-dpr="3"] .xd_1 select option {
|
||
|
|
font-size: 36px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* font-size set end */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 底部导航 */
|
||
|
|
.nav_img{width: 25px;height:25px;margin: 5px auto;margin-bottom: 0px;}
|
||
|
|
.nav_p{ margin:0;padding:0;text-align: center;line-height: 20px; color: #666666;font-size: 12px; }
|
||
|
|
/* 底部导航 */
|
||
|
|
|
||
|
|
|
||
|
|
/* 轮播 */
|
||
|
|
.container{width: 100%;height: 160px;overflow: hidden;margin:0 auto;position: relative;}
|
||
|
|
#list{width: 700%;height: 160px;position: absolute;}
|
||
|
|
#list img{width: 14.285715%;;float: left;cursor: pointer;}
|
||
|
|
.arrow{position: absolute;color:#fff;text-decoration: none;bottom: 20px;text-align: center;width: 40px;height: 40px;font-size: 30px;top:230px;font-weight: bold;background: rgba(0,0,0,0.3);}
|
||
|
|
#left{left:20px;}
|
||
|
|
#right{right: 20px;}
|
||
|
|
.btns{width: 100px;height: 10px;position: absolute;bottom: 10px;left: 40%;}
|
||
|
|
.btns span{cursor: pointer;border: 1px solid #fff;border-radius: 50%;margin-right: 8px;-webkit-border-radius:50%;-moz-border-radius:50%;width: 10px;height: 10px;float: left;}
|
||
|
|
.btns .on{background: #fff;}
|
||
|
|
/* 轮播 */
|
||
|
|
|
||
|
|
|
||
|
|
/* 首页 home.html */
|
||
|
|
.search_div{width: 100%;height:50px; padding: 7px 10px;box-sizing: border-box;}
|
||
|
|
.search_inp{border-radius: 10px !important;height:36px !important;font-size: 14px;color:#333333; background: url(../img/search_img.png) no-repeat 3px;background-size: 26px 26px;padding-left: 35px !important;}
|
||
|
|
.banner{width: 100%;height:160px;overflow:hidden;position: relative;}
|
||
|
|
.banner img{width: 100%;height:100%;}
|
||
|
|
.list_title{width: 95%;height:25px;line-height: 25px;font-size: 16px;margin: 10px 10px;padding:0px 10px; border-left: 3px #e93524 solid;box-sizing: border-box;color: #333333;background: #f7f7f7 ;}
|
||
|
|
.list{width:50%;height:230px;float: left;padding:5px 10px ;box-sizing: border-box;background: #f7f7f7;overflow: hidden;}
|
||
|
|
.list_div{ display:block;width:100%;height:220px; background: #fff;position: relative;overflow: hidden;}
|
||
|
|
.list_img{width:100%;height:160px;border-bottom:1px #EFEFF4 solid;}
|
||
|
|
.list_p{width: 90%;height:25px;line-height: 25px;font-size: 12px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 5%;}
|
||
|
|
.list_p1{width: 90%;height:25px;line-height: 25px;font-size: 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 5%;}
|
||
|
|
.list_car_div{width: 25px;height:25px;position: absolute;right:10px;bottom: 5px;}
|
||
|
|
.list_car_div img{width: 100%;height:100%;}
|
||
|
|
.list_span{line-height: 35px;font-size: 14px;color: #999999 !important;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left: 5%;text-decoration:line-through}
|
||
|
|
|
||
|
|
.list_gotop{margin: 3px;width: 40px; height: 40px; position:fixed;bottom: 60px;right:10px}
|
||
|
|
.list_gotop img{width: 100%;height:100%;}
|
||
|
|
.list_h_div{width: 100%;height:250px; padding:5px 10px; box-sizing: border-box;}
|
||
|
|
.list_h_a{display: block;width:100%;height: 230px; background: #fff;padding:10px 10px; box-sizing: border-box; position: relative; overflow: hidden;}
|
||
|
|
.list_h_a_img{width: 100%;height: 160px;}
|
||
|
|
.list_h_p{width: 95%;height:25px;line-height: 25px;font-size: 14px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 2.5%;}
|
||
|
|
.list_h_p1{width: 95%;height:25px;line-height: 25px;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 2.5%;}
|
||
|
|
.list_h_div1{width: 100%;height:105px; padding:5px 10px; box-sizing: border-box;}
|
||
|
|
.list_h_a1{display: block;width:100%;height: 95px; background: #fff;overflow: hidden; position: relative;}
|
||
|
|
.list_h_a1_img{display: block;width:28%;height:95px; float: left;}
|
||
|
|
.list_h_a1_p{width: 72%;height:110px; float: left;}
|
||
|
|
.list_h_a1_p1{width: 95%;height:50px;line-height: 25px;font-size: 14px;color: #333333;overflow: hidden; margin: 5px 2.5%;}
|
||
|
|
/* 首页 home.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 分类 class.html */
|
||
|
|
.class_left{width: 30%;height:auto;box-sizing: border-box;float: left;overflow: auto;}
|
||
|
|
.class_left_a{display:block;width: 100%;height:45px;line-height: 45px;box-sizing: border-box;color: #333333;border-right:1px #D9D9D9 solid; border-bottom: 1px #E7E7E7 solid; font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
.class_left_a1{display:block;width: 100%;height:45px;line-height: 45px;border-left: 3px #e93524 solid;box-sizing: border-box;color: #333333;border-bottom: 1px #E7E7E7 solid;font-size: 16px; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
.class_right{width: 70%;height:auto;float: left;overflow: auto; padding-left: 10px;box-sizing: border-box;}
|
||
|
|
.class_right_a{width:100%;height:100px;border-bottom: 1px #D9D9D9 dashed; padding: 10px; box-sizing: border-box;}
|
||
|
|
.class_right_a_p{margin:0;padding:0;width:95%;height:45px; font-size: 16px; line-height: 50px; color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
.class_right_a_p1{margin:0;padding:0;width:95%;height:30px; font-size: 12px; line-height: 30px; color: #666666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
/* 分类 class.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 详细页 detailed.html */
|
||
|
|
.mui-navigate-right{font-size: 14px;}
|
||
|
|
.detailed_img{width: 100%;height:320px;border-bottom:1px #EFEFF4 solid;}
|
||
|
|
.detailed_title{ width:100%;height:90px;background: #fff;border-bottom:1px #EFEFF4 solid; padding: 0 15px;box-sizing: border-box;margin-top: -11px;padding-top: 10px;box-sizing: border-box;}
|
||
|
|
.detailed_p{width: 100%;height:45px;line-height: 20px;color: #333333;font-size: 14px;overflow: hidden;margin-top: 5px;}
|
||
|
|
.detailed_p1{width: 100%;height:35px;line-height: 30px;color: #e93524;font-size: 18px;overflow: hidden;}
|
||
|
|
.detailed_span{line-height: 30px;color: #999999;font-size: 12px;overflow: hidden;float: right;}
|
||
|
|
.detailed_div{width: 100%;height:2px;}
|
||
|
|
.detailed_xq_img{width: 100%;height:auto;}
|
||
|
|
.detailed_nav{display:block;width:75px;position: relative;}
|
||
|
|
.detailed_nav_nub{position: absolute;right:15px;top:2px}
|
||
|
|
.detailed_class{width: 100%;height:100%;background:url(../img/bg_class.png); position:fixed; top:0;z-index:9999;}
|
||
|
|
.detailed_class_div{width: 100%;height:420px;background: #fff; position:absolute;bottom: 0 ;z-index:99999;}
|
||
|
|
.detailed_class_close{width: 30px;height:30px;line-height: 30px;font-size: 18px; text-align:center;position:absolute;bottom:385px;right:5px;z-index:999999;color: #777777;}
|
||
|
|
.detailed_class_img{width: 80px;height: 80px;float: left; margin: 5px 0;}
|
||
|
|
.detailed_class_p{width: 72%;height:80px; float: left;}
|
||
|
|
.detailed_class_p1{width:100%;height:40px;line-height: 40px;font-size: 18px; padding-left: 15px; box-sizing: border-box;}
|
||
|
|
.detailed_class_p2{width:100%;height:25px;line-height: 25px;font-size: 12px; padding-left: 20px; box-sizing: border-box; color: #666666;}
|
||
|
|
.detailed_class_btn{position: fixed;bottom: 0;}
|
||
|
|
/* 详细页 detailed.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 购物车 car.html */
|
||
|
|
.car_checkbox{width: 20px !important;height:20px !important;font-size: 20px !important;}
|
||
|
|
.car_checkbox1{padding-left: 50px !important;height:50px !important;}
|
||
|
|
.car_btn{height:50px;line-height: 50px;}
|
||
|
|
.car_div{ width:100%;height:100px;background: #fff; padding: 10px 5px;box-sizing: border-box;line-height:20px ;font-size: 12px;color: #999999;border-bottom:1px #EFEFF4 solid;}
|
||
|
|
.car_div_img{width:80px;height:80px; float:left;}
|
||
|
|
.car_div_p{width:70%;height: 80px; float:left;}
|
||
|
|
.car_div_p1{width: 100%;height:25px;line-height: 25px; color: #333333;font: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||
|
|
.car_div_p1_span{line-height: 25px; color: #999999;font: 12px;float: right;text-decoration:line-through}
|
||
|
|
.car_div_p2{width: 100%;height:25px;line-height: 25px; color: #999999;font: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||
|
|
.car_div_p2_span{line-height: 25px; font-size: 14px;float: right;}
|
||
|
|
.car_div_more{width: 100%;height:30px;padding: 2.5px 0px;box-sizing: border-box;}
|
||
|
|
.car_div_more_a{width: 25px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px;}
|
||
|
|
.car_div_more_b{width:50px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px; margin-left: 3px;}
|
||
|
|
.car_div_more_c{width: 25px;height:25px; background:#f7f7f7 ;float: left;line-height: 25px;text-align: center;font-size: 14px;border-radius: 5px; margin-left: 3px;color: #e93524;}
|
||
|
|
.car_div_del{width: 25px;height:25px; float: right;}
|
||
|
|
.car_div_del img{width: 20px;height:20px;margin: 2.5px; }
|
||
|
|
.car_pay{width: 100%;height: 50px;position: fixed;bottom: 54px;background: #fff;}
|
||
|
|
.car_pay_p{line-height: 50px;color: #333333;font-size: 16px; float: left;}
|
||
|
|
.car_pay_p1{line-height: 50px;font-size: 14px; float: left; margin-left: 10px;}
|
||
|
|
.car_pay_p2{line-height: 50px;color: #999999;font-size: 14px; float:right ; margin-right : 10px;}
|
||
|
|
/* 购物车 car.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* 支付 order——pay.html */
|
||
|
|
.order_pay_p{width:100%;height:25px;color: #333333;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
.order_pay_p1{width:100%;height:25px;color: #999999;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px;}
|
||
|
|
.order_pay_img{width: 100%;height:5px;position: absolute;}
|
||
|
|
.order_pay_span{line-height: 25px; color: #333333;float: right;}
|
||
|
|
.order_pay_inp{width:70% !important;height:20px !important;border: none !important;margin-bottom: 0px !important;padding: 0px 10px !important; font-size: 12px;}
|
||
|
|
/* 支付 order——pay.html */
|
||
|
|
|
||
|
|
|
||
|
|
/* 地址管理 address_manager.html */
|
||
|
|
.address_manager_img{width: 100%;height:5px;position: absolute;}
|
||
|
|
.address_manager_div{height:122px !important;overflow: hidden;}
|
||
|
|
.address_manager_p{line-height: 50px;font-size: 12px; }
|
||
|
|
.address_manager_a{display: block;line-height: 50px;color: #999999;float: left;margin-left: 10px;}
|
||
|
|
.address_manager_a img{float: left;width: 20px;height: 20px; margin: 15px 5px;}
|
||
|
|
/* 地址管理 address_manager.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*地址添加 address.html */
|
||
|
|
.address_check{position: absolute; top: 13px !important;left:15px !important; }
|
||
|
|
.address_btn{position: absolute !important;bottom: 0;}
|
||
|
|
.address_select{-webkit-appearance:none !important; /*在选择框的最右侧中间显示小箭头图片*/
|
||
|
|
background: url("../img/arrow.png") no-repeat scroll right center transparent; padding-right: 14px !important;}
|
||
|
|
/*地址添加 address.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.money_img{width: 25px;height:25px; position: absolute; top: 10px; left: 15px;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*支付成功 pay_ok.html */
|
||
|
|
.pay_ok_img{width:80px;height:80px; margin-left: 30px;float: left;}
|
||
|
|
.pay_ok_p{width: 50%;height:80px;float: left;margin-left: 15px;}
|
||
|
|
.pay_ok_p1{line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 18px;}
|
||
|
|
.pay_ok_p2{height:50px;line-height: 25px; overflow:hidden; font-size: 12px;color: #999999;}
|
||
|
|
.pay_ok_div{clear:both;width: 100%;height:auto;overflow: hidden; margin: 10px auto;}
|
||
|
|
/*支付成功 pay_ok.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*个人中心 mine.html */
|
||
|
|
.mine_img{width: 25px;height: 25px; margin-top: 5px;}
|
||
|
|
.mine_pic{width:20%;height:20%;border-radius:50%; border: 2px #fff solid;float: left;}
|
||
|
|
.mine_p{width: 50%;height:80px;float: left;}
|
||
|
|
.mine_vip{width: 25px;height:25px;float: left;}
|
||
|
|
.mine_vip img{width: 100%;height:100%}
|
||
|
|
.mine_money{display:block;width: 30%;height:80px;float: left;border-left: 1px #f6553a solid;}
|
||
|
|
.mine_money_img{width: 40%;height:auto;margin:0px 30%;}
|
||
|
|
.mine_div{ width: 100%;height: 55px;color: #fff;padding: 10px 0px;}
|
||
|
|
.mine_div_50{width: 50%;height:35px;line-height:35px;font-size: 20px; text-align: center;float: left;}
|
||
|
|
.mine_div_span{font-size: 12px;line-height: 50px;}
|
||
|
|
.mine_bar{position: relative !important;background: #fff !important;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;}
|
||
|
|
.mine_bar_a{ position: relative !important; }
|
||
|
|
.mine_nav_nub{position: absolute;right:30%;top:2px}
|
||
|
|
/*个人中心 mine.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*提现 提现.html */
|
||
|
|
.tixian_nub{width: 100%;height:auto;font-size:50px;font-weight: bold; line-height: 80px; text-align: center; margin-top:80px;}
|
||
|
|
.tixian_input{width: 90% !important;margin: 30px 5%; border-radius: 5px !important;font-size: 14px;}
|
||
|
|
/*提现 提现.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.integral_p{width: 100%;height:60px;font-size: 30px;color: #fff; text-align: center; line-height: 70px;}
|
||
|
|
.integral_btn{position: relative !important;width:30%;height:30px;line-height:30px;text-align:center;border:1px #fff solid !important; color: #fff !important; background: none; margin: 0px auto;border-radius: 10px; margin: 10px 35%;}
|
||
|
|
.integral_div{position: relative;bottom: 0px;width: 100%;height: 40px;background: #333333;opacity: 0.7;}
|
||
|
|
.integral_div_a{width: 33.3%;height:40px;line-height: 40px;color: #fff;float: left;font-size: 16px;text-align: center;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.order_mine{width: 100%;height:45px;background: #fff;}
|
||
|
|
.order_mine_a{width: 33.33%;height:45px;border-bottom: 2px #e93524 solid;float: left;line-height: 45px;text-align: center;}
|
||
|
|
.order_mine_b{width: 33.33%;height:45px;float: left;line-height: 45px;text-align: center;}
|
||
|
|
.order_mine_btn{padding: 3px 5px !important;}
|
||
|
|
.order_mine_span{line-height: 20px;color: #e93524;margin-right: 20px;}
|
||
|
|
.order_mine_p{float: left;margin-right: 5px;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.order_detailed_btn{padding: 1px 5px !important;}
|
||
|
|
|
||
|
|
.bill_span{font-weight: bold !important;}
|
||
|
|
|
||
|
|
|
||
|
|
/*物流信息 wuliu.html */
|
||
|
|
.track-rcol{width:100%; border: 1px solid #eee; background: #FFFFFF;}
|
||
|
|
.track-list{margin: 20px; padding-left: 5px; position: relative;}
|
||
|
|
.track-list li{position: relative; padding: 20px 0 0 25px; line-height: 18px; border-left: 1px solid #d9d9d9; color: #999;}
|
||
|
|
.track-list li.first{color:#7bb008; padding-top: 0; border-left-color: #fff;}
|
||
|
|
.track-list li .node-icon{position: absolute; left: -6px; top: 50%; width: 11px; height: 11px; background: url(../img/order-icons.png) -21px -72px no-repeat;}
|
||
|
|
.track-list li.first .node-icon{background-position:0 -72px;}
|
||
|
|
.track-list li .time{margin-right: 20px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
|
||
|
|
.track-list li .txt{max-width: 600px; position: relative; top: 4px; display: inline-block; vertical-align: middle;}
|
||
|
|
.track-list li.first .time{margin-right: 20px; }
|
||
|
|
.track-list li.first .txt{max-width: 600px; }
|
||
|
|
.wuliu_div{border-bottom: 1px #d9d9d9 dashed;padding-bottom:20px }
|
||
|
|
/*物流信息 wuliu.html */
|
||
|
|
|
||
|
|
.none{width:70%;height:auto;margin-top: 100px; margin-left: 15%;}
|
||
|
|
|
||
|
|
|
||
|
|
/*分成排行 winner.html */
|
||
|
|
.winner_div{width:100%;height:4rem; position: relative; padding: 10px 0px; background: #ffffff;border-bottom: 1px #DDDDDD solid;}
|
||
|
|
.winner_nub{width:1.7rem;height:0.6rem; border-radius:0rem 2.5rem 2.5rem 0rem; float: left; color: #fff;margin-top: 1.7rem; text-align: center; line-height: 0.6rem;}
|
||
|
|
.winner_img{width: 4.25rem;height:2.4rem; float: left; margin-left: 1.2rem;margin-top:0.4rem;position: relative;}
|
||
|
|
.winner_img_pic{width: 100%;height:100%;position: absolute;z-index: 2;}
|
||
|
|
.winner_img_pic1{width: 1.65rem;height:1.65rem;position: absolute;z-index: 1; border-radius: 50%;margin-left: 1.33rem; margin-top: 0.45rem;background: #000000;}
|
||
|
|
.winner_img_pic1 img{width: 100%;height:100%;border-radius: 50%;}
|
||
|
|
.winner_p{width:2.55rem;height:0.5rem;color: #000000; position: absolute; z-index: 3;top:1.9rem;left:0.85rem; line-height: 0.45rem;text-align: center;color: #fff;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
||
|
|
.winner_money{clear: both;line-height: 0.8rem;}
|
||
|
|
.winner_pic{width: 50px;height:50px;border-radius: 25px; float: left;}
|
||
|
|
.winner_pic img{width: 50px;height: 50px;border-radius: 25px;}
|
||
|
|
.winner_span{width:15%;float:left;line-height: 50px;}
|
||
|
|
/*分成排行 winner.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*我的团队 team.html */
|
||
|
|
.team_span{float:right;line-height: 50px; margin-right: 20px;}
|
||
|
|
/*我的团队 team.html */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.width50_1{width:50% !important;float: left;-webkit-appearance: none;}
|
||
|
|
.width50{width:50% !important;margin: 0 10%;float: left;-webkit-appearance: none;}
|
||
|
|
.width100{width: 100% !important;}
|
||
|
|
.fs14{font-size: 14px !important; line-height: 25px;}
|
||
|
|
.fs12{font-size: 12px !important;}
|
||
|
|
.color_cheng{color: #ff6000 !important;}
|
||
|
|
.color_white{color: #FFFFFF !important;}
|
||
|
|
.color_hui{color: #333333 !important;}
|
||
|
|
.color_hui1{color: #666666 !important;}
|
||
|
|
.color_red{color: #e93524 !important;}
|
||
|
|
.color_green{color: #7bb008 !important;}
|
||
|
|
.color_green1{color: #7de439 !important;}
|
||
|
|
.color_huang{color: #ffae21 !important;}
|
||
|
|
.bg_red{background: #e93524 !important;}
|
||
|
|
.bg_sred{background: #c42c1e !important;}
|
||
|
|
.bg_hui{background: #f7f7f7 !important;}
|
||
|
|
.bg_none{background:none !important;}
|
||
|
|
.m0{margin: 0 !important;}
|
||
|
|
.p0{padding: 0 !important;}
|
||
|
|
.b0{bottom: 0 !important;}
|
||
|
|
.pr0{padding-right: 0 !important;}
|
||
|
|
.p10{padding: 10px !important; box-sizing: border-box;}
|
||
|
|
.pt30{padding-top: 30px !important;}
|
||
|
|
.pb30{padding-bottom: 30px !important;}
|
||
|
|
.pl50{ padding-left: 50px !important;}
|
||
|
|
.mt45{margin-top: 45px !important;}
|
||
|
|
.mt15{margin-top: 15px !important;}
|
||
|
|
.mt10{margin-top: 10px !important;}
|
||
|
|
.mt5{margin-top: 5px !important;}
|
||
|
|
.mt0{margin-top: 0px !important;}
|
||
|
|
.mr15{margin-right: 15px !important;}
|
||
|
|
.ml25{ margin-left: 25px !important;}
|
||
|
|
.ml10{ margin-left: 10px !important;}
|
||
|
|
.ml5{ margin-left: 5px !important;}
|
||
|
|
.mb50{ margin-bottom: 50px;}
|
||
|
|
.border{border:1px solid; box-sizing: border-box;}
|
||
|
|
.border_none{border: none !important;}
|
||
|
|
.border-color{border-color: #e93524 !important;}
|
||
|
|
.border-color_white{border-color: #FFFFFF !important;}
|
||
|
|
.lh25{line-height: 25px; font-size: 14px;}
|
||
|
|
.lh42{line-height: 42px; font-size: 16px;}
|
||
|
|
.lh42_a{line-height: 42px; font-size: 16px;color: #fff;margin-left: 10px;}
|
||
|
|
.clean{ clear: both !important; }
|
||
|
|
.fr{float: right;}
|
||
|
|
.fl{float: left;}
|
||
|
|
.text-align{text-align: center;}
|
||
|
|
/*将元素放置到最底部*/
|
||
|
|
.element-dowon {
|
||
|
|
position:absolute !important;
|
||
|
|
bottom:0;
|
||
|
|
width:100%;
|
||
|
|
}
|
||
|
|
|