master
parent
9ee0db1897
commit
4d571d2a0f
|
|
@ -311,6 +311,151 @@
|
|||
.exhibition .tl div:nth-child(2){display: -webkit-box;}
|
||||
.parent-page,.parent-page img {height: 130px;}
|
||||
.shous{display: inline;}
|
||||
/* 艺术家左侧 */
|
||||
.ty_ds{flex-direction: column;}
|
||||
.ty_left{width: 100%;display: flex;align-items: center;overflow: hidden;overflow-x: scroll;padding-top: 0;padding-bottom: 0;background: #FFFFFF;padding-right: 20px;}
|
||||
.ty_left a{flex-shrink: 0;}
|
||||
.ty_left .ty_lefttx{display: none;}
|
||||
.ty_leftcon{padding-left: 20px;}
|
||||
#personal{margin-top: 10px;}
|
||||
/* 右侧-个人资料 */
|
||||
.ty_tit {height: auto;line-height: 20px; font-size: 16px;padding: 20px;}
|
||||
.ty_scimg { width: 100px;height: 100px;flex-shrink: 0;}
|
||||
.mian .ty_riscon .ty_tupian {margin-bottom: 20px;}
|
||||
.ty_riscon{margin-top: 10px;}
|
||||
.ty_name { margin-bottom: 10px;}
|
||||
.ty_int {margin-bottom: 10px;flex-direction: column;align-items: flex-start;}
|
||||
.ty_int p{margin-bottom: 10px;}
|
||||
.ty_name > :nth-child(1),.ty_setle > :nth-child(1),.ty_int > :nth-child(1) {width: auto;text-align: left;margin-right: 10px;}
|
||||
.ty_int > :nth-child(2) {width: 100%;height: 45px;}
|
||||
.ty_img label,.ty_int p,.ty_setle p{flex-shrink: 0;}
|
||||
.ty_setle{display: flex;flex-direction: column;align-items: flex-start;}
|
||||
.ty_setle select{width: 100%;height: 45px;margin-top: 10px;}
|
||||
.ty_setle select:last-child{margin-right: 0px;}
|
||||
.tyint_pal{margin-top: -18px;}
|
||||
.ty_img{flex-direction: column;}
|
||||
.chooseImg-content {margin-top: 10px;margin-left: 0px;}
|
||||
.ty_img > :nth-child(1) { padding-top: 0px;width: auto;text-align: left;margin-right: 10px;}
|
||||
#div2{margin-right: 0px;margin-top: 10px;position: relative;z-index: 1;}
|
||||
.ty_btn button{margin-right: 0px;}
|
||||
.ty_btn > button {font-size: 14px;width: 100px;height: 40px;}
|
||||
/* 右侧-修改密码 */
|
||||
.ty_ris {margin-top: 10px;}
|
||||
.ty_riscon1{height: auto;}
|
||||
.ty_riscon > div,.ty_ris,.ty_btn1{width: 100%;}
|
||||
/* 右-我的订单 */
|
||||
#updatePass .ty_tit,#myOrder .ty_tit{margin-top: 10px;}
|
||||
#myOrder .ty_con{padding-top: 0px;}
|
||||
.ty_didanpd{padding: 0px 0 20px 0;}
|
||||
.ty_ddxq{display: none;}
|
||||
.ty_ddcontit{height: auto;}
|
||||
.ty_ddnav{justify-content: space-around;padding: 20px 0;}
|
||||
.ty_ddnav > p{margin-right: 0;}
|
||||
.ty_dindantop{flex-direction: column-reverse;align-items: flex-start;padding: 10px 0;line-height: 25px;}
|
||||
.ty_ddcontit > :nth-child(2){width: auto;}
|
||||
.ty_ddcontit .cq-cp img{display: none;}
|
||||
|
||||
.ty_ddcon{border: none;margin-bottom: 10px;}
|
||||
.ty_dnum{float: right;margin-right: 20px;margin-top: -20px;width: 62%;justify-content: space-between;}
|
||||
.ty_dnum > :nth-child(1),.ty_dnum > :nth-child(2) {padding-top: 0px;margin-left: 0px;}
|
||||
.ty_ddxx > :nth-child(1) > div{width: 100%;display: inline-block;border-right: none;}
|
||||
.ty_dindantetx{align-items: center;width: 100%;}
|
||||
.ty_ddxxTxt{border: none;width: auto;padding-top: 0px;width: 25%;display: flex;flex-direction: column;line-height: 25px;}
|
||||
.ty_ddxxTxt1{padding-top: 0px;width: auto;width: 25%;}
|
||||
.ty_ddxxTxt1 > a {width: 60px;height: 30px;line-height: 30px;border-radius: 3px;margin-bottom: 0px;}
|
||||
.ty_ddmas > :nth-child(2) {width: 100%;padding-top: 0px;margin-left: 12px;margin-right: 12px;}
|
||||
.ty_ddxxTxt:nth-child(1)::before{content: '姓名';}
|
||||
.ty_ddxxTxt:nth-child(2)::before{content: '总金额';}
|
||||
.ty_ddxxTxt:nth-child(3)::before{content: '状态';}
|
||||
.ty_paging{justify-content: center;}
|
||||
.ty_paging > p {width: 60px;height: 25px;line-height: 25px;margin-right: 12px;font-size: 12px;}
|
||||
/* 我的关注，我的收藏 */
|
||||
.ty_yhtit {width: 100%;height: 45px;padding-left: 0px; font-size: 15px;justify-content: space-around;margin-top: 10px;}
|
||||
.ty_yhtit > p{margin-right: 0;}
|
||||
.ty_ysmr,.ty_gzmr,.ty_scmr,.ty_scml{justify-content: space-between;}
|
||||
.ty_con{height: auto;padding-top: 20px;}
|
||||
.ty_yscon{padding: 20px 20px 0 20px;}
|
||||
.ty_ysnr,.ty_wdgz,.ty_yishusc,.ty_yspcon {width: 48%;padding-right: 0px; margin-bottom: 20px;}
|
||||
.ty_ysnr > p,.ty_wdgz > p,.ty_yspcon > p {font-size: 14px;margin-top: 10px;}
|
||||
.ty_sccon{padding-left: 0px;}
|
||||
.ty_yishusc > :nth-child(2) {font-size: 14px;margin-top: 10px; margin-bottom: 10px;}
|
||||
.ty_yishusc > :nth-child(3) {font-size: 12px;line-height: 20px;}
|
||||
/* 我的积分 */
|
||||
.ty_jftit {height: auto;padding: 10px;margin-top: 10px;}
|
||||
.ty_jftit > :nth-child(1) {font-size: 16px;}
|
||||
.ty_jftit > :nth-child(2) {padding-left: 0px;margin-top: 10px;display: flex;justify-content: space-between;}
|
||||
.ty_jftit > :nth-child(2) > :nth-child(1) {font-size: 14px;}
|
||||
.ty_jftit > :nth-child(2) > :nth-child(2) {font-size: 18px;margin-left: 0px;}
|
||||
.ty_jftit > :nth-child(2) > :nth-child(3) {width: 120px; height: 30px;font-size: 12px;line-height: 30px; margin-left: 0px;}
|
||||
.ty_jftit > :nth-child(2) > :nth-child(4) {width: 70px;font-size: 13px;line-height: 30px;margin-left: 0px;height: 30px;}
|
||||
.ty_qidaocon{width: 90%;background-repeat: no-repeat;height: 190px;}
|
||||
.ty_qidaocon > button {width: 120px; height: 30px;font-size: 14px;}
|
||||
#myIntegral .ty_con {padding: 10px;}
|
||||
.ty_jfn{padding-bottom: 10px;}
|
||||
.ty_jfntit{height: 30px;width: 100%;padding-left: 0px;}
|
||||
.ty_jfntit > :nth-child(1){width: 36%;}
|
||||
.ty_jfntit > :nth-child(2){width: 24%;}
|
||||
.ty_jfntit > :nth-child(3){width: 40%;text-align: center;}
|
||||
.ty_jfcon > :nth-child(3) {font-size: 12px;word-wrap: break-word;}
|
||||
/* 我的优惠券 */
|
||||
.ty_tp{padding: 20px;justify-content: space-between;}
|
||||
.ty_yhuij{width: 48%;padding-right: 0px;margin-bottom: 20px;}
|
||||
/* 征稿作品管理 */
|
||||
.ty_ds .backf{margin-top: 10px;}
|
||||
.ty_ds .ty_ris{margin-top: 0px;}
|
||||
.ty_zgyscon {padding-top: 0px;}
|
||||
.ty_zgysconTr{display: none;}
|
||||
.ty_zgyscon .tc {width: 100%;position: relative;}
|
||||
.ty_zgyscon .tc td:nth-child(1){width: 100%;padding: 20px 10px 40px 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(1) .linh24{margin-top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(2){position: absolute;border-bottom: none;width: auto;right: 0;bottom: 36px;}
|
||||
.ty_zgyscon .tc td:nth-child(3){position: absolute;border-bottom: none;width: auto;right: 0;top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(4){position: absolute;border-bottom: none;width: auto;left: 10px;bottom: 0;}
|
||||
.ty_zgyscon .tc td:nth-child(5){position: absolute;border-bottom: none;right: 0;bottom: 0;}
|
||||
.zg-btn-box{display: flex;justify-content: space-between;flex-direction: row;}
|
||||
.tyzg_sc{margin-top: 0px;margin-left: 10px;}
|
||||
.tyzg_sc{margin-top: 0px;margin-left: 10px;}
|
||||
.ty_pj,.tyzg_sc{width: 50px;height: 30px;line-height: 30px;}
|
||||
/* 收货地址 */
|
||||
#mySH {margin-top: 10px;}
|
||||
.ty_shtit {height: 60px;padding-left: 10px;padding-right: 10px;}
|
||||
.ty_shtit > div{flex-direction: column;align-items: flex-start;line-height: 25px;}
|
||||
.ty_shtit > div > :nth-child(1) {font-size: 16px;margin-right: 10px;flex-shrink: 0;}
|
||||
.ty_shtit > p{font-size: 14px;flex-shrink: 0;}
|
||||
.ty_dizcon {height: auto; margin-bottom: 10px;padding: 10px 10px 0px;}
|
||||
.ty_dzxx {margin-bottom: 10px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(1) {font-size: 16px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(2) {width: 52px; height: 20px;line-height: 20px!important;margin-left: 10px;}
|
||||
.ty_dzxx > :nth-child(2) {width: 14px;height: auto;}
|
||||
.ty_dzxx img{width: 14px;height: 14px;}
|
||||
.ty_mr > :nth-child(2) > p {margin-left: 20px;}
|
||||
#mySH .ty_con{padding-bottom: 10px;}
|
||||
/* 推荐作品 ,艺术访谈，书刊杂志*/
|
||||
#myTJ>div:first-child,#myFW>div:first-child,#mySK>div:first-child{padding: 5px 10px;background: #FFFFFF;}
|
||||
.tytj_tjzp,.tytj_plsc {width: 70px;height: 30px;line-height: 30px; border-radius: 3px;font-size: 12px;}
|
||||
.tytj_plsc{margin: 0 0 0 10px;}
|
||||
.tui-box{padding-top: 0px;}
|
||||
.biaoti{display: none;}
|
||||
.tui-box .tc {position: relative;width: 100%;}
|
||||
.tui-box .tc td{padding-top: 0px;padding-bottom: 0;}
|
||||
.tui-box .tc td:nth-child(1){width: 6%;padding: 20px 0px 50px 0px;}
|
||||
.tui-box tr:last-child td:nth-child(1){width: 6%;padding: 0px;}
|
||||
.tui-box .tc td:nth-child(2){width: 63px;padding: 20px 10px 50px 10px;}
|
||||
.tui-box .tc td:nth-child(2){border: none;}
|
||||
.tui-box tr:last-child td:nth-child(2){width: auto;padding-top: 18px;padding-left: 10px;}
|
||||
.tui-box .tc td:nth-child(2) img{float: left;}
|
||||
.tui-box .tc td:nth-child(3){width: 100%;padding: 20px 10px 50px 10px;}
|
||||
.tui-box .tc td:nth-child(3) div{padding-top: 10px;}
|
||||
.tui-box tr:last-child td:nth-child(3){width: auto;padding: 0px;padding-top: 20px;}
|
||||
.tui-box .tc td:nth-child(4){position: absolute;border-bottom: none;left: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(5){position: absolute;border-bottom: none;right: 10px;top: 10px;}
|
||||
.tui-box .tc td:nth-child(6){position: absolute;border-bottom: none;right: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(6) input{display: none;}
|
||||
.foot-all-box {margin: 20px 0;}
|
||||
#pre_next_box button {width: 60px;height: 30px; line-height: 30px;font-size: 13px;}
|
||||
#myTJ{margin-top: -10px;}
|
||||
#myFW{margin-top: -20px;}
|
||||
#mySK{margin-top: -20px;}
|
||||
}
|
||||
@media screen and (min-width:751px) and (max-width:850px) {
|
||||
.logo{width: 26%;}
|
||||
|
|
@ -330,6 +475,97 @@
|
|||
.m-zy30 {margin-left: 15px;margin-right: 15px;}
|
||||
.parent-page,.parent-page img {height: 130px;}
|
||||
.shous{display: inline;}
|
||||
/* 右-我的订单 */
|
||||
.ty_ris{width: 100%;}
|
||||
.ty_ds{flex-direction: column;}
|
||||
.ty_left{width: 100%;display: flex;align-items: center;overflow: hidden;overflow-x: scroll;padding-top: 0;padding-bottom: 0;background: #FFFFFF;padding-right: 20px;}
|
||||
.ty_left a{flex-shrink: 0;}
|
||||
.ty_left .ty_lefttx{display: none;}
|
||||
.ty_leftcon{padding-left: 20px;}
|
||||
#personal{margin-top: 20px;}
|
||||
#div2{margin-right: 0px;margin-top: 10px;position: relative;z-index: 1;}
|
||||
.ty_didanpd{padding: 0px 0 20px 0;}
|
||||
.ty_ddxq{display: none;}
|
||||
.ty_ddcontit{height: auto;}
|
||||
.ty_ddnav{justify-content: space-around;padding: 20px 0;}
|
||||
.ty_ddnav > p{margin-right: 0;}
|
||||
.ty_dindantop{flex-direction: column-reverse;align-items: flex-start;padding: 10px 0;line-height: 25px;}
|
||||
.ty_ddcontit > :nth-child(2){width: auto;}
|
||||
.ty_ddcontit .cq-cp img{display: none;}
|
||||
|
||||
.ty_ddcon{border: none;margin-bottom: 10px;}
|
||||
.ty_dnum{float: right;margin-right: 20px;margin-top: -20px;width: 62%;justify-content: space-between;}
|
||||
.ty_dnum > :nth-child(1),.ty_dnum > :nth-child(2) {padding-top: 0px;margin-left: 0px;}
|
||||
.ty_ddxx > :nth-child(1) > div{width: 100%;display: inline-block;border-right: none;}
|
||||
.ty_dindantetx{align-items: center;width: 100%;}
|
||||
.ty_ddxxTxt{border: none;width: auto;padding-top: 0px;width: 25%;display: flex;flex-direction: column;line-height: 25px;}
|
||||
.ty_ddxxTxt1{padding-top: 0px;width: auto;width: 25%;}
|
||||
.ty_ddxxTxt1 > a {width: 60px;height: 30px;line-height: 30px;border-radius: 3px;margin-bottom: 0px;}
|
||||
.ty_ddmas > :nth-child(2) {width: 100%;padding-top: 0px;margin-left: 12px;margin-right: 12px;}
|
||||
.ty_ddxxTxt:nth-child(1)::before{content: '姓名';}
|
||||
.ty_ddxxTxt:nth-child(2)::before{content: '总金额';}
|
||||
.ty_ddxxTxt:nth-child(3)::before{content: '状态';}
|
||||
.ty_paging{justify-content: center;}
|
||||
.ty_paging > p {width: 60px;height: 25px;line-height: 25px;margin-right: 12px;font-size: 12px;}
|
||||
/* 我的优惠券 */
|
||||
.ty_tp{padding: 20px;justify-content: space-between;}
|
||||
.ty_yhuij{width: 48%;padding-right: 0px;margin-bottom: 20px;}
|
||||
/* 征稿作品管理 */
|
||||
.ty_ds .backf{margin-top: 10px;}
|
||||
.ty_ds .ty_ris{margin-top: 0px;}
|
||||
.ty_zgyscon {padding-top: 0px;}
|
||||
.ty_zgysconTr{display: none;}
|
||||
.ty_zgyscon .tc {width: 100%;position: relative;}
|
||||
.ty_zgyscon .tc td:nth-child(1){width: 100%;padding: 20px 10px 40px 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(1) .linh24{margin-top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(2){position: absolute;border-bottom: none;width: auto;right: 0;bottom: 36px;}
|
||||
.ty_zgyscon .tc td:nth-child(3){position: absolute;border-bottom: none;width: auto;right: 0;top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(4){position: absolute;border-bottom: none;width: auto;left: 10px;bottom: 0;}
|
||||
.ty_zgyscon .tc td:nth-child(5){position: absolute;border-bottom: none;right: 0;bottom: 0;}
|
||||
.zg-btn-box{display: flex;justify-content: space-between;flex-direction: row;}
|
||||
.tyzg_sc{margin-top: 0px;margin-left: 10px;}
|
||||
.tyzg_sc{margin-top: 0px;margin-left: 10px;}
|
||||
.ty_pj,.tyzg_sc{width: 50px;height: 30px;line-height: 30px;}
|
||||
/* 收货地址 */
|
||||
#mySH {margin-top: 10px;}
|
||||
.ty_shtit {height: 60px;padding-left: 10px;padding-right: 10px;}
|
||||
.ty_shtit > div{flex-direction: column;align-items: flex-start;line-height: 25px;}
|
||||
.ty_shtit > div > :nth-child(1) {font-size: 16px;margin-right: 10px;flex-shrink: 0;}
|
||||
.ty_shtit > p{font-size: 14px;flex-shrink: 0;}
|
||||
.ty_dizcon {height: auto; margin-bottom: 10px;padding: 10px 10px 0px;}
|
||||
.ty_dzxx {margin-bottom: 10px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(1) {font-size: 16px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(2) {width: 52px; height: 20px;line-height: 20px!important;margin-left: 10px;}
|
||||
.ty_dzxx > :nth-child(2) {width: 14px;height: auto;}
|
||||
.ty_dzxx img{width: 14px;height: 14px;}
|
||||
.ty_mr > :nth-child(2) > p {margin-left: 20px;}
|
||||
#mySH .ty_con{padding-bottom: 10px;}
|
||||
/* 推荐作品 ,艺术访谈，书刊杂志*/
|
||||
#myTJ>div:first-child,#myFW>div:first-child,#mySK>div:first-child{padding: 5px 10px;background: #FFFFFF;}
|
||||
.tytj_tjzp,.tytj_plsc {width: 70px;height: 30px;line-height: 30px; border-radius: 3px;font-size: 12px;}
|
||||
.tytj_plsc{margin: 0 0 0 10px;}
|
||||
.tui-box{padding-top: 0px;}
|
||||
.biaoti{display: none;}
|
||||
.tui-box .tc {position: relative;width: 100%;}
|
||||
.tui-box .tc td{padding-top: 0px;padding-bottom: 0;}
|
||||
.tui-box .tc td:nth-child(1){width: 6%;padding: 20px 0px 50px 0px;}
|
||||
.tui-box tr:last-child td:nth-child(1){width: 6%;padding: 0px;}
|
||||
.tui-box .tc td:nth-child(2){width: 63px;padding: 20px 10px 50px 10px;}
|
||||
.tui-box .tc td:nth-child(2) div{border: none;}
|
||||
.tui-box tr:last-child td:nth-child(2){width: auto;padding-top: 18px;padding-left: 10px;}
|
||||
.tui-box .tc td:nth-child(2) img{float: left;}
|
||||
.tui-box .tc td:nth-child(3){width: 100%;padding: 20px 10px 50px 10px;}
|
||||
.tui-box .tc td:nth-child(3) div{padding-top: 10px;}
|
||||
.tui-box tr:last-child td:nth-child(3){width: auto;padding: 0px;}
|
||||
.tui-box .tc td:nth-child(4){position: absolute;border-bottom: none;left: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(5){position: absolute;border-bottom: none;right: 10px;top: 10px;}
|
||||
.tui-box .tc td:nth-child(6){position: absolute;border-bottom: none;right: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(6) input{display: none;}
|
||||
.foot-all-box {margin: 20px 0;}
|
||||
#pre_next_box button {width: 60px;height: 30px; line-height: 30px;font-size: 13px;}
|
||||
#myTJ{margin-top: -10px;}
|
||||
#myFW{margin-top: -20px;}
|
||||
#mySK{margin-top: -20px;}
|
||||
}
|
||||
@media screen and (min-width:851px) and (max-width:1000px) {
|
||||
.logo{width: 26%;}
|
||||
|
|
@ -363,6 +599,104 @@
|
|||
.tyhder_listnav>li {
|
||||
padding-left: 7px;
|
||||
}
|
||||
/* 艺术家左侧 */
|
||||
.ty_ds{flex-direction: column;}
|
||||
.ty_left{width: 100%;display: flex;align-items: center;overflow: hidden;overflow-x: scroll;padding-top: 0;padding-bottom: 0;background: #FFFFFF;padding-right: 20px;}
|
||||
.ty_left a{flex-shrink: 0;}
|
||||
.ty_left .ty_lefttx{display: none;}
|
||||
.ty_leftcon{padding-left: 20px;}
|
||||
#personal{margin-top: 20px;}
|
||||
#div2{margin-right: 0px;margin-top: 10px;position: relative;z-index: 1;}
|
||||
/* 右-我的订单 */
|
||||
.ty_ris{width: 100%;}
|
||||
.ty_ds{flex-direction: column;}
|
||||
.ty_left{width: 100%;display: flex;align-items: center;overflow: hidden;overflow-x: scroll;padding-top: 0;padding-bottom: 0;background: #FFFFFF;padding-right: 20px;}
|
||||
.ty_left a{flex-shrink: 0;}
|
||||
.ty_left .ty_lefttx{display: none;}
|
||||
.ty_leftcon{padding-left: 20px;}
|
||||
#personal{margin-top: 20px;}
|
||||
#div2{margin-right: 0px;margin-top: 10px;position: relative;z-index: 1;}
|
||||
.ty_didanpd{padding: 0px 0 20px 0;}
|
||||
.ty_ddxq{display: none;}
|
||||
.ty_ddcontit{height: auto;}
|
||||
.ty_ddnav{justify-content: space-around;padding: 20px 0;}
|
||||
.ty_ddnav > p{margin-right: 0;}
|
||||
.ty_dindantop{flex-direction: column-reverse;align-items: flex-start;padding: 10px 0;line-height: 25px;}
|
||||
.ty_ddcontit > :nth-child(2){width: auto;}
|
||||
.ty_ddcontit .cq-cp img{display: none;}
|
||||
|
||||
.ty_ddcon{border: none;margin-bottom: 10px;}
|
||||
.ty_dnum{float: right;margin-right: 20px;margin-top: -20px;width: 62%;justify-content: space-between;}
|
||||
.ty_dnum > :nth-child(1),.ty_dnum > :nth-child(2) {padding-top: 0px;margin-left: 0px;}
|
||||
.ty_ddxx > :nth-child(1) > div{width: 100%;display: inline-block;border-right: none;}
|
||||
.ty_dindantetx{align-items: center;width: 100%;}
|
||||
.ty_ddxxTxt{border: none;width: auto;padding-top: 0px;width: 25%;display: flex;justify-content: center;}
|
||||
.ty_ddxxTxt1{padding-top: 0px;width: auto;width: 25%;}
|
||||
.ty_ddxxTxt1 > a {width: 60px;height: 30px;line-height: 30px;border-radius: 3px;margin-bottom: 0px;}
|
||||
.ty_ddmas > :nth-child(2) {width: 100%;padding-top: 0px;margin-left: 12px;margin-right: 12px;}
|
||||
.ty_ddxxTxt:nth-child(1)::before{content: '姓名：';}
|
||||
.ty_ddxxTxt:nth-child(2)::before{content: '总金额：';}
|
||||
.ty_ddxxTxt:nth-child(3)::before{content: '状态：';}
|
||||
.ty_paging{justify-content: center;}
|
||||
.ty_paging > p {width: 60px;height: 25px;line-height: 25px;margin-right: 12px;font-size: 12px;}
|
||||
/* 我的优惠券 */
|
||||
.ty_tp{padding: 20px;justify-content: space-between;}
|
||||
.ty_yhuij{width: 48%;padding-right: 0px;margin-bottom: 20px;}
|
||||
/* 征稿作品管理 */
|
||||
.ty_ds .backf{margin-top: 10px;}
|
||||
.ty_ds .ty_ris{margin-top: 0px;}
|
||||
.ty_zgyscon {padding-top: 0px;}
|
||||
.ty_zgysconTr{display: none;}
|
||||
.ty_zgyscon .tc {width: 100%;position: relative;}
|
||||
.ty_zgyscon .tc td:nth-child(1){width: 100%;padding: 20px 10px 40px 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(1) .linh24{margin-top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(2){position: absolute;border-bottom: none;width: auto;right: 0;bottom: 36px;}
|
||||
.ty_zgyscon .tc td:nth-child(3){position: absolute;border-bottom: none;width: auto;right: 0;top: 10px;}
|
||||
.ty_zgyscon .tc td:nth-child(4){position: absolute;border-bottom: none;width: auto;left: 10px;bottom: 0;}
|
||||
.ty_zgyscon .tc td:nth-child(5){position: absolute;border-bottom: none;right: 0;bottom: 0;}
|
||||
.zg-btn-box{display: flex;justify-content: space-between;flex-direction: row;}
|
||||
.tyzg_sc{margin-top: 0px;margin-left: 10px;}
|
||||
.ty_pj,.tyzg_sc{width: 50px;height: 30px;line-height: 30px;}
|
||||
/* 收货地址 */
|
||||
#mySH {margin-top: 10px;}
|
||||
.ty_shtit {height: 60px;padding-left: 10px;padding-right: 10px;}
|
||||
.ty_shtit > div{flex-direction: column;align-items: flex-start;line-height: 25px;}
|
||||
.ty_shtit > div > :nth-child(1) {font-size: 16px;margin-right: 10px;flex-shrink: 0;}
|
||||
.ty_shtit > p{font-size: 14px;flex-shrink: 0;}
|
||||
.ty_dizcon {height: auto; margin-bottom: 10px;padding: 10px 10px 0px;}
|
||||
.ty_dzxx {margin-bottom: 10px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(1) {font-size: 16px;}
|
||||
.ty_dzxx > :nth-child(1) > :nth-child(2) {width: 52px; height: 20px;line-height: 20px!important;margin-left: 10px;}
|
||||
.ty_dzxx > :nth-child(2) {width: 14px;height: auto;}
|
||||
.ty_dzxx img{width: 14px;height: 14px;}
|
||||
.ty_mr > :nth-child(2) > p {margin-left: 20px;}
|
||||
#mySH .ty_con{padding-bottom: 10px;}
|
||||
/* 推荐作品 ,艺术访谈，书刊杂志*/
|
||||
#myTJ>div:first-child,#myFW>div:first-child,#mySK>div:first-child{padding: 5px 10px;background: #FFFFFF;}
|
||||
.tytj_tjzp,.tytj_plsc {width: 70px;height: 30px;line-height: 30px; border-radius: 3px;font-size: 12px;}
|
||||
.tytj_plsc{margin: 0 0 0 10px;}
|
||||
.tui-box{padding-top: 0px;}
|
||||
.biaoti{display: none;}
|
||||
.tui-box .tc {position: relative;width: 100%;}
|
||||
.tui-box .tc td{padding-top: 0px;padding-bottom: 0;}
|
||||
.tui-box .tc td:nth-child(1){width: 6%;padding: 20px 0px 50px 0px;}
|
||||
.tui-box tr:last-child td:nth-child(1){width: 6%;padding: 0px;}
|
||||
.tui-box .tc td:nth-child(2){width: 63px;padding: 20px 10px 50px 10px;}
|
||||
.tui-box .tc td:nth-child(2) div{border: none;}
|
||||
.tui-box tr:last-child td:nth-child(2){width: auto;padding-top: 18px;padding-left: 10px;}
|
||||
.tui-box .tc td:nth-child(2) img{float: left;}
|
||||
.tui-box .tc td:nth-child(3){width: 100%;padding: 20px 10px 50px 20px;}
|
||||
.tui-box .tc td:nth-child(3) div{padding-top: 10px;}
|
||||
.tui-box tr:last-child td:nth-child(3){width: auto;padding: 0px;}
|
||||
.tui-box .tc td:nth-child(4){position: absolute;border-bottom: none;left: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(5){position: absolute;border-bottom: none;right: 10px;top: 10px;}
|
||||
.tui-box .tc td:nth-child(6){position: absolute;border-bottom: none;right: 0;bottom: 10px;}
|
||||
.tui-box .tc td:nth-child(6) input{display: none;}
|
||||
.foot-all-box {margin: 20px 0;}
|
||||
#pre_next_box button {width: 60px;height: 30px; line-height: 30px;font-size: 13px;}
|
||||
#myTJ{margin-top: -10px;}
|
||||
#myFW{margin-top: -20px;}
|
||||
#mySK{margin-top: -20px;}
|
||||
}
|
||||
@media screen and (max-width:1000px){
|
||||
.tyhder_herader .dis>a {
|
||||
|
|
@ -376,7 +710,7 @@
|
|||
display: block;
|
||||
}
|
||||
.tyhder_herader>nav {
|
||||
padding-top: 31px;
|
||||
padding-top: 10px;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -392,6 +726,7 @@ align-items: center;
|
|||
width: 84px
|
||||
|
||||
}
|
||||
.ty_riscon{padding: 20px;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1001px) and (max-width:1120px) {
|
||||
|
|
@ -428,6 +763,7 @@ align-items: center;
|
|||
.tyhder_listnav {
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
.ty_riscon{padding: 20px;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1121px) and (max-width:1260px) {
|
||||
|
|
@ -457,6 +793,7 @@ align-items: center;
|
|||
width: 33%;
|
||||
|
||||
}
|
||||
.ty_riscon{padding: 20px;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1261px) and (max-width:1350px) {
|
||||
|
|
@ -483,6 +820,7 @@ align-items: center;
|
|||
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
.ty_riscon{padding: 20px;}
|
||||
}
|
||||
@media (min-width:1200px) and (max-width:1440px){
|
||||
.p-zy180,.head-box{padding: 20px 120px!important;}
|
||||
|
|
@ -527,6 +865,10 @@ align-items: center;
|
|||
|
||||
/* 结算页面 */
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .name {width: 120px;padding: 10px 0;text-align: center;}
|
||||
|
||||
/* 艺术家个人资料 */
|
||||
.ty_setle p{flex-shrink: 0;}
|
||||
.ty_riscon{padding:20px;}
|
||||
}
|
||||
|
||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
||||
|
|
@ -598,6 +940,36 @@ align-items: center;
|
|||
#pm-list .font-20{font-size: 15px;}
|
||||
#pm-list .font-15{font-size: 13px;}
|
||||
#pm-list .m-x20{margin-bottom: 10px;}
|
||||
/* 购物车 */
|
||||
section .whoil{padding: 0 20px;}
|
||||
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 10%;}
|
||||
.cart-head{padding: 22px 0px 16px 0px;}
|
||||
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 16%;padding-left: 20px;}
|
||||
.cart-head div:nth-of-type(2){width: 38%;padding-left: 20px;}
|
||||
.cart-head div:nth-of-type(3){width: 12%;}
|
||||
.cart-head div:nth-of-type(4){width: 12%;}
|
||||
.cart-head div:nth-of-type(5){width: 11%;}
|
||||
.cart-head div:nth-of-type(6){width: 8%;}
|
||||
.m-z37 {margin-left: 20px;}
|
||||
.cart-content{margin-top: 20px;}
|
||||
.cart-content>div:nth-child(2){width: 38%;padding-left: 20px;padding-top: 10px;}
|
||||
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;}
|
||||
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;}
|
||||
.cart-content>div:nth-child(6){width: 8%;padding-top: 10px;}
|
||||
.num-box{width: 12%;padding-top: 10px;}
|
||||
|
||||
/* 订单结算 */
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .name {padding: 8px 0;width: 100px;text-align: center;}
|
||||
section .whole .whole-1 .Buyers{padding: 20px 0;}
|
||||
section .whole{padding: 0 20px;}
|
||||
section .whole .whole-1 .coupon{display: flex;flex-wrap: wrap;}
|
||||
section .whole .whole-1 .coupon .yh{width: 30.5%;margin-right: 20px;}
|
||||
section .whole .whole-1 .Buyers #container #read-more{margin-top: 0px;}
|
||||
section .whole .whole-1 .Buyers #container #wrap .address{margin-bottom: 10px;}
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-2{margin-top: 0px;}
|
||||
|
||||
header .bac{padding-bottom: 20px;}
|
||||
}
|
||||
@media (max-width:766px){
|
||||
.tygrzx_yspcon {
|
||||
|
|
@ -883,9 +1255,9 @@ align-items: center;
|
|||
|
||||
.zhanw{height: 20px;}
|
||||
/* 购物车 */
|
||||
section .whoil{padding: 0 20px;}
|
||||
section .whoil .whoil-1{padding: 20px;margin: 0 -20px;}
|
||||
section .whoil .whoil-1 .all {font-size: 16px;border-bottom: #cb1919 1px solid;}
|
||||
section .whoil{padding: 0 20px;}
|
||||
.cart-content{display: flex;position: relative;justify-content: space-between;padding: 10px 10px 60px 10px;}
|
||||
.cart-head{display: none;}
|
||||
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 20%;display: flex;justify-content: space-between;align-items: center;}
|
||||
|
|
@ -1215,36 +1587,6 @@ white-space: nowrap;
|
|||
#pm-list .font-20{font-size: 15px;}
|
||||
#pm-list .font-15{font-size: 13px;}
|
||||
#pm-list .m-x20{margin-bottom: 10px;}
|
||||
/* 购物车 */
|
||||
section .whoil{padding: 0 20px;}
|
||||
.cart-content > div:nth-child(1), .cart-head div:first-child{width: 10%;}
|
||||
.cart-head{padding: 22px 0px 16px 0px;}
|
||||
.cart-content>div:nth-child(1),.cart-head div:first-child{width: 16%;padding-left: 20px;}
|
||||
.cart-head div:nth-of-type(2){width: 38%;padding-left: 20px;}
|
||||
.cart-head div:nth-of-type(3){width: 12%;}
|
||||
.cart-head div:nth-of-type(4){width: 12%;}
|
||||
.cart-head div:nth-of-type(5){width: 11%;}
|
||||
.cart-head div:nth-of-type(6){width: 8%;}
|
||||
.m-z37 {margin-left: 20px;}
|
||||
.cart-content{margin-top: 20px;}
|
||||
.cart-content>div:nth-child(2){width: 38%;padding-left: 20px;padding-top: 10px;}
|
||||
.cart-content>div:nth-child(2) a{font-size: 15px;height: 50px;line-height: 24px;}
|
||||
.cart-content>div:nth-child(3){width: 12%;padding-top: 10px;font-size: 14px;}
|
||||
.cart-content>div:nth-child(5){width: 11%;padding-top: 10px;font-size: 14px;}
|
||||
.cart-content>div:nth-child(6){width: 8%;padding-top: 10px;}
|
||||
.num-box{width: 12%;padding-top: 10px;}
|
||||
|
||||
/* 订单结算 */
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .name {padding: 8px 0;width: 100px;text-align: center;}
|
||||
section .whole .whole-1 .Buyers{padding: 20px 0;}
|
||||
section .whole{padding: 0 20px;}
|
||||
section .whole .whole-1 .coupon{display: flex;flex-wrap: wrap;}
|
||||
section .whole .whole-1 .coupon .yh{width: 30.5%;margin-right: 20px;}
|
||||
section .whole .whole-1 .Buyers #container #read-more{margin-top: 0px;}
|
||||
section .whole .whole-1 .Buyers #container #wrap .address{margin-bottom: 10px;}
|
||||
section .whole .whole-1 .Buyers #container #wrap .address .na-2{margin-top: 0px;}
|
||||
|
||||
header .bac{padding-bottom: 20px;}
|
||||
}
|
||||
@media screen and (width:320px) {
|
||||
.exhibition .item-box {
|
||||
|
|
@ -1256,7 +1598,6 @@ white-space: nowrap;
|
|||
top: 40% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) and (max-width:1199px){
|
||||
#zx-list img {width: 250px;max-height: 155px;}
|
||||
#zx-list .clips2 {-webkit-line-clamp: 1;}
|
||||
|
|
|
|||
|
|
@ -42,7 +42,6 @@ ul {
|
|||
|
||||
.ty_left {
|
||||
width: 202px;
|
||||
height: 711px;
|
||||
background-color: #fff;
|
||||
padding-top: 29px;
|
||||
margin-right: 19px;
|
||||
|
|
@ -99,9 +98,7 @@ ul {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ty_ris {
|
||||
width: 1060px;
|
||||
}
|
||||
.ty_ris{width: 100%;}
|
||||
|
||||
.ty_tit {
|
||||
width: 100%;
|
||||
|
|
@ -111,8 +108,8 @@ ul {
|
|||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
font-size: 18px;
|
||||
|
||||
padding-left: 24px;
|
||||
|
||||
padding: 0 0 0 24px;
|
||||
}
|
||||
|
||||
.ty_riscon {
|
||||
|
|
@ -1273,14 +1270,14 @@ select {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.ty_lititnoe > span {
|
||||
color: rgb(203, 25, 25);
|
||||
}
|
||||
.ty_lititnoe span{color: #CB1919;}
|
||||
|
||||
.ty_litittwo > :nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ty_litittwo span{
|
||||
color: #333333;
|
||||
}
|
||||
.ty_topifrane {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,15 +1,67 @@
|
|||
$(function(){
|
||||
$('.ty_left li').on('click',function(){//左侧导航的点击事件
|
||||
$('.ty_left li').removeClass('ty_lititnoe')
|
||||
$('.ty_left li').addClass('ty_litittwo')
|
||||
$('.ty_left li span').removeClass('left-title')
|
||||
$(this).removeClass('ty_litittwo')
|
||||
$(this).addClass('ty_lititnoe')
|
||||
$(this).find('span').addClass('left-title')
|
||||
$('.ty_left a').on('click',function(){//左侧导航的点击事件
|
||||
$('.ty_left a li').removeClass('ty_lititnoe')
|
||||
$('.ty_left a li').addClass('ty_litittwo')
|
||||
// $('.ty_left li span').removeClass('left-title')
|
||||
$(this).find('li').removeClass('ty_litittwo')
|
||||
$(this).find('li').addClass('ty_lititnoe')
|
||||
// $(this).find('span').addClass('left-title')
|
||||
var leftIndex = $(this).index()
|
||||
console.log(leftIndex);
|
||||
clearAll()
|
||||
switch (leftIndex){
|
||||
case 2://个人资料
|
||||
console.log($(this).find('span').text());
|
||||
$('#personal').css('display','')
|
||||
break;
|
||||
case 3://密码修改
|
||||
console.log($(this).find('span').text());
|
||||
$('#updatePass').css('display','')
|
||||
break;
|
||||
case 4://我的订单
|
||||
console.log($(this).find('span').text());
|
||||
$('#myOrder').css('display','')
|
||||
break;
|
||||
case 5://我的关注
|
||||
console.log($(this).find('span').text());
|
||||
$('#myAttention').css('display','')
|
||||
break;
|
||||
case 6://我的收藏
|
||||
console.log($(this).find('span').text());
|
||||
$('#myCollection').css('display','')
|
||||
break;
|
||||
case 7://我的积分
|
||||
console.log($(this).find('span').text());
|
||||
$('#myIntegral').css('display','')
|
||||
break;
|
||||
case 8://我的优惠券
|
||||
console.log($(this).find('span').text());
|
||||
$('#myCoupon').css('display','')
|
||||
break;
|
||||
case 9://我的征稿作品管理
|
||||
console.log($(this).find('span').text());
|
||||
$('#myZG').css('display','')
|
||||
break;
|
||||
case 10://收货地址
|
||||
console.log($(this).find('span').text());
|
||||
$('#mySH').css('display','')
|
||||
break;
|
||||
case 11://推荐商品
|
||||
console.log($(this).find('span').text());
|
||||
$('#myTJ').css('display','')
|
||||
break;
|
||||
case 12://艺术访谈
|
||||
console.log($(this).find('span').text());
|
||||
$('#myFW').css('display','')
|
||||
break;
|
||||
case 13://书刊杂志
|
||||
console.log($(this).find('span').text());
|
||||
$('#mySK').css('display','')
|
||||
break;
|
||||
}
|
||||
})
|
||||
yisList()
|
||||
zhazList()
|
||||
tjList()
|
||||
})
|
||||
function addCont(e){
|
||||
clearAll()
|
||||
|
|
@ -47,52 +99,6 @@ function selectAll(){//书刊全选，全不选事件
|
|||
this.checked = isCheck
|
||||
})
|
||||
}
|
||||
function tjList(){//推荐作品
|
||||
var tjHtml = '';
|
||||
var tjData = [
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
{imgSrc:'../../img/grzx/zgimg.png',title:'雅尊（Yazun）现代轻奢艺术镂空装饰品 摆设工艺品 B款',time:'2019-12-20',status:'正常'},
|
||||
]
|
||||
$.each(tjData, function(commentIndex, comment) {
|
||||
tjHtml +=`<tr class="tc">
|
||||
<td>
|
||||
<div>
|
||||
<input type="checkbox" name="" id="" value="" />
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top" style="display: flex;justify-content: center;">
|
||||
<div style="width: 65px;height: 63px;" class="bd">
|
||||
<img height="100%" src="${comment.imgSrc}" >
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="tl linh24 col19 clips2">${comment.title}</div>
|
||||
</td>
|
||||
<td class="p-sx20" valign="top">
|
||||
<div>${comment.time}</div>
|
||||
</td>
|
||||
<td class="p-sx20" style="color: #525252;" valign="top">
|
||||
<div class="colcb">${comment.status}</div>
|
||||
</td>
|
||||
<td class="p-sx10" valign="top">
|
||||
<div style="display: flex;align-items: center;">
|
||||
<input style="width: 130px;height: 30px;" type="" name="" id="" value="" />
|
||||
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;margin: 0 10px;">编辑</button>
|
||||
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;" >删除</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>`
|
||||
});
|
||||
$('#tj-list').prepend(tjHtml);
|
||||
}
|
||||
function yisList(){//艺术访谈
|
||||
var yisHtml = '';
|
||||
var yisData = [
|
||||
|
|
|
|||
Loading…
Reference in New Issue