huaxia/css/grzx/grzx.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_herader>nav {
    margin-top: 31px;
}



.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 */
.ty_ds {
    display: flex;
    justify-content: center;
    position: relative;
}
.naliu{
    width: 50px;
    height: 50px;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    position: fixed;
    top: 36%;
    display: none;
    left: 10px;
    border-radius: 50%;
    z-index: 5;
}
.mian {
    padding-top: 22px;
}

.ty_co {
    background-color: rgb(245, 245, 245);
}

.ty_left {
    width: 202px;
    height: 711px;
    background-color: #fff;
    padding-top: 29px;
    margin-right: 19px;
    position: relative;
    box-sizing: border-box;
}
.ty_caidan{
    width: 100%;
    height: 30px;
    border-radius: 3px;
    line-height: 30px;
    background-color: #fff;
    display: none;
    font-weight: 500;
    text-align: center;
    position: absolute;
   top: -60px;


}
.ty_lefttx {
    text-align: center;
    border-bottom: 1px solid rgb(245, 245, 245);
    padding-bottom: 24px;
}

.ty_lefttx>img {
    width: 60%;
    height: 50%;
    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_dindantit{
    width: 100%;
    height:20px;
    border-bottom: 1px solid rgb(233, 233, 233);;
    display: none;
    margin-bottom: 5px;

}

.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;
}

::-webkit-input-placeholder {
    color: #222222;
}

.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;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: 3px;
    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: 94%;
    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;
    font-size: 14px;
}

.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;
    align-items: center;
    justify-content: center;
    padding-top: 45px;
    box-sizing: border-box;
    left: 0px;
    z-index: 3;
}

.ty_tcon {
    width: 653px;
    padding-bottom: 43px;
    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;
    color: #191919;
}

/* 优惠卷 */
.ty_yhuij {
    width: 25%;
    text-align: center;
    padding-right: 11px;
    margin-bottom: 11px;
    box-sizing: border-box;
}
.ty_yhjyuan{
    position: absolute;
    bottom: -4px;
    width: 100%;
    left: 0px;
}
.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: 100%;
    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_dindantetx{
    display: flex;
}
.ty_dnum{
    display: flex;
}
.ty_ddys {
    color: rgb(203, 25, 25);
}

.ty_ddnav>p {
    margin-right: 32px;
    font-weight: bold;
    font-size: 14px;
}

.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 p {
    font-size: 14px;
    color: rgb(106, 106, 106);
}

.ty_ddxq>:nth-child(2) {
    display: flex;
}

.ty_ddxq>:nth-child(2)>* {
    margin-left: 60px;
}

.ty_ddcon {
    width: 100%;
    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;
    width: 61px;
}

.ty_ddcontit>:nth-child(2)>p {
    margin-right: 5px;
    color: rgb(6, 110, 226);
}

.ty_ddxx>:nth-child(1)>div {
    display: flex;
    padding: 14px 0px 14px 15px;
    border-bottom: 1px solid rgb(233, 233, 233);
    border-right: 1px solid rgb(233, 233, 233);
    box-sizing: border-box;
    width: 610px;
}

.ty_ddxx>:nth-child(1)>:last-child {
    border-bottom: none;
}
.ty_ddmas{
    display: flex;
}
.ty_ddmas>:nth-child(2) {
    width: 250px;
    font-size: 13px;
    padding-top: 12px;
    margin-left: 12px;
}
.ty_dindantop{
display: flex;align-items: center;font-size: 14px;

}
.ty_dnum>:nth-child(1) {
    padding-top: 12px;
    margin-left: 80px;
    font-size: 13px;
}

.ty_dnum>:nth-child(2) {
    padding-top: 12px;
    margin-left: 72px;
    font-size: 13px;
}

.ty_ddxx {
    display: flex;
    flex-wrap: wrap;
}

.ty_ddxxTxt {
    padding-top: 24px;
    font-size: 13px;
    width: 98px;
    border-right: 1px solid rgb(233, 233, 233);
    text-align: center;
}

.ty_ddxxTxt1 {
    padding-top: 24px;
    width: 100px;
    text-align: center;
}

.ty_ddxxTxt1>button {
    width: 79px;
    height: 34px;
    border: 1px solid rgb(233, 156, 156);
    color: rgb(203, 25, 25);
    margin-bottom: 8px;
}

.ty_paging {
    display: flex;
    align-items: center;
}

.ty_paging>p {
    width: 101px;
    height: 37px;
    border: solid 1px rgb(243, 243, 243);
    text-align: center;
    line-height: 37px;
    margin-right: 12px;
    color: #848484;
}

.ty_pagingcol {
    color: rgb(255, 82, 0);
}

.ty_paging>div>span {
    margin-right: 12px;

}


.ty_shtcint {
    display: flex;
    align-items: center;
 
}

.ty_sgtxt {
    font-size: 16px;
    color: #191919;
}

.ty_tpsc {
    display: flex;
}

.ty_tpsc>:nth-child(1) {
    width: 109px;
    height: 109px;
    border: 1px solid rgb(208, 208, 208);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
}

.ty_tpsc>:nth-child(2) {
    color: #222222;
    margin-top: 82px;
    margin-left: 15px;
    font-size: 12px;
    color: rgb(126, 126, 126);
}

.ty_yscon {
    padding-left: 24px;
}

.ty_ysnr {
    width: 20%;
    padding-right: 23px;
    box-sizing: border-box;
    margin-bottom: 35px;
    position: relative;
}
.ty_ysnr >img{
    width: 100%;
}
.ty_ysnr>p {
    font-size: 16px;
    color: #191919;
    text-align: center;
    margin-top: 18px;

}

.ty_ysmr {
    display: flex;
    flex-wrap: wrap;
}



.ty_ysqxgz {
    display: inline-block;
    width: 67px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: rgb(53, 53, 53);
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff;
    font-size: 13px;
}

.ty_wdgz {
    width: 33%;
    padding-right: 21px;
    box-sizing: border-box;
    margin-bottom: 21px;
    position: relative;
}
.ty_wdgz>img{
    width: 100%;
}
.ty_wdgz>p {
    font-size: 16px;
    color: #191919;
    margin-top: 18px;
}



.ty_jftit {
    width: 100%;
    background-color: #fff;
    height: 161px;
    padding-top: 25px;
    box-sizing: border-box;
    padding-left: 22px;
}

.ty_jftit>:nth-child(1) {
    font-size: 18px;
    color: #191919;
    font-weight: bold;
}

.ty_jftit>:nth-child(2) {
    display: flex;
    padding-left: 32px;
    margin-top: 35px;
    align-items: center;
}

.ty_jftit>:nth-child(2)>:nth-child(1) {
    font-size: 16px;
    color: #191919;
}

.ty_jftit>:nth-child(2)>:nth-child(2) {
    color: #cb1919;
    font-size: 24px;
    margin-left: 20px;
}

.ty_jftit>:nth-child(2)>:nth-child(3) {
    width: 179px;
    height: 44px;
    background-color: #cb1919;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    margin-left: 30px;
}

.ty_jftit>:nth-child(2)>:nth-child(4) {
    width: 98px;
    font-size: 15px;
    color: #cb1919;
    text-align: center;
    line-height: 44px;
    border: 1px solid #cb1919;
    border-radius: 3px;
    margin-left: 20px;
    height: 44px;
}

.ty_jfn>:nth-child(1) {
    font-size: 14px;
    color: #cb1919;
    font-weight: bold;
}

.ty_jfn>:nth-child(2) {
    width: 100%;
    height: 42px;
    margin-top: 10px;
    background-color: rgb(245, 245, 245);
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 77px;
}

.ty_jfn>:nth-child(2)>p {
    color: rgb(106, 106, 106);
    font-size: 14px;
}

.ty_jfn>:nth-child(2)>:nth-child(2) {
    margin-left: 250px;
    margin-right: 173px;
}

.ty_jfcon>div {
    display: flex;
    padding: 16px 0px 17px 26px;
    border-bottom: 1px solid rgb(238, 233, 231);
}

.ty_jfcon>div>:nth-child(1) {
    font-size: 13px;
    color: #525252;
    margin-right: 200px;
}

.ty_jfcon>div>:nth-child(2) {
    width: 75px;
    font-size: 14px;
    margin-right: 161px;

    font-weight: bold;
}

.ty_jfys {
    color: rgb(0, 166, 8);
}

.ty_jfys2 {
    color: rgb(203, 25, 25);
}

.ty_jfcon>div>:nth-child(3) {
    font-size: 13px;
    color: #525252;
}

/* 收藏 */
.ty_sccon {
    padding-left: 24px;
 
}

.ty_yishusc {
    width: 33%;
    padding-right: 14px;
    position: relative;
    box-sizing: border-box;

}
.ty_yishusc>img{
    width: 100%;
}

.ty_yishusc>:nth-child(2) {
    font-size: 16px;
    color: #191919;
    margin-top: 17px;
    margin-bottom: 14px;
}

.ty_yishusc>:nth-child(3) {
    color: rgb(147, 147, 147);
    font-size: 13px;
}

.ty_scmr>:nth-child(3n) {
    margin-right: 0px;
}

.ty_scml {
    padding-left: 22px;

}

.ty_yspcon {
    width: 20%;
    padding-right: 24px;
    margin-bottom: 24px;
    box-sizing: border-box;
    position: relative;
}

.ty_yspcon>img {
    width: 100%;
   
}

.ty_yspcon>p {
    font-size: 14px;
    color: #191919;
    margin-top: 18px;
}

.ty_scml>:nth-child(5n) {
    margin-right: 0px;
}

/* 签到 */
.ty_qidaocon {
    width: 657px;
    height: 307px;
    background-image: url("../../img/grzx/qdbj.jpg");
    background-size: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.ty_qidaocon>img {
    position: absolute;
    top: 14px;
    right: 16px;
}

.ty_qidaocon>button {
    width: 176px;
    height: 50px;
    border-radius: 3px;
    background-color: rgb(203, 25, 25);
    border: none;
    margin-bottom: 24px;
    font-size: 18px;
    color: #fff;
}

/* 征稿 */
.ty_zgtit {
    width: 100%;
    background-color: rgb(245, 245, 245);
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 77px;
    box-sizing: border-box;
}

.ty_zgtit>p {
    font-size: 14px;
    color: rgb(106, 106, 106);
}

.ty_zgtit>:nth-child(1) {
    margin-right: 314px;
}

.ty_zgtit>:nth-child(2) {
    margin-right: 159px;
}

.ty_zgtit>:nth-child(3) {
    margin-right: 101px;
}

.ty_zgtit>:nth-child(4) {
    margin-right: 82px;
}

.ty_zgcon {
    padding-top: 17px;
    padding-bottom: 14px;
    padding-left: 9px;
    padding-right: 7px;
}

.ty_zgcon {
    display: flex;
    border-bottom: 1px solid rgb(238, 233, 231);
    flex-wrap: wrap;
}

.ty_zgzti {
    font-size: 13px;
    color: rgb(82, 82, 82);
}

.ty_zgcon>:nth-child(1) {
    width: 88px;
    height: 85px;
    margin-right: 11px;
}
.ty_ristext{
    display: flex;
}
.ty_ristext>:nth-child(1) {
    width: 187px;
    margin-right: 92px;
    margin-left: 80px;
}

.ty_ristext>:nth-child(2) {
    margin-right: 67px;
}

.ty_ristext>:nth-child(3) {
    margin-right: 34px;
}

.ty_ristext>:nth-child(4) {
    width: 62px;
}

.ty_ristext>:nth-child(4)>div>button {
    width: 62px;
    height: 34px;
    border-radius: 3px;
    background-color: #fff;
    margin-bottom: 5px;
}

.ty_ristext>:nth-child(4)>div>p{
    color: #191919;
    font-size: 13px;
    margin-top: 5px;
}
.ty_ristext>div>:nth-child(1){
    display: none;
}

.ty_bj {
    color: #00a608;
    border: 1px solid #00a608;
}

.ty_scsc {
    color: #066ee2;
    border: 1px solid #066ee2;
}

.ty_lititnoe>:nth-child(2) {
    display: none;
}

.ty_lititnoe>span {
    color: rgb(203, 25, 25);
}

.ty_litittwo>:nth-child(1) {
    display: none;
}
.ty_topifrane{
    width: 100%;
    height: 300px;
}