@charset "utf-8";
body, div, dl, dt, dd, ul, ol,li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, button, , p, th, td{margin: 0;padding: 0;}
img{border: none;}
h1, h2, h3, h4, h5, h6{font-size: 14px;}
input, button, , select, optgroup, option{font-family: inherit;font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, , select{ *font-size:100%;}
ol,ul{list-style: none;}
:link, :visited{text-decoration: none;}
.clearfix:after{content: "."; display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{zoom: 1;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;width: auto;padding: 0 2%;margin: 0;}
option{text-align:center;}
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;
}
html{height:100%;}
body {
font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b体,sans-serif;
font-size-adjust: none;
font-kerning: auto;
font-optical-sizing: auto;
font-variant-alternates: normal;
font-variant-east-asian: normal;
font-variant-ligatures: normal;
font-variant-numeric: normal;
font-variant-position: normal;
font-language-override: normal;
font-feature-settings: normal;
font-variation-settings: normal;
color: #666;
min-height:100%;
position:relative;
text-align: center;
font-weight:400;
}
#main {
padding-bottom: 100px;
padding-top: 89px;
}
#footer {
position:absolute;
bottom:0;
width:100%;
}
input ,textarea {
outline:none;
}
input {
outline:none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"] {
-moz-appearance: textfield;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
background-color: transparent;
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #F64E67;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: transparent;
border-radius: 3px;
}
.dialog-mask {
position: fixed;
z-index: 4000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 17, 17, 0.7);
display: none;
}
.dialog-block {
position: fixed;
z-index: 5000;
width: 500px;
min-height: 240px;
top: 40%;
left: 50%;
margin-left: -250px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.dialog-block .dialog-title {
padding: 30px;
font-weight: bold;
font-size: 20px;
}
.dialog-block .dialog-content {
padding: 0 30px;
font-size: 18px;
text-align: center;
}
.dialog-block .dialog-control {
height: 80px;
line-height: 80px;
margin-top: 30px;
display: flex;
justify-content: center;
}
.dialog-block .dialog-control .dialog-cancel {
width: 100px;
height: 32px;
line-height: 32px;
background:rgba(168,168,168,1);
border-radius:5px;
font-size: 18px;
color: #ffffff;
margin-right: 50px;
cursor: pointer;
}
.dialog-block .dialog-control .dialog-confirm {
width: 100px;
height: 32px;
line-height: 32px;
color: #ffffff;
background-color: rgba(246,78,103,1);
/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FF4F00, endColorStr=#FF8900);
background: -ms-linear-gradient(left, #FF4F00, #FF8900);
background: -moz-linear-gradient(left, #FF4F00, #FF8900);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF4F00), to(#FF8900));
background: -webkit-linear-gradient(left, #FF4F00, #FF8900);
background: -o-linear-gradient(left, #FF4F00, #FF8900);*/
border-radius:5px;
font-size: 18px;
cursor: pointer;
}
header {
width: 100%;
height: 110px;
border-bottom: 6px solid rgba(246,78,103,1);
}
.page-head {
width: 1200px;
margin: 0 auto;
position: relative;
}
.head-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.head-t-left {
height:30px;
font-size:12px;
font-family:PingFangSC-Light;
font-weight:300;
color:rgba(39,39,39,1);
line-height:30px;
}
.head-t-right {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
.head-t-r-a {
display: flex;
justify-content: flex-end;
align-items: center;
}
.head-t-r-a a {
height:30px;
font-size:12px;
font-family:PingFangSC-Light;
font-weight:300;
color:rgba(39,39,39,1);
line-height:30px;
display: inline-block;
padding:0 5px;
position: relative;
}
.head-t-r-a a:first-child:after {
content: '';
width: 1px;
height: 12px;
position: absolute;
right: 0;
top: 7.5px;
background-color: rgba(39,39,39,1);
}
.head-t-r-name {
display: none;
}
.head-n-user {
display: flex;
align-items: center;
justify-content: flex-end;
height:30px;
font-size:12px;
font-family:PingFangSC-Light;
font-weight:400;
color:rgba(39,39,39,1);
line-height:30px;
}
.head-t-r-name img {
width: 25px;
height: 25px;
border-radius: 50%;
margin-right: 2px;
display: block;
}
.head-t-r-name p {
margin-right: 10px;
display: inline-block;
}
.head-t-r-name b {
font-weight: 400;
margin: 0;
padding: 0;
display: inline-block;
cursor: pointer;
color: #F64E67;
}
.head-t-r-wx {
width: 25px;
height: 25px;
background-image: url('../img/icon_mx_weixin.png');
background-repeat: no-repeat;
background-position:center center;
background-size: 20px;
margin-left: 24px;
}
.head-t-r-qrcode {
display: none;
position: absolute;
top: 30px;
right: -53px;
width:123px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);
z-index: 100;
}
.head-t-r-qrcode img {
width: 109px;
height: 109px;
display: block;
margin: 0 auto;
margin-top: 7px;
}
.head-t-r-qrcode p {
height:14px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:14px;
margin-bottom: 13px;
}
.head-t-r-qrcode p span {
color: #F64E67;
}
.head-middle {
display: flex;
justify-content: space-between;
margin-top: 12px;
height: 20px;
}
.head-middle .head-city {
display: flex;
justify-content: flex-start;
align-items: center;
background-image: url('../img/icon_mx_address.png');
background-repeat: no-repeat;
background-position: left 22px center;
background-size: 14px 18px;
padding-left: 24px;
cursor: pointer;
position: relative;
}
.head-city .head-c-name {
padding-left: 20px;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:20px;
}
.head-city .head-icon {
margin-left: 5px;
margin-top: 5px;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color:#272727 transparent transparent transparent;
}
.head-m-right {
display: flex;
justify-content: flex-end;
}
.head-search {
display: flex;
justify-content: flex-end;
}
.head-search input {
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid #C5C5C5;
width:140px;
color: rgba(39,39,39,1);
padding-left: 6px;
height: 21px;
line-height: 21px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
}
.head-s-btn {
width: 20px;
height: 20px;
background-image: url('../img/icon_public_search.png');
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
cursor: pointer;
}
.head-car {
width: 20px;
height: 20px;
background-image: url('../img/icon_mx_gouwuche.png');
background-repeat: no-repeat;
background-position: center;
background-size: 18px;
margin-left: 17px;
margin-right: 40px;
cursor: pointer;
position: relative;
}
.head-car b {
display: inline-block;
padding: 0;
margin: 0;
width:12px;
height:12px;
line-height: 12px;
background:rgba(246,78,103,1);
font-size: 12px;
font-weight: 400;
border-radius: 50%;
color: #FFFFFF;
position: absolute;
top: -2px;
right: -2px;
}
.city-list {
position: absolute;
top: 20px;
left: 20px;
border: 1px solid rgba(246,78,103,1);
width: 200px;
display: inline-block;
padding: 10px;
border-radius: 2px;
background-color: #FFFFFF;
box-shadow:0px 0px 5px 0px rgba(246,78,103,1);
text-align: left;
z-index: 100;
display: none;
}
.city-item {
display: inline-table;
font-size: 14px;
color: rgba(30,18,50,1);
padding: 0 10px;
margin-top: 5px;
}
.city-item.active {
background-color: rgba(246,78,103,1);
color: #FFFFFF;
border-radius: 3px;
}
.head-nav {
display: flex;
justify-content: center;
overflow: hidden;
}
.nav-item {
height: 42px;
line-height: 42px;
font-size:16px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
padding: 0 24px;
margin:0 6px;
}
.nav-item.active {
color:rgba(246,78,103,1);
border-bottom: 2px solid rgba(246,78,103,1);
}
.nav-item a {
color:rgba(39,39,39,1);
}
.nav-item.active a {
color:rgba(246,78,103,1);
}
.head-logo {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -110px;
width: 150px;
height: 90px;
background-image: url('../img/icon_mx_logo.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.home-mx {
width: 1200px;
margin: 0 auto;
}
.home-title {
text-align: center;
padding-top: 26px;
padding-bottom: 14px;
}
.home-t-line {
width: 40px;
border-bottom:3px solid rgba(107,72,69,1);
margin: 0 auto;
}
.home-t-english {
height:24px;
font-size:24px;
font-family:DFPYaSongW9;
color:rgba(107,72,69,1);
line-height:24px;
margin: 0 auto;
margin-top: 8px;
}
.home-t-name {
height:25px;
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:25px;
margin: 0 auto;
margin-top: 8px;
}
.today-part {
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
.today-left {
width: 471px;
}
.today-left img {
width: 471px;
height: 471px;
display: block;
}
.today-left .today-l-ins {
width:441px;
height:94px;
background:rgba(255,255,255,1);
box-shadow:0px 2px 10px 0px rgba(0,0,0,0.08);
padding: 15px;
}
.today-left .today-title {
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:25px;
text-align: left;
}
.today-left .today-down {
margin-top: 35px;
display: flex;
justify-content: space-between;
align-items: center;
}
.today-left .today-price {
height:25px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:20px;
}
.today-left .today-price span {
font-size: 18px;
}
.today-left .today-buy {
width:70px;
height:30px;
background:rgba(246,78,103,1);
line-height: 30px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
cursor: pointer;
}
.today-right {
width: 704px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.today-item {
width: 220px;
margin-bottom: 20px;
transition: 0.3s ease;
}
.today-item:hover {
border: 0px solid transparent;
box-shadow: 0px 20px 32px 0 rgba(53, 78, 84, 0.15);
z-index: 20;
transition: 0.3s ease;
}
.today-item .today-photo {
width: 220px;
height: 220px;
overflow: hidden;
}
.today-item img {
width: 220px;
height: 220px;
display: block;
transition: 0.3s ease;
}
.today-item:hover .today-photo img {
transform: scale(1.1);
transform-origin: 50% 50%;
}
.today-item .today-l-ins {
width:194px;
height:46px;
background:rgba(255,255,255,1);
box-shadow:0px 2px 8px 0px rgba(0,0,0,0.08);
padding: 12px;
}
.today-item:hover .today-l-ins {
box-shadow:none;
}
.today-item .today-title {
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.today-item .today-down {
margin-top: 6px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.today-item .today-price {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:22px;
}
.today-item .today-price span {
font-size: 16px;
}
.today-item .today-buy {
width:55px;
height:22px;
background:rgba(246,78,103,1);
line-height: 22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
cursor: pointer;
}
.block-hot ,.block-birth {
background-color: rgba(249,247,247,1);
}
.hot-list {
display: flex;
justify-content: space-between;
padding: 20px 23px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);
border-radius:5px;
margin-bottom: 26px;
}
.hot-item {
width: 263px;
transition: 0.3s ease;
}
.hot-item:hover {
border: 0px solid transparent;
box-shadow: 0px 20px 32px 0 rgba(53, 78, 84, 0.15);
z-index: 20;
transition: 0.3s ease;
}
.hot-item .hot-photo {
width: 263px;
height: 263px;
overflow: hidden;
}
.hot-item .hot-photo img {
width: 263px;
height: 263px;
display: block;
transition: 0.3s ease;
}
.hot-item:hover .hot-photo img {
transform: scale(1.1);
transform-origin: 50% 50%;
}
.hot-item .hot-ins {
width:239px;
background:rgba(255,255,255,1);
padding: 12px;
}
.hot-item .hot-ins .hot-title {
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hot-item .hot-ins .hot-down {
margin-top: 6px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.hot-item .hot-ins .hot-price {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:22px;
}
.hot-item .hot-ins .hot-price span {
font-size: 16px;
}
.hot-item .hot-ins .hot-buy {
width:55px;
height:22px;
background:rgba(246,78,103,1);
line-height: 22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
cursor: pointer;
}
.block-gift {
position: relative;
cursor: pointer;
}
.block-gift img {
width: 100%;
}
.gift-part {
width:553px;
height:123px;
border:2px solid rgba(255,255,255,1);
border-top: none;
position: absolute;
top: 50%;
left: 50%;
margin-left: -276.5px;
margin-top: -61.5px;
}
.gift-border-left {
position: absolute;
top: -2px;
left: 0;
width: 81px;
height: 2px;
background-color: rgba(255,255,255,1);
}
.gift-border-right {
position: absolute;
top: -2px;
right: 0;
width: 81px;
height: 2px;
background-color: rgba(255,255,255,1);
}
.gift-line {
width: 40px;
border-bottom:3px solid rgba(255,255,255,1);
margin: 0 auto;
}
.gift-english {
margin-top: 14px;
height:24px;
font-size:24px;
font-family:DFPYaSongW9;
color:rgba(255,255,255,1);
line-height:24px;
text-align: center;
}
.gift-name {
margin-top: 16px;
height:33px;
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
line-height:33px;
}
.welcome-list {
margin-top: 20px;
}
.welcome-left {
position: relative;
height: 654px;
margin-bottom: 30px;
}
.welcome-right {
position: relative;
height: 654px;
margin-bottom: 30px;
}
.welcome-left .welcome-photo {
position: absolute;
top: 0;
left: 0;
}
.welcome-right .welcome-photo {
position: absolute;
top: 0;
right: 0;
}
.welcome-photo {
width: 654px;
height: 654px;
overflow: hidden;
transition: 0.3s ease;
}
.welcome-photo>img {
width: 654px;
height: 654px;
display: block;
transition: 0.3s ease;
}
.welcome-photo>img:hover {
transform: scale(1.1);
transform-origin: 50% 50%;
}
.welcome-left .welcome-con {
position: absolute;
top: 50%;
left: 546px;
margin-top: -45px;
}
.welcome-right .welcome-con {
position: absolute;
top: 50%;
right: 546px;
margin-top: -45px;
text-align: right;
}
.welcome-left .welcome-con .welcome-title-1,
.welcome-left .welcome-con .welcome-title-2,
.welcome-left .welcome-con .welcome-price {
padding-left: 130px;
text-align: left;
}
.welcome-left .welcome-con .welcome-buy {
margin-left: 130px;
}
.welcome-right .welcome-con .welcome-title-1,
.welcome-right .welcome-con .welcome-title-2,
.welcome-right .welcome-con .welcome-price {
padding-right: 130px;
text-align: right;
}
.welcome-right .welcome-con .welcome-buy {
margin-left: 260px;
text-align: center;
}
.welcome-con .welcome-title-1 {
width:316px;
height:89px;
line-height: 89px;
background:rgba(125,69,89,1);
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.welcome-con .welcome-title-2 {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
margin-top: 14px;
}
.welcome-con .welcome-price {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:17px;
margin-top: 14px;
}
.welcome-con .welcome-price span {
font-size: 16px;
}
.welcome-con .welcome-buy {
width:55px;
height:22px;
line-height: 22px;
background:rgba(246,78,103,1);
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
margin-top: 18px;
cursor: pointer;
}
.mx-birth {
padding-bottom: 100px;
}
.birth-part {
padding: 22px;
padding-top: 10px;
height:368px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);
border-radius:5px;
position: relative;
}
.birth-item {
width:263px;
box-shadow: 1px 1px 0 0 #ffffff inset, 1px 1px 0 0 #ffffff;
border: 1px solid #e7e7e7;
/*border-radius: 20px;*/
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
margin: 20px auto;
}
.birth-item:hover {
/*border-color: #ffffff;*/
box-shadow: 4px 8px 14px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px #ffffff inset;
}
.birth-item .birth-photo {
width:263px;
height:263px;
overflow: hidden;
}
.birth-item .birth-photo img {
width:263px;
height:263px;
display: block;
transition: 0.5s ease;
}
.birth-item:hover .birth-photo img {
transform: scale(1.2);
transform-origin: 50% 50%;
}
.birth-item .birth-con {
text-align: left;
padding: 12px;
}
.birth-item .birth-con .birth-title {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.birth-item .birth-con .birth-down {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 16px;
}
.birth-item .birth-price {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:17px;
}
.birth-item .birth-price span {
font-size: 16px;
}
.birth-item .birth-buy {
width:55px;
height:22px;
line-height: 22px;
background:rgba(246,78,103,1);
text-align: center;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
}
.birth-part .swiper-button-prev {
left: -48px;
background-image: url('../img/swiper_button_prev_gray.png');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
.birth-part .swiper-button-next {
right: -48px;
background-image: url('../img/swiper_button_next_gray.png');
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
}
/*列表*/
.cake-part {
width: 1200px;
margin: 0 auto;
padding: 20px 0;
}
.cake-choice {
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
padding: 20px;
}
.cake-choice-list {
display: flex;
justify-content: flex-start;
align-items: baseline;
}
.choice-title {
width:42px;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(40,40,40,1);
line-height:20px;
text-align: right;
}
.choice-list {
width: 1098px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding:0 10px;
}
.choice-list .choice-item {
width:120px;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(40,40,40,1);
line-height:20px;
text-align: left;
display: inline-table;
cursor: pointer;
}
.choice-taste .choice-item {
margin-bottom: 20px;
}
.choice-list .choice-item.active {
color:rgba(246,78,103,1);
}
.cake-list {
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius:5px;
padding: 18px;
margin-top: 20px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.cake-item {
width:280px;
transition: 0.5s ease;
margin: 0 4.5px;
margin-bottom: 24px;
border: 1px solid #ebebeb;
}
.cake-item:hover {
border: 1px solid transparent;
box-shadow: 0px 20px 24px 0 rgba(53, 78, 84, 0.15);
z-index: 20;
transition: 0.5s ease;
}
.cake-item .cake-photo {
width:280px;
height: 280px;
overflow: hidden;
}
.cake-item .cake-photo img {
width:280px;
height: 280px;
display: block;
transition: 0.8s ease;
}
.cake-item:hover .cake-photo img {
transform: scale(1.2);
transform-origin: 50% 50%;
}
.cake-item .cake-con {
text-align: left;
padding: 15px;
/*border:1px solid rgba(241,241,241,1);*/
}
.cake-item:hover .cake-con {
background-color: rgba(252,245,246,1);
transition: 0.8s ease;
}
.cake-item .cake-con .cake-title {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(40,40,40,1);
line-height:20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.cake-item .cake-con .cake-down {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.cake-item .cake-con .cake-down .cake-price {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(40,40,40,1);
line-height:17px;
}
.cake-item .cake-con .cake-down .cake-price span {
font-size: 16px;
}
.cake-item .cake-con .cake-down .cake-addcar {
width: 55px;
height: 22px;
background: rgba(246,78,103,1);
line-height: 22px;
font-size: 12px;
color: rgba(255,255,255,1);
text-align: center;
cursor: pointer;
}
.pagination a, .pagination span {
vertical-align: top;
}
.pagination .current {
background-color: rgba(246,78,103,1);
color: #ffffff;
border: 1px solid rgba(246,78,103,1);
}
.pagination .prev, .pagination .next {
color: #999;
/*border-color: #999;*/
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
/*opacity: 0.8;*/
}
.pagination .current.prev, .pagination .current.next {
color: #E8E8E8;
border-color: #E8E8E8;
background-repeat: no-repeat;
background-position: center center;
background-size: 20px;
opacity: 0.4;
}
.pagination .prev, .pagination .current.prev {
background-image: url('../img/page_button_prev_gray.png');
}
.pagination .next, .pagination .current.next {
background-image: url('../img/page_button_next_gray.png');
}
/*蛋糕详情*/
.cake-detail {
width: 1200px;
margin: 0 auto;
padding: 20px 0;
}
.cake-d-head {
padding: 44px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
border-radius:5px;
display: flex;
justify-content: flex-start;
}
.cake-d-detail {
padding-left: 27px;
text-align: left;
}
.cake-d-title {
font-size:18px;
font-family:PingFangSC-Medium;
font-weight:500;
color:rgba(107,72,69,1);
line-height:25px;
padding-top: 10px;
}
.cake-block-fresh {
display: flex;
justify-content: flex-start;
margin-top: 25px;
}
.cake-block-fresh span {
display: flex;
justify-content: flex-start;
align-items: center;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
padding-right: 10px;
}
.cake-block-fresh span img {
width: 25px;
height: 25px;
margin-right: 5px;
}
.cake-price {
margin-top: 25px;
height: 28px;
line-height: 28px;
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.cake-price .cake-price-num {
font-size:14px;
font-family:PingFangSC-Medium;
font-weight:500;
color:rgba(246,78,103,1);
}
.cake-price .cake-price-num span {
font-size: 18px;
}
.cake-specification, .cake-number {
margin-top: 25px;
display: flex;
justify-content: flex-start;
align-items: baseline;
}
.specification-title, .number-title {
height: 25px;
line-height: 25px;
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.specification-list {
/*padding-left: 20px;*/
width: 625px;
}
.specification-item {
height:25px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 6px 0px rgba(0,0,0,0.1);
line-height: 25px;
padding: 0 10px;
display: inline-block;
margin-left: 15px;
margin-bottom: 10px;
cursor: pointer;
}
.specification-item.active {
box-shadow:0px 0px 6px 0px rgba(246,78,103,1);
color: #FFFFFF;
background-color: rgba(246,78,103,1);
}
.number-operation {
display: flex;
justify-content: flex-start;
align-items: center;
background:rgba(244,244,244,1);
height:50px;
padding:0 33px;
margin-left: 15px;
}
.num-minus, .num-plus {
width:20px;
height:20px;
background:rgba(246,78,103,1);
text-align: center;
line-height: 20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
}
.num-num {
height:20px;
line-height: 20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
background-color: #FFFFFF;
width: 40px;
text-align: center;
color:rgba(39,39,39,1);
}
.cake-submit {
margin-top: 108px;
display: flex;
justify-content: flex-start;
}
.cake-buy-once {
width:110px;
height:34px;
background:rgba(246,78,103,1);
border-radius:5px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 34px;
margin-right: 22px;
cursor: pointer;
}
.cake-add-car {
width:110px;
height:34px;
background:rgba(255,23,13,1);
border-radius:5px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 34px;
cursor: pointer;
}
.cake-description {
width: 1200px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 30px;
}
.description-part {
padding: 10px 30px;
background:rgba(255,255,255,1);
border-radius:5px;
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
}
.description-title {
/*display: inline-block;*/
margin-top: 10px;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:20px;
border-bottom: 1px solid rgba(246,78,103,1);
text-align: left;
}
/*购物车*/
.car-main {
width: 1200px;
margin: 0 auto;
padding-top: 27px;
}
.car-title {
height:25px;
font-size:18px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:25px;
text-align: center;
margin-bottom: 26px;
}
.car-list {
margin-bottom: 10px;
}
.car-item {
width:1093px;
height:140px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 10px 0px rgba(0,0,0,0.08);
border-radius:6px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
align-items: center;
padding: 16px 0;
margin-bottom: 14px;
}
.car-check {
width: 60px;
height: 140px;
background-image: url('../img/icon_public_check.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 14px 14px;
}
.car-check.active {
background-image: url('../img/icon_public_checked.png');
}
.car-photo {
width: 140px;
height: 140px;
}
.car-photo img {
width: 140px;
height: 140px;
display: block;
}
.car-base {
width: 190px;
height: 140px;
padding: 0 18px;
position: relative;
}
.car-cake-name {
height:34px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:34px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.car-cake-size {
height:17px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(136,136,136,1);
line-height:17px;
text-align: left;
}
.car-cake-one {
position: absolute;
bottom: 0;
left: 18px;
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:20px;
}
.car-cake-one span {
font-size: 16px;
}
.cake-after {
width: 625px;
height: 140px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.cake-after input {
margin: 0;
padding: 0;
width:273px;
height:35px;
line-height: 35px;
padding-left: 17px;
border:1px solid rgba(227,227,227,1);
}
.cake-after .car-count {
height: 140px;
position: relative;
}
.cake-after .car-count .car-total {
height:22px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:20px;
text-align: right;
}
.number-count {
display: flex;
justify-content: flex-start;
align-items: center;
position: absolute;
bottom: 0;
right: 0;
}
.cake-after .car-count .car-total span {
font-size: 16px;
}
.cake-after .car-count .car-total img {
width: 20px;
vertical-align: sub;
margin-left: 10px;
cursor: pointer;
}
.total-count {
padding: 0 50px;
height:81px;
background:rgba(255,255,255,1);
display: flex;
justify-content: space-between;
align-items: center;
}
.total-count-before {
height:81px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.total-car-check {
width: 40px;
height: 81px;
background-image: url('../img/icon_public_check.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 14px 14px;
}
.total-car-check.active {
background-image: url('../img/icon_public_checked.png');
}
.total-count-before p {
height: 81px;
line-height: 81px;
padding-right: 20px;
font-size:14px;
color:rgba(39,39,39,1);
position: relative;
}
.total-count-before p:after {
content: '';
position: absolute;
top: 25px;
right: 0;
height:31px;
width: 1px;
background-color: #C5C5C5;
}
.total-choice-number {
padding-left: 20px;
font-size:14px;
color:rgba(39,39,39,1);
}
.total-choice-number span {
color:rgba(246,78,103,1);
}
.total-count-after {
height:81px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.total-count-after .total-price {
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
padding-right: 11px;
}
.total-count-after .total-price .total-price-fact {
color:rgba(246,78,103,1);
}
.total-count-after .total-price .total-price-fact span {
font-size: 18px;
}
.total-submit {
width:181px;
height:54px;
background:rgba(246,78,103,1);
line-height: 54px;
font-size:20px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
cursor: pointer;
}
.card_main {
width: 1200px;
margin: 0 auto;
font-family:PingFangSC-Regular;
font-weight:400;
position: relative;
}
.movie_card ,.movie_roll {
padding: 0 15px;
margin-top: 30px;
width: 750px;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.movie_card_title ,.movie_roll_title {
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #E6E6E6;
}
.movie_roll_title {
padding-top: 12px;
}
/*.movie_card img {
width:46px;
height:29px;
}*/
.movie_card_title h1 ,.movie_roll_title h1 {
height:50px;
font-size:16px;
color:rgba(30,18,50,1);
line-height:50px;
padding-left: 5;
}
.movie_card_title img ,.movie_roll_title img {
height: 30px;
}
.movie_card_title .binding_card ,.movie_roll_title .binding_card {
width: 81px;
height: 27px;
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
border-radius: 19px;
font-size: 12px;
color: #FFFFFF;
line-height: 27px;
margin-left: 34px;
cursor: pointer;
/*background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);*/
background-color: #F64E67;
}
.movie_card_card ,.movie_roll_roll {
width: 100%;
}
.movie_card_card ul ,.movie_roll_roll ul {
padding: 20px 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.movie_card_card ul li {
width:228px;
height:142px;
margin-bottom: 15px;
margin-right: 15px;
position: relative;
list-style-type: none;
cursor: pointer;
border-radius: 5px;
}
.movie_card_card ul .card_item.active {
box-shadow: 0 0 10px rgba(0,0,0,0.17);
}
.movie_roll_roll ul li {
width:228px;
height:80px;
margin-bottom: 15px;
margin-right: 15px;
position: relative;
cursor: pointer;
display: inline-block;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.movie_card_card ul .card_movie {
background: url("../img/card_movie.png") no-repeat;
background-size: cover;
}
.movie_card_card ul .card_vip {
background: url("../img/card_vip.png") no-repeat;
background-size: cover;
}
.movie_roll_roll ul .card_roll {
background: url("../img/card_roll.png") no-repeat;
background-size: cover;
}
.movie_card_card ul li .card_mask {
width:227px;
height:142px;
background-color: rgba(0,0,0,0.5);
border-radius: 5px;
position: absolute;
top: 0;
left: 1px;
z-index: 10;
}
.movie_card_card ul li .card_mask img {
width: 22px;
position: absolute;
bottom: 8px;
right: 10px;
}
.movie_roll_roll ul li .roll_mask {
width:228px;
height:80px;
background-color: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
}
.movie_roll_roll ul li .roll_mask img {
width: 22px;
position: absolute;
bottom: 8px;
right: 10px;
}
.card_item.disabled {
opacity: 0.5;
}
.card_roll.disabled {
opacity: 0.5;
}
.main_right {
position: absolute;
right: 0;
top: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 360px;
height: 160px;
padding: 0 15px;
}
.main_right p ,.main_payment p {
height:50px;
font-size:16px;
color:rgba(30,18,50,1);
line-height:50px;
padding-left: 5;
text-align: left;
border-bottom: 1px solid #E6E6E6;
}
.card_movie .card_price {
position: absolute;
right: 5px;
top: 29px;
font-size: 16px;
color: #ffffff;
}
.card_vip .card_price {
position: absolute;
right: 5px;
top: 29px;
font-size: 16px;
color: #ffffff;
}
.card_item .card_date {
position: absolute;
left: 10px;
top: 90px;
color: rgba(255,255,255,0.8);
font-size: 12px;
background-color: rgba(0,0,0,0.5);
font-weight: 100;
}
.card_item .card_id {
position: absolute;
left: 10px;
top: 110px;
color: #FFFFFF;
font-size: 14px;
}
.card_roll .roll_name {
position: absolute;
left: 5px;
top: 5px;
color: #FFFFFF;
font-size: 16px;
}
.card_roll .roll_date {
position: absolute;
left: 5px;
top: 45px;
color: rgba(255,255,255,0.8);
font-size: 12px;
background-color: rgba(0,0,0,0.5);
font-weight: 100;
}
.card_roll .roll_id {
position: absolute;
left: 5px;
top: 60px;
font-size: 12px;
color: #FFFFFF;
}
.card_roll .roll_price {
position: absolute;
right: 10px;
top: 15px;
font-size: 36px;
font-weight: 500;
color: #1d2f52;
}
.card_roll .roll_price.coupon {
position: absolute;
right: 0;
top: 10px;
font-size: 18px;
}
.card_roll .roll_write {
position: absolute;
right: 5px;
top: 58px;
color: #1d2f52;
}
.card_roll .flag {
position: absolute;
top: 0;
right: 50px;
height: 78px;
}
/*.M-box-card .active {
display: inline-block;
margin: 0 5px;
width: 38px;
height: 38px;
line-height: 38px;
background: #e91e63;
color: #fff;
font-size: 14px;
border: 1px solid #e91e63;
}
.M-box-card a {
display: inline-block;
margin: 0 5px;
width: 38px;
height: 38px;
line-height: 38px;
background: #fff;
border: 1px solid #ebebeb;
color: #bdbdbd;
font-size: 14px;
}*/
.movie_other {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-around;
margin-top: 30px;
}
.movie_other .pay-ali ,.movie_other .pay-wx {
cursor: pointer;
width: 130px;
height: 40px;
border: 1px solid #E6E6E6;
}
.movie_other .pay-wx img ,.movie_other .pay-ali img {
height: 35px;
margin-top: 3px;
}
.movie_other .pay-wx p ,.movie_other .pay-ali p {
width:129px;
height:42px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);
border-radius:10px;
font-size:18px;
color:rgba(36,168,56,1);
line-height:42px;
}
.movie_other .pay-ali p {
color:rgba(3,170,239,1);
}
.main_payment {
position: absolute;
right: 0;
top: 190px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
width: 360px;
height: 165px;
padding: 0 15px;
}
.main_payment .movie_payment {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
border-bottom:1px solid #E6E6E6;
}
.main_payment .movie_payment .movie_title {
font-size: 16px;
color: #999999;
}
.movie_payment .payment_price {
height:47px;
font-size:18px;
font-family:PingFangSC-Light;
font-weight:400;
color:#F64E67;
line-height:47px;
}
.main_payment .payment_submit {
height: 39px;
background: #F64E67;
border-radius: 5px;
font-size: 14px;
color: rgba(255,255,255,1);
line-height: 39px;
cursor: pointer;
}
.main_payment .payment_submit.disabled {
background: #aaaaaa;
color:#FFFFFF;
}
.bind-mask ,.wx-mask ,.buy-mask ,.change-mask {
position: fixed;
z-index: 4000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 17, 17, 0.7);
display: none;
}
.buy-block {
position: fixed;
z-index: 5000;
width:467px;
height:261px;
top: 40%;
left: 50%;
margin-left: -233px;
text-align: center;
background:rgba(255,244,241,1);
border-radius:10px;
color: #333333;
display: none;
position: relative;
}
.buy-block .buy-calm {
width:147px;
height:141px;
position: absolute;
left: 64px;
top: 48px;
}
.buy-block .buy-move-block {
width:115px;
height:110px;
position: absolute;
left: 120px;
top: 126px;
z-index: 10;
transform: rotate(76deg);
overflow: hidden;
}
.buy-block .buy-move-block .buy-move {
width:115px;
height:96px;
transform: rotate(284deg);
position: absolute;
left:-115px;
top: 10px;
animation:buySuccess 2s ease infinite normal;
-webkit-animation:buySuccess 2s ease infinite normal;
-moz-animation:buySuccess 2s ease infinite normal;
-o-animation:buySuccess 2s ease infinite normal;
}
@keyfarmes buySuccess {
0%{
left: -115px;
top: 50px;
}
100%{
left: 0px;
top: 10px;
}
}
@-webkit-keyframes buySuccess {
0%{
left: -115px;
top: 50px;
}
100%{
left: 0px;
top: 10px;
}
}
@-moz-keyframes buySuccess {
0%{
left: -115px;
top: 50px;
}
100%{
left: 0px;
top: 10px;
}
}
@-o-keyframes buySuccess {
0%{
left: -115px;
top: 50px;
}
100%{
left: 0px;
top: 10px;
}
}
.buy-block .buy-write {
width:96px;
height:33px;
font-size:24px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(247,146,135,1);
line-height:33px;
position: absolute;
top: 111px;
right: 81px;
}
.bind-block ,.change-block {
position: fixed;
z-index: 5000;
width: 600px;
min-height: 240px;
top: 20%;
left: 50%;
margin-left: -300px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.change-block {
width: 500px;
}
.bind-block .bind-newCard ,.change-block .change-newCard {
width: 100%;
text-align: center;
padding-top: 30px;
position: relative;
}
.bind-block .bind-newCard h3 ,.change-block .change-newCard h3 {
height:28px;
font-size:18px;
color:rgba(30,18,50,1);
line-height:28px;
font-weight: 400;
}
.bind-block .bind-body {
padding: 30px 0;
width: 70%;
}
.change-block .change-body {
padding: 30px 0;
}
.bind-block .bind-card ,.change-block .change-card {
padding-bottom: 12px;
}
.bind-block .bind-card span ,.change-block .change-card span {
display: inline-block;
text-align: left;
width:75px;
height:25px;
font-size:14px;
color:rgba(30,18,50,1);
line-height:25px;
}
.bind-block .bind-card input ,.change-block .change-card input {
width:268px;
height:28px;
border-radius:5px;
border:1px solid #F64E67;
font-size:14px;
padding-left: 10px;
}
.bind-block .bind-card input:focus ,.change-block .change-card input:focus {
box-shadow: 0 0 10px #F64E67;
}
.bind-block .bind-card .card_code {
width:129px;
vertical-align: middle;
}
.bind-block .bind-card .img-code {
width:121px;
height:28px;
margin-left: 18px;
vertical-align: middle;
}
.bind-block .bind-qrcode {
position: absolute;
right: 57px;
top: 86px;
}
.bind-block .bind-qrcode .bind-qrcode-qrcode {
width: 110px;
height: 110px;
}
.bind-block .bind-qrcode .bind-qrcode-qrcode canvas {
width: 100%;
height: 100%;
}
.bind-block .bind-qrcode .bind-qrcode-title {
font-size: 14px;
}
.bind-block .bind-newCard .bind-submit ,.change-block .change-newCard .change-submit {
width: 138px;
height: 33px;
border-radius: 16px;
font-size: 16px;
color: rgba(255,255,255,1);
line-height: 33px;
margin: 0 auto;
margin-bottom: 40px;
cursor: pointer;
/*background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);*/
background-color: #F64E67;
}
.wx-block {
position: fixed;
z-index: 5000;
width: 900px;
height: 600px;
top: 50%;
left: 50%;
margin-left: -450px;
margin-top: -300px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.wx-block>p {
text-align: left;
font-size: 20px;
padding-left: 49px;
padding-top: 13px;
}
.wx-block .wx {
padding-top: 30px;
}
.wx-block .wx-qrcode {
float: left;
margin-left: 130px;
margin-right: 50px;
margin-top: 50px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.wx-block .wx-qrcode>img {
margin-top: 30px;
width: 250px;
height: 250px;
}
.wx-block .wx-qrcode .wx-qrcode-down {
width: 243px;
height: 50px;
background-color: #FFFFFF;
display: flex;
justify-content: center;
}
.wx-qrcode-down .wx-logo {
width: 23px;
position: absolute;
top: 18px;
left: 21px;
}
.wx-qrcode-down img:nth-child(2) {
margin-top: 8px;
height: 20px;
margin-right: 20px;
}
.wx-qrcode-down p {
height: 20px;
line-height: 20px;
font-size: 14px;
color: rgba(0,0,0,0.8);
text-align: left;
}
.wx-block .wx-right {
float: left;
}
#sixty {
font-size: 14px;
position: absolute;
top: 60px;
left: 83px;
}
#sixty span {
color:rgba(222,42,47,1);
}
#sixty.expire {
color:rgba(222,42,47,1);
}
#sixty.expire span {
cursor: pointer;
color: deepskyblue;
}
.icon_close {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
width: 16px;
height: 16px;
background: url('../img/close.png') no-repeat;
background-size: 16px 16px;
z-index: 100;
cursor: pointer;
}
/*个人中心*/
.personal_main {
width: 1200px;
margin: 0 auto;
font-family:PingFangSC-Regular;
font-weight:400;
padding-top: 40px;
}
.personal_tab_left {
float: left;
width: 270px;
text-align: left;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.personal_tab_right {
float: right;
width: 830px;
padding: 24px 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
margin-bottom: 30px;
}
.personal_tab_left .tab_left_head {
width: 270px;
height: 230px;
padding: 16px 0;
/*background-image: url('../img/self_head_bg.png');*/
background-size: cover;
border-radius: 4px 4px 0 0;
text-align: center;
background-color: #FFFFFF;
border-bottom: 1px solid #e6e6e6;
}
.personal_tab_left .tab_left_head img {
height: 50px;
}
.personal_tab_left .tab_left_head .tab_left_head_img {
margin: 0 auto;
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
}
.personal_tab_left .tab_left_head p {
padding: 0 5px;
margin-top: 15px;
margin-bottom: 9px;
color: #333;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.personal_tab_left .tab_left_head .tab_left_head_down {
display: flex;
justify-content: flex-start;
align-items: center;
}
.tab_left_head .tab_left_head_down img {
height: 18px;
margin-left: 40px;
}
.personal_tab_left .tab_left_head .tab_left_head_tel {
font-size: 16px;
color: #999999;
}
.personal_tab_left>ul {
padding: 16px 0 16px 80px;
background: #FFFFFF;
}
.personal_tab_left>ul>li {
text-align: left;
height: 25px;
line-height: 25px;
font-size: 14px;
margin: 10px 0;
padding-left: 30px;
cursor: pointer;
color: #999999;
}
.personal_tab_left>ul>li:hover {
color: #F64E67;
}
.personal_tab_left>ul>li.active {
color: #F64E67;
}
.personal_tab_left>ul>li:first-child {
background: url('../img/self_movie_list.png') no-repeat;
background-size: 25px;
}
.personal_tab_left>ul>li:nth-child(2) {
background: url('../img/meixin_self_vip.png') no-repeat;
background-size: 25px;
}
.personal_tab_left>ul>li:nth-child(3) {
background: url('../img/meixin_self_coupon.png') no-repeat;
background-size: 25px;
}
.personal_tab_left>ul>li:nth-child(4) {
background: url('../img/meixin_self_self.png') no-repeat;
background-size: 25px;
}
.personal_tab_left>ul>li:nth-child(5) {
background: url('../img/meixin_self_address.png') no-repeat;
background-size: 25px;
}
.vip_choose {
display: flex;
justify-content: space-around;
margin-left: 15px;
}
.vip_choose .vip_item {
display: inline-block;
font-size: 12px;
color: rgba(30,18,50,1);
line-height: 25px;
height: 25px;
background: rgba(255,255,255,1);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.15);
border-radius: 12px;
padding: 0 10px;
cursor: pointer;
}
.vip_choose .vip_item:hover {
box-shadow:0px 0px 6px 0px #F64E67;
}
.vip_choose .active {
color:rgba(255,255,255,1);
/*background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);*/
background-color: #F64E67;
}
.cardVip_list .cardVip_null {
height:33px;
font-size:24px;
color:rgba(251,135,72,1);
line-height:33px;
padding-top: 40px;
}
.personal_tab_right table {
width: 100%;
margin-top: 20px;
border: 1px solid #f7f7f7;
}
.personal_tab_right table tr {
height:36px;
border: 1px solid #f7f7f7;
}
.personal_tab_right table tr:nth-child(2n-1) {
background: rgba(251,250,252,1);
}
.personal_tab_right table th {
background:#f7f7f7;
color: #999999;
}
.personal_tab_right table tr td {
text-align: center;
color: #999999;
}
.personal_tab_right table tr .unbind ,.personal_tab_right table tr .charge ,.personal_tab_right table tr .detail ,.personal_tab_right table tr .change {
color: #F64E67;
cursor: pointer;
}
.cardVip_list table tr td .card_input {
width: 15px;
height: 15px;
margin: 0 auto;
background: url('../img/self_checked_no.png') no-repeat;
background-size: cover;
}
.cardVip_list table tr td .card_input:hover {
background: url('../img/self_checked_no_hover.png') no-repeat;
background-size: cover;
}
.cardVip_list table tr td .card_input.active {
background: url('../img/self_checked.png') no-repeat;
background-size: cover;
}
.cardVip_number {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 12px;
}
.cardVip_number span {
display: inline-block;
width:73px;
height:25px;
font-size:18px;
color:rgba(30,18,50,1);
line-height:25px;
text-align: left;
margin: 0 10px;
}
.cardVip_number input {
width:268px;
height:35px;
border-radius:5px;
border:1px solid #3EBDB0;
font-size:20px;
line-height:35px;
padding-left: 10px;
}
.cardVip_number .card_code {
width:130px;
}
.cardVip_number img {
margin-left: 20px;
width:121px;
height:33px;
}
.cardVip_rule {
padding-top: 40px;
}
.cardVip_rule li {
font-size:18px;
color:rgba(171,163,183,1);
line-height:25px;
text-align: left;
}
.btn_cardVip {
background:rgba(255,116,39,1);
color: #FFFFFF;
}
.tab_telephone .tele ,.tab_password .tele {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 31px;
}
.tab_telephone .tele .tele_title ,.tab_password .tele .tele_title {
width:145px;
height:25px;
font-size:18px;
color:rgba(30,18,50,1);
line-height:25px;
margin-right: 10px;
text-align: right;
}
.tab_telephone .tele .telephone ,.tab_password .tele .pay_telephone ,.tab_password .tele .pay_number {
width:268px;
height:35px;
border-radius:5px;
border:1px solid #3EBDB0;
font-size:18px;
line-height:35px;
padding-left: 10px;
}
.tab_telephone .tele .msg_code ,.tab_password .tele .msg_code_pay {
width:129px;
height:35px;
border-radius:5px;
border:1px solid #3EBDB0;
font-size:18px;
line-height:35px;
padding-left: 10px;
}
.tab_telephone .tele .setting-item-btn ,.tab_password .tele .setting-item-btn {
display: inline-block;
width:121px;
height:33px;
background:rgba(255,116,39,1);
font-size:18px;
color:rgba(255,255,255,1);
line-height:33px;
margin-left: 18px;
cursor: pointer;
}
.tab_telephone .confirm-binding ,.tab_password .payment_number {
width:233px;
height:46px;
background:rgba(255,116,39,1);
border-radius:10px;
font-size:18px;
color:rgba(255,255,255,1);
line-height:46px;
margin: 0 auto;
margin-top: 41px;
}
.tab_self .self_tab_item {
padding-top: 20px;
text-align: left;
position: relative;
}
.tab_self .self_tab_item ul li {
display: flex;
justify-content: flex-start;
align-items: center;
padding-bottom: 23px;
flex-wrap: wrap;
}
.tab_self .self_tab_item ul li span {
display: inline-block;
width: 90px;
height:25px;
font-size:16px;
color:rgba(30,18,50,1);
line-height:25px;
text-align: right;
}
.tab_self .self_tab_item ul li .self_tab_headimg {
width:72px;
height:72px;
overflow: hidden;
border-radius: 50%;
margin: 0 20px 0 20px;
}
.tab_self .self_tab_item ul li .avatar {
width:103px;
height:32px;
border-radius:15px;
font-size:14px;
color:#999999;
line-height:32px;
text-align: center;
border: 1px solid #E6E6E6;
cursor: pointer;
}
.tab_self .self_tab_item ul li .avatar:hover {
border: 1px solid #F64E67;
color:#F64E67;
}
.tab_self .self_tab_item ul li .public_input {
width: 345px;
height: 30px;
border-radius: 4px;
border: 1px solid #E6E6E6;
font-size: 16px;
line-height: 30px;
padding-left: 10px;
}
.tab_self .self_tab_item ul li .public_input:focus {
box-shadow: 0 0 10px #F64E67;
border: 1px solid #F64E67;
}
.tab_self .self_tab_item ul li .public_select {
width: 357px;
height: 30px;
border-radius: 4px;
border: 1px solid #E6E6E6;
font-size: 16px;
line-height: 30px;
padding-left: 10px;
}
.tab_self .self_tab_item ul li .radio_input {
background-color:rgba(255,116,39,1);
margin-bottom: 5px;
cursor: pointer;
display: none;
}
.tab_self .self_tab_item ul .business ,.tab_self .self_tab_item ul .like {
justify-content: flex-start;
}
.tab_self .self_tab_item ul .business .radio_input ,.tab_self .self_tab_item ul .like .radio_input {
margin-left: 0;
}
.tab_self .self_tab_item ul li .check_input {
display: none;
}
/*.tab_self .self_tab_item ul li .radio_input + label::before ,.tab_self .self_tab_item ul li .check_input + label::before {
content: "\a0"; /*不换行空格*/
/*display: inline-block;
vertical-align: middle;
font-size: 18px;
width: 15px;
height: 15px;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 3px;
border-radius: 50%;
border:1px solid rgba(62,189,176,1);
text-indent: .15em;
line-height: 1;
}
.tab_self .self_tab_item ul li .radio_input.checked + label::before ,.tab_self .self_tab_item ul li .check_input.checked + label::before {
background-color:rgba(255,116,39,1);
background-clip: content-box;
padding: 3px;
}*/
.tab_self .self_tab_item ul li label {
height:25px;
font-size:18px;
color:rgba(30,18,50,1);
font-weight: 400;
line-height:25px;
margin: 0;
cursor: pointer;
}
.tab_self .self_tab_item ul li .city_select {
width:268px;
height:35px;
border-radius:5px;
border:1px solid rgba(62,189,176,1);
}
.tab_self .self_tab_item .submit ,.tab_self .self_tab_item .pro_submit ,.tab_self .self_tab_item .love_submit {
width: 70px;
height: 30px;
border-radius: 15px;
font-size: 14px;
color: rgba(255,255,255,1);
line-height: 30px;
cursor: pointer;
text-align: center;
/*background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);*/
background-color: #F64E67;
margin-top: 20px;
}
.category-list .category-item {
position: relative;
width: 100%;
height: 22px;
line-height: 22px;
font-size: 14px;
color: #999999;
padding-left: 24px;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
.category-list {
width: 87px;
}
.category-list .category-item.active {
color: #333333;
font-weight: 450;
background-color: #ffffff;
}
.category-list .category-item span {
position: absolute;
top: 2px;
left: 0px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
font-size: 14px;
color: #ffffff;
border-radius: 5px;
}
.category-children {
position: absolute;
top: 20px;
left: 111px;
}
.category-children .children-item {
position: relative;
width: 100%;
height: 22px;
line-height: 22px;
font-size: 14px;
color: #999999;
padding: 0 10px;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
.category-children .children-item.active {
color: #333333;
font-weight: 450;
}
.del-mask ,.movie-charge-mask ,.vip-charge-mask ,.record-mask ,.receipt-mask ,.refund-mask {
position: fixed;
z-index: 4000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 17, 17, 0.7);
display: none;
}
.del-block ,.receipt-block {
position: fixed;
z-index: 5000;
width:552px;
height:243px;
top: 30%;
left: 50%;
margin-left: -276px;
background:rgba(255,255,255,1);
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.del-block img {
margin-top: 18px;
margin-bottom: 18px;
}
.del-block p ,.receipt-block p {
height:25px;
font-size:18px;
color:rgba(30,18,50,1);
line-height:25px;
}
.del-block .del-btn ,.receipt-block .receipt-btn {
padding-top: 24px;
display: flex;
justify-content: center;
}
.del-block .del-btn .del-confirm ,.receipt-block .receipt-btn .receipt-confirm {
width:101px;
height:32px;
background:rgba(237,85,57,1);
border-radius:5px;
font-size:18px;;
color:rgba(255,255,255,1);
line-height:32px;
margin-right: 50px;
cursor: pointer;
}
.del-block .del-btn .del-cancel ,.receipt-block .receipt-btn .receipt-cancel {
width:101px;
height:32px;
background:rgba(168,168,168,1);
border-radius:5px;
font-size:18px;
color:rgba(255,255,255,1);
line-height:32px;
cursor: pointer;
}
.movie-charge-block ,.vip-charge-block {
position: fixed;
z-index: 5000;
width: 700px;
height: 500px;
top: 30%;
left: 50%;
margin-left: -350px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.movie-charge-block>p ,.vip-charge-block>p {
text-align: left;
font-size: 16px;
margin: 0 20px;
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #E6E6E6;
}
.card-block-title {
margin: 0 20px;
margin-top: 10px;
width: 660px;
height: 80px;
background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);
}
.card-block-title-left {
float: left;
padding-left: 50px;
margin-top: 15px;
}
.card-block-title-left p {
height: 25px;
line-height: 25px;
color: #FFFFFF;
font-size: 14px;
text-align: left;
}
.card-block-title-left p span {
font-size: 18px;
font-weight: 500;
}
.card-block-title-right {
float:right;
height: 80px;
}
.card-block-title-right img {
height: 80px;
}
.card-prices {
font-size: 0;
line-height: 0;
}
.card-prices .card-price-block {
width: 29.5%;
padding: 10px;
display: inline-block;
}
.card-prices .card-price-block .card-price-item {
width: 100%;
height: 80px;
border: 1px solid #cccccc;
border-radius: 2px;
position: relative;
color: #999999;
cursor: pointer;
}
.card-prices .card-price-block.active .card-price-item {
border: 1px solid #F64E67;
color: #F64E67;
}
.card-prices .card-price-block .card-price-item .card-price-text {
position: absolute;
top:10px;
left: 0;
right: 0;
font-size: 20px;
text-align: center;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: 450;
}
.card-prices .card-price-block .card-price-item .card-price-money {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
font-size: 14px;
text-align: center;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: 300;
}
.vip-charge-block>h3 ,.movie-charge-block>h3 {
font-size: 14px;
color: #999999;
margin: 10px 0 10px 20px;
text-align: left;
}
.vip-charge-block .charge-way .charge-way-ali ,
.movie-charge-block .charge-way .charge-way-ali {
margin-left: 20px;
float: left;
height: 30px;
width: 86px;
border: 1px solid #E6E6E6;
cursor: pointer;
}
.vip-charge-block .charge-way .charge-way-wx ,
.movie-charge-block .charge-way .charge-way-wx {
margin-left: 30px;
float: left;
height: 30px;
width: 86px;
border: 1px solid #E6E6E6;
cursor: pointer;
}
.vip-charge-block .charge-way .charge-way-ali img ,.vip-charge-block .charge-way .charge-way-wx img ,
.movie-charge-block .charge-way .charge-way-ali img ,.movie-charge-block .charge-way .charge-way-wx img {
height: 30px;
margin: 0 auto;
}
.vip-charge-block .charge-way .charge-way-ali.active ,.vip-charge-block .charge-way .charge-way-wx.active ,
.movie-charge-block .charge-way .charge-way-ali.active ,.movie-charge-block .charge-way .charge-way-wx.active {
border: 1px solid #F64E67;
}
.page-submit {
width: 120px;
margin: 20px 0;
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);
border-radius: 5px;
text-align: center;
line-height: 40px;
font-size: 16px;
color: #ffffff;
cursor: pointer;
position: absolute;
right: 20px;
}
.icon_close_pc {
display: inline-block;
position: absolute;
right: 20px;
top: 24px;
width: 16px;
height: 16px;
background: url(../img/close.png) no-repeat;
background-size: 16px 16px;
z-index: 100;
}
.record-block {
position: fixed;
z-index: 5000;
width:400px;
min-height:240px;
top: 30%;
left: 50%;
margin-left: -200px;
background:rgba(255,255,255,1);
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.record-block .record-card {
height: 80px;
background-color: #F64E67;
/*background: -webkit-gradient(linear, 0 100%, 0 0, from(#F64E67), to(#ff8900));
background: -webkit-linear-gradient(-90deg, #F64E67, #ff8900);
background: -moz-linear-gradient(-90deg, #F64E67, #ff8900);
background: -o-linear-gradient(-90deg, #F64E67, #ff8900);
background: linear-gradient(-90deg, #F64E67, #ff8900);*/
position: relative;
color: #ffffff;
font-size: 16px;
border-radius: 5px 5px 0 0;
}
.record-block .record-card.card-expired {
background: -webkit-linear-gradient(-90deg, #d6d6d6, #e6e6e6);
background: -moz-linear-gradient(-90deg, #d6d6d6, #e6e6e6);
background: -o-linear-gradient(-90deg, #d6d6d6, #e6e6e6);
background: linear-gradient(-90deg, #d6d6d6, #e6e6e6);
}
.record-card .card-type {
position: absolute;
top: 14px;
left: 18px;
}
.record-card .card-account {
position: absolute;
top: 41px;
right: 18px;
}
.record-card .card-num {
position: absolute;
top: 41px;
left: 18px;
}
.record-card .card-date {
position: absolute;
top: 14px;
right: 18px;
}
.record-list {
max-height: 300px;
overflow-y: scroll;
margin-bottom: 20px;
}
.record-list .record-item {
border-bottom: 1px solid #E6E6E6;
width: 100%;
height: 50px;
position: relative;
}
.record-list .record-item .record-type {
position: absolute;
top: 5px;
left: 5px;
}
.record-list .record-item .record-time {
position: absolute;
top: 27px;
left: 5px;
}
.record-list .record-item .record-price {
position: absolute;
top:5px;
right: 5px;
}
.record-close {
width: 80px;
height: 28px;
line-height: 28px;
background: rgba(168,168,168,1);
border-radius: 15px;
font-size: 15px;
color: #ffffff;
cursor: pointer;
margin: 0 auto;
margin-bottom: 10px;
}
.evaluate-mask {
position: fixed;
z-index: 4000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 17, 17, 0.7);
display: none;
}
.evaluate-block {
position: fixed;
z-index: 5000;
width: 600px;
min-height: 300px;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -150px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.evaluate-zong {
padding: 15px 30px 0 30px;
position: relative;
}
.evaluate-zong>p {
text-align: left;
height:20px;
font-size:14px;
color:rgba(30,18,50,1);
line-height:20px;
margin-bottom: 15px;
}
.order-stars-satisfaction {
position:absolute;
top: 15px;
right: 30px;
height: 28px;
line-height: 28px;
font-size: 14px;
text-align: left;
width: 130px;
}
.order-stars {
position:absolute;
top: 15px;
right: 165px;
}
.order-stars .order-star-item {
display: inline-block;
width: 24px;
height: 24px;
background-image: url('../img/icon_order_star.png');
background-size: 17px 17px;
background-position: center;
background-repeat: no-repeat;
}
.order-stars .order-star-item.active {
background-image: url('../img/icon_order_star_active.png');
}
.evaluate-content {
background:rgba(247,248,249,1);
}
.evaluate-content .contentEval {
width: 500px;
height: 120px;
resize: none;
border:none;
background:rgba(247,248,249,1);
padding: 10px 0;
font-size:14px;
line-height:20px;
}
.evaluate-content .contentEval::-webkit-input-placeholder {
color:rgba(172,165,183,1);
}
.evaluate-content .contentMax {
height:20px;
font-size:12px;
color:rgba(172,165,183,1);
line-height:20px;
text-align: right;
padding-bottom: 10px;
padding-right: 20px;
font-weight: 300;
}
.evaluate-lest ,.refund-lest {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
}
.evaluate-lest .evaluate-photo ,.refund-lest .refund-photo {
cursor: pointer;
display: flex;
justify-content: flex-start;
}
.evaluate-lest .evaluate-photo img ,.refund-lest .refund-photo img {
width: 28px;
}
.evaluate-lest .evaluate-photo .order-img-item ,.refund-lest .refund-photo .order-img-item {
background-repeat: no-repeat;
background-size: cover;
background-position: cover;
width: 48px;
height: 48px;
position: relative;
margin-right: 5px;
display: inline-block;
}
.order-img-item span {
display: inline-block;
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
background-color: rgba(0,0,0,0.5);
color: #FFFFFF;
}
.evaluate-submit ,.refund-submit {
width:80px;
height:30px;
background:rgba(239,103,55,1);
border-radius:5px;
font-size:14px;
color:rgba(255,255,255,1);
line-height:30px;
cursor: pointer;
}
.refund-block {
position: fixed;
z-index: 5000;
width: 600px;
min-height: 300px;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -150px;
background: #ffffff;
text-align: center;
border-radius: 5px;
color: #333333;
display: none;
}
.refund-space {
padding: 60px 50px 30px;
}
.refund-space table tr td:first-child {
padding-right:25px;
font-size:16px;
color:rgba(232,134,99,1);
}
.refund-space table tr {
}
.refund-space table tr td select {
width:400px;
height:30px;
border:1px solid rgba(207,204,213,1);
text-align: right;
}
.refund-space table tr td select option:hover {
background: rgba(232,134,99,1);
}
.refund-space table tr td textarea {
width:380px;
height: 80px;
border:1px solid rgba(207,204,213,1);
margin-top: 30px;
outline:none;
resize: none;
padding: 5px 10px;
}
.tab_movie .movie_tab ,.tab_self .self_tab ,.tab_IP .IP_tab ,.tab_collect .collect_tab,.tab_jd .jd_tab {
border-bottom: 1px solid #e6e6e6;
}
.tab_movie .movie_tab li ,.tab_self .self_tab li ,.tab_IP .IP_tab li , .tab_collect .collect_tab li, .tab_jd .jd_tab li {
float: left;
height:25px;
font-size:16px;
color:#999999;
line-height:25px;
margin-right: 50px;
padding-bottom: 10px;
list-style-type: none;
cursor:pointer;
}
.tab_movie .movie_tab li:hover ,.tab_self .self_tab li:hover ,.tab_IP .IP_tab li:hover ,.tab_collect .collect_tab li:hover ,
.tab_jd .jd_tab li:hover {
color: rgba(246,78,103,1);
}
.tab_movie .movie_tab .active ,.tab_self .self_tab .active ,.tab_IP .IP_tab .active ,.tab_collect .collect_tab .active ,
.tab_jd .jd_tab .active {
color:rgba(237,85,57,1);
border-bottom: 2px solid rgba(246,78,103,1);
}
.tab_cake .cake_tab {
border-bottom: 1px solid #e6e6e6;
}
.tab_cake .cake_tab .active {
color: #F64E67;
border-bottom: 2px solid #F64E67;
}
.tab_cake .cake_tab li {
float: left;
width: 110px;
height: 25px;
font-size: 16px;
color: #999999;
line-height: 25px;
padding-bottom: 10px;
list-style-type: none;
text-align: center;
cursor: pointer;
position: relative;
}
.tab_cake .cake_tab li:after {
content: '';
width: 1px;
height: 14px;
background-color: #E3E3E3;
position: absolute;
right: 0;
top: 7px;
}
.tab_cake .cake_tab li:last-child:after {
width: 0;
}
.tab_cake .cake_tab li:hover {
color: #F64E67;
}
.cake-list-null {
text-align: center;
font-size: 18px;
width: 830px;
height: 200px;
line-height: 200px;
color: #C5C5C5;
}
.cake_tab_list {
padding-top: 20px;
}
.tab_cake .cake_tab_list .cake_tab_item {
/*width: 100%;*/
height: 190px;
border: 1px solid #E6E6E6;
margin-bottom: 20px;
background:rgba(248,248,248,1);
padding: 0 20px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_head {
height: 44px;
border-bottom:1px solid rgba(239,239,239,1);
}
.tab_cake .cake_tab_list .cake_tab_item .item_head .item_number {
height:44px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:44px;
float: left;
padding-left: 10px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_head .item_date {
float: left;
height:44px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
line-height:44px;
float: left;
padding-left: 100px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_head .item_del {
cursor: pointer;
float: right;
margin-top: 17px;
margin-right: 20px;
width: 16px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body {
width: 100%;
text-align: left;
padding-top: 20px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake {
float: left;
width: 340px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake .item_photo {
float: left;
width: 106px;
height: 106px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake .item_photo img {
width: 106px;
height: 106px;
display: block;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake .item_content {
padding-left: 12px;
float: left;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake .item_content .item_name {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:20px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_cake .item_content .item_class {
height:17px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(136,136,136,1);
line-height:17px;
margin-top: 6px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_price {
float: left;
width: 185px;
height: 106px;
line-height: 106px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_price span {
font-size: 16px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_status {
float: left;
width: 185px;
height: 106px;
line-height: 106px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_href {
float: left;
padding-top: 25px;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_href .item_btn {
width: 70px;
height: 30px;
background: #F64E67;
border-radius: 4px;
font-size: 14px;
color: rgba(255,255,255,1);
line-height: 30px;
text-align: center;
cursor: pointer;
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_href .item-detail {
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color:rgba(39,39,39,1);
}
.tab_cake .cake_tab_list .cake_tab_item .item_body .item_more {
float: left;
height: 106px;
line-height: 106px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.cake_more {
width: 125px;
height: 36px;
border-radius: 18px;
font-size: 14px;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #999999;
line-height: 36px;
margin: 0 auto;
margin-top: 50px;
cursor: pointer;
}
.setting-block-title {
padding: 0 10px;
font-size: 14px;
cursor: pointer;
}
.setting-block {
background-color: #E6E6E6;
padding: 10px 0;
margin: 10px;
border-radius: 5px;
}
.setting-block .setting-item {
float: left;
margin: 5px 10px;
font-size: 12px;
display: inline-table;
cursor: pointer;
padding: 0 10px;
border-radius: 15px;
height: 20px;
line-height: 20px;
}
.setting-block .setting-item.active {
color: #FFFFFF;
background-color: #F64E67;
}
.tab_address .address-top {
display: flex;
justify-content: flex-start;
align-items: center;
}
.tab_address .address-top .add-address {
width: 112px;
height: 30px;
background: #F64E67;
border-radius: 1px;
font-size: 14px;
color: rgba(255,255,255,1);
line-height: 30px;
cursor: pointer;
margin: 10px 0;
}
.tab_address .address-top p {
font-size: 14px;
color: rgba(153,153,153,1);
padding-left: 10px;
}
.tab_address .address-list {
margin-top: 10px;
border-top: 1px solid rgba(243,242,242,1);
}
.tab_address .address-item {
background:#FFFFFF;
text-align: left;
padding: 10px;
border-bottom: 1px solid rgba(243,242,242,1);
position: relative;
background-color:rgba(248,248,248,1);
}
.tab_address .address-item .address-title {
display: flex;
justify-content: flex-start;
margin-bottom: 10px;
}
.tab_address .address-item .address-title .address-alias {
margin: 0;
display: inline-block;
color: #FFFFFF;
padding: 0 10px;
background:linear-gradient(135deg,rgba(255,198,144,1) 0%,rgba(244,120,26,1) 100%);
border-radius:11px;
margin-left: 10px;
}
.tab_address .address-item .address-title .address-def {
margin: 0;
display: inline-block;
color: #FFFFFF;
padding: 0 10px;
background:linear-gradient(132deg,rgba(104,238,228,1) 0%,rgba(35,195,176,1) 100%);
border-radius:11px;
margin-left: 10px;
}
.tab_address .address-item .address-bottom {
display: flex;
justify-content: flex-end;
margin-top: 5px;
color:rgba(136,136,136,1);
}
.tab_address .address-item .address-bottom .address-defult {
cursor: pointer;
margin-right: 40px;
}
.tab_address .address-item .address-bottom .address-defult:hover {
color: #F64E67;
}
.tab_address .address-item .address-bottom .address-revise {
cursor: pointer;
margin-right: 10px;
}
.tab_address .address-item .address-bottom .address-revise:hover {
color: #F64E67;
}
.tab_address .address-item .address-del {
position: absolute;
top: 10px;
right: 20px;
cursor: pointer;
}
.tab_address .address-item .address-del:hover {
color: #F64E67;
}
/*提交订单*/
.fill-order {
width: 1200px;
margin: 0 auto;
}
.choice-address {
padding-top: 24px;
}
.choice-address h5 ,.fill-order-con h5 ,.fill-order-date h5 {
height:25px;
font-size:16px;
color:rgba(107,72,69,1);
font-weight: 400;
line-height:25px;
text-align: left;
}
.choice-address .address-list {
overflow-x: scroll;
width: 1200px;
padding-top: 15px;
}
.choice-address .address-list .address-list-null {
font-size: 18px;
color: rgba(136,136,136,1);
text-align: left;
}
.choice-address .address-list ul {
display: flex;
justify-content: flex-start;
align-items: center;
min-width: 1200px;
padding: 15px;
}
.choice-address .address-list ul li {
width:269px;
height:139px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 8px 0px rgba(0,0,0,0.12);
border-radius:2px;
text-align: left;
margin-right: 34px;
position: relative;
cursor: pointer;
transition: 0.3s;
}
.choice-address .address-list ul li.active {
transform: scale(1.1);
border: 1px solid rgba(246,78,103,1);
}
.choice-address .address-list ul li.active .address-revise {
background:rgba(240,44,13,1);
color: #FFFFFF;
}
.address-list ul li.active .address-title {
border-bottom: 1px dashed rgba(253,176,165,1);
}
.choice-address .address-list ul li:hover {
transform: scale(1.1);
transition: 0.3s;
}
.address-list ul li .address-title {
height: 30px;
line-height: 30px;
margin: 0 20px;
color:rgba(136,136,136,1);
border-bottom: 1px dashed rgba(220,220,220,1);
display: flex;
justify-content: flex-start;
align-items: center;
}
.address-list ul li p {
margin: 8px 32px;
color:rgba(136,136,136,1);
line-height: 17px;
}
.address-list ul li span {
line-height: 17px;
color:rgba(136,136,136,1);
margin-left: 32px;
}
.address-list ul li .address-title span:first-child {
margin-left: 12px;
margin-right: 12px;
}
.address-list ul li .address-title span:nth-child(2) {
margin: 0;
display: inline-block;
color: #FFFFFF;
padding: 0 10px;
border-radius: 15px;
background-color: rgba(246,78,103,1);
/*background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
background: linear-gradient(-90deg, #ff4f00, #ff9601);*/
}
.address-list ul li .address-revise {
position: absolute;
left: 27px;
bottom: 7px;
width:61px;
height:21px;
background:rgba(149,149,149,1);
color:rgba(255,255,255,1);
line-height:21px;
text-align: center;
cursor: pointer;
}
.address-list ul li .address-defult {
width:64px;
height:21px;
background:rgba(253,176,165,1);
color:rgba(255,255,255,1);
line-height:21px;
position: absolute;
top: 0;
right: 12px;
text-align: center;
}
.fill-order .add-address {
width:112px;
height:30px;
background:rgba(246,78,103,1);
border-radius:1px;
font-size:14px;
color:rgba(255,255,255,1);
line-height:30px;
cursor: pointer;
margin: 30px 0;
}
.delivery-time {
width:1200px;
height:88px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 8px 0px rgba(0,0,0,0.07);
border-radius:5px;
margin: 20px 0;
display: flex;
justify-content: flex-start;
position: relative;
}
.delivery-day input ,.delivery-hour {
border: none;
margin-left: 45px;
margin-top: 24px;
width:204px;
height:40px;
line-height: 40px;
background:rgba(244,244,244,1);
cursor: pointer;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
text-align: center;
}
.delivery-list {
position: absolute;
left: 290px;
top: 64px;
width:204px;
background-color: #FFFFFF;
z-index: 50;
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.07);
display: none;
}
.delivery-item {
cursor: pointer;
width: 100%;
height: 40px;
line-height: 40px;
color:rgba(39,39,39,1);
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
text-align: center;
}
.delivery-item:hover {
background-color: rgba(244,244,244,1);
}
.delivery-confirm {
margin-left: 100px;
margin-top: 24px;
width:112px;
height:40px;
line-height: 40px;
background:rgba(246,78,103,1);
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
}
.fill-order-last {
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.07);
width:1200px;
background-color: #FFFFFF;
text-align: center;
height: 80px;
display: flex;
justify-content: flex-end;
align-items: center;
padding-right: 50px;
}
.fill-order-last .price-part {
height: 80px;
padding-right: 40px;
}
.fill-order-last .price-part .price-shop,
.fill-order-last .price-part .price-transport {
height: 40px;
line-height: 40px;
text-align: left;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(60,60,60,1);
}
.fill-order-last .price-part span {
display: inline-block;
width: 65px;
}
.fill-order-last .order-total {
height: 80px;
line-height: 80px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
padding-right: 20px;
}
.fill-order-last .order-total .order-total-price {
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
}
.fill-order-last .order-total span {
font-size: 18px;
}
.fill-order-btn {
width:181px;
height:54px;
background:rgba(246,78,103,1);
font-size:20px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
line-height: 54px;
text-align: center;
cursor: pointer;
}
.order-list {
box-shadow:0px 0px 5px 0px rgba(0,0,0,0.07);
width:1200px;
background-color: #FFFFFF;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.order-item {
padding:10px 24px;
}
.order-product {
display: flex;
justify-content: flex-start;
align-items: center;
}
.order-con {
display: flex;
justify-content: flex-start;
align-items: center;
}
.order-item .order-photo {
width: 140px;
height: 140px;
}
.order-item .order-photo img {
width: 140px;
height: 140px;
display: block;
}
.order-item .order-base {
width: 395px;
height: 140px;
padding-left: 17px;
text-align: left;
}
.order-item .order-base .order-name {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:20px;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.order-item .order-base .order-class {
height:17px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(136,136,136,1);
line-height:17px;
margin-top: 7px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.order-item .order-price-one {
width:268px;
height:20px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(30,30,30,1);
line-height:20px;
text-align: left;
}
.order-item .order-price-one span {
font-size: 16px;
}
.order-item .order-num {
width:218px;
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(30,30,30,1);
line-height:20px;
text-align: left;
}
.order-item .order-prices {
height:20px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(246,78,103,1);
line-height:20px;
text-align: left;
}
.order-item .order-prices span {
font-size: 18px;
}
.order-item input {
margin: 0;
padding: 0;
width:100%;
height:35px;
line-height: 35px;
padding-left: 17px;
border:1px solid rgba(227,227,227,1);
}
.address-mask {
position: fixed;
z-index: 4000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 17, 17, 0.7);
display: none;
}
.address-block {
position: fixed;
z-index: 5000;
width: 666px;
min-height: 550px;
top: 50%;
left: 50%;
margin-left: -333px;
margin-top: -275px;
background: #ffffff;
text-align: center;
border: 15px solid rgba(255,255,255,1);
border-radius: 5px;
color: #333333;
display: none;
}
.icon_close_address {
display: inline-block;
position: absolute;
right: 10px;
top: 17px;
width: 16px;
height: 16px;
background: url('../img/close.png') no-repeat;
background-size: 16px 16px;
z-index: 100;
cursor: pointer;
}
.address-block .address-title-new {
text-align: left;
height:51px;
background:rgba(255,255,255,1);
line-height: 51px;
font-size:18px;
color:rgba(39,39,39,1);
padding-left: 20px;
border-bottom: 1px solid #E6E6E6;
}
.address-block .address-con {
width: 500px;
margin: 0 auto;
}
.address-block .address-con table {
width: 500px;
padding-top: 25px;
}
.address-block .address-con table tr td:first-child {
width: 83px;
text-align: right;
font-size:14px;
color:#888888;
line-height:22px;
}
.address-block .address-con table tr td:nth-child(2) {
text-align: left;
padding: 11px 0;
}
.address-block .address-con table tr .choice {
position: relative;
}
.address-block .addressCh {
width:360px;
height:43px;
line-height: 43px;
border:1px solid #E3E3E3;
font-size:14px;
padding-left: 15px;
cursor: pointer;
position: relative;
}
.address-block .addressCh p {
width: 319px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.address-block .addressCh .arrows {
position:absolute;
right:0;
top:0;
width: 41px;
height: 41px;
background-image: url('../img/public_down_arrows.png');
background-repeat: no-repeat;
background-position: center;
background-size: 26px 26px;
}
.address-block .address-con table tr .choice .address-choice {
position: absolute;
left: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.15);
display: none;
}
.address-con .choice .address-choice .address-nav {
display: flex;
justify-content: flex-start;
align-items: center;
width: 440px;
background-color: #FFFFFF;
margin-bottom: -1px;
}
.address-con .choice .address-choice .address-nav .address-nav-item {
font-size: 12px;
padding: 8px 15px;
min-width: 50px;
display: inline-block;
text-align: center;
cursor: pointer;
color: #666;
/*border-top: 1px solid #e5e5e5;*/
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-color: #f8f8f8;
}
.address-con .choice .address-choice .address-nav .address-nav-item.active {
color: #333;
background-color: #fff;
border-left: none;
border-top: none;
border-bottom: 1px solid #FFFFFF;
}
.address-con .choice .address-choice .address-tab {
width: 432px;
min-height: 80px;
padding: 10px 4px;
background-color: #FFFFFF;
border-top: 1px solid #e5e5e5;
}
.address-con .choice .address-choice .address-tab .city-item {
cursor: pointer;
display: inline-block;
font-size: 12px;
padding: 0 10px;
line-height: 18px;
vertical-align: middle;
max-width: 98px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.address-con .choice .address-choice .address-tab .city-item.active {
background: rgba(240,44,13,1);
border-radius: 2px;
color: #fff;
}
.address-block .address-con table tr .choice ul {
overflow-y: scroll;
max-height: 300px;
display: none;
/*transition: 0.3s;*/
}
.address-block .address-con table tr .choice ul li {
width:354px;
height:43px;
line-height: 43px;
font-size:16px;
background-color: #FFFFFF;
padding-left: 15px;
border-bottom:1px solid rgba(155,166,191,1);
cursor: pointer;
}
.address-con table .form-options {
height: 60px;
/*display: flex;
justify-content: flex-start;*/
}
.address-con table .form-options .form-option-item {
display: inline-block;
height: 20px;
line-height: 20px;
border: 1px solid #E5E5E5;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 15px;
cursor: pointer;
color: #666666
}
.address-con table .form-options .form-option-item b {
font-weight: normal;
padding: 0 20px;
}
.address-con table .form-edit-block {
position: relative;
}
.form-edit-block .form-option-edit, .form-edit-block .edit-form, .form-edit-block .form-option-item.editable {
position: absolute;
top: 0;
left: 0;
}
.address-con table .form-option-edit {
display: inline-block;
height: 20px;
line-height: 20px;
border: 1px solid #E5E5E5;
padding: 0 20px;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 15px;
cursor: pointer;
}
.address-con table .form-options .edit-form {
width: 250px;
height: 20px;
background-color: #f6f6f6;
border-radius: 15px;
display: flex;
justify-content: center;
}
.address-con table .form-options .edit-form input {
width: 200px;
height: 20px;
line-height: 20px;
border-radius: 15px;
border: 0;
margin: 0;
padding-left: 10px;
background-color: #f6f6f6;
}
.address-con table .form-options .edit-form .edit-form-submit {
width: 50px;
height: 20px;
line-height: 20px;
border-radius: 0 15px 15px 0;
background-color: rgba(246,78,103,1);
/*background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
background: linear-gradient(-90deg, #ff4f00, #ff9601);*/
color: #ffffff;
text-align: center;
cursor: pointer;
}
.address-con table .form-options .edit-form .edit-form-submit.disabled {
background: #eaeaeb;
color: #999999;
}
.address-con table .form-options .form-option-item.active {
color: rgba(246,78,103,1);
border: 1px solid rgba(246,78,103,1);
}
.address-con table .form-options .form-option-item.editable i {
font-style: normal;
width: 50px;
height: 20px;
line-height: 20px;
border-radius: 0 15px 15px 0;
text-align: center;
color: #FFFFFF;
display: inline-block;
background-color: rgba(246,78,103,1);
/*background: -webkit-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -moz-linear-gradient(-90deg, #ff4f00, #ff9601);
background: -o-linear-gradient(-90deg, #ff4f00, #ff9601);
background: linear-gradient(-90deg, #ff4f00, #ff9601);*/
}
.address-block .addressContent {
width:360px;
height:49px;
border:1px solid #E3E3E3;
font-size:14px;
padding: 15px 0 15px 15px;
resize: none;
outline:none;
line-height: normal;
font-family: none;
font: status-bar;
}
.address-block .address-email ,.address-block .name ,.address-block .tel {
width:360px;
height:43px;
border:1px solid #E3E3E3;
font-size:14px;
padding-left: 15px;
}
.address-block .addCheck {
width:24px;
height:24px;
border-radius:5px;
border:1px solid rgba(151,151,151,1);
vertical-align: middle;
}
.address-block span {
height:22px;
font-size:16px;
color:rgba(38,27,24,1);
line-height:22px;
}
.address-block .address-submit {
width:94px;
height:38px;
background:rgba(246,78,103,1);
border-radius:2px;
font-size:16px;
color:rgba(255,255,255,1);
line-height:38px;
text-align: center;
cursor: pointer;
}
/*订单详情*/
.orderDetail {
width: 1200px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
text-align: right;
}
.od-order {
background:rgba(248,248,248,1);
border-radius:5px;
/*box-shadow:0px 0px 8px 0px rgba(0,0,0,0.08);*/
padding: 0 20px;
}
.od-title {
height: 37px;
line-height: 37px;
text-align: left;
padding-left: 16px;
border-bottom:1px solid rgba(239,239,239,1);
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.od-message {
display: flex;
justify-content: flex-start;
align-items: baseline;
padding: 20px 0 20px 16px;
}
.od-after {
padding-left: 100px;
}
.od-item {
height: 40px;
line-height: 40px;
display: flex;
justify-content: flex-start;
align-items: center;
}
.od-item-title {
width: 85px;
text-align: left;
height: 40px;
line-height: 40px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(107,72,69,1);
}
.od-item-content {
width:160px;
height:26px;
line-height: 26px;
background:rgba(255,255,255,1);
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
text-align: center;
}
.od-receive {
background:rgba(248,248,248,1);
border-radius:5px;
padding: 0 20px;
margin-top: 30px;
}
.od-address {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-left: 16px;
padding-bottom: 20px;
padding-top: 10px;
}
.od-item-address {
width: 1000px;
height:54px;
background:rgba(255,255,255,1);
line-height: 27px;
font-size:12px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
text-align: left;
padding: 0 10px;
}
.od-list {
background:rgba(248,248,248,1);
border-radius:5px;
padding: 0 20px;
margin-top: 30px;
}
.od-list .od-items {
padding: 16px 0;
}
.od-list .od-item-head {
height: 80px;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
}
.od-list .od-items input {
margin: 0;
padding: 0;
width:1141px;
height:35px;
line-height: 35px;
padding-left: 17px;
border:1px solid rgba(227,227,227,1);
}
.od-list .od-items .od-item-photo {
width: 25%;
}
.od-list .od-items .od-item-photo img {
width: 80px;
height: 80px;
display: block;
}
.od-list .od-items .od-item-name {
width: 25%;
height:80px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:80px;
}
.od-list .od-items .od-item-class {
width: 25%;
height:80px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:80px;
}
.od-list .od-items .od-item-num {
height:80px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
line-height:80px;
}
.od-total {
text-align: right;
height: 64px;
line-height: 64px;
font-size:14px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(39,39,39,1);
}
.od-total .od-total-price {
color: #F94C64;
}
.od-total .od-total-price span {
font-size: 18px;
}
.od-btn {
width:181px;
height:54px;
background:rgba(246,78,103,1);
line-height: 54px;
text-align: center;
font-size:20px;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
cursor: pointer;
display: inline-block;
/*position: absolute;
right: 0;
bottom: 40px;*/
}