596 lines
9.7 KiB
CSS
596 lines
9.7 KiB
CSS
* {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
/* header */
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.ty_herader {
|
|
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
|
|
padding-bottom: 7px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
.ty_herader>img {
|
|
width: 100%;
|
|
}
|
|
|
|
.ty_herader>nav>img {
|
|
width: 489px;
|
|
height: 124px;
|
|
}
|
|
|
|
.ty_ds {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.ty_herader>nav {
|
|
margin-top: 31px;
|
|
}
|
|
|
|
.ty_w {
|
|
width: 1280px;
|
|
margin: auto;
|
|
}
|
|
|
|
.ty_listnav {
|
|
display: flex;
|
|
margin-top: 66px;
|
|
color: rgb(135, 135, 135);
|
|
align-self: flex-start;
|
|
}
|
|
|
|
.ty_listnav>li {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ty_listnav a {
|
|
color: rgb(135, 135, 135);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ty_di {
|
|
width: 4px;
|
|
background-color: rgb(135, 135, 135);
|
|
height: 4px;
|
|
display: block;
|
|
border-radius: 50%;
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.ty_topicon {
|
|
width: 15px;
|
|
margin-right: 6px;
|
|
height: 15px;
|
|
}
|
|
|
|
.ty_gr {
|
|
color: rgb(201, 57, 57) !important;
|
|
}
|
|
|
|
/* main */
|
|
.mian {
|
|
padding-top: 22px;
|
|
}
|
|
|
|
.ty_co {
|
|
background-color: rgb(245, 245, 245);
|
|
}
|
|
|
|
.ty_left {
|
|
width: 202px;
|
|
height: 711px;
|
|
background-color: #fff;
|
|
padding-top: 29px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ty_lefttx {
|
|
text-align: center;
|
|
border-bottom: 1px solid rgb(245, 245, 245);
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
.ty_lefttx>img {
|
|
width: 102px;
|
|
height: 102px;
|
|
margin: auto;
|
|
margin-bottom: 29px;
|
|
|
|
display: block;
|
|
}
|
|
|
|
.ty_leftcon {
|
|
width: 100%;
|
|
height: 53px;
|
|
border-bottom: 1px solid rgb(245, 245, 245);
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 31px;
|
|
font-size: 15px;
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ty_leftcon>img {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ty_ris {
|
|
width: 1060px;
|
|
}
|
|
|
|
.ty_tit {
|
|
width: 100%;
|
|
height: 64px;
|
|
background-color: #fff;
|
|
line-height: 64px;
|
|
font-weight: bold;
|
|
box-sizing: border-box;
|
|
font-size: 18px;
|
|
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.ty_riscon {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
height: 709px;
|
|
padding-top: 40px;
|
|
padding-left: 100px;
|
|
box-sizing: border-box;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.ty_scimg {
|
|
width: 154px;
|
|
height: 154px;
|
|
background-color: rgb(245, 245, 245);
|
|
border-radius: 50%;
|
|
border: none;
|
|
margin-right: 28px;
|
|
}
|
|
|
|
.ty_tupian {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 44px;
|
|
}
|
|
|
|
.ty_tubtn {
|
|
width: 202px;
|
|
height: 33px;
|
|
border: 1px solid rgb(245, 245, 245);
|
|
background-image: linear-gradient(#fff, rgb(245, 245, 245));
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.ty_col {
|
|
color: rgb(193, 193, 193);
|
|
}
|
|
|
|
.ty_name {
|
|
display: flex;
|
|
margin-bottom: 37px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ty_name> :nth-child(1) {
|
|
width: 65px;
|
|
margin-right: 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.ty_int {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.ty_int> :nth-child(1) {
|
|
width: 65px;
|
|
text-align: right;
|
|
margin-right: 20px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ty_int> :nth-child(2) {
|
|
width: 471px;
|
|
height: 52px;
|
|
box-sizing: border-box;
|
|
font-size: 16px;
|
|
border: solid 1px #000;
|
|
border-color: rgb(208, 208, 208);
|
|
border-radius: 5px;
|
|
}
|
|
|
|
select {
|
|
border-radius: 5px;
|
|
border: solid 1px #000;
|
|
border-color: rgb(208, 208, 208);
|
|
appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
display: flex;
|
|
padding: 12px 18px;
|
|
box-sizing: border-box;
|
|
background: url("../../img/grzx/xiala_08.jpg") no-repeat scroll right 20px top 20px transparent;
|
|
background-size: 12px 8px;
|
|
width: 150px;
|
|
height: 52px;
|
|
}
|
|
|
|
.ty_setle {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.ty_setle> :nth-child(1) {
|
|
width: 65px;
|
|
text-align: right;
|
|
margin-right: 20px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.ty_setle>select {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.tyint_pal {
|
|
padding-left: 14px;
|
|
box-sizing: border-box;
|
|
color: #000;
|
|
}
|
|
|
|
.ty_btn {
|
|
text-align: right;
|
|
width: 557px;
|
|
}
|
|
|
|
.ty_btn>button {
|
|
border-radius: 5px;
|
|
font-size: 18px;
|
|
width: 138px;
|
|
height: 50px;
|
|
color: #fff;
|
|
background-color: rgb(203, 25, 25);
|
|
border: none;
|
|
}
|
|
|
|
.ty_btn1 {
|
|
text-align: right;
|
|
width: 581px;
|
|
}
|
|
|
|
/* 密码修改 */
|
|
.ty_wic> :nth-child(1) {
|
|
width: 90px;
|
|
}
|
|
|
|
.ty_riscon1 {
|
|
height: 638px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* 收货地址 */
|
|
.ty_shtit {
|
|
width: 100%;
|
|
height: 64px;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-left: 24px;
|
|
padding-right: 20px;
|
|
}
|
|
.ty_shtit>div{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ty_shtit>div>:nth-child(1){
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
margin-right: 20px;
|
|
}
|
|
.ty_shtit>div>:nth-child(2){
|
|
font-size: 12px;
|
|
}
|
|
.ty_shtit>p{
|
|
font-size: 18px;
|
|
color: rgb(13, 158, 61);
|
|
}
|
|
.ty_con{
|
|
width: 100%;
|
|
height: 638px;
|
|
margin-top: 10px;
|
|
box-sizing: border-box;
|
|
background-color: #fff;padding-top: 26px;
|
|
|
|
}
|
|
.ty_dizcon{
|
|
width: 1006px;
|
|
height: 190px;
|
|
margin: auto;
|
|
margin-bottom: 23px;
|
|
border: 1px solid rgb(229, 229, 229);
|
|
padding-left: 22px;
|
|
padding-top: 20px;
|
|
padding: 20px 22px 0px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_dzxx>:nth-child(1)>:nth-child(1){
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
.ty_dzxx>:nth-child(1)>:nth-child(2){
|
|
width: 61px;
|
|
height: 23px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
color: #fff;
|
|
line-height: 23px;
|
|
margin-left: 18px;
|
|
background-color: rgb(203, 25, 25);
|
|
}
|
|
.ty_dzxx>:nth-child(1){
|
|
display: flex;
|
|
}
|
|
.ty_dzxx{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-self: flex-start;
|
|
align-items: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ty_dzxx>:nth-child(2){
|
|
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
}
|
|
.ty_dztext{
|
|
color: rgb(149, 149, 149);
|
|
margin-bottom: 10px;
|
|
}
|
|
.ty_dztext>span{
|
|
color: #000;
|
|
}
|
|
.ty_mr{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.ty_mr>:nth-child(2){
|
|
display: flex;
|
|
color: rgb(74, 122, 228);
|
|
}
|
|
.ty_mr>:nth-child(2)>p{
|
|
margin-left: 28px;
|
|
}
|
|
|
|
|
|
/* 新增收货地址 */
|
|
.ty_xzsh{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(00, 00, 00,0.3) ;
|
|
position: fixed;
|
|
top: 0px;
|
|
display: none;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-top: 45px;
|
|
box-sizing: border-box;
|
|
left: 0px;
|
|
z-index: 3;
|
|
}
|
|
.ty_tcon{
|
|
width: 653px;
|
|
height: 438px;
|
|
border-radius: 5px;
|
|
background-color: #fff;
|
|
margin: auto;
|
|
}
|
|
.ty_tctiti{
|
|
width: 100%;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 15px 20px 12px;
|
|
align-items: center;
|
|
background-color: rgb(233, 233, 233);
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_tctiti>:nth-child(2){
|
|
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
}
|
|
.ty_tris{
|
|
padding-top: 26px;
|
|
padding-left: 40px;
|
|
}
|
|
.ty_tcwi{
|
|
margin-bottom: 12px;
|
|
}
|
|
.ty_tcwi>:nth-child(1){
|
|
width: 82px
|
|
|
|
;
|
|
margin-right: 0px;
|
|
}
|
|
.ty_yhtit{
|
|
width: 100%;
|
|
height: 64px;
|
|
background-color: #fff;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 23px;
|
|
font-size: 18px;
|
|
|
|
}
|
|
.ty_yhd{
|
|
font-weight: 600;
|
|
}
|
|
.ty_yhtit>p{
|
|
margin-right: 40px;
|
|
}
|
|
|
|
/* 优惠卷 */
|
|
.ty_yhuij{
|
|
width: 244px;
|
|
height: 226px;
|
|
text-align: center;
|
|
margin-right: 12px;
|
|
}
|
|
.ty_yhuij>:nth-child(1){
|
|
background-color: rgb(116, 210, 212);
|
|
width: 100%;
|
|
height: 142px;
|
|
position: relative;
|
|
padding-top: 26px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_yhuij>:nth-child(2){
|
|
width: 244px;
|
|
height: 83px;
|
|
background-color: rgb(249, 249, 249);
|
|
}
|
|
.ty_gb{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-image: url("../../img/grzx/yhq.png");
|
|
background-size: 100%;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
padding-top: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_yhmn{
|
|
color: #fff;
|
|
font-size: 36px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin: auto;
|
|
line-height: 33px;
|
|
position: relative;
|
|
margin-left: 10px;
|
|
}
|
|
.ty_yhmn>span{
|
|
font-size: 20px;
|
|
display: inline-block;
|
|
top:-9px;
|
|
left: -19px;
|
|
position: absolute;
|
|
}
|
|
.ty_textyh{
|
|
font-size: 13px;
|
|
margin-top: 15px;
|
|
margin-bottom: 20px;
|
|
color: #fff;
|
|
}
|
|
.ty_yhbtn{
|
|
width: 121px;
|
|
height: 35px;
|
|
border: 1px solid rgb(116, 210, 212);
|
|
border-radius: 30px;
|
|
margin-top: 26px;
|
|
color: rgb(116, 210, 212);
|
|
}
|
|
.gqtp{
|
|
text-align: right;
|
|
padding-top: 12px;
|
|
padding-right: 12px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_tp>:nth-child(4n){
|
|
margin-right: 0px;
|
|
}
|
|
.ty_listimg{
|
|
position: absolute;
|
|
display: none;
|
|
}
|
|
|
|
/* 订单 */
|
|
.ty_ddnav{
|
|
display: flex;
|
|
|
|
}
|
|
.ty_ddys{
|
|
color: rgb(203,25,25);
|
|
}
|
|
.ty_ddnav>p{
|
|
margin-right: 32px;
|
|
font-weight: bold;
|
|
}
|
|
.ty_ddxq{
|
|
width: 100%;
|
|
height: 40px;
|
|
background-color: rgb(245, 245, 245);
|
|
margin-top: 10px;
|
|
display: flex;
|
|
margin-bottom: 18px
|
|
;
|
|
justify-content: space-between;
|
|
align-items: center ;
|
|
padding-left: 16px;
|
|
padding-right: 40px;
|
|
box-sizing: border-box;
|
|
}
|
|
.ty_ddxq>:nth-child(2){
|
|
display: flex;
|
|
}
|
|
.ty_ddxq>:nth-child(2)>*{
|
|
margin-left: 60px;
|
|
}
|
|
.ty_ddcon{
|
|
width: 100%;
|
|
height: 258px;
|
|
border: 1px solid rgb(233, 233, 233);
|
|
box-sizing: border-box;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ty_ddcontit{
|
|
width: 100%;
|
|
height: 35px;
|
|
background-color: rgb(245, 245, 245);
|
|
display: flex;
|
|
align-items: center;
|
|
box-sizing: border-box;
|
|
justify-content: space-between;
|
|
padding-left: 13px;
|
|
padding-right: 10px;
|
|
}
|
|
.ty_ddcontit>:nth-child(1)>p{
|
|
color: rgb(146, 146, 146);
|
|
}
|
|
.ty_ddcontit>:nth-child(2){
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.ty_ddcontit>:nth-child(2)>p{
|
|
margin-right: 5px;
|
|
color: rgb(6, 110, 226);
|
|
}
|
|
|
|
.ty_ddxx{
|
|
|
|
} |