diff --git a/css/grzx/grzx.css b/css/grzx/grzx.css index 698c9dd..17e76c5 100644 --- a/css/grzx/grzx.css +++ b/css/grzx/grzx.css @@ -12,113 +12,52 @@ 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; -} */ -input::-webkit-input-placeholder { +.tygrzx input::-webkit-input-placeholder { color: rgb(180, 180, 180); } -input::-moz-placeholder { +.tygrzx input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgb(180, 180, 180); } -input:-moz-placeholder { +.tygrzx input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgb(180, 180, 180); } -input:-ms-input-placeholder { +.tygrzx input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(180, 180, 180); } -select{ +.tygrzx select{ color: rgb(180, 180, 180); } -.ty_grint input::-webkit-input-placeholder { +.tygrzx_grint input::-webkit-input-placeholder { color: #222222; } -.ty_grint input::-moz-placeholder { +.tygrzx_grint input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #222222; } -.ty_grint input:-moz-placeholder { +.tygrzx_grint input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #222222; } -.ty_grint input:-ms-input-placeholder { +.tygrzx_grint input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #222222; } -.ty_grint select{ +.tygrzx_grint select{ color: #222222; } /* main */ -.ty_ds { +.tygrzx_ds { display: flex; justify-content: center; position: relative; @@ -142,11 +81,11 @@ select{ padding-top: 22px; } -.ty_co { +.tygrzx_co { background-color: rgb(245, 245, 245); } -.ty_left { +.tygrzx_left { width: 202px; height: 711px; background-color: #fff; @@ -156,7 +95,7 @@ select{ box-sizing: border-box; } -.ty_caidan { +.tygrzx_caidan { width: 100%; height: 30px; border-radius: 3px; @@ -171,13 +110,13 @@ select{ } -.ty_lefttx { +.tygrzx_lefttx { text-align: center; border-bottom: 1px solid rgb(245, 245, 245); padding-bottom: 24px; } -.ty_lefttx>img { +.tygrzx_lefttx>img { width: 60%; height: 50%; margin: auto; @@ -186,7 +125,7 @@ select{ display: block; } -.ty_leftcon { +.tygrzx_leftcon { width: 100%; height: 53px; border-bottom: 1px solid rgb(245, 245, 245); @@ -199,17 +138,17 @@ select{ box-sizing: border-box; } -.ty_leftcon>img { +.tygrzx_leftcon>img { margin-right: 10px; } -.ty_ris { +.tygrzx_ris { width: 1060px; } -.ty_tit { +.tygrzx_tit { width: 100%; height: 64px; background-color: #fff; @@ -221,7 +160,7 @@ select{ padding-left: 24px; } -.ty_riscon { +.tygrzx_riscon { width: 100%; margin-top: 10px; height: 709px; @@ -236,7 +175,7 @@ input{ } -.ty_dindantit { +.tygrzx_dindantit { width: 100%; height: 20px; border-bottom: 1px solid rgb(233, 233, 233); @@ -245,7 +184,7 @@ input{ margin-bottom: 5px; } -.ty_grzximg{ +.tygrzx_grzximg{ position: absolute; top: 0px; width: 202px; @@ -260,7 +199,7 @@ input{ cursor: pointer; } -.ty_scimg { +.tygrzx_scimg { width: 154px; height: 154px; background-color: rgb(245, 245, 245); @@ -268,17 +207,17 @@ input{ border: none; margin-right: 28px; } -.ty_scimg>img{ +.tygrzx_scimg>img{ width: 100%; border-radius: 50%; } -.ty_tupian { +.tygrzx_tupian { display: flex; align-items: center; margin-bottom: 44px; } -.ty_tupian> :nth-child(2){ +.tygrzx_tupian> :nth-child(2){ position: relative; } @@ -286,7 +225,7 @@ input{ color: #222222; } -.ty_tubtn { +.tygrzx_tubtn { width: 202px; height: 33px; border: 1px solid rgb(245, 245, 245); @@ -297,36 +236,36 @@ input{ justify-content: center; } -.ty_col { +.tygrzx_col { color: rgb(193, 193, 193); } -.ty_name { +.tygrzx_name { display: flex; margin-bottom: 37px; font-size: 16px; } -.ty_name> :nth-child(1) { +.tygrzx_name> :nth-child(1) { width: 65px; margin-right: 20px; text-align: right; } -.ty_int { +.tygrzx_int { display: flex; align-items: center; margin-bottom: 18px; } -.ty_int> :nth-child(1) { +.tygrzx_int> :nth-child(1) { width: 65px; text-align: right; margin-right: 20px; font-size: 16px; } -.ty_int> :nth-child(2) { +.tygrzx_int> :nth-child(2) { width: 471px; height: 52px; box-sizing: border-box; @@ -336,7 +275,7 @@ input{ border-radius: 5px; } -select { +.tygrzx select { border-radius: 3px; border: solid 1px #000; border-color: rgb(208, 208, 208); @@ -353,20 +292,20 @@ select { cursor: pointer; } -.ty_setle { +.tygrzx_setle { display: flex; align-items: center; margin-bottom: 18px; } -.ty_setle> :nth-child(1) { +.tygrzx_setle> :nth-child(1) { width: 65px; text-align: right; margin-right: 20px; font-size: 16px; } -.ty_setle>select { +.tygrzx_setle>select { margin-right: 10px; } @@ -376,12 +315,12 @@ select { color: #000; } -.ty_btn { +.tygrzx_btn { text-align: right; width: 557px; } -.ty_btn>button { +.tygrzx_btn>button { border-radius: 5px; font-size: 18px; width: 138px; @@ -392,23 +331,23 @@ select { border: none; } -.ty_btn1 { +.tygrzx_btn1 { text-align: right; width: 581px; } /* 密码修改 */ -.ty_wic> :nth-child(1) { +.tygrzx_wic> :nth-child(1) { width: 90px; } -.ty_riscon1 { +.tygrzx_riscon1 { height: 638px; margin-top: 10px; } /* 收货地址 */ -.ty_shtit { +.tygrzx_shtit { width: 100%; height: 64px; background-color: #fff; @@ -420,28 +359,28 @@ select { padding-right: 20px; } -.ty_shtit>div { +.tygrzx_shtit>div { display: flex; align-items: center; } -.ty_shtit>div>:nth-child(1) { +.tygrzx_shtit>div>:nth-child(1) { font-size: 18px; font-weight: bold; margin-right: 20px; } -.ty_shtit>div>:nth-child(2) { +.tygrzx_shtit>div>:nth-child(2) { font-size: 12px; } -.ty_shtit>p { +.tygrzx_shtit>p { font-size: 18px; color: rgb(13, 158, 61); cursor: pointer; } -.ty_con { +.tygrzx_con { width: 100%; height: 638px; margin-top: 10px; @@ -451,7 +390,7 @@ select { } -.ty_dizcon { +.tygrzx_dizcon { width: 94%; height: 190px; margin: auto; @@ -463,12 +402,12 @@ select { box-sizing: border-box; } -.ty_dzxx>:nth-child(1)>:nth-child(1) { +.tygrzx_dzxx>:nth-child(1)>:nth-child(1) { font-size: 18px; font-weight: bold; } -.ty_dzxx>:nth-child(1)>:nth-child(2) { +.tygrzx_dzxx>:nth-child(1)>:nth-child(2) { width: 61px; height: 23px; font-weight: bold; @@ -479,11 +418,11 @@ select { background-color: rgb(203, 25, 25); } -.ty_dzxx>:nth-child(1) { +.tygrzx_dzxx>:nth-child(1) { display: flex; } -.ty_dzxx { +.tygrzx_dzxx { display: flex; justify-content: space-between; align-self: flex-start; @@ -491,7 +430,7 @@ select { margin-bottom: 20px; } -.ty_dzxx>:nth-child(2) { +.tygrzx_dzxx>:nth-child(2) { width: 20px; height: 20px; @@ -499,34 +438,34 @@ select { } -.ty_dztext { +.tygrzx_dztext { color: rgb(149, 149, 149); margin-bottom: 10px; font-size: 14px; } -.ty_dztext>span { +.tygrzx_dztext>span { color: #000; } -.ty_mr { +.tygrzx_mr { display: flex; justify-content: space-between; } -.ty_mr>:nth-child(2) { +.tygrzx_mr>:nth-child(2) { display: flex; color: rgb(74, 122, 228); } -.ty_mr>:nth-child(2)>p { +.tygrzx_mr>:nth-child(2)>p { margin-left: 28px; cursor: pointer; } /* 新增收货地址 */ -.ty_xzsh { +.tygrzx_xzsh { width: 100%; height: 100%; background-color: rgba(00, 00, 00, 0.3); @@ -540,7 +479,7 @@ select { z-index: 3; } -.ty_tcon { +.tygrzx_tcon { width: 653px; padding-bottom: 43px; border-radius: 5px; @@ -548,7 +487,7 @@ select { margin: auto; } -.ty_tctiti { +.tygrzx_tctiti { width: 100%; font-size: 16px; font-weight: bold; @@ -560,28 +499,28 @@ select { box-sizing: border-box; } -.ty_tctiti>:nth-child(2) { +.tygrzx_tctiti>:nth-child(2) { width: 20px; height: 20px; } -.ty_tris { +.tygrzx_tris { padding-top: 26px; padding-left: 40px; } -.ty_tcwi { +.tygrzx_tcwi { margin-bottom: 12px; } -.ty_tcwi>:nth-child(1) { +.tygrzx_tcwi>:nth-child(1) { width: 82px; margin-right: 0px; } -.ty_yhtit { +.tygrzx_yhtit { width: 100%; height: 64px; background-color: #fff; @@ -593,18 +532,18 @@ select { } -.ty_yhd { +.tygrzx_yhd { font-weight: 600; } -.ty_yhtit>p { +.tygrzx_yhtit>p { margin-right: 40px; color: #191919; cursor: pointer; } /* 优惠卷 */ -.ty_yhuij { +.tygrzx_yhuij { width: 25%; text-align: center; padding-right: 11px; @@ -612,14 +551,14 @@ select { box-sizing: border-box; } -.ty_yhjyuan { +.tygrzx_yhjyuan { position: absolute; bottom: -4px; width: 100%; left: 0px; } -.ty_yhuij>:nth-child(1) { +.tygrzx_yhuij>:nth-child(1) { background-color: rgb(116, 210, 212); width: 100%; height: 142px; @@ -628,13 +567,13 @@ select { box-sizing: border-box; } -.ty_yhuij>:nth-child(2) { +.tygrzx_yhuij>:nth-child(2) { width: 100%; height: 83px; background-color: rgb(249, 249, 249); } -.ty_gb { +.tygrzx_gb { position: absolute; right: 0px; top: 0px; @@ -649,7 +588,7 @@ select { box-sizing: border-box; } -.ty_yhmn { +.tygrzx_yhmn { color: #fff; font-size: 36px; text-align: center; @@ -660,7 +599,7 @@ select { margin-left: 10px; } -.ty_yhmn>span { +.tygrzx_yhmn>span { font-size: 20px; display: inline-block; top: -9px; @@ -668,14 +607,14 @@ select { position: absolute; } -.ty_textyh { +.tygrzx_textyh { font-size: 13px; margin-top: 15px; margin-bottom: 20px; color: #fff; } -.ty_yhbtn { +.tygrzx_yhbtn { width: 121px; height: 35px; border: 1px solid rgb(116, 210, 212); @@ -694,40 +633,40 @@ select { box-sizing: border-box; } -.ty_tp>:nth-child(4n) { +.tygrzx_tp>:nth-child(4n) { margin-right: 0px; } -.ty_listimg { +.tygrzx_listimg { position: absolute; display: none; } /* 订单 */ -.ty_ddnav { +.tygrzx_ddnav { display: flex; } -.ty_dindantetx { +.tygrzx_dindantetx { display: flex; } -.ty_dnum { +.tygrzx_dnum { display: flex; } -.ty_ddys { +.tygrzx_ddys { color: rgb(203, 25, 25); } -.ty_ddnav>p { +.tygrzx_ddnav>p { margin-right: 32px; font-weight: bold; font-size: 14px; } -.ty_ddxq { +.tygrzx_ddxq { width: 100%; height: 40px; background-color: rgb(245, 245, 245); @@ -741,30 +680,30 @@ select { box-sizing: border-box; } -.ty_ddxq p { +.tygrzx_ddxq p { font-size: 14px; color: rgb(106, 106, 106); } -.ty_ddxq>:nth-child(2) { +.tygrzx_ddxq>:nth-child(2) { display: flex; } -.ty_ddxq>:nth-child(2)>* { +.tygrzx_ddxq>:nth-child(2)>* { margin-left: 60px; cursor: pointer; color: rgb(106, 106, 106); } -.ty_ddcon { +.tygrzx_ddcon { width: 100%; border: 1px solid rgb(233, 233, 233); box-sizing: border-box; margin-bottom: 20px; } -.ty_ddcontit { +.tygrzx_ddcontit { width: 100%; height: 35px; background-color: rgb(245, 245, 245); @@ -776,23 +715,23 @@ select { padding-right: 10px; } -.ty_ddcontit>:nth-child(1)>p { +.tygrzx_ddcontit>:nth-child(1)>p { color: rgb(146, 146, 146); } -.ty_ddcontit>:nth-child(2) { +.tygrzx_ddcontit>:nth-child(2) { display: flex; align-items: center; cursor: pointer; width: 61px; } -.ty_ddcontit>:nth-child(2)>p { +.tygrzx_ddcontit>:nth-child(2)>p { margin-right: 5px; color: rgb(6, 110, 226); } -.ty_ddxx>:nth-child(1)>div { +.tygrzx_ddxx>:nth-child(1)>div { display: flex; padding: 14px 0px 14px 15px; border-bottom: 1px solid rgb(233, 233, 233); @@ -801,46 +740,46 @@ select { width: 610px; } -.ty_ddxx>:nth-child(1)>:last-child { +.tygrzx_ddxx>:nth-child(1)>:last-child { border-bottom: none; } -.ty_ddmas { +.tygrzx_ddmas { display: flex; } -.ty_ddmas>:nth-child(2) { +.tygrzx_ddmas>:nth-child(2) { width: 250px; font-size: 13px; padding-top: 12px; margin-left: 12px; } -.ty_dindantop { +.tygrzx_dindantop { display: flex; align-items: center; font-size: 14px; } -.ty_dnum>:nth-child(1) { +.tygrzx_dnum>:nth-child(1) { padding-top: 12px; margin-left: 80px; font-size: 13px; } -.ty_dnum>:nth-child(2) { +.tygrzx_dnum>:nth-child(2) { padding-top: 12px; margin-left: 72px; font-size: 13px; } -.ty_ddxx { +.tygrzx_ddxx { display: flex; flex-wrap: wrap; } -.ty_ddxxTxt { +.tygrzx_ddxxTxt { padding-top: 24px; font-size: 13px; width: 98px; @@ -848,13 +787,13 @@ select { text-align: center; } -.ty_ddxxTxt1 { +.tygrzx_ddxxTxt1 { padding-top: 24px; width: 100px; text-align: center; } -.ty_ddxxTxt1>button { +.tygrzx_ddxxTxt1>button { width: 79px; cursor: pointer; height: 34px; @@ -865,7 +804,7 @@ select { background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); } -.ty_ddxxTxt1>a { +.tygrzx_ddxxTxt1>a { width: 79px; cursor: pointer; display: inline-block; @@ -877,12 +816,12 @@ select { margin-bottom: 8px; background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); } -.ty_paging { +.tygrzx_paging { display: flex; align-items: center; } -.ty_paging>p { +.tygrzx_paging>p { width: 101px; height: 37px; border: solid 1px rgb(243, 243, 243); @@ -892,32 +831,32 @@ select { color: #848484; } -.ty_pagingcol { +.tygrzx_pagingcol { color: rgb(255, 82, 0); } -.ty_paging>div>span { +.tygrzx_paging>div>span { margin-right: 12px; } -.ty_shtcint { +.tygrzx_shtcint { display: flex; align-items: center; } -.ty_sgtxt { +.tygrzx_sgtxt { font-size: 16px; color: #191919; } -.ty_tpsc { +.tygrzx_tpsc { display: flex; } -.ty_tpsc>:nth-child(1) { +.tygrzx_tpsc>:nth-child(1) { width: 109px; height: 109px; border: 1px solid rgb(208, 208, 208); @@ -928,7 +867,7 @@ select { font-size: 80px; } -.ty_tpsc>:nth-child(2) { +.tygrzx_tpsc>:nth-child(2) { color: #222222; margin-top: 82px; margin-left: 15px; @@ -936,11 +875,11 @@ select { color: rgb(126, 126, 126); } -.ty_yscon { +.tygrzx_yscon { padding-left: 24px; } -.ty_ysnr { +.tygrzx_ysnr { width: 20%; padding-right: 23px; box-sizing: border-box; @@ -948,11 +887,11 @@ select { position: relative; } -.ty_ysnr>img { +.tygrzx_ysnr>img { width: 100%; } -.ty_ysnr>p { +.tygrzx_ysnr>p { font-size: 16px; color: #191919; text-align: center; @@ -960,14 +899,14 @@ select { } -.ty_ysmr { +.tygrzx_ysmr { display: flex; flex-wrap: wrap; } -.ty_ysqxgz { +.tygrzx_ysqxgz { display: inline-block; width: 67px; height: 25px; @@ -982,7 +921,7 @@ select { font-size: 13px; } -.ty_wdgz { +.tygrzx_wdgz { width: 33%; padding-right: 21px; box-sizing: border-box; @@ -990,11 +929,11 @@ select { position: relative; } -.ty_wdgz>img { +.tygrzx_wdgz>img { width: 100%; } -.ty_wdgz>p { +.tygrzx_wdgz>p { font-size: 16px; color: #191919; margin-top: 18px; @@ -1002,7 +941,7 @@ select { -.ty_jftit { +.tygrzx_jftit { width: 100%; background-color: #fff; height: 161px; @@ -1011,13 +950,13 @@ select { padding-left: 22px; } -.ty_jftit>:nth-child(1) { +.tygrzx_jftit>:nth-child(1) { font-size: 18px; color: #191919; font-weight: bold; } -.ty_jftit>:nth-child(2) { +.tygrzx_jftit>:nth-child(2) { display: flex; padding-left: 32px; margin-top: 35px; @@ -1025,19 +964,19 @@ select { } -.ty_jftit>:nth-child(2)>:nth-child(1) { +.tygrzx_jftit>:nth-child(2)>:nth-child(1) { font-size: 16px; color: #191919; } -.ty_jftit>:nth-child(2)>:nth-child(2) { +.tygrzx_jftit>:nth-child(2)>:nth-child(2) { color: #cb1919; font-size: 24px; margin-left: 20px; } -.ty_jftit>:nth-child(2)>:nth-child(3) { +.tygrzx_jftit>:nth-child(2)>:nth-child(3) { width: 179px; height: 44px; background-color: #cb1919; @@ -1050,7 +989,7 @@ select { margin-left: 30px; } -.ty_jftit>:nth-child(2)>:nth-child(4) { +.tygrzx_jftit>:nth-child(2)>:nth-child(4) { width: 98px; font-size: 15px; color: #cb1919; @@ -1063,13 +1002,13 @@ select { height: 44px; } -.ty_jfn>:nth-child(1) { +.tygrzx_jfn>:nth-child(1) { font-size: 14px; color: #cb1919; font-weight: bold; } -.ty_jfntit { +.tygrzx_jfntit { width: 100%; height: 42px; margin-top: 10px; @@ -1077,45 +1016,45 @@ select { padding-left: 77px; } -.ty_jfntit>th { +.tygrzx_jfntit>th { color: rgb(106, 106, 106); font-size: 14px; } -.ty_jfntit>:nth-child(2) { +.tygrzx_jfntit>:nth-child(2) { width: 424px; } -.ty_jfntit>:nth-child(3){ +.tygrzx_jfntit>:nth-child(3){ text-align: left; } -.ty_jfntit>:nth-child(1) { +.tygrzx_jfntit>:nth-child(1) { width: 183px; } -.ty_jftable { +.tygrzx_jftable { width: 100%; } -.ty_jftable>thead { +.tygrzx_jftable>thead { width: 100%; } -.ty_jfcon { +.tygrzx_jfcon { height: 44px; } -.ty_jfcon>td{ +.tygrzx_jfcon>td{ border-bottom: 1px solid rgb(238, 233, 231); } -.ty_jfcon>:nth-child(1) { +.tygrzx_jfcon>:nth-child(1) { font-size: 13px; color: #525252; text-align: center; } -.ty_jfcon>:nth-child(2) { +.tygrzx_jfcon>:nth-child(2) { width: 75px; font-size: 14px; @@ -1123,26 +1062,26 @@ select { font-weight: bold; } -.ty_jfys { +.tygrzx_jfys { color: rgb(0, 166, 8); } -.ty_jfys2 { +.tygrzx_jfys2 { color: rgb(203, 25, 25); } -.ty_jfcon>:nth-child(3) { +.tygrzx_jfcon>:nth-child(3) { font-size: 13px; color: #525252; } /* 收藏 */ -.ty_sccon { +.tygrzx_sccon { padding-left: 24px; } -.ty_yishusc { +.tygrzx_yishusc { width: 33%; padding-right: 14px; position: relative; @@ -1150,32 +1089,32 @@ select { } -.ty_yishusc>img { +.tygrzx_yishusc>img { width: 100%; } -.ty_yishusc>:nth-child(2) { +.tygrzx_yishusc>:nth-child(2) { font-size: 16px; color: #191919; margin-top: 17px; margin-bottom: 14px; } -.ty_yishusc>:nth-child(3) { +.tygrzx_yishusc>:nth-child(3) { color: rgb(147, 147, 147); font-size: 13px; } -.ty_scmr>:nth-child(3n) { +.tygrzx_scmr>:nth-child(3n) { margin-right: 0px; } -.ty_scml { +.tygrzx_scml { padding-left: 22px; } -.ty_yspcon { +.tygrzx_yspcon { width: 20%; padding-right: 24px; margin-bottom: 24px; @@ -1183,24 +1122,24 @@ select { position: relative; } -.ty_yspcon>img { +.tygrzx_yspcon>img { width: 100%; } -.ty_yspcon>p { +.tygrzx_yspcon>p { font-size: 14px; color: #191919; margin-top: 18px; } -.ty_scml>:nth-child(5n) { +.tygrzx_scml>:nth-child(5n) { margin-right: 0px; } /* 签到 */ -.ty_qidaocon { +.tygrzx_qidaocon { width: 657px; height: 307px; background-image: url("../../img/grzx/qdbj.jpg"); @@ -1212,14 +1151,14 @@ select { cursor: pointer; } -.ty_qidaocon>img { +.tygrzx_qidaocon>img { position: absolute; top: 14px; right: 16px; cursor: pointer; } -.ty_qidaocon>button { +.tygrzx_qidaocon>button { width: 176px; height: 50px; border-radius: 3px; @@ -1231,7 +1170,7 @@ select { } /* 征稿 */ -.ty_zgtit { +.tygrzx_zgtit { width: 100%; background-color: rgb(245, 245, 245); height: 40px; @@ -1241,74 +1180,74 @@ select { box-sizing: border-box; } -.ty_zgtit>p { +.tygrzx_zgtit>p { font-size: 14px; color: rgb(106, 106, 106); } -.ty_zgtit>:nth-child(1) { +.tygrzx_zgtit>:nth-child(1) { margin-right: 314px; } -.ty_zgtit>:nth-child(2) { +.tygrzx_zgtit>:nth-child(2) { margin-right: 159px; } -.ty_zgtit>:nth-child(3) { +.tygrzx_zgtit>:nth-child(3) { margin-right: 101px; } -.ty_zgtit>:nth-child(4) { +.tygrzx_zgtit>:nth-child(4) { margin-right: 82px; } -.ty_zgcon { +.tygrzx_zgcon { padding-top: 17px; padding-bottom: 14px; padding-left: 9px; padding-right: 7px; } -.ty_zgcon { +.tygrzx_zgcon { display: flex; border-bottom: 1px solid rgb(238, 233, 231); flex-wrap: wrap; } -.ty_zgzti { +.tygrzx_zgzti { font-size: 13px; color: rgb(82, 82, 82); } -.ty_zgcon>:nth-child(1) { +.tygrzx_zgcon>:nth-child(1) { width: 88px; margin-right: 11px; } -.ty_ristext { +.tygrzx_ristext { display: flex; } -.ty_ristext>:nth-child(1) { +.tygrzx_ristext>:nth-child(1) { width: 187px; margin-right: 92px; margin-left: 80px; } -.ty_ristext>:nth-child(2) { +.tygrzx_ristext>:nth-child(2) { margin-right: 67px; } -.ty_ristext>:nth-child(3) { +.tygrzx_ristext>:nth-child(3) { margin-right: 34px; } -.ty_ristext>:nth-child(4) { +.tygrzx_ristext>:nth-child(4) { width: 62px; } -.ty_ristext>:nth-child(4)>div>button { +.tygrzx_ristext>:nth-child(4)>div>button { width: 62px; height: 34px; border-radius: 3px; @@ -1317,39 +1256,39 @@ select { margin-bottom: 5px; } -.ty_ristext>:nth-child(4)>div>p { +.tygrzx_ristext>:nth-child(4)>div>p { color: #191919; font-size: 13px; margin-top: 5px; } -.ty_ristext>div>:nth-child(1) { +.tygrzx_ristext>div>:nth-child(1) { display: none; } -.ty_bj { +.tygrzx_bj { color: #00a608; border: 1px solid #00a608; } -.ty_scsc { +.tygrzx_scsc { color: #066ee2; border: 1px solid #066ee2; } -.ty_lititnoe>:nth-child(2) { +.tygrzx_lititnoe>:nth-child(2) { display: none; } -.ty_lititnoe>span { +.tygrzx_lititnoe>span { color: rgb(203, 25, 25); } -.ty_litittwo>:nth-child(1) { +.tygrzx_litittwo>:nth-child(1) { display: none; } -.ty_topifrane { +.tygrzx_topifrane { width: 100%; height: 300px; } @@ -1385,17 +1324,17 @@ select { opacity: .7; } -.ty_intfile{ +.tygrzx_intfile{ position: absolute; z-index: 2; } -.ty_img { +.tygrzx_img { display: flex; margin-bottom: 21px; } -.ty_img> :nth-child(1) { +.tygrzx_img> :nth-child(1) { width: 80px; text-align: right; @@ -1403,30 +1342,30 @@ select { font-size: 16px; } -.ty_img>div { +.tygrzx_img>div { display: flex; } -.ty_img>div>:nth-child(2) { +.tygrzx_img>div>:nth-child(2) { font-size: 12px; color: rgb(180, 180, 180); margin-left: 12px; margin-bottom: 12px; } -.ty_shcor{ +.tygrzx_shcor{ color: #cb1919; } -.ty_jgintcor{ +.tygrzx_jgintcor{ color: #222222; } -.ty_topimgtx{ +.tygrzx_topimgtx{ display: none; } -.ty_tp{ +.tygrzx_tp{ padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start; } -.ty_move{ +.tygrzx_move{ width: 100%; height: 100%; background-color: rgba(00, 00, 00, 0.3); @@ -1439,7 +1378,7 @@ select { display: none; align-items: center; } -.ty_movecon{ +.tygrzx_movecon{ padding: 20px 14px; margin: auto; @@ -1448,14 +1387,14 @@ select { box-sizing: border-box; } -.ty_movecon>p{ +.tygrzx_movecon>p{ font-size: 16px; margin-bottom: 12px; padding-right: 14px; } -.ty_movebtn>button{ +.tygrzx_movebtn>button{ border-radius: 5px; font-size: 18px; width: 138px; @@ -1466,15 +1405,15 @@ select { cursor: pointer; margin:0px 10px; } -.ty_movebtn{ +.tygrzx_movebtn{ display: flex; justify-content: space-evenly; margin-top: 30px; } -.ty_fterSubmission{ +.tygrzx_fterSubmission{ width: 155px;height: 51px;margin-right: 3px; } -.ty_qbselect{ +.tygrzx_qbselect{ width: auto; height: auto; padding:0px; diff --git a/css/huaxia.css b/css/huaxia.css index 912b3e8..78080be 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,203 +1,720 @@ -body{margin: 0;padding: 0;} -.w102{width: 102.6%;} -.w100{width: 100%;} -.w96{width: 96%;} -.w90{width: 90%;} -.w56{width: 56%;} -.w50{width: 50%;} -.w48{width: 49%;} -.w40{width: 40%;} -.w33{width: 33.33%;} -.w25{width: 25%;} -.w20{width: 20%;} +body { + margin: 0; + padding: 0; +} -.op9{opacity: .9;} -.op8{opacity: .8;} -.op7{opacity: .7;} -.op6{opacity: .6;} +.w102 { + width: 102.6%; +} -.dis{display: flex;} -.djb{display: flex;justify-content: space-between;} -.dend{display: flex;justify-content: flex-end;} -.fn{justify-content: flex-end;} -.djbac{display: flex;justify-content: space-between;align-items: center;} -.ac{align-items: center;} -.dac{display: flex;align-items: center;} -.djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} -.djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} -.dfc{display: flex;flex-direction: column;} -.cq-cp{cursor: pointer;} -.pr{position: relative;} -.pa{position: absolute;} -.dn{display: none;} -.fs{flex-shrink: 0;} -.fw{flex-wrap: wrap;} -.fc{flex-direction: column;} -.oh{overflow: hidden;} -.fit{object-fit: cover;} +.w100 { + width: 100%; +} + +.w96 { + width: 96%; +} + +.w90 { + width: 90%; +} + +.w56 { + width: 56%; +} + +.w50 { + width: 50%; +} + +.w48 { + width: 49%; +} + +.w40 { + width: 40%; +} + +.w33 { + width: 33.33%; +} + +.w25 { + width: 25%; +} + +.w20 { + width: 20%; +} + +.op9 { + opacity: .9; +} + +.op8 { + opacity: .8; +} + +.op7 { + opacity: .7; +} + +.op6 { + opacity: .6; +} + +.dis { + display: flex; +} + +.djb { + display: flex; + justify-content: space-between; +} + +.dend { + display: flex; + justify-content: flex-end; +} + +.fn { + justify-content: flex-end; +} + +.djbac { + display: flex; + justify-content: space-between; + align-items: center; +} + +.ac { + align-items: center; +} + +.dac { + display: flex; + align-items: center; +} + +.djcacfw { + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; +} + +.djbacfw { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.dfc { + display: flex; + flex-direction: column; +} + +.cq-cp { + cursor: pointer; +} + +.pr { + position: relative; +} + +.pa { + position: absolute; +} + +.dn { + display: none; +} + +.fs { + flex-shrink: 0; +} + +.fw { + flex-wrap: wrap; +} + +.fc { + flex-direction: column; +} + +.oh { + overflow: hidden; +} + +.fit { + object-fit: cover; +} -.mg30{margin: 30px;} -.m-s10{margin-top: 10px;} -.m-s16{margin-top: 16px;} -.m-s20{margin-top: 20px;} -.m-s27{margin-top: 27px;} -.m-s30{margin-top: 30px;} -.m-s37{margin-top: 37px;} -.m-s46{margin-top: 46px;} -.m-s50{margin-top: 50px;} -.m-s65{margin-top: 65px;} +.mg30 { + margin: 30px; +} -.m-z10{margin-left: 10px;} -.m-z15{margin-left: 15px;} -.m-z20{margin-left: 20px;} -.m-z30{margin-left: 30px;} -.m-z37{margin-left: 37px;} +.m-s10 { + margin-top: 10px; +} -.m-y10{margin-right: 10px;} -.m-y15{margin-right: 15px;} -.m-y20{margin-right: 20px;} -.m-y30{margin-right: 30px;} -.m-y37{margin-right: 37px;} +.m-s16 { + margin-top: 16px; +} -.m-sx65{margin-top: 65px;margin-bottom: 65px;} -.m-sx30{margin-top: 30px;margin-bottom: 30px;} -.m-sx28{margin-top: 28px;margin-bottom: 28px;} -.m-sx20{margin-top: 20px;margin-bottom: 20px;} -.m-sx16{margin-top: 16px;margin-bottom: 16px;} -.m-sx10{margin-top: 10px;margin-bottom: 10px;} +.m-s20 { + margin-top: 20px; +} + +.m-s27 { + margin-top: 27px; +} + +.m-s30 { + margin-top: 30px; +} + +.m-s37 { + margin-top: 37px; +} + +.m-s46 { + margin-top: 46px; +} + +.m-s50 { + margin-top: 50px; +} + +.m-s65 { + margin-top: 65px; +} + +.m-z10 { + margin-left: 10px; +} + +.m-z15 { + margin-left: 15px; +} + +.m-z20 { + margin-left: 20px; +} + +.m-z30 { + margin-left: 30px; +} + +.m-z37 { + margin-left: 37px; +} + +.m-y10 { + margin-right: 10px; +} + +.m-y15 { + margin-right: 15px; +} + +.m-y20 { + margin-right: 20px; +} + +.m-y30 { + margin-right: 30px; +} + +.m-y37 { + margin-right: 37px; +} + +.m-sx65 { + margin-top: 65px; + margin-bottom: 65px; +} + +.m-sx30 { + margin-top: 30px; + margin-bottom: 30px; +} + +.m-sx28 { + margin-top: 28px; + margin-bottom: 28px; +} + +.m-sx20 { + margin-top: 20px; + margin-bottom: 20px; +} + +.m-sx16 { + margin-top: 16px; + margin-bottom: 16px; +} + +.m-sx10 { + margin-top: 10px; + margin-bottom: 10px; +} -.m-x65{margin-bottom: 65px;} -.m-x37{margin-bottom: 37px;} -.m-x32{margin-bottom: 32px;} -.m-x30{margin-bottom: 30px;} -.m-x27{margin-bottom: 27px;} -.m-x20{margin-bottom: 20px;} -.m-x16{margin-bottom: 16px;} -.m-x10{margin-bottom: 10px;} +.m-x65 { + margin-bottom: 65px; +} -.m-zy180{margin-left: 180px;margin-right: 180px;} -.m-zy10{margin-left: 10px;margin-right: 10px;} -.m-zy15{margin-left: 15px;margin-right: 15px;} -.m-zy20{margin-left: 20px;margin-right: 20px;} -.m-zy30{margin-left: 30px;margin-right: 30px;} +.m-x37 { + margin-bottom: 37px; +} + +.m-x32 { + margin-bottom: 32px; +} + +.m-x30 { + margin-bottom: 30px; +} + +.m-x27 { + margin-bottom: 27px; +} + +.m-x20 { + margin-bottom: 20px; +} + +.m-x16 { + margin-bottom: 16px; +} + +.m-x10 { + margin-bottom: 10px; +} + +.m-zy180 { + margin-left: 180px; + margin-right: 180px; +} + +.m-zy10 { + margin-left: 10px; + margin-right: 10px; +} + +.m-zy15 { + margin-left: 15px; + margin-right: 15px; +} + +.m-zy20 { + margin-left: 20px; + margin-right: 20px; +} + +.m-zy30 { + margin-left: 30px; + margin-right: 30px; +} -.pd6{padding: 6px;} -.pd30{padding: 30px;} -.pd20{padding: 20px;} -.pd10{padding: 10px;} +.pd6 { + padding: 6px; +} -.p-s65{padding-top: 65px;} -.p-s30{padding-top:30px;} -.p-s28{padding-top:28px;} -.p-s27{padding-top:27px;} -.p-s20{padding-top:20px;} -.p-s10{padding-top:10px;} +.pd30 { + padding: 30px; +} + +.pd20 { + padding: 20px; +} + +.pd10 { + padding: 10px; +} + +.p-s65 { + padding-top: 65px; +} + +.p-s30 { + padding-top: 30px; +} + +.p-s28 { + padding-top: 28px; +} + +.p-s27 { + padding-top: 27px; +} + +.p-s20 { + padding-top: 20px; +} + +.p-s10 { + padding-top: 10px; +} -.p-y20{padding-top:20px;} +.p-y20 { + padding-top: 20px; +} -.p-x65{padding-bottom: 65px;} -.p-x30{padding-bottom: 30px;} -.p-x27{padding-bottom: 27px;} -.p-x20{padding-bottom: 20px;} -.p-x10{padding-bottom: 10px;} +.p-x65 { + padding-bottom: 65px; +} -.p-zy320{padding-left: 320px;padding-right: 320px;} -.p-zy180{padding-left: 180px;padding-right: 180px;} -.p-zy40{padding-left: 40px;padding-right: 40px;} -.p-zy30{padding-left: 30px;padding-right: 30px;} -.p-zy20{padding-left: 20px;padding-right: 20px;} -.p-zy15{padding-left: 15px;padding-right: 15px;} -.p-zy10{padding-left: 10px;padding-right: 10px;} +.p-x30 { + padding-bottom: 30px; +} + +.p-x27 { + padding-bottom: 27px; +} + +.p-x20 { + padding-bottom: 20px; +} + +.p-x10 { + padding-bottom: 10px; +} + +.p-zy320 { + padding-left: 320px; + padding-right: 320px; +} + +.p-zy180 { + padding-left: 180px; + padding-right: 180px; +} + +.p-zy40 { + padding-left: 40px; + padding-right: 40px; +} + +.p-zy30 { + padding-left: 30px; + padding-right: 30px; +} + +.p-zy20 { + padding-left: 20px; + padding-right: 20px; +} + +.p-zy15 { + padding-left: 15px; + padding-right: 15px; +} + +.p-zy10 { + padding-left: 10px; + padding-right: 10px; +} -.p-sx10{padding-top: 10px;padding-bottom: 10px;} -.p-sx20{padding-top: 20px;padding-bottom: 20px;} -.p-sx30{padding-top: 30px;padding-bottom: 30px;} -.p-sx65{padding-top: 65px;padding-bottom: 65px;} +.p-sx10 { + padding-top: 10px; + padding-bottom: 10px; +} + +.p-sx20 { + padding-top: 20px; + padding-bottom: 20px; +} + +.p-sx30 { + padding-top: 30px; + padding-bottom: 30px; +} + +.p-sx65 { + padding-top: 65px; + padding-bottom: 65px; +} -.font-12{font-size: 12px;} -.font-13{font-size: 13px;} -.font-14{font-size: 14px;} -.font-15{font-size: 15px;} -.font-16{font-size: 16px;} -.font-18{font-size: 18px;} -.font-20{font-size: 20px;} -.font-22{font-size: 22px;} -.font-24{font-size: 24px;} -.font-26{font-size: 26px;} -.font-28{font-size: 28px;} -.font-32{font-size: 32px;} -.font-30{font-size: 30px;} -.font-36{font-size: 36px;} -.font-40{font-size: 40px;} +.font-12 { + font-size: 12px; +} -.fb{font-weight: bold;} +.font-13 { + font-size: 13px; +} + +.font-14 { + font-size: 14px; +} + +.font-15 { + font-size: 15px; +} + +.font-16 { + font-size: 16px; +} + +.font-18 { + font-size: 18px; +} + +.font-20 { + font-size: 20px; +} + +.font-22 { + font-size: 22px; +} + +.font-24 { + font-size: 24px; +} + +.font-26 { + font-size: 26px; +} + +.font-28 { + font-size: 28px; +} + +.font-32 { + font-size: 32px; +} + +.font-30 { + font-size: 30px; +} + +.font-36 { + font-size: 36px; +} + +.font-40 { + font-size: 40px; +} + +.fb { + font-weight: bold; +} -.linh48{line-height: 48px;} -.linh42{line-height: 42px;} -.linh32{line-height: 32px;} -.linh30{line-height: 30px;} -.linh28{line-height: 28px;} -.linh26{line-height: 26px;} -.linh24{line-height: 24px;} +.linh48 { + line-height: 48px; +} + +.linh42 { + line-height: 42px; +} + +.linh32 { + line-height: 32px; +} + +.linh30 { + line-height: 30px; +} + +.linh28 { + line-height: 28px; +} + +.linh26 { + line-height: 26px; +} + +.linh24 { + line-height: 24px; +} -.tc{text-align: center;} -.tl{text-align: left;} -.tr{text-align: right;} -.colf{color: #FFFFFF;} -.colf5{color: #F5F5F5;} -.col19{color: #191919;} -.col7d{color: #7d7d7d;} -.col9{color: #999999;} -.colcb{color: #cb1919} -.col22{color: #222222} -.col52{color: #525252} +.tc { + text-align: center; +} -.backf{background: #FFFFFF;} -.backe6{background: #e6e6e6;} -.backf5{background: #f5f5f5;} -.backe9{background: #e9e9e9;} +.tl { + text-align: left; +} + +.tr { + text-align: right; +} + +.colf { + color: #FFFFFF; +} + +.colf5 { + color: #F5F5F5; +} + +.col19 { + color: #191919; +} + +.col7d { + color: #7d7d7d; +} + +.col9 { + color: #999999; +} + +.colcb { + color: #cb1919 +} + +.col22 { + color: #222222 +} + +.col52 { + color: #525252 +} + +.backf { + background: #FFFFFF; +} + +.backe6 { + background: #e6e6e6; +} + +.backf5 { + background: #f5f5f5; +} + +.backe9 { + background: #e9e9e9; +} -.bord2{border: 2px solid #e5e5e5;} -.bd{border: 1px solid #e6e6e6;} -.btt{border-top: 1px solid #ebebeb;} -.bbt{border-bottom: 1px solid #ebebeb;} -.bbtAll{border-bottom: 1px solid #ebebeb;} -.tin2{text-indent: 2em;} +.bord2 { + border: 2px solid #e5e5e5; +} -.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;} -.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;} +.bd { + border: 1px solid #e6e6e6; +} -.clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} -.clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} -.clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} -.clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} +.btt { + border-top: 1px solid #ebebeb; +} -ul li {list-style: none;padding: 0px;margin: 0px;} -.tn{text-decoration: none;} +.bbt { + border-bottom: 1px solid #ebebeb; +} -input{outline: none;} +.bbtAll { + border-bottom: 1px solid #ebebeb; +} -#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} -.dmedia{display: inline;} +.tin2 { + text-indent: 2em; +} + +.borr { + border-radius: 3px; + border: 1px solid #CB1919; + color: #CB1919; + font-size: 16px; +} + +.borf { + border-radius: 3px; + border: 1px solid #7d7d7d; + color: #7d7d7d; + font-size: 16px; +} + +.clips1 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 1; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + word-break: break-all; +} + +.clips2 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + word-break: break-all; +} + +.clips3 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + word-break: break-all; +} + +.clips4 { + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 4; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + word-break: break-all; +} + +ul li { + list-style: none; + padding: 0px; + margin: 0px; +} + +.tn { + text-decoration: none; +} + +input { + outline: none; +} + +#gotoTop { + width: 57px; + height: 57px; + cursor: pointer; + position: fixed; + right: 60px; + bottom: 110px; + z-index: 20; + display: none; +} + +.dmedia { + display: inline; +} /* 轮播图 */ .swiper-container { width: 100%; height: 100%; } + .swiper-slide { text-align: center; font-size: 18px; @@ -216,37 +733,55 @@ input{outline: none;} -webkit-align-items: center; align-items: center; } -.swiper-pagination-bullet{ - width: 13px;height: 13px;border-radius: 100%; + +.swiper-pagination-bullet { + width: 13px; + height: 13px; + border-radius: 100%; background: #FFFFFF; border: 2px solid #FFFFFF; opacity: 1; } -.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{ - width: 13px;height: 13px;border-radius: 100%; + +.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { + width: 13px; + height: 13px; + border-radius: 100%; border: 2px solid #cd2628; - background-color: rgba(255,255,255,0); + background-color: rgba(255, 255, 255, 0); } -.shop-swiper .swiper-pagination-bullet{ - width: 10px;height: 10px;border-radius: 100%; + +.shop-swiper .swiper-pagination-bullet { + width: 10px; + height: 10px; + border-radius: 100%; background: #595d60; border: 2px solid #595d60; opacity: 1; } -.shop-swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active{ - width: 10px;height: 10px;border-radius: 100%; + +.shop-swiper>.swiper-pagination-bullets .swiper-pagination-bullet-active { + width: 10px; + height: 10px; + border-radius: 100%; border: 2px solid #cd2628; background-color: #cd2628; } -.swiper-button-prev, .swiper-container-rtl .swiper-button-prev { + +.swiper-button-prev, +.swiper-container-rtl .swiper-button-prev { left: 0px; right: auto; } -.swiper-button-next, .swiper-container-rtl .swiper-button-prev { + +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { right: 0px; left: auto; } -.swiper-button-next, .swiper-button-prev { + +.swiper-button-next, +.swiper-button-prev { position: absolute; top: 40%; background: #ffffff; @@ -262,7 +797,9 @@ input{outline: none;} justify-content: center; color: #c6c6c6; } -.swiper-button-next::after, .swiper-button-prev::after { + +.swiper-button-next::after, +.swiper-button-prev::after { font-family: swiper-icons; font-size: 18px; text-transform: none !important; @@ -272,79 +809,4813 @@ input{outline: none;} line-height: 1; font-weight: 700; } -.parent-page{height: 360px;} -.parent-page img{height: 360px;float: left;} -/* 首页7个轮播 */ -.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;} -.two-next{right: 0;} -.two-pre{left: 0;} -/* 详情页轮播箭头样式 */ -.xq-pub{width: 46px;height: 46px;position: absolute;top: 46%;opacity: 0.2;z-index: 1;cursor: pointer;} -.xq-next{right: 20px;} -.xq-pre{left: 20px;} -.allitem-title{padding: 45px 0 40px 0;} -.zx-more{display: none;justify-content: center;align-items: center;} +.parent-page { + height: 360px; +} + +.parent-page img { + height: 360px; + float: left; +} + +/* 首页7个轮播 */ +.swiper-pub { + width: 39px; + height: 39px; + position: absolute; + top: 35%; + z-index: 1; + cursor: pointer; +} + +.two-next { + right: 0; +} + +.two-pre { + left: 0; +} + +/* 详情页轮播箭头样式 */ +.xq-pub { + width: 46px; + height: 46px; + position: absolute; + top: 46%; + opacity: 0.2; + z-index: 1; + cursor: pointer; +} + +.xq-next { + right: 20px; +} + +.xq-pre { + left: 20px; +} + +.allitem-title { + padding: 45px 0 40px 0; +} + +.zx-more { + display: none; + justify-content: center; + align-items: center; +} + /* 弹框 */ -#isTank{display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;} -#isTank>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);} -#isTank>div>div{max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;} -.close-q{width: 19px;height: 19px;} -.close-q div{background: #828282;border-radius: 10px;width: 2px;height: 22px;} -.close-q div:first-child{transform: rotate(45deg);} -.close-q div:last-child{transform: rotate(-45deg);} -.tk-tougao{padding: 30px 40px;} -.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;padding-left: 10px;} -.bord2>div>div{color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;} -#sumitdh{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;} -.chooseImg-box{display: inline-block;} -.chooseImg-box>div input{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;opacity: 0;z-index: 2;} -.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;} -.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;} -.chooseImg-box>div>div span:first-child{transform: rotate(90deg);} -.chooseImg-box>div img{width: 109px;height: 109px;object-fit: cover;z-index: 1;border-radius: 3px;} -.chooseImg-content{margin-top: 76px;margin-left: 120px;font-size: 12px;color: #222222;opacity: .7;} -.tgsub-btn{width: 906px;} -.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;} -#success_fail{width: 569px;} -#failk>img,#successk>img{width: 77px;height: 77px;margin-top: 54px;} -.goZhanl{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;} -.goShop,#successk div:last-child div{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;} -#successk div:last-child div:last-child{margin-left: 10px;border: 1px solid #CB1919;color: #CB1919;} +#isTank { + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + background: rgba(0, 0, 0, .2); + z-index: 20; +} + +#isTank>div { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#isTank>div>div { + max-width: 986px; + background: #FFFFFF; + border-radius: 3px; + padding-bottom: 30px; +} + +.close-q { + width: 19px; + height: 19px; +} + +.close-q div { + background: #828282; + border-radius: 10px; + width: 2px; + height: 22px; +} + +.close-q div:first-child { + transform: rotate(45deg); +} + +.close-q div:last-child { + transform: rotate(-45deg); +} + +.tk-tougao { + padding: 30px 40px; +} + +.tk-tougao>div>input { + width: 459px; + height: 52px; + border: 1px solid #E6E6E6; + border-radius: 3px; + padding-left: 10px; +} + +.bord2>div>div { + color: #FFFFFF; + background: #CB1919; + font-size: 14px; + padding: 2px 4px; + margin-left: 20px; +} + +#sumitdh { + width: 163px; + height: 53px; + line-height: 53px; + text-align: center; + background: #CB1919; + border-radius: 3px; + font-size: 18px; + color: #FFFFFF; +} + +.chooseImg-box { + display: inline-block; +} + +.chooseImg-box>div input { + width: 109px; + height: 109px; + border: 1px solid #E6E6E6; + border-radius: 3px; + opacity: 0; + z-index: 2; +} + +.chooseImg-box>div>div { + width: 109px; + height: 109px; + border: 1px solid #E6E6E6; + border-radius: 3px; + display: flex; + justify-content: center; + align-items: center; +} + +.chooseImg-box>div>div span { + display: block; + width: 2px; + height: 60px; + border-radius: 3px; + background-color: #E6E6E6; +} + +.chooseImg-box>div>div span:first-child { + transform: rotate(90deg); +} + +.chooseImg-box>div img { + width: 109px; + height: 109px; + object-fit: cover; + z-index: 1; + border-radius: 3px; +} + +.chooseImg-content { + margin-top: 76px; + margin-left: 120px; + font-size: 12px; + color: #222222; + opacity: .7; +} + +.tgsub-btn { + width: 906px; +} + +.tgsub-btn div { + width: 163px; + height: 53px; + line-height: 53px; + text-align: center; + background: #CB1919; + border-radius: 3px; + font-size: 18px; + color: #FFFFFF; +} + +#success_fail { + width: 569px; +} + +#failk>img, +#successk>img { + width: 77px; + height: 77px; + margin-top: 54px; +} + +.goZhanl { + margin: 50px 0; + border: 1px solid #cccccc; + width: 104px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 3px; +} + +.goShop, +#successk div:last-child div { + margin: 50px 0; + border: 1px solid #cccccc; + width: 104px; + height: 45px; + text-align: center; + line-height: 45px; + border-radius: 3px; +} + +#successk div:last-child div:last-child { + margin-left: 10px; + border: 1px solid #CB1919; + color: #CB1919; +} + /* 首页 */ -.logo{width: 487px;} -.banner-img{width: 100%;height: auto;} -.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;} +.logo { + width: 487px; +} + +.banner-img { + width: 100%; + height: auto; +} + +.head-box { + position: sticky; + top: -6px; + z-index: 10; + background: #FFFFFF; + padding: 10px 180px; +} + /* .head-nav-box>div:last-child{margin-top: 20px;} */ -.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} -.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;} -.dao-boxw{box-shadow: 0px 3px 12px rgba(2,2,2,.16);display: flex;justify-content: space-between;align-items: center;} -.guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;} -.guan-box span{opacity: .8;} -.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} -.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} -.dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;} -.dao-box>li>div{padding: 6px 0;} -.dao-box>li>div>a{text-decoration: none;color: #181818;} -.dao-box>li>div>a:hover{color: #cd2628;} -.dao-box>li>div>a:active{color: #cd2628;font-weight: bold;} -.cq-dao-active{font-weight: bold;color: #cd2628;} -.cq-dao-active>a{font-weight: bold;color: #cd2628!important;} -.input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;} -.input-box input{font-size: 14px;height: 38px;border: 0;} -.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} -.cq-item-title-box{padding: 65px 0 30px 0;} -.cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;} -.cq-gengd{font-size: 18px;color: #191919;} -.exhibition .item-box{width: 100%;overflow: hidden;height: 388px;} -.exhibition .item-box>img{width: 100%;height: 100%;cursor: pointer;} -.msg .m-x32:nth-last-child(1){ +.sy-dian { + width: 4px; + height: 4px; + border-radius: 100%; + background-color: #181818; + margin: 0 10px; +} + +.top-nav { + position: sticky; + top: -6px; + z-index: 10; + background: #FFFFFF; +} + +.dao-boxw { + box-shadow: 0px 3px 12px rgba(2, 2, 2, .16); + display: flex; + justify-content: space-between; + align-items: center; +} + +.guan-box { + display: flex; + align-items: center; + font-size: 14px; + color: #181818; + width: 100%; + justify-content: flex-end; +} + +.guan-box span { + opacity: .8; +} + +.redD { + width: 6px; + height: 6px; + border-radius: 100%; + background: #cd2628; + top: 10px; + right: 12px; +} + +.xiahx { + width: 100%; + bottom: 0; + border-bottom: 3px solid #cd2628; +} + +.dao-box>li { + padding: 5px 25px; + flex-shrink: 0; + text-align: center; + font-size: 19px; +} + +.dao-box>li>div { + padding: 6px 0; +} + +.dao-box>li>div>a { + text-decoration: none; + color: #181818; +} + +.dao-box>li>div>a:hover { + color: #cd2628; +} + +.dao-box>li>div>a:active { + color: #cd2628; + font-weight: bold; +} + +.cq-dao-active { + font-weight: bold; + color: #cd2628; +} + +.cq-dao-active>a { + font-weight: bold; + color: #cd2628 !important; +} + +.input-box { + flex-shrink: 0; + height: 40px; + border-radius: 3px; + border: 1px solid #ebebeb; + padding: 0 10px; + width: 220px; +} + +.input-box input { + font-size: 14px; + height: 38px; + border: 0; +} + +.input-box img { + right: 10px; + top: 10px; + width: 20px; + height: 20px; +} + +.cq-item-title-box { + padding: 65px 0 30px 0; +} + +.cq-item-title-box>div>div { + background: -webkit-linear-gradient(left, red, rgba(255, 255, 255, 0)); + height: 11px; + bottom: 0; + left: 0; + width: 130px; + opacity: .8; + z-index: 0; +} + +.cq-gengd { + font-size: 18px; + color: #191919; +} + +.exhibition .item-box { + width: 100%; + overflow: hidden; + height: 388px; +} + +.exhibition .item-box>img { + width: 100%; + height: 100%; + cursor: pointer; +} + +.msg .m-x32:nth-last-child(1) { margin-bottom: 0; } -.msg .m-x32:nth-last-child(2){ + +.msg .m-x32:nth-last-child(2) { margin-bottom: 0; } +.exhibition .swiper-slide .item-box { + width: 293px; +} + +.exhibition .swiper-slide img { + object-fit: cover; +} + +/* .xx-img{ width:242px; height:151px;} */ +.xx-content { + line-height: 28px; +} + +.xx-img { + width: 100%; +} + +.ysc .ya-item-box>div:first-child { + transition: transform .5s; + cursor: pointer; +} + +.ysc .ya-item-box>div:first-child:hover { + transform: scale(.9); + transition: transform .5s; +} + +.ya-item-box .pr { + padding-right: 1.25em; +} + +.ys-price { + font-size: 18px; + color: #cb1919; + background: rgba(0, 0, 0, .2); + border-radius: 3px; + left: 14px; + bottom: 14px; + padding: 6px 10px; +} + +.ys-title { + font-size: 20px; + font-weight: bold; + padding-right: 20px; +} + +.ys-cate { + font-size: 14px; + color: #a6a6a4; + padding-right: 20px; +} + +.ysj-name { + line-height: 26px; +} + +.ysj .ya-item-box { + margin-right: 1.36em; + width: 94%; + padding-bottom: 10px; +} + +.ysj .ya-item-box img { + transition: transform .5s; + cursor: pointer; +} + +.ysj .ya-item-box:hover img { + transform: scale(.9); + transition: transform .5s; +} + +.ysj .ya-item-box:last-child { + margin-right: 0px; +} + +.ysj .pr { + padding-right: 0px; +} + +#homeArtist { + width: 101.2%; +} + +.wc-box>div>img { + width: 96%; + transition: transform .5s; +} + +.wc-box .ya-item-box:hover img { + transform: scale(.9); + transition: transform .5s; +} + +.wc-box .ya-item-box:hover a { + color: #cb1919; + text-decoration: underline; +} + +.wc-box>div>div>a:hover { + color: #cb1919; + text-decoration: underline; +} + +.checksyzp { + background: #cb1919; + color: rgba(255, 255, 255, .8); + padding: 6px 10px; +} + +.ysj-itemcheck { + border: 1px solid #cecccc; + padding: 6px 10px; + color: rgba(25, 25, 25, .7); +} + +.ysj-itemcon { + color: rgba(25, 25, 25, .7); +} + +.gongn { + display: none; + width: 50px; + height: 50px; + position: absolute; + right: 50px; + cursor: pointer; +} + +.xinxy-box { + background: #f6f5f3; + padding-bottom: 65px; +} + +.xinxy-box .dac { + width: 101.4%; + overflow: hidden; +} + +.xinxy-box .msg .w48 { + width: 49%; +} + +.syysj-box { + background: #100e0d; + padding-bottom: 65px; +} + +.syys-name { + font-size: 30px; + font-weight: bold; + color: #cb1919; +} + +.sypx-box { + background: url(../img/public/px-bac.png); + background-size: 100% 100%; + padding-bottom: 65px; +} + +.sypx-box img { + height: 470px; + float: left; +} + +.sypx-box .ys-title { + height: 70px; + line-height: 70px; +} + +.hz-jies { + font-size: 14px; + color: rgba(25, 25, 25, .5); + margin-left: 10px; +} + +.hzly-box { + padding: 30px; + z-index: 1; +} + +.hz-input-box input { + margin-right: 10px; + border-radius: 3px; + border: 1px solid #e9e9e9; + height: 48px; +} + +.hz-input-box div { + color: #FFFFFF; + background: #cb1919; + padding: 0px 82px; + border-radius: 3px; + height: 48px; + line-height: 48px; + border: 1px solid #CB1919; +} + +.hz-imgItem img { + cursor: pointer; + width: 90%; +} + +.yssc-img { + height: 500px; + vertical-align: bottom; +} + +.yssc-item { + height: 500px; + vertical-align: bottom; + max-width: 364px; +} + +/* 资讯 */ +#zx-list>div div:hover { + cursor: pointer; +} + +#zx-list>div:hover .zx-title { + color: #CB1919; +} + +#zx-list>div:hover .zx-dian { + color: #CB1919; +} + +.zx-nav, +.szx-nav, +.px-nav { + padding: 0; +} + +.zx-nav li span { + cursor: pointer; +} + +.zx-nav li, +.szx-nav li, +.px-nav li { + margin-right: 50px; + position: relative; + padding: 20px 0 15px 0; +} + +.zx-nav li a, +.szx-nav li a, +.px-nav li a { + text-decoration: none; + color: #181818; + font-size: 18px; +} + +.zx-nav li div, +.szx-nav li div, +.px-nav li div { + border-bottom: 2px solid #FFFFFF; + width: 100%; + position: absolute; +} + +.zx-nav li .zx-nav-active, +.szx-nav li .zx-nav-active, +.px-nav li .zx-nav-active { + border-bottom: 2px solid #CB1919; + position: absolute; + bottom: -1px; +} + +.zx-nav li .zx-nav-title, +.szx-nav li .zx-nav-title, +.px-nav li .zx-nav-title { + color: #CB1919; +} + +#zx-xg>div:first-child { + margin-right: 10px; +} + +.zx-xx { + color: #cd2628; + border: 1px solid #cd2628; + padding: 6px 20px; + border-radius: 3px; + font-size: 16px; +} + +.zx-gg { + padding: 6px 20px; + border: 1px solid #222222; + border-radius: 3px; + font-size: 16px; +} + +/* 机构 */ +#jg-list img, +#jgm-list img, +#jgz-list img, +#jgy-list img, +#jgs-list img, +#pmd-list img, +#pxsp-list img, +#ys-list img, +#zl-list img { + transition: transform .5s; +} + +#jg-list img:hover, +#jgm-list img:hover, +#jgz-list img:hover, +#jgy-list img:hover, +#jgs-list img:hover, +#pmd-list img:hover, +#ys-list img:hover, +#zl-list img:hover { + transform: scale(.94); + transition: transform .5s; + cursor: pointer; +} + +#jg-list>div:hover .font-18 { + color: #CB1919; + font-weight: bold; +} + +.jg-guanz { + width: 110px; + height: 42px; + line-height: 42px; + text-align: center; +} + +.jg-xian { + border: 0.5px solid #dbdbdb; + position: absolute; + right: -26px; + height: 28%; + top: 12%; +} + +.jg-twoNav { + padding: 0; + margin: 0; +} + +.jg-tou { + padding: 6px; + margin-top: -90px; +} + +/* 拍卖 */ +#pm-list>div:hover, +#pxzb-list>div:hover { + box-shadow: 0 0 20px rgba(0, 0, 0, .2); + cursor: pointer; +} + +#pm-list>div:hover div:last-child>div:first-child, +#pxzb-list>div:hover div:last-child>div:first-child { + color: #CB1919; +} + +#pm-list>div:hover div:last-child>div:first-child .quan, +#pxzb-list>div:hover div:last-child>div:first-child .quan { + border: 2px solid #CB1919; +} + +.quan { + width: 6px; + height: 6px; + border-radius: 100%; + border: 2px solid #818181; + margin-right: 6px; +} + +.pm-detail-box { + width: 86%; + background: #f4f4f4; + padding: 20px; +} + +.pm-detail-box .font-24 { + width: 100%; + line-height: 36px; + margin: 0 10px; +} + +/* 培训 */ +.px-item-img { + margin-bottom: -4px; +} + +.px-item-bo { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +#px-list>div:hover div>div:first-child { + color: #CB1919; +} + +#px-list>div:hover div>div:first-child .quan { + border: 2px solid #CB1919; +} + +#pxsp-list div>div:first-child:hover { + transform: scale(.94); + transition: transform .5s; + cursor: pointer; +} + +#pxsp-list div:hover>div { + color: #CB1919; + font-weight: bold; +} + +/* 艺术家 */ +#ys-cate { + padding: 0; +} + +#ys-cate li a { + text-decoration: none; + color: #181818; + font-size: 18px; +} + +#ys-cate li { + margin-right: 29px; + position: relative; + padding: 20px 0 15px 0; +} + +#ys-cate li div { + border-bottom: 2px solid #FFFFFF; + width: 100%; + position: absolute; +} + +#ys-cate li .zx-nav-active { + border-bottom: 2px solid #CB1919; + position: absolute; + bottom: -1px; +} + +#ys-cate li .zx-nav-title { + color: #CB1919; +} + +#ys-list div:hover .djbac { + color: #CB1919; +} + +#ys-list div .djbac>div:last-child a { + text-decoration: none; + color: #191919; + opacity: .8; +} + +#ys-list div:hover .djbac>div:last-child { + color: #FFFFFF; + background-color: #CB1919; + cursor: pointer; +} + +#ys-list div:hover .djbac>div:last-child a { + color: #FFFFFF; +} + +#ysj-ft>div>div:hover { + box-shadow: 0px 0px 20px rgba(0, 0, 0, .2); + cursor: pointer; + color: #CB1919; + opacity: 1; +} + +#ysj-ft>div>div:hover div { + color: #CB1919; +} + +#ysj-ft>div>div .dac span { + opacity: 0; +} + +#ysj-ft>div>div:hover .op6 { + opacity: 1; +} + +#ysj-ft>div>div:hover .dac span { + opacity: 1; +} + +#ysj-skd-box { + width: 26%; +} + +#ysj-skd-box .m-s20:hover { + cursor: pointer; + color: #CB1919; +} + +#jgy-list div:hover div { + font-weight: bold; + color: #CB1919; +} + +#ysjzz-list div { + cursor: pointer; +} + +#ysjzz-list div:hover img { + transform: scale(.94); + transition: transform .5s; +} + +#ysjzz-list div img { + transition: transform .5s; +} + +#ysjzz-list div:hover div { + color: #CB1919; +} + +#ysjzz-list div:hover .m-s20 { + font-weight: bold; +} + +/* 展览 */ +#zlzp-list>div:hover div { + color: #CB1919; +} + +#zlzp-list .pr div { + background: rgba(255, 255, 255, 0.6); + right: 36px; + bottom: 10px; + width: 34px; + height: 34px; +} + +#zlzp-list>div:hover div:last-child>span { + color: #FFFFFF; + background: #CB1919; +} + +#zlzp-list>div:hover .font-16 { + font-weight: bold; +} + +.zltp { + width: 179px; + height: 47px; + border-radius: 5px; + border: 1px solid #dbdbdb; + line-height: 47px; + text-align: center; +} + +.toug-btn { + color: #ce2828; + border: 1px solid #ce2828; + width: 110px; + height: 42px; + line-height: 42px; + text-align: center; + border-radius: 3px; +} + +.zhanldw { + width: 15px; + height: 17px; + margin-right: 4px; +} + +.col007 { + color: #007de2; +} + +.zhanl-select { + height: 36px; + border: 1px solid #e6e6e6; + border-radius: 5px; + line-height: 36px; + padding: 0 10px; +} + +.zhanl-select img { + width: 12px; + height: 8px; +} + +.zpsearch-box { + width: 244px; + height: 36px; + border: 1px solid #e6e6e6; + border-radius: 5px; + line-height: 36px; + padding: 0 10px; +} + +.zpsearch-box input { + width: 100%; + border: none; + height: 34px; + margin-right: 20px; +} + +.zpsearch-box img { + width: 17px; + height: 16px; +} + +#previewImg { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, .5); + z-index: 10; + display: none; + justify-content: center; + align-items: center; + flex-direction: column; +} + +#previewImg div:first-child { + background: #FFFFFF; + border-radius: 10px; + border: 10px solid #FFFFFF; + width: 520px; + height: 500px; + overflow: hidden; +} + +#previewImg div:last-child { + background-color: #FFFFFF; + display: flex; + justify-content: center; + align-items: center; + border-radius: 100%; + width: 50px; + height: 50px; + margin-top: 20px; + cursor: pointer; +} + +#zl-list .m-s30:hover div { + color: #CB1919; +} + +#zl-list .m-s30:hover .font-18 { + font-weight: bold; +} + +/* 积分商城 */ +#rem-list .dfc>div, +#jf-list .dfc>div { + margin: 10px; +} + +#rem-list .dfc>div img, +#jf-list .dfc>div img { + max-height: 230px; +} + +#rem-list .dfc:hover, +#jf-list .dfc:hover { + box-shadow: 0px 0px 10px rgba(0, 0, 0, .2); +} + +#rem-list .dfc:hover>div .linh24, +#jf-list .dfc:hover>div .linh24 { + color: #CB1919; +} + +.addNum { + background: #f1f1f1; + height: 22px; + line-height: 22px; + width: 20px; + border-left: 1px solid #CCCCCC; +} + +.delNum { + background: #f1f1f1; + height: 23px; + line-height: 23px; + border-left: 1px solid #CCCCCC; + border-top: 1px solid #CCCCCC; +} + +#sh-list .dis .m-y20:last-child { + margin-right: 0; +} + +#cq-list .dis .m-y20:last-child { + margin-right: 0; +} + +#scjf-list .m-y20:last-child { + margin-right: 0; +} + +#alls-list .dfc>div { + margin: 10px; +} + +#alls-list .dfc>div img { + max-height: 230px; +} + +#alls-list .dfc:hover { + box-shadow: 0px 0px 10px rgba(0, 0, 0, .2); +} + +#alls-list .dfc:hover div { + color: #CB1919; +} + +/* 详情右侧 */ +.detail-right { + width: 86%; + padding-right: 10px; + padding: 20px; +} + +.youhq-box span { + background: #d96464; + color: #FFFFFF; + padding: 2px 10px; + margin-right: 10px; +} + +.detail-input-box { + width: 60px; + height: 46px; + border: 1px solid #cccccc; +} + +#numVal { + border: none; + width: 32px; + text-align: center; + height: 44px; +} + +.dui-box, +.addcart-box { + width: 163px; + height: 53px; + line-height: 53px; + text-align: center; + background: #CB1919; + margin-left: 46px; +} + +.addcart-box:last-child { + background: #ed4910; + margin-left: 10px; +} + +.detail-right .p-s20>.dac { + margin-left: 46px; +} + +.detail-right .p-s20 img:first-child { + width: 14px; + height: 13px; + margin-right: 4px; +} + +.detail-right .p-s20 img:last-child { + width: 16px; + height: 14px; + margin-right: 4px; +} + +.goMai { + background-color: #CB1919; + color: #FFFFFF; + font-size: 20px; + padding: 10px 40px; + cursor: pointer; +} + +.zzpub { + font-size: 20px; + cursor: pointer; + width: 163px; + height: 53px; + line-height: 53px; + text-align: center; + border: 1px solid #CB1919; +} + +.goMaiz { + background-color: #CB1919; + color: #FFFFFF; +} + +.yul { + color: #CB1919; + margin-left: 10px; +} + +/* 征稿 */ +.zhenggaoZhanw { + height: 15px; + width: 100%; + background: rgba(245, 245, 245, 1); +} + +.ty_zgysconTr th:nth-child(1) { + width: 340px; +} + +.ty_zgysconTr th:nth-child(1) div { + margin-right: 120px; +} + +.ty_zgysconTr th:nth-child(2) { + width: 260px; +} + +.ty_zgysconTr th:nth-child(3) { + width: 80px; +} + +.ty_zgysconTr th:nth-child(4) { + width: 170px; +} + +.ty_zgysconTr th:nth-child(5) { + width: 90px; +} + +.zg-img-box { + width: 103px; + height: 103px; + overflow: hidden; +} + +.zg-btn-box { + display: flex; + align-items: center; + flex-direction: column; +} + +/* 推荐作品 */ +.tui-box { + margin: 0 auto; + table-layout: fixed; + padding-top: 20px; +} + +.biaoti { + color: #191919; + opacity: .8; + font-size: 14px; + font-weight: 400; + background-color: rgb(245, 245, 245); + height: 40px; +} + +.biaoti th:nth-child(1) { + width: 20px; +} + +.biaoti th:nth-child(2) { + width: 70px; +} + +.biaoti th:nth-child(3) { + width: 180px; +} + +.biaoti th:nth-child(4), +.biaoti th:nth-child(5) { + width: 120px; +} + +.biaoti th:nth-child(6) { + width: 240px; + text-align: left; +} + +.foot-all-box { + display: flex; + justify-content: center; + margin: 30px 0px 50px 0; +} + +#pre_next_box { + display: flex; + justify-content: flex-end; +} + +#pre_next_box button { + width: 100px; + height: 37px; + line-height: 37px; + text-align: center; + background: #FFFFFF; + border-radius: 3px; + border: 1px solid #E6E6E6; + color: #848484; +} + + + +/* 个人中心- */ +* { + padding: 0px; + margin: 0px; +} + +/* header */ +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +.tygrzx input::-webkit-input-placeholder { + color: rgb(180, 180, 180); +} + +.tygrzx input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: rgb(180, 180, 180); +} + +.tygrzx input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: rgb(180, 180, 180); +} + +.tygrzx input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: rgb(180, 180, 180); +} + +.tygrzx select { + color: rgb(180, 180, 180); +} + +.tygrzx_grint input::-webkit-input-placeholder { + color: #222222; +} + +.tygrzx_grint input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #222222; +} + +.tygrzx_grint input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #222222; +} + +.tygrzx_grint input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #222222; +} + +.tygrzx_grint select { + color: #222222; +} + + +/* main */ +.tygrzx_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; +} + +.tygrzx_co { + background-color: rgb(245, 245, 245); +} + +.tygrzx_left { + width: 202px; + height: 711px; + background-color: #fff; + padding-top: 29px; + margin-right: 19px; + position: relative; + box-sizing: border-box; + display: inline-block; +} + +.tygrzx_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; + + +} + +.tygrzx_lefttx { + text-align: center; + border-bottom: 1px solid rgb(245, 245, 245); + padding-bottom: 24px; +} + +.tygrzx_lefttx>img { + width: 60%; + height: 50%; + margin: auto; + margin-bottom: 29px; + + display: block; +} + +.tygrzx_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; + cursor: pointer; + box-sizing: border-box; +} + +.tygrzx_leftcon>img { + margin-right: 10px; + +} + +.tygrzx_ris { + + /* flex: 1 1 0%; */ + flex: 1; +} + +.tygrzx_tit { + width: 100%; + height: 64px; + background-color: #fff; + line-height: 64px; + font-weight: bold; + box-sizing: border-box; + font-size: 18px; + + padding-left: 24px; +} + +.tygrzx_riscon { + width: 100%; + margin-top: 10px; + height: 709px; + padding-top: 40px; + padding-left: 100px; + box-sizing: border-box; + background-color: #fff; +} + +input { + padding-left: 14px; + box-sizing: border-box; +} + + +.tygrzx_dindantit { + width: 100%; + height: 20px; + border-bottom: 1px solid rgb(233, 233, 233); + ; + display: none; + margin-bottom: 5px; + +} + +.tygrzx_grzximg { + position: absolute; + top: 0px; + 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; + opacity: 0; + cursor: pointer; +} + +.tygrzx_scimg { + width: 154px; + height: 154px; + background-color: rgb(245, 245, 245); + border-radius: 50%; + border: none; + margin-right: 28px; +} + +.tygrzx_scimg>img { + width: 100%; + border-radius: 50%; +} + +.tygrzx_tupian { + display: flex; + align-items: center; + margin-bottom: 44px; +} + +.tygrzx_tupian> :nth-child(2) { + position: relative; +} + +::-webkit-input-placeholder { + color: #222222; +} + +.tygrzx_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; +} + +.tygrzx_col { + color: rgb(193, 193, 193); +} + +.tygrzx_name { + display: flex; + margin-bottom: 37px; + font-size: 16px; +} + +.tygrzx_name> :nth-child(1) { + width: 65px; + margin-right: 20px; + text-align: right; +} + +.tygrzx_int { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tygrzx_int> :nth-child(1) { + width: 65px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tygrzx_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; +} + +.tygrzx 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; + cursor: pointer; +} +.tygrzx_setle>:last-child { + margin-right: 0px; +} + +.tygrzx_setle { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tygrzx_setle> :nth-child(1) { + width: 65px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tygrzx_setle>select { + margin-right: 10px; +} + +.tyint_pal { + padding-left: 14px; + box-sizing: border-box; + color: #000; +} + +.tygrzx_btn { + text-align: right; + +} + +.tygrzx_btn>button { + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + cursor: pointer; + border: none; +} + +.tygrzx_btn1 { + text-align: right; + width: 581px; +} + +/* 密码修改 */ +.tygrzx_wic> :nth-child(1) { + width: 90px; +} + +.tygrzx_riscon1 { + height: 638px; + margin-top: 10px; +} +.tygrzx_riscon>form{ + display: inline-block; + padding-right: 10px; +} +/* 收货地址 */ +.tygrzx_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; +} + +.tygrzx_shtit>div { + display: flex; + align-items: center; +} + +.tygrzx_shtit>div>:nth-child(1) { + font-size: 18px; + font-weight: bold; + margin-right: 20px; +} + +.tygrzx_shtit>div>:nth-child(2) { + font-size: 12px; +} + +.tygrzx_shtit>p { + font-size: 18px; + color: rgb(13, 158, 61); + cursor: pointer; +} + +.tygrzx_con { + width: 100%; + height: 638px; + margin-top: 10px; + box-sizing: border-box; + background-color: #fff; + padding-top: 26px; + +} + +.tygrzx_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; +} + +.tygrzx_dzxx>:nth-child(1)>:nth-child(1) { + font-size: 18px; + font-weight: bold; +} + +.tygrzx_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); +} + +.tygrzx_dzxx>:nth-child(1) { + display: flex; +} + +.tygrzx_dzxx { + display: flex; + justify-content: space-between; + align-self: flex-start; + align-items: center; + margin-bottom: 20px; +} + +.tygrzx_dzxx>:nth-child(2) { + + width: 20px; + height: 20px; + cursor: pointer; + +} + +.tygrzx_dztext { + color: rgb(149, 149, 149); + margin-bottom: 10px; + font-size: 14px; +} + +.tygrzx_dztext>span { + color: #000; +} + +.tygrzx_mr { + display: flex; + justify-content: space-between; +} + +.tygrzx_mr>:nth-child(2) { + display: flex; + color: rgb(74, 122, 228); +} + +.tygrzx_mr>:nth-child(2)>p { + margin-left: 28px; + cursor: pointer; +} + + +/* 新增收货地址 */ +.tygrzx_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; +} + +.tygrzx_tcon { + width: 653px; + padding-bottom: 43px; + border-radius: 5px; + background-color: #fff; + margin: auto; +} + +.tygrzx_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; +} + +.tygrzx_tctiti>:nth-child(2) { + + width: 20px; + height: 20px; + +} + +.tygrzx_tris { + padding-top: 26px; + padding-left: 40px; +} + +.tygrzx_tcwi { + margin-bottom: 12px; +} + +.tygrzx_tcwi>:nth-child(1) { + width: 82px; + margin-right: 0px; +} + +.tygrzx_yhtit { + width: 100%; + height: 64px; + background-color: #fff; + box-sizing: border-box; + display: flex; + align-items: center; + padding-left: 23px; + font-size: 18px; + +} + +.tygrzx_yhd { + font-weight: 600; +} + +.tygrzx_yhtit>p { + margin-right: 40px; + color: #191919; + cursor: pointer; +} + +/* 优惠卷 */ +.tygrzx_yhuij { + width: 25%; + text-align: center; + padding-right: 11px; + margin-bottom: 11px; + box-sizing: border-box; +} + +.tygrzx_yhjyuan { + position: absolute; + bottom: -4px; + width: 100%; + left: 0px; +} + +.tygrzx_yhuij>:nth-child(1) { + background-color: rgb(116, 210, 212); + width: 100%; + height: 142px; + position: relative; + padding-top: 26px; + box-sizing: border-box; +} + +.tygrzx_yhuij>:nth-child(2) { + width: 100%; + height: 83px; + background-color: rgb(249, 249, 249); +} + +.tygrzx_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; + cursor: pointer; + box-sizing: border-box; +} + +.tygrzx_yhmn { + color: #fff; + font-size: 36px; + text-align: center; + display: inline-block; + margin: auto; + line-height: 33px; + position: relative; + margin-left: 10px; +} + +.tygrzx_yhmn>span { + font-size: 20px; + display: inline-block; + top: -9px; + left: -19px; + position: absolute; +} + +.tygrzx_textyh { + font-size: 13px; + margin-top: 15px; + margin-bottom: 20px; + color: #fff; +} + +.tygrzx_yhbtn { + width: 121px; + height: 35px; + border: 1px solid rgb(116, 210, 212); + border-radius: 30px; + margin-top: 26px; + display: inline-block; + line-height: 35px; + cursor: pointer; + color: rgb(116, 210, 212); +} + +.gqtp { + text-align: right; + padding-top: 12px; + padding-right: 12px; + box-sizing: border-box; +} + +.tygrzx_tp>:nth-child(4n) { + margin-right: 0px; +} + +.tygrzx_listimg { + position: absolute; + display: none; +} + +/* 订单 */ +.tygrzx_ddnav { + display: flex; + +} + +.tygrzx_dindantetx { + display: flex; +} + +.tygrzx_dnum { + display: flex; +} + +.tygrzx_ddys { + color: rgb(203, 25, 25); +} + +.tygrzx_ddnav>p { + margin-right: 32px; + font-weight: bold; + font-size: 14px; +} + +.tygrzx_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; +} + +.tygrzx_ddxq p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tygrzx_ddxq>:nth-child(2) { + display: flex; +} + +.tygrzx_ddxq>:nth-child(2)>* { + margin-left: 60px; + cursor: pointer; + color: rgb(106, 106, 106); + +} + +.tygrzx_ddcon { + width: 100%; + border: 1px solid rgb(233, 233, 233); + box-sizing: border-box; + margin-bottom: 20px; +} + +.tygrzx_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; +} + +.tygrzx_ddcontit>:nth-child(1)>p { + color: rgb(146, 146, 146); +} + +.tygrzx_ddcontit>:nth-child(2) { + display: flex; + align-items: center; + cursor: pointer; + width: 61px; +} + +.tygrzx_ddcontit>:nth-child(2)>p { + margin-right: 5px; + color: rgb(6, 110, 226); +} + +.tygrzx_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; +} + +.tygrzx_ddxx>:nth-child(1)>:last-child { + border-bottom: none; +} + +.tygrzx_ddmas { + display: flex; +} + +.tygrzx_ddmas>:nth-child(2) { + width: 250px; + font-size: 13px; + padding-top: 12px; + margin-left: 12px; +} + +.tygrzx_dindantop { + display: flex; + align-items: center; + font-size: 14px; + +} + +.tygrzx_dnum>:nth-child(1) { + padding-top: 12px; + margin-left: 80px; + font-size: 13px; +} + +.tygrzx_dnum>:nth-child(2) { + padding-top: 12px; + margin-left: 72px; + font-size: 13px; +} + +.tygrzx_ddxx { + display: flex; +} + +.tygrzx_ddxxTxt { + padding-top: 24px; + font-size: 13px; + width: 98px; + border-right: 1px solid rgb(233, 233, 233); + text-align: center; +} + +.tygrzx_ddxxTxt1 { + padding-top: 24px; + width: 100px; + text-align: center; +} + +.tygrzx_ddxxTxt1>button { + width: 79px; + cursor: pointer; + height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + margin-bottom: 8px; + font-size: 13px; + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); +} + +.tygrzx_ddxxTxt1>a { + width: 79px; + cursor: pointer; + display: inline-block; + height: 34px; + line-height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + font-size: 13px; + margin-bottom: 8px; + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); +} + +.tygrzx_paging { + display: flex; + align-items: center; +} + +.tygrzx_paging>p { + width: 101px; + height: 37px; + border: solid 1px rgb(243, 243, 243); + text-align: center; + line-height: 37px; + margin-right: 12px; + color: #848484; +} + +.tygrzx_pagingcol { + color: rgb(255, 82, 0); +} + +.tygrzx_paging>div>span { + margin-right: 12px; + +} + + +.tygrzx_shtcint { + display: flex; + align-items: center; + +} + +.tygrzx_sgtxt { + font-size: 16px; + color: #191919; +} + +.tygrzx_tpsc { + display: flex; +} + +.tygrzx_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; +} + +.tygrzx_tpsc>:nth-child(2) { + color: #222222; + margin-top: 82px; + margin-left: 15px; + font-size: 12px; + color: rgb(126, 126, 126); +} + +.tygrzx_yscon { + padding-left: 24px; +} + +.tygrzx_ysnr { + width: 20%; + padding-right: 23px; + box-sizing: border-box; + margin-bottom: 35px; + position: relative; +} + +.tygrzx_ysnr>img { + width: 100%; +} + +.tygrzx_ysnr>p { + font-size: 16px; + color: #191919; + text-align: center; + margin-top: 18px; + +} + +.tygrzx_ysmr { + display: flex; + flex-wrap: wrap; +} + + + +.tygrzx_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; + cursor: pointer; + font-size: 13px; +} + +.tygrzx_wdgz { + width: 33%; + padding-right: 21px; + box-sizing: border-box; + margin-bottom: 21px; + position: relative; +} + +.tygrzx_wdgz>img { + width: 100%; +} + +.tygrzx_wdgz>p { + font-size: 16px; + color: #191919; + margin-top: 18px; +} + + + +.tygrzx_jftit { + width: 100%; + background-color: #fff; + height: 161px; + padding-top: 25px; + box-sizing: border-box; + padding-left: 22px; +} + +.tygrzx_jftit>:nth-child(1) { + font-size: 18px; + color: #191919; + font-weight: bold; +} + +.tygrzx_jftit>:nth-child(2) { + display: flex; + padding-left: 32px; + margin-top: 35px; + align-items: center; + +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(1) { + font-size: 16px; + color: #191919; +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(2) { + color: #cb1919; + font-size: 24px; + margin-left: 20px; + +} + +.tygrzx_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; + cursor: pointer; + margin-left: 30px; +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(4) { + width: 98px; + font-size: 15px; + color: #cb1919; + text-align: center; + line-height: 44px; + border: 1px solid #cb1919; + cursor: pointer; + border-radius: 3px; + margin-left: 20px; + height: 44px; +} + +.tygrzx_jfn>:nth-child(1) { + font-size: 14px; + color: #cb1919; + font-weight: bold; +} + +.tygrzx_jfntit { + width: 100%; + height: 42px; + margin-top: 10px; + background-color: rgb(245, 245, 245); + padding-left: 77px; +} + +.tygrzx_jfntit>th { + color: rgb(106, 106, 106); + font-size: 14px; +} + +.tygrzx_jfntit>:nth-child(2) { + width: 424px; +} + +.tygrzx_jfntit>:nth-child(3) { + text-align: left; +} + +.tygrzx_jfntit>:nth-child(1) { + width: 183px; +} + +.tygrzx_jftable { + width: 100%; +} + +.tygrzx_jftable>thead { + width: 100%; +} + +.tygrzx_jfcon { + height: 44px; + +} + +.tygrzx_jfcon>td { + border-bottom: 1px solid rgb(238, 233, 231); +} + +.tygrzx_jfcon>:nth-child(1) { + font-size: 13px; + color: #525252; + + text-align: center; +} + +.tygrzx_jfcon>:nth-child(2) { + width: 75px; + font-size: 14px; + + text-align: center; + font-weight: bold; +} + +.tygrzx_jfys { + color: rgb(0, 166, 8); +} + +.tygrzx_jfys2 { + color: rgb(203, 25, 25); +} + +.tygrzx_jfcon>:nth-child(3) { + font-size: 13px; + color: #525252; +} + +/* 收藏 */ +.tygrzx_sccon { + padding-left: 24px; + +} + +.tygrzx_yishusc { + width: 33%; + padding-right: 14px; + position: relative; + box-sizing: border-box; + +} + +.tygrzx_yishusc>img { + width: 100%; +} + +.tygrzx_yishusc>:nth-child(2) { + font-size: 16px; + color: #191919; + margin-top: 17px; + margin-bottom: 14px; +} + +.tygrzx_yishusc>:nth-child(3) { + color: rgb(147, 147, 147); + font-size: 13px; +} + +.tygrzx_scmr>:nth-child(3n) { + margin-right: 0px; +} + +.tygrzx_scml { + padding-left: 22px; + +} + +.tygrzx_yspcon { + width: 20%; + padding-right: 24px; + margin-bottom: 24px; + box-sizing: border-box; + position: relative; +} + +.tygrzx_yspcon>img { + width: 100%; + + +} + +.tygrzx_yspcon>p { + font-size: 14px; + color: #191919; + margin-top: 18px; +} + +.tygrzx_scml>:nth-child(5n) { + margin-right: 0px; +} + +/* 签到 */ +.tygrzx_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; + cursor: pointer; +} + +.tygrzx_qidaocon>img { + position: absolute; + top: 14px; + right: 16px; + cursor: pointer; +} + +.tygrzx_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; +} + +/* 征稿 */ +.tygrzx_zgtit { + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; + display: flex; + align-items: center; + padding-left: 77px; + box-sizing: border-box; +} + +.tygrzx_zgtit>p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tygrzx_zgtit>:nth-child(1) { + margin-right: 279px; +} + +.tygrzx_zgtit>:nth-child(2) { + margin-right: 159px; +} + +.tygrzx_zgtit>:nth-child(3) { + margin-right: 101px; +} + +.tygrzx_zgtit>:nth-child(4) { + margin-right: 82px; +} + +.tygrzx_zgcon { + padding-top: 17px; + padding-bottom: 14px; + padding-left: 9px; + padding-right: 7px; +} + +.tygrzx_zgcon { + display: flex; + border-bottom: 1px solid rgb(238, 233, 231); +} + +.tygrzx_zgzti { + font-size: 13px; + color: rgb(82, 82, 82); +} + +.tygrzx_zgcon>:nth-child(1) { + width: 88px; + margin-right: 11px; +} + +.tygrzx_ristext { + display: flex; +} + +.tygrzx_ristext>:nth-child(1) { + width: 187px; + margin-right: 88px; + margin-left: 65px; + +} + +.tygrzx_ristext>:nth-child(2) { + margin-right: 67px; +} + +.tygrzx_ristext>:nth-child(3) { + margin-right: 34px; +} + +.tygrzx_ristext>:nth-child(4) { + width: 62px; +} + +.tygrzx_ristext>:nth-child(4)>div>button { + width: 62px; + height: 34px; + border-radius: 3px; + cursor: pointer; + background-color: #fff; + margin-bottom: 5px; +} + +.tygrzx_ristext>:nth-child(4)>div>p { + color: #191919; + font-size: 13px; + margin-top: 5px; +} + +.tygrzx_ristext>div>:nth-child(1) { + display: none; +} + +.tygrzx_bj { + color: #00a608; + border: 1px solid #00a608; +} + +.tygrzx_scsc { + color: #066ee2; + border: 1px solid #066ee2; +} + +.tygrzx_lititnoe>:nth-child(2) { + display: none; +} + +.tygrzx_lititnoe>span { + color: rgb(203, 25, 25); +} + +.tygrzx_litittwo>:nth-child(1) { + display: none; +} + +.tygrzx_topifrane { + width: 100%; + height: 300px; +} + +.chooseImg-box { + display: inline-block; +} + +.chooseImg-box>div input { + width: 109px; + height: 109px; + border: 1px solid #E6E6E6; + border-radius: 3px; + opacity: 0; + z-index: 2; +} + + + +.chooseImg-box>div img { + width: 109px; + height: 109px; + object-fit: cover; + z-index: 1; + border-radius: 3px; +} + +.chooseImg-content { + margin-top: 76px; + margin-left: 12px; + font-size: 12px; + color: #222222; + opacity: .7; + +} + +.tygrzx_intfile { + position: absolute; + z-index: 2; +} + +.tygrzx_img { + display: flex; + margin-bottom: 21px; +} + +.tygrzx_img> :nth-child(1) { + width: 80px; + text-align: right; + + padding-top: 10px; + font-size: 16px; +} + +.tygrzx_img>div { + display: flex; + +} + +.tygrzx_img>div>:nth-child(2) { + font-size: 12px; + color: rgb(180, 180, 180); + margin-left: 12px; + margin-bottom: 12px; +} + +.tygrzx_shcor { + color: #cb1919; +} + +.tygrzx_jgintcor { + color: #222222; +} + +.tygrzx_topimgtx { + display: none; +} + +.tygrzx_tp { + padding: 25px 12px 0 25px; + display: flex; + flex-wrap: wrap; + align-content: flex-start; +} + +.tygrzx_move { + width: 100%; + height: 100%; + background-color: rgba(00, 00, 00, 0.3); + top: 0px; + position: fixed; + left: 0px; + z-index: 2; + display: flex; + justify-content: center; + display: none; + align-items: center; +} + +.tygrzx_movecon { + + padding: 20px 14px; + margin: auto; + border-radius: 3px; + background-color: #fff; + box-sizing: border-box; + +} + +.tygrzx_movecon>p { + font-size: 16px; + margin-bottom: 12px; + padding-right: 14px; +} + + +.tygrzx_movebtn>button { + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + border: none; + cursor: pointer; + margin: 0px 10px; +} + +.tygrzx_movebtn { + display: flex; + justify-content: space-evenly; + margin-top: 30px; +} + +.tygrzx_fterSubmission { + width: 155px; + height: 51px; + margin-right: 3px; +} + +.tygrzx .tygrzx_qbselect { + width: auto; + height: auto; + padding: 0px; + margin: 0px; + border-radius: 3px; + border: none; + border-color: rgb(208, 208, 208); + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + display: flex; + box-sizing: border-box; + background: url(../img/grzx/qbdd.png) no-repeat scroll right 7px top 3px transparent; + background-size: 10px 6px; + cursor: pointer; + align-items: center; + margin-top: 3px; + width: 73px; + color: rgb(106, 106, 106); + +} + +/* 机构中心 */ + +* { + padding: 0px; + margin: 0px; +} + +input { + padding-left: 14px; + box-sizing: border-box; +} + +/* header */ +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +.tyjgzx_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; +} + +.tyjgzx_co { + background-color: rgb(245, 245, 245); +} + +.tyjgzx_left { + width: 202px; + height: 711px; + background-color: #fff; + padding-top: 29px; + margin-right: 19px; + position: relative; + box-sizing: border-box; +} + +.tyjgzx_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; +} + +.tyjgzx_lefttx { + text-align: center; + border-bottom: 1px solid rgb(245, 245, 245); + padding-bottom: 24px; +} + +.tyjgzx_lefttx>img { + width: 60%; + height: 50%; + margin: auto; + margin-bottom: 29px; + + display: block; +} + +.tyjgzx_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; + cursor: pointer; +} + +.tyjgzx_leftcon>img { + margin-right: 10px; +} + +.tyjgzx_leftcon>span { + cursor: pointer; +} + +.tyjgzx_ris { + width: 1060px; +} + +.tyjgzx_tit { + width: 100%; + height: 64px; + background-color: #fff; + line-height: 64px; + font-weight: bold; + box-sizing: border-box; + font-size: 18px; + + padding-left: 24px; +} + +.tyjgzx_riscon { + width: 100%; + margin-top: 20px; + height: 709px; + padding-top: 40px; + padding-left: 100px; + box-sizing: border-box; + background-color: #fff; +} + +.tyjgzx_dindantit { + width: 100%; + height: 20px; + border-bottom: 1px solid rgb(233, 233, 233); + display: none; + margin-bottom: 5px; +} + +.tyjgzx_scimg { + width: 154px; + height: 154px; + background-color: rgb(245, 245, 245); + border-radius: 50%; + border: none; + margin-right: 28px; +} + +.mian .tyjgzx_riscon .tyjgzx_tupian { + display: flex; + align-items: center; + margin-bottom: 44px; +} + +::-webkit-input-placeholder { + color: #222222; +} + +.tyjgzx_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; +} + +.tyjgzx_col { + color: rgb(193, 193, 193); +} + +.tyjgzx_name { + display: flex; + margin-bottom: 37px; + font-size: 16px; +} + +.tyjgzx_name> :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tyjgzx_int { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tyjgzx_int> :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tyjgzx_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; + color: rgb(180, 180, 180); + cursor: pointer; +} + +.tyjgzx_setle { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tyjgzx_setle> :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tyjgzx_setle>select { + margin-right: 10px; +} + +.tyint_pal { + padding-left: 14px; + box-sizing: border-box; + color: #000; +} + +.tyjgzx_btn { + text-align: right; +} + +.tyjgzx_btn>button { + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + border: none; + cursor: pointer; +} + +.tyjgzx_btn1 { + text-align: right; + width: 581px; +} + +.tyjgzx_jgzl { + height: auto; + padding-bottom: 29px; +} + +.tyjgzx_img { + display: flex; + margin-bottom: 21px; +} + +.tyjgzx_img> :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + padding-top: 10px; + font-size: 16px; +} + +.tyjgzx_img>div { + display: flex; +} + +.tyjgzx_img>div> :nth-child(2) { + font-size: 12px; + color: rgb(180, 180, 180); + margin-left: 12px; + margin-bottom: 12px; +} + +/* 密码修改 */ +.tyjgzx_wic> :nth-child(1) { + width: 90px; +} + +.tyjgzx_riscon1 { + height: 638px; + margin-top: 10px; +} + +/* 收货地址 */ +.tyjgzx_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; +} + +.tyjgzx_shtit>div { + display: flex; + align-items: center; +} + +.tyjgzx_shtit>div> :nth-child(1) { + font-size: 18px; + font-weight: bold; + margin-right: 20px; +} + +.tyjgzx_shtit>div> :nth-child(2) { + font-size: 12px; +} + +.tyjgzx_shtit>p { + font-size: 18px; + color: rgb(13, 158, 61); +} + +.tyjgzx_con { + width: 100%; + height: 638px; + margin-top: 10px; + box-sizing: border-box; + background-color: #fff; + padding-top: 26px; +} + +.tyjgzx_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; +} + +.tyjgzx_dzxx> :nth-child(1)> :nth-child(1) { + font-size: 18px; + font-weight: bold; +} + +.tyjgzx_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); +} + +.tyjgzx_dzxx> :nth-child(1) { + display: flex; +} + +.tyjgzx_dzxx { + display: flex; + justify-content: space-between; + align-self: flex-start; + align-items: center; + margin-bottom: 20px; +} + +.tyjgzx_dzxx> :nth-child(2) { + width: 20px; + height: 20px; +} + +.tyjgzx_dztext { + color: rgb(149, 149, 149); + margin-bottom: 10px; + font-size: 14px; +} + +.tyjgzx_dztext>span { + color: #000; +} + +.tyjgzx_mr { + display: flex; + justify-content: space-between; +} + +.tyjgzx_mr> :nth-child(2) { + display: flex; + color: rgb(74, 122, 228); +} + +.tyjgzx_mr> :nth-child(2)>p { + margin-left: 28px; +} + +/* 新增收货地址 */ +.tyjgzx_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; +} + +.tyjgzx_tcon { + width: 653px; + padding-bottom: 43px; + border-radius: 5px; + background-color: #fff; + margin: auto; +} + +.tyjgzx_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; +} + +.tyjgzx_tctiti> :nth-child(2) { + width: 20px; + height: 20px; +} + +.tyjgzx_tris { + padding-top: 26px; + padding-left: 40px; +} + +.tyjgzx_tcwi { + margin-bottom: 12px; +} + +.tyjgzx_tcwi> :nth-child(1) { + width: 82px; + margin-right: 0px; +} + +.tyjgzx_yhtit { + width: 100%; + height: 64px; + background-color: #fff; + box-sizing: border-box; + display: flex; + align-items: center; + padding-left: 23px; + font-size: 18px; +} + +.tyjgzx_yhd { + font-weight: 600; +} + +.tyjgzx_yhtit>p { + margin-right: 40px; + color: #191919; +} + +/* 优惠卷 */ +.tyjgzx_yhuij { + width: 25%; + text-align: center; + padding-right: 11px; + margin-bottom: 11px; + box-sizing: border-box; +} + +.tyjgzx_yhjyuan { + position: absolute; + bottom: -4px; + width: 100%; + left: 0px; +} + +.tyjgzx_yhuij> :nth-child(1) { + background-color: rgb(116, 210, 212); + width: 100%; + height: 142px; + position: relative; + padding-top: 26px; + box-sizing: border-box; +} + +.tyjgzx_yhuij> :nth-child(2) { + width: 100%; + height: 83px; + background-color: rgb(249, 249, 249); +} + +.tyjgzx_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; +} + +.tyjgzx_yhmn { + color: #fff; + font-size: 36px; + text-align: center; + display: inline-block; + margin: auto; + line-height: 33px; + position: relative; + margin-left: 10px; +} + +.tyjgzx_yhmn>span { + font-size: 20px; + display: inline-block; + top: -9px; + left: -19px; + position: absolute; +} + +.tyjgzx_textyh { + font-size: 13px; + margin-top: 15px; + margin-bottom: 20px; + color: #fff; +} + +.tyjgzx_yhbtn { + width: 121px; + height: 35px; + border: 1px solid rgb(116, 210, 212); + border-radius: 30px; + margin-top: 26px; + display: inline-block; + line-height: 35px; + cursor: pointer; + color: rgb(116, 210, 212); +} + +.gqtp { + text-align: right; + padding-top: 12px; + padding-right: 12px; + box-sizing: border-box; +} + +.tyjgzx_tp> :nth-child(4n) { + margin-right: 0px; +} + +.tyjgzx_listimg { + position: absolute; + display: none; +} + +/* 订单 */ +.tyjgzx_ddnav { + display: flex; +} + +.tyjgzx_dindantetx { + display: flex; +} + +.tyjgzx_dnum { + display: flex; +} + +.tyjgzx_ddys { + color: rgb(203, 25, 25); +} + +.tyjgzx_ddnav>p { + margin-right: 32px; + font-weight: bold; + font-size: 14px; +} + +.tyjgzx_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; +} + +.tyjgzx_ddxq p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tyjgzx_ddxq> :nth-child(2) { + display: flex; +} + +.tyjgzx_ddxq> :nth-child(2)>* { + margin-left: 60px; + cursor: pointer; + color: rgb(106, 106, 106); +} + +.tyjgzx_ddcon { + width: 100%; + border: 1px solid rgb(233, 233, 233); + box-sizing: border-box; + margin-bottom: 20px; +} + +.tyjgzx_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; +} + +.tyjgzx_ddcontit> :nth-child(1)>p { + color: rgb(146, 146, 146); +} + +.tyjgzx_ddcontit> :nth-child(2) { + display: flex; + align-items: center; + width: 61px; +} + +.tyjgzx_ddcontit> :nth-child(2)>p { + margin-right: 5px; + color: rgb(6, 110, 226); +} + +.tyjgzx_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; +} + +.tyjgzx_ddxx> :nth-child(1)> :last-child { + border-bottom: none; +} + +.tyjgzx_ddmas { + display: flex; +} + +.tyjgzx_ddmas> :nth-child(2) { + width: 250px; + font-size: 13px; + padding-top: 12px; + margin-left: 12px; +} + +.tyjgzx_dindantop { + display: flex; + align-items: center; + font-size: 14px; +} + +.tyjgzx_dnum> :nth-child(1) { + padding-top: 12px; + margin-left: 80px; + font-size: 13px; +} + +.tyjgzx_dnum> :nth-child(2) { + padding-top: 12px; + margin-left: 72px; + font-size: 13px; +} + +.tyjgzx_ddxx { + display: flex; + flex-wrap: wrap; +} + +.tyjgzx_ddxxTxt { + padding-top: 24px; + font-size: 13px; + width: 98px; + border-right: 1px solid rgb(233, 233, 233); + text-align: center; +} + +.tyjgzx_ddxxTxt1 { + padding-top: 24px; + width: 100px; + text-align: center; +} + +.tyjgzx_ddxxTxt1>button { + width: 79px; + cursor: pointer; + height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + margin-bottom: 8px; + font-size: 13px; + background-image: linear-gradient(to top, + rgb(255, 255, 255), + rgb(244, 244, 244)); +} + +.tyjgzx_ddxxTxt1>a { + width: 79px; + cursor: pointer; + display: inline-block; + height: 34px; + line-height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + font-size: 13px; + margin-bottom: 8px; + background-image: linear-gradient(to top, + rgb(255, 255, 255), + rgb(244, 244, 244)); +} + +.tyjgzx_paging { + display: flex; + align-items: center; +} + +.tyjgzx_paging>p { + width: 101px; + height: 37px; + border: solid 1px rgb(243, 243, 243); + text-align: center; + line-height: 37px; + margin-right: 12px; + color: #848484; +} + +.tyjgzx_pagingcol { + color: rgb(255, 82, 0); +} + +.tyjgzx_paging>div>span { + margin-right: 12px; +} + +.tyjgzx_shtcint { + display: flex; + align-items: center; +} + +.tyjgzx_sgtxt { + font-size: 16px; + color: #191919; +} + +.tyjgzx_tpsc { + display: flex; +} + +.tyjgzx_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; +} + +.tyjgzx_tpsc> :nth-child(2) { + color: #222222; + margin-top: 82px; + margin-left: 15px; + font-size: 12px; + color: rgb(126, 126, 126); +} + +.tyjgzx_yscon { + padding-left: 24px; +} + +.tyjgzx_ysnr { + width: 20%; + padding-right: 23px; + box-sizing: border-box; + margin-bottom: 35px; + position: relative; +} + +.tyjgzx_ysnr>img { + width: 100%; +} + +.tyjgzx_ysnr>p { + font-size: 16px; + color: #191919; + text-align: center; + margin-top: 18px; +} + +.tyjgzx_ysmr { + display: flex; + flex-wrap: wrap; + align-content: flex-start; +} + +.tyjgzx_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; + cursor: pointer; + color: #fff; + font-size: 13px; +} + +.tyjgzx_wdgz { + width: 33%; + padding-right: 21px; + box-sizing: border-box; + margin-bottom: 21px; + position: relative; +} + +.tyjgzx_wdgz>img { + width: 100%; +} + +.tyjgzx_wdgz>p { + font-size: 16px; + color: #191919; + margin-top: 18px; +} + +.tyjgzx_jftit { + width: 100%; + background-color: #fff; + height: 161px; + padding-top: 25px; + box-sizing: border-box; + padding-left: 22px; +} + +.tyjgzx_jftit> :nth-child(1) { + font-size: 18px; + color: #191919; + font-weight: bold; +} + +.tyjgzx_jftit> :nth-child(2) { + display: flex; + padding-left: 32px; + margin-top: 35px; + align-items: center; +} + +.tyjgzx_jftit> :nth-child(2)> :nth-child(1) { + font-size: 16px; + color: #191919; +} + +.tyjgzx_jftit> :nth-child(2)> :nth-child(2) { + color: #cb1919; + font-size: 24px; + margin-left: 20px; +} + +.tyjgzx_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; +} + +.tyjgzx_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; +} + +.tyjgzx_jfn> :nth-child(1) { + font-size: 14px; + color: #cb1919; + font-weight: bold; +} + +.tyjgzx_jfntit { + width: 100%; + height: 42px; + margin-top: 10px; + background-color: rgb(245, 245, 245); + padding-left: 77px; +} + +.tyjgzx_jfntit>th { + color: rgb(106, 106, 106); + font-size: 14px; +} + +.tyjgzx_jfntit> :nth-child(2) { + width: 424px; +} + +.tyjgzx_jfntit> :nth-child(3) { + text-align: left; +} + +.tyjgzx_jfntit> :nth-child(1) { + width: 183px; +} + +.tyjgzx_jftable { + width: 100%; +} + +.tyjgzx_jftable>thead { + width: 100%; +} + +.tyjgzx_jfcon { + height: 44px; +} + +.tyjgzx_jfcon>td { + border-bottom: 1px solid rgb(238, 233, 231); +} + +.tyjgzx_jfcon> :nth-child(1) { + font-size: 13px; + color: #525252; + + text-align: center; +} + +.tyjgzx_jfcon> :nth-child(2) { + width: 75px; + font-size: 14px; + + text-align: center; + font-weight: bold; +} + +.tyjgzx_jfys { + color: rgb(0, 166, 8); +} + +.tyjgzx_jfys2 { + color: rgb(203, 25, 25); +} + +.tyjgzx_jfcon> :nth-child(3) { + font-size: 13px; + color: #525252; +} + +/* 收藏 */ +.tyjgzx_sccon { + padding-left: 24px; +} + +.tyjgzx_yishusc { + width: 33%; + padding-right: 14px; + position: relative; + box-sizing: border-box; + cursor: pointer; +} + +.tyjgzx_yishusc>img { + width: 100%; +} + +.tyjgzx_yishusc> :nth-child(2) { + font-size: 16px; + color: #191919; + margin-top: 17px; + margin-bottom: 14px; +} + +.tyjgzx_yishusc> :nth-child(3) { + color: rgb(147, 147, 147); + font-size: 13px; +} + +.tyjgzx_scmr { + align-content: flex-start; + display: flex; + flex-wrap: wrap; +} + +.tyjgzx_scml { + padding-left: 22px; + display: none; + align-content: flex-start; + flex-wrap: wrap; +} + +.tyjgzx_yspcon { + width: 20%; + padding-right: 24px; + margin-bottom: 24px; + box-sizing: border-box; + position: relative; +} + +.tyjgzx_yspcon>img { + width: 100%; +} + +.tyjgzx_yspcon>p { + font-size: 14px; + color: #191919; + margin-top: 18px; +} + +.tyjgzx_scml> :nth-child(5n) { + margin-right: 0px; +} + +/* 签到 */ +.tyjgzx_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; +} + +.tyjgzx_qidaocon>img { + position: absolute; + top: 14px; + right: 16px; +} + +.tyjgzx_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; +} + +/* 新闻中心 */ +.tyjgzx_zgtit { + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; + display: flex; + box-sizing: border-box; + align-items: center; +} + +.tyjgzx_dis { + display: flex; + justify-content: space-between; + padding-right: 15px; +} + +.tyjgzx_btnzlb { + width: 116px; + height: 44px; + background-color: rgb(203, 25, 25); + color: #fff; + border: none; + cursor: pointer; + border-radius: 3px; +} + +.tyjgzx_btnzlp { + width: 116px; + height: 44px; + color: rgb(6, 110, 226); + background-color: #fff; + border: 1px solid rgb(6, 110, 226); + margin-left: 7px; + border-radius: 3px; + cursor: pointer; +} + +.tyjgzx_zgtit>p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tyjgzx_selectAll { + box-sizing: border-box; + border-radius: 3px; + border: 2px solid rgb(174, 174, 174); + cursor: pointer; + margin: auto; +} + +.tyjgzx_selected { + box-sizing: border-box; + border-radius: 3px; + border: 2px solid rgb(174, 174, 174); + cursor: pointer; + margin: auto; + display: block; +} + +.tyjgzx_zgzti { + font-size: 13px; + color: #191919; +} + +.tyjgzx_zgtit> :nth-child(1) { + text-align: center; + width: 47px; +} + +.tyjgzx_zgcon> :nth-child(1) { + text-align: center; + width: 47px; +} + +.tyjgzx_zgtit> :nth-child(2) { + width: 78px; + text-align: left; + padding-left: 22px; +} + +.tyjgzx_zgtit> :nth-child(3) { + width: 228px; + text-align: left; + box-sizing: border-box; + +} + +.tyjgzx_zgtit> :nth-child(4) { + width: 232px; + text-align: center; +} + +.tyjgzx_zgtit> :nth-child(5) { + width: 130px; + +} + +.tyjgzx_zgtit> :nth-child(6) { + text-align: left; +} + +.tyjgzx_xwtable { + width: 100%; +} + +.tyjgzx_zgcon { + height: 102px; + display: flex; + border-bottom: 1px solid rgb(238, 233, 231); + padding-top: 17px; + vertical-align: top; +} + + + +.tyjgzx_zgcon> :nth-child(1) { + padding-top: 37px; +} + +.tyjgzx_zgcon> :nth-child(2)>img { + width: 98px; +} + +.tyjgzx_zgcon> :nth-child(3) { + width: 233px; + line-height: 27px; +} + + + +.tyjgzx_zgcon> :nth-child(5) { + text-align: center; + color: #cb1919; + width: 109px; +} + +.tyjgzx_xwggcon> :nth-child(2) { + width: 98px; + text-align: left; + +} + +.tyjgzx_xwggcon> :nth-child(3) { + width: 228px; + text-align: left; + padding-left: 11px; +} + +.tyjgzx_xwggcon> :nth-child(4) { + width: 232px; + text-align: center; +} + +.tyjgzx_xwggcon> :nth-child(5) { + text-align: left; + width: 130px; +} + +.tyjgzx_xwggcon> :nth-child(6) { + text-align: left; +} + +.tyjgzx_bj { + color: #00a608; + border: 1px solid #00a608; + padding: 10px 17px; + background-color: #fff; + border-radius: 3px; + cursor: pointer; +} + +.tyjgzx_scsc { + color: #066ee2; + border: 1px solid #066ee2; + padding: 10px 17px; + background-color: #fff; + border-radius: 3px; + cursor: pointer; +} + +.tyjgzx_button { + color: rgb(25, 25, 25); + border: 1px solid rgb(188, 188, 188); + background-color: #fff; + border-radius: 3px; + width: 62px; + height: 39px; + margin-bottom: 7px; +} + +.tyjgzx_lititnoe> :nth-child(2) { + display: none; +} + +.tyjgzx_lititnoe>span { + color: rgb(203, 25, 25); +} + +.tyjgzx_litittwo> :nth-child(1) { + display: none; +} + +.tyjgzx_topifrane { + width: 100%; + height: 300px; +} + +/* 展览 */ + +.tyjgzx_zltit { + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; + + box-sizing: border-box; +} + +.tyjgzx_zlzti { + font-size: 13px; + color: #191919; +} + + +.tyjgzx_zltit> :nth-child(1) { + text-align: center; + width: 47px; +} + +.tyjgzx_zltit> :nth-child(2) { + width: 66px; + padding: 0px; + text-align: center; +} + +.tyjgzx_zltit> :nth-child(3) { + width: 178px; + text-align: left; + padding-left: 16px; + padding-right: 119px; + box-sizing: content-box; +} + +.tyjgzx_zltit> :nth-child(4) { + width: 80px; +} + +.tyjgzx_zltit> :nth-child(5) { + text-align: center; + width: 130px; +} + +.tyjgzx_zltit> :nth-child(6) { + width: 61px; + padding-right: 38px; +} + +.tyjgzx_zltit> :nth-child(7) { + padding-right: 45px; + width: 85px; +} + +.tyjgzx_zlcon> :nth-child(8) { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + + width: 136px; +} + +.tyjgzx_zltit> :nth-child(8) { + width: 136px; + text-align: center; +} + +.tyjgzx_zlcon> :nth-child(8)>button { + margin-bottom: 8px; +} + +.tyjgzx_zlcon> :nth-child(6)>p { + width: 62px; + height: 34px; + color: rgb(203, 25, 25); + border: 1px solid rgb(203, 25, 25); + text-align: center; + border-radius: 3px; + line-height: 34px; + cursor: pointer; +} + +.tyjgzx_zlcon> :nth-child(7) { + padding-right: 45px; + width: 85px; + text-align: center; +} + +.tyjgzx_xwtable { + width: 100%; +} + +.tyjgzx_zlcon { + height: 102px; +} + +.tyjgzx_zlcon>td { + border-bottom: 1px solid rgb(238, 233, 231); + padding-top: 17px; + vertical-align: top; +} + +.tyjgzx_zlcon> :nth-child(1) { + padding-top: 37px; +} + +.tyjgzx_zlcon> :nth-child(2)>img { + width: 65px; +} + +.tyjgzx_zlcon> :nth-child(3) { + width: 178px; + line-height: 27px; + padding-left: 16px; + padding-right: 119px; +} + +.tyjgzx_zlcon> :nth-child(4) { + text-align: center; + width: 80px; +} + + +.tyjgzx_zlcon> :nth-child(5) { + text-align: center; + width: 130px; +} + +.tyjgzx_zlcon> :nth-child(6) { + padding-right: 36px; + +} + +/* 添加展览 */ +.tyjgzx_zltj .tyjgzx_img> :nth-child(1) { + width: 117px; +} + +.tyjgzx_zltj .tyjgzx_int> :nth-child(1) { + width: 117px; +} + +.tyjgzx_zltj .tyjgzx_setle> :nth-child(1) { + width: 117px; +} + +.tyjgzx_radio { + display: flex; + margin-bottom: 21px; +} + +.tyjgzx_radio> :nth-child(1) { + width: 117px; + text-align: right; + margin-right: 20px; + line-height: 38px; + font-size: 16px; +} + +.tyjgzx_radio> :nth-child(2) input { + width: 35px; + height: 35px; + margin-right: 8px; +} + +.tyjgzx_radio> :nth-child(2) { + display: flex; +} + +.tyjgzx_radio> :nth-child(2) label { + display: flex; + align-items: center; +} + +.tyjgzx_radio> :nth-child(2)> :nth-child(1) { + margin-right: 28px; +} + +.choose { + position: relative; + height: 38px; + display: flex; +} + +.choose .radio { + position: relative; + display: inline-block; + font-weight: 400; + color: #0c4757; + padding-left: 45px; + cursor: pointer; +} + +.choose .radio input { + position: absolute; + left: -9999px; +} + +.choose .radio i { + display: block; + position: absolute; + top: 3px; + left: 0; + width: 36px; + height: 36px; + outline: 0; + border: 1px solid #e4e4e4; + background: #ffffff; + border-radius: 50%; + transition: border-color 0.3s; + -webkit-transition: border-color 0.3s; +} + +.choose .radio input[checked="checked"]+i { + border-color: red; +} + +.choose .radio input+i:after { + position: absolute; + content: ""; + top: 10px; + left: 10px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + opacity: 0; + transition: opacity 0.1s; + -webkit-transition: opacity 0.1s; +} + +.choose .radio input:checked+i:after { + opacity: 1; +} + +.tyjgzx_riscon input::-webkit-input-placeholder { + color: rgb(180, 180, 180); +} + +.tyjgzx_riscon input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: rgb(180, 180, 180); +} + +.tyjgzx_riscon input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: rgb(180, 180, 180); +} + +.tyjgzx_riscon select { + color: #222222; + cursor: pointer; +} + +.tyjgzx_zltj select { + color: rgb(180, 180, 180); +} + +.tyjgzx_riscon input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: rgb(180, 180, 180); +} + +.tyjgzx_jgintcor input::-webkit-input-placeholder { + color: #222222; +} + +.tyjgzx_jgintcor input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #222222; +} + +.tyjgzx_jgintcor input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #222222; +} + +.tyjgzx_jgintcor input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #222222; +} + +.tyjgzx_jgintcor select { + color: #222222; +} + +.tyjgzx_buttton { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 22px; +} + +.tyjgzx_buttton> :nth-child(1) { + display: flex; +} + +/* 展览管理 */ +.tyjgzx_buttton .tyjgzx_selectAll { + margin: 0 9px 0 15px; +} + +.tyjgzx_buttton .tyjgzx_selectAll+p { + color: #066ee2; +} + +.tyjgzx_zltitManagement { + display: flex; + align-items: center; +} + +.tyjgzx_zlmanagement { + display: flex; + padding-top: 18px; +} + +.tyjgzx_zltitManagement>p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tyjgzx_zltitManagement> :nth-child(3) { + width: 173px; + padding-left: 22px; + padding-right: 0px; + box-sizing: border-box; +} + +.tyjgzx_zlmanagement> :nth-child(3) { + width: 173px; + padding-left: 22px; + padding-right: 0px; + box-sizing: border-box; +} + + + + +.tyjgzx_zlmanagement> :nth-child(4) { + width: 85px; + text-align: center; +} + +.tyjgzx_zltitManagement> :nth-child(4) { + width: 85px; + text-align: center; +} + +.tyjgzx_zltitManagement> :nth-child(5) { + width: 86px; + padding-right: 32px; +} + +.tyjgzx_zlmanagement> :nth-child(5) { + padding-right: 32px; + width: 86px; +} + +.tyjgzx_xwtable .tyjgzx_zlmanagement td { + padding-top: 17px; +} + + + +.tyjgzx_zltitManagement> :nth-child(6) { + width: 60px; + padding-right: 29px; + text-align: center; +} + +.tyjgzx_zlmanagement> :nth-child(6) { + padding-right: 29px; + text-align: center; + width: 60px; +} + +.tyjgzx_zltitManagement> :nth-child(7) { + width: 55px; + padding-right: 0px; + text-align: left; +} + +.tyjgzx_zlmanagement> :nth-child(7) { + width: 55px; + padding-right: 0px; + text-align: left; +} + +.tyjgzx_zltitManagement> :nth-child(8) { + width: 29px; + padding-right: 0px; + text-align: left; +} + +.tyjgzx_zlmanagement> :nth-child(8) { + padding-right: 0px; + text-align: center; + width: 29px; + display: revert; +} + +.tyjgzx_zltitManagement> :nth-child(9) { + width: 130px; + padding-right: 0px; + text-align: center; +} + +.tyjgzx_zlmanagement> :nth-child(9) { + padding-right: 0px; + text-align: center; + width: 130px; +} + +.tyjgzx_zlmanagement> :nth-child(10) { + width: 40px; + padding-right: 41px; + text-align: center; +} + +.tyjgzx_zlmanagement> :nth-child(1) { + text-align: center; + width: 47px; + padding-top: 0px; +} + +.tyjgzx_zltitManagement> :nth-child(10) { + padding-right: 33px; + width: 40px; + text-align: center; +} + +.tyjgzx_zlmanagement> :nth-child(11) { + padding-bottom: 10px; + width: 135px; + +} + +.tyjgzx_zltitManagement> :nth-child(11) { + padding-bottom: 10px; + width: 135px; + text-align: center; +} + +.tyjgzx_zlmanagement .tyjgzx_button { + margin-bottom: 10px; +} + +.tyjgzx_zltop { + display: flex; + align-items: center; +} + +.tyjgzx_zltop select { + width: 173px; + height: 35px; + padding: 0px 9px; + color: rgb(110, 110, 110); + margin-right: 9px; + background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 20px top 12px transparent; +} + +.tyjgzx_zltop label>input { + width: 230px; + height: 35px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); +} + +.tyjgzx_zltop label>span { + width: 38px; + height: 35px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); + border-left: none; + display: flex; + align-items: center; + padding-left: 5px; + + background-image: linear-gradient(to top, + rgb(255, 255, 255), + rgb(244, 244, 244)); +} + +.tyjgzx_zltop label { + display: flex; + align-items: center; + margin-right: 10px; +} + +.tyjgzx_int .tyjgzx_yspsc { + width: 820px; + height: 168px; +} + +.tyjgzx_textarea { + align-items: flex-start; +} + +.tyjgzx_textarea> :nth-child(1) { + padding-top: 17px; +} + +.chooseImg-box { + display: inline-block; +} + +.chooseImg-box>div input { + width: 109px; + height: 109px; + border: 1px solid #e6e6e6; + border-radius: 3px; + opacity: 0; + z-index: 2; + cursor: pointer; +} + +.tyjgzx_topimgtx { + display: none; +} + +.chooseImg-box>div img { + width: 109px; + height: 109px; + object-fit: cover; + z-index: 1; + border-radius: 3px; +} + +.chooseImg-content { + margin-top: 76px; + margin-left: 12px; + font-size: 12px; + color: #222222; + opacity: 0.7; +} + +.tyjgzx_intfile { + position: absolute; + z-index: 2; +} + +.tyjgzx_pdf { + display: flex; + margin-bottom: 21px; +} + +.tyjgzx_pdf> :nth-child(1) { + text-align: right; + margin-right: 20px; + padding-top: 10px; + font-size: 16px; + width: 117px; +} + +.tyjgzx_intf { + width: 471px; + height: 52px; + box-sizing: border-box; + font-size: 16px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + + opacity: 0; + position: absolute; + left: 0px; + top: 0px; +} + +#uptxt { + width: 471px; + height: 52px; + box-sizing: border-box; + font-size: 16px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + border-radius: 5px 0 0 5px; +} + +.tyjgzx_tusc { + display: flex; + position: relative; +} + +.tyjgzx_tusc>label { + width: 156px; + height: 52px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); + border-left: none; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + color: #191919; + background-image: linear-gradient(to top, + rgb(255, 255, 255), + rgb(244, 244, 244)); +} + +.tyjgzx_jgcon> :nth-child(3) { + width: 54px; + padding-left: 22px; + text-align: center; + box-sizing: content-box; +} + +.tyjgzx_jgcon> :nth-child(4) { + width: 342px; +} + +.tyjgzx_jgcon> :nth-child(5) { + width: 176px; +} +.tyjgzx_jgcona> :nth-child(3) { + width: 54px; + padding-left: 22px; + text-align: center; +} + +.tyjgzx_jgcona> :nth-child(4) { + width: 345px; + text-align: center; +} + +.tyjgzx_jgcona> :nth-child(5) { + width: 176px; + text-align: left; +} + + + +.tyjgzx_xzcor { + color: #cb1919; +} + +.tyjgzx_xwtable .tyjgzx_zlcon .tyjgzx_pind { + padding-top: 26px; +} + +.tyjgzx_tihuan { + width: 143px; + height: 48px; + background-image: linear-gradient(to top, + rgb(255, 255, 255), + rgb(244, 244, 244)); + font-size: 15px; + text-align: center; + display: block; + line-height: 48px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + margin-left: 14px; + margin-top: 192px; + cursor: pointer; +} + +.tyjgzx_zlth { + align-items: flex-start; +} + +.tyjgzx_zlth>.tyjgzx_intfile { + width: 243px; + height: 244px; +} + +.tyjgzx_zlth>.pa { + width: 243px; + height: 244px; +} + +.tyjgzx_grzximg { + cursor: pointer; + position: absolute; + top: 0px; + 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; + opacity: 0; +} + +.tyjgzx_scimg>img { + width: 100%; + border-radius: 50%; +} + +.tyjgzx_jgintcor { + display: inline-block; +} + +.tyjgzx_riscon>div { + display: inline-block; +} + .exhibition .swiper-slide .item-box{width: 293px;} .exhibition .swiper-slide img{object-fit: cover;} /* .xx-img{ width:242px; height:151px;} */ @@ -404,118 +5675,119 @@ input{outline: none;} .zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;} .zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;} -/* 机构 */ -#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img,#ys-list img,#zl-list img {transition: transform .5s;} -#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover,#ys-list img:hover,#zl-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;} -#jg-list>div:hover .font-18{color: #CB1919;font-weight: bold;} -.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;} -.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;} -.jg-twoNav{padding: 0;margin: 0;} -.jg-tou{padding: 6px;margin-top: -90px;} -/* 拍卖 */ -#pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;} -#pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;} -#pm-list>div:hover div:last-child>div:first-child .quan,#pxzb-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;} -.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;} -.pm-detail-box{width: 86%;background: #f4f4f4;padding: 20px;} -.pm-detail-box .font-24{width:100%;line-height: 36px;margin: 0 10px;} -/* 培训 */ -.px-item-img{margin-bottom: -4px;} -.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);} -#px-list>div:hover div>div:first-child{color: #CB1919;} -#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;} -#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;} -#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;} -/* 艺术家 */ -#ys-cate{padding: 0;} -#ys-cate li a{text-decoration: none;color: #181818;font-size: 18px;} -#ys-cate li {margin-right: 29px;position: relative;padding: 20px 0 15px 0;} -#ys-cate li div {border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} -#ys-cate li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} -#ys-cate li .zx-nav-title{color: #CB1919;} -#ys-list div:hover .djbac{color: #CB1919;} -#ys-list div .djbac>div:last-child a{text-decoration: none;color: #191919;opacity: .8;} -#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;} -#ys-list div:hover .djbac>div:last-child a{color: #FFFFFF;} -#ysj-ft>div>div:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);cursor: pointer;color: #CB1919;opacity: 1;} -#ysj-ft>div>div:hover div{color: #CB1919;} -#ysj-ft>div>div .dac span{opacity: 0;} -#ysj-ft>div>div:hover .op6{opacity: 1;} -#ysj-ft>div>div:hover .dac span{opacity: 1;} -#ysj-skd-box{width: 26%;} -#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;} -#jgy-list div:hover div{font-weight: bold;color: #CB1919;} -#ysjzz-list div{cursor: pointer;} -#ysjzz-list div:hover img{transform: scale(.94);transition: transform .5s;} -#ysjzz-list div img{transition: transform .5s;} -#ysjzz-list div:hover div{color: #CB1919;} -#ysjzz-list div:hover .m-s20{font-weight: bold;} -/* 展览 */ -#zlzp-list>div:hover div{color: #CB1919;} -#zlzp-list .pr div{background: rgba(255,255,255,0.6);right: 36px;bottom: 10px;width: 34px;height: 34px;} -#zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;} -#zlzp-list>div:hover .font-16{font-weight: bold;} -.zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;} -.toug-btn{color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;} -.zhanldw{width: 15px;height: 17px;margin-right: 4px;} -.col007{color: #007de2;} -.zhanl-select{height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;} -.zhanl-select img{width: 12px;height: 8px;} -.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;} -.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;} -.zpsearch-box img{width: 17px;height: 16px;} -#previewImg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 10;display: none;justify-content: center;align-items: center;flex-direction: column;} -#previewImg div:first-child{background: #FFFFFF;border-radius: 10px;border: 10px solid #FFFFFF;width: 520px;height: 500px;overflow: hidden;} -#previewImg div:last-child{background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 50px;height: 50px;margin-top: 20px;cursor: pointer;} -#zl-list .m-s30:hover div{color: #CB1919;} -#zl-list .m-s30:hover .font-18{font-weight: bold;} -/* 积分商城 */ -#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;} -#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;} -#rem-list .dfc:hover,#jf-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);} -#rem-list .dfc:hover>div .linh24,#jf-list .dfc:hover>div .linh24{color: #CB1919;} -.addNum{background: #f1f1f1;height: 22px;line-height: 22px; width: 20px;border-left: 1px solid #CCCCCC;} -.delNum{background: #f1f1f1;height: 23px;line-height: 23px;border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;} -#sh-list .dis .m-y20:last-child{margin-right: 0;} -#cq-list .dis .m-y20:last-child{margin-right: 0;} -#scjf-list .m-y20:last-child{margin-right: 0;} -#alls-list .dfc > div{margin: 10px;} -#alls-list .dfc > div img{max-height: 230px;} -#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);} -#alls-list .dfc:hover div{color: #CB1919;} -/* 详情右侧 */ -.detail-right{width: 86%;padding-right: 10px;padding: 20px;} -.youhq-box span{background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;} -.detail-input-box {width: 60px;height: 46px;border: 1px solid #cccccc;} -#numVal{border: none;width: 32px;text-align: center;height: 44px;} -.dui-box,.addcart-box{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;} -.addcart-box:last-child{background: #ed4910;margin-left: 10px;} -.detail-right .p-s20>.dac{margin-left: 46px;} -.detail-right .p-s20 img:first-child{width: 14px;height: 13px;margin-right: 4px;} -.detail-right .p-s20 img:last-child{width: 16px;height: 14px;margin-right: 4px;} -.goMai{background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;} -.zzpub{font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;border: 1px solid #CB1919;} -.goMaiz{background-color: #CB1919;color: #FFFFFF;} -.yul{color: #CB1919;margin-left: 10px;} +.tyjgzx_riscon>form { + display: inline-block; +} -/* 征稿 */ -.zhenggaoZhanw{height: 15px;width: 100%;background: rgba(245, 245, 245,1);} -.ty_zgysconTr th:nth-child(1){width: 340px;} -.ty_zgysconTr th:nth-child(1) div{margin-right: 120px;} -.ty_zgysconTr th:nth-child(2){width: 260px;} -.ty_zgysconTr th:nth-child(3){width: 80px;} -.ty_zgysconTr th:nth-child(4){width: 170px;} -.ty_zgysconTr th:nth-child(5){width: 90px;} -.zg-img-box{width: 103px;height: 103px;overflow: hidden;} -.zg-btn-box{display: flex;align-items: center;flex-direction: column;} -/* 推荐作品 */ -.tui-box{margin: 0 auto;table-layout: fixed;padding-top: 20px;} -.biaoti{color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;} -.biaoti th:nth-child(1){width: 20px;} -.biaoti th:nth-child(2){width: 70px;} -.biaoti th:nth-child(3){width: 180px;} -.biaoti th:nth-child(4),.biaoti th:nth-child(5){width: 120px;} -.biaoti th:nth-child(6){width: 240px;text-align: left;} -.foot-all-box{display: flex;justify-content: center;margin: 30px 0px 50px 0;} -#pre_next_box{display: flex;justify-content: flex-end;} -#pre_next_box button{width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;} \ No newline at end of file +.tyys_namep { + text-align: right; + width: 81px; +} + +.tyjgzx_tp { + padding: 25px 12px 0 25px; + display: flex; + flex-wrap: wrap; + align-content: flex-start; +} + +.tyjgzx_didanpd { + height: auto; + padding: 25px 24px 20px; +} + +.tyjgzx_gzmr { + display: none; + align-content: flex-start; + flex-wrap: wrap; +} + +.tyjgzx_zgyscon { + margin: 0 auto; + table-layout: fixed; + padding-top: 20px; +} + +.tyjgzx_zgysconTr { + color: #333333; + opacity: 0.7; + font-size: 14px; + font-weight: 400; + background-color: rgb(245, 245, 245); + height: 40px; +} + +.tyzg_text { + width: 103px; + height: 103px; + overflow: hidden; +} + +.tyjgzx_pj { + color: #00a608; + border: 1px solid #00a608; + width: 62px; + height: 34px; + line-height: 34px; + border-radius: 3px; + background: #ffffff; +} + +.tyzg_sc { + color: #066ee2; + border: 1px solid #066ee2; + width: 62px; + height: 34px; + line-height: 34px; + border-radius: 3px; + margin-top: 6px; + background: #ffffff; +} + +.tytj_tjzp { + width: 116px; + height: 44px; + line-height: 44px; + text-align: center; + color: #ffffff; + background: #cb1919; + border-radius: 5px; + border: 1px solid #cb1919; + font-size: 15px; +} + +.tytj_plsc { + width: 116px; + height: 44px; + line-height: 44px; + text-align: center; + color: #066ee2; + background: #ffffff; + border-radius: 5px; + border: 1px solid #066ee2; + font-size: 15px; + margin: 0px 20px 0 10px; +} + +.tyjgzx_qbselect { + width: auto; + height: auto; + padding: 0px; + margin: 0px; + border-radius: 3px; + border: none; + border-color: rgb(208, 208, 208); + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + display: flex; + box-sizing: border-box; + background: url(../img/grzx/qbdd.png) no-repeat scroll right 7px top 3px transparent; + background-size: 10px 6px; + cursor: pointer; + align-items: center; + margin-top: 3px; + width: 73px; + color: rgb(106, 106, 106); + position: fixed; +} \ No newline at end of file diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index 4aff307..a69c18b 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -1,16 +1,7 @@ @media screen and (min-width:721px) and (max-width:820px) { - .ty_left { - position: absolute; - left: 0px; - top: 0px; - - } - - /* .ty_riscon { - padding-left: 36px; -} */ + @@ -20,102 +11,11 @@ @media screen and (min-width:300px) and (max-width:1020px) { - .ty_leftcon { - justify-content: center; - padding-left: 0px; - } - - .ty_left { - width: 14%; - } - - .ty_ris { - width: 75%; - } - - .ty_btn>button { - width: 112px; - height: 37px; - } - - .ty_btn { - width: 424px; - } - - .ty_password+.ty_btn { - width: 448px; - - } - - select { - padding: 0px 18px; - background-size: 12px 8px; - width: 106px; - font-size: 12px; - background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 9px top 14px transparent; - height: 37px; - } - - .ty_int> :nth-child(2) { - width: 338px; - height: 36px; - - } - - .ty_scimg { - width: 100px; - height: 100px; - background-color: rgb(245, 245, 245); - border-radius: 50%; - border: none; - margin-right: 28px; - } + } @media screen and (min-width:300px) and (max-width:820px) { - .ty_left { - position: absolute; - left: -14%; - top: 0px; - transition: all 2s; - } - .naliu { - display: block; - } - .ty_ris { - width: 95%; - } - .ty_caidan { - display: block; - } - .ty_dnum { - width: 100%; - border-top: 1px solid rgb(233, 233, 233); - margin-top: 10px; - } - .ty_ysnr { - width: 25%; - } - .ty_wdgz { - width: 33%; - } - .ty_wdgz>p { - margin-top: 4px; - } - .ty_ysnr { - margin-bottom: 10px; - } - .ty_ysnr>p { - margin-top: 8px; - font-size: 13px; - } - .ty_yspcon { - width: 25%; - margin-bottom: 14px; - } - .ty_yspcon>p { - margin-top: 10px; - } + } @media screen and (min-width:821px) and (max-width:920px) {} @@ -126,283 +26,63 @@ @media screen and (min-width:1121px) and (max-width:1220px) {} +@media screen and (min-width:991px) and (max-width:1520px) { -@media screen and (min-width:1021px) and (max-width:1320px) { - .ty_leftcon>img { - display: none; + .tygrzx_riscon { + padding-left: 32px; } - .ty_leftcon { - justify-content: center; - padding-left: 0px; - } - - .ty_left { - width: 14%; - } - - .ty_ris { - width: 75%; - } - - - +} +@media screen and (min-width:991px) and (max-width:1440px) { + + .p-zy320 { + padding-left: 180px; + padding-right: 180px; + } + + .tygrzx_int> :nth-child(2) { + width: 345px; + } + .tygrzx select { + width: 108px; + } + .tygrzx_leftcon { + padding-left: 15px; + } } -@media screen and (min-width:1321px) and (max-width:1420px) { - .ty_dindantit{ - display: inline-block; + + +@media screen and (min-width:767) and (max-width:1440px){ + .tygrzx_leftcon { + padding-left: 15px; + } + .tygrzx_int> :nth-child(2) { + width: 345px; + } + .tygrzx select { + width: 108px; + } +} +@media screen and (min-width:767px) and (max-width:991px) { + + .p-zy320 { + padding-left: 60px; + padding-right: 60px; + } + .tygrzx_int> :nth-child(2) { + width: 345px; + } + .tygrzx select { + width: 108px; + } - } - .ty_ddnav { - margin-bottom: 10px; - } - - .ty_ris { - width: 75%; - } - - .ty_ddxxnoe { - width: 100% !important; - } - - .ty_ddxxnoe>div { - width: 100% !important; - flex-wrap: wrap; - } - - .ty_ddxq { - display: none; - } - - .ty_ddxx>div { - width: 100%; - border-top: 1px solid rgb(233, 233, 233); - } - - .ty_ddxxTxt { - padding-top: 2px; - width: 22%; - } - - .ty_ddxxTxt1 { - border-right: 1px solid rgb(233, 233, 233); - padding-top: 2px; - width: 34%; - + .tygrzx_leftcon { + padding-left: 15px; } } -@media screen and (min-width:300px) and (max-width:620px) { - .ty_riscon { - padding-left: 10px; - } - .ty_yhuij { - width: 50% !important ; - - } -} -@media screen and (min-width:301px) and (max-width:490px) { - .ty_btn { - width: 334px; - } - - .ty_password+.ty_btn { - width: 358px; - } - - .ty_int> :nth-child(2) { - width: 248px; - } - - select { - padding: 0px 5px; - - width: 76px; - } - - .ty_left { - width: 67px; - left: -68px; - } - - .ty_leftcon { - font-size: 12px; - } - - .ty_ddmas>:nth-child(2) { - width: 180px; - } - - .ty_dindantop { - display: block; - } - - .ty_ddnav>p { - margin-right: 23px; - } - - .ty_ddcontit { - height: 46px; - } -} - -@media screen and (min-width:300px) and (max-width:1320px) { - .ty_dindantit{ - display: inline-block; - - } - .ty_ddxxTxt { - padding-top: 2px; - width: 20%; - } - - .ty_ddxxTxt1 { - border-right: 1px solid rgb(233, 233, 233); - padding-top: 2px; - width: 40%; - } - - .ty_herader>nav>img { - margin-right: 11%; - width: 35%; - } - - .ty_ddxq { - display: none; - } - - .ty_listnav { - width: 45%; - text-align: left; - } - - .ty_leftcon>img { - display: none; - } - - .ty_listnav { - padding-top: 3%; - } - - .ty_topcon { - height: 47%; - } - - .ty_ddxx>div { - width: 100%; - border-top: 1px solid rgb(233, 233, 233); - } - - .ty_ddxxnoe { - width: 100% !important; - } - - .ty_ddxxnoe>div { - width: 100% !important; - flex-wrap: wrap; - padding-left: 0px; - } - - .ty_dindantetx { - border-top: 1px solid rgb(233, 233, 233); - width: 100%; - - } - - .ty_ddnav { - margin-bottom: 10px; - } - -} - -@media screen and (min-width:300px) and (max-width:411px) { - .ty_password { - display: block; - padding-left: 40px; - - } - - .ty_password>p { - text-align: left !important; - margin-bottom: 10px; - } - - .ty_password+.ty_btn { - width: 288px; - } - - .ty_didanpd { - padding-left: 9px !important; - padding-right: 9px !important; - } - - .ty_wdgz { - width: 50%; - - } - - .ty_ysnr { - width: 33%; - margin-bottom: 10px; - font-size: 13px; - } - .ty_wdgz>p { - margin-top: 4px; - } - - .ty_yishusc>:nth-child(2) { - font-size: 13px; - color: #191919; - margin-top: 2px; - margin-bottom: 6px; - } - .ty_yspcon { - width: 33%; - margin-bottom: 14px; - } - .ty_yspcon>p { - margin-top: 10px; - } - - .ty_jfn>:nth-child(2)>:nth-child(2) { - margin-left: 52px; - margin-right: 73px; - } - .ty_jfcon>div>:nth-child(2) { - margin-right: 38px; - } - .ty_jfn>:nth-child(2)>:nth-child(2) { - margin-right: 22px; - } - .ty_textyh { - font-size: 13px; - margin-top: 2px; - margin-bottom: 5px; - color: #fff; - } - -} - -@media screen and (min-width:300px) and (max-width:1200px) { - .ty_jfcon>div>:nth-child(1) { - margin-right: 50px; - } - .ty_jfn>:nth-child(2)>:nth-child(2) { - margin-left: 100px; - margin-right: 31px; - } - .ty_jfcon>div>:nth-child(2) { - margin-right: 16px; - } - .ty_yhuij { - width: 33%; - - } -} - -@media screen and (min-width:1421px) and (max-width:1520px) {} @media screen and (min-width:1521px) and (max-width:1620px) {} @@ -590,8 +270,7 @@ .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} } -@media screen and (min-width:751px) and (max-width:1820px) { - .cq-item-title-box {padding: 20px 0 15px 0;} - .font-32 {font-size: 26px;} -} + + + diff --git a/css/institutions/institutions.css b/css/institutions/institutions.css index 90ab5dc..df8d55a 100644 --- a/css/institutions/institutions.css +++ b/css/institutions/institutions.css @@ -1,2007 +1,2055 @@ * { - padding: 0px; - margin: 0px; + padding: 0px; + margin: 0px; } input { - padding-left: 14px; - box-sizing: border-box; + padding-left: 14px; + box-sizing: border-box; } /* header */ a { - text-decoration: none; + text-decoration: none; } ul { - list-style: none; + list-style: none; } .ty_ds { - display: flex; - justify-content: center; - position: relative; + 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; + 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; + padding-top: 22px; } .ty_co { - background-color: rgb(245, 245, 245); + 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; + 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; - - + 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; + 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; +.ty_lefttx > img { + width: 60%; + height: 50%; + margin: auto; + margin-bottom: 29px; - display: block; + 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; - cursor: pointer + 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; + cursor: pointer; } -.ty_leftcon>img { - margin-right: 10px; - +.ty_leftcon > img { + margin-right: 10px; } -.ty_leftcon>span { - cursor: pointer; +.ty_leftcon > span { + cursor: pointer; } .ty_ris { - - width: 1060px; + width: 1060px; } .ty_tit { - width: 100%; - height: 64px; - background-color: #fff; - line-height: 64px; - font-weight: bold; - box-sizing: border-box; - font-size: 18px; + width: 100%; + height: 64px; + background-color: #fff; + line-height: 64px; + font-weight: bold; + box-sizing: border-box; + font-size: 18px; - padding-left: 24px; + 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; + 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; - + 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; + width: 154px; + height: 154px; + background-color: rgb(245, 245, 245); + border-radius: 50%; + border: none; + margin-right: 28px; } .mian .ty_riscon .ty_tupian { - display: flex; - align-items: center; - margin-bottom: 44px; + display: flex; + align-items: center; + margin-bottom: 44px; } ::-webkit-input-placeholder { - color: #222222; + 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; + 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); + color: rgb(193, 193, 193); } .ty_name { - display: flex; - margin-bottom: 37px; - font-size: 16px; + display: flex; + margin-bottom: 37px; + font-size: 16px; } -.ty_name> :nth-child(1) { - width: 81px; - text-align: right; - margin-right: 20px; - font-size: 16px; +.ty_name > :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + font-size: 16px; } .ty_int { - display: flex; - align-items: center; - margin-bottom: 18px; + display: flex; + align-items: center; + margin-bottom: 18px; } -.ty_int> :nth-child(1) { - width: 81px; - text-align: right; - margin-right: 20px; - font-size: 16px; +.ty_int > :nth-child(1) { + width: 81px; + 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; +.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; - color: rgb(180, 180, 180); - cursor: pointer + 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; + color: rgb(180, 180, 180); + cursor: pointer; } .ty_setle { - display: flex; - align-items: center; - margin-bottom: 18px; + display: flex; + align-items: center; + margin-bottom: 18px; } -.ty_setle> :nth-child(1) { - width: 81px; - text-align: right; - margin-right: 20px; - font-size: 16px; +.ty_setle > :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + font-size: 16px; } -.ty_setle>select { - margin-right: 10px; +.ty_setle > select { + margin-right: 10px; } .tyint_pal { - padding-left: 14px; - box-sizing: border-box; - color: #000; + padding-left: 14px; + box-sizing: border-box; + color: #000; } .ty_btn { - text-align: right; - + text-align: right; } -.ty_btn>button { - border-radius: 5px; - font-size: 18px; - width: 138px; - height: 50px; - color: #fff; - background-color: rgb(203, 25, 25); - border: none; - cursor: pointer +.ty_btn > button { + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + border: none; + cursor: pointer; } - .ty_btn1 { - text-align: right; - width: 581px; + text-align: right; + width: 581px; } - .ty_jgzl { - height: auto; - padding-bottom: 29px; + height: auto; + padding-bottom: 29px; } .ty_img { - display: flex; - margin-bottom: 21px; + display: flex; + margin-bottom: 21px; } -.ty_img> :nth-child(1) { - width: 81px; - text-align: right; - margin-right: 20px; - padding-top: 10px; - font-size: 16px; +.ty_img > :nth-child(1) { + width: 81px; + text-align: right; + margin-right: 20px; + padding-top: 10px; + font-size: 16px; } -.ty_img>div { - display: flex; - +.ty_img > div { + display: flex; } -.ty_img>div>:nth-child(2) { - font-size: 12px; - color: rgb(180, 180, 180); - margin-left: 12px; - margin-bottom: 12px; +.ty_img > div > :nth-child(2) { + font-size: 12px; + color: rgb(180, 180, 180); + margin-left: 12px; + margin-bottom: 12px; } - /* 密码修改 */ -.ty_wic> :nth-child(1) { - width: 90px; +.ty_wic > :nth-child(1) { + width: 90px; } .ty_riscon1 { - height: 638px; - margin-top: 10px; + 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; + 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 { + 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(1) { + font-size: 18px; + font-weight: bold; + margin-right: 20px; } -.ty_shtit>div>:nth-child(2) { - font-size: 12px; +.ty_shtit > div > :nth-child(2) { + font-size: 12px; } -.ty_shtit>p { - font-size: 18px; - color: rgb(13, 158, 61); +.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; - + 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; + 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(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) > :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 > :nth-child(1) { + display: flex; } .ty_dzxx { - display: flex; - justify-content: space-between; - align-self: flex-start; - align-items: center; - margin-bottom: 20px; + 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_dzxx > :nth-child(2) { + width: 20px; + height: 20px; } .ty_dztext { - color: rgb(149, 149, 149); - margin-bottom: 10px; - font-size: 14px; + color: rgb(149, 149, 149); + margin-bottom: 10px; + font-size: 14px; } -.ty_dztext>span { - color: #000; +.ty_dztext > span { + color: #000; } .ty_mr { - display: flex; - justify-content: space-between; + display: flex; + justify-content: space-between; } -.ty_mr>:nth-child(2) { - display: flex; - color: rgb(74, 122, 228); +.ty_mr > :nth-child(2) { + display: flex; + color: rgb(74, 122, 228); } -.ty_mr>:nth-child(2)>p { - margin-left: 28px; +.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; + 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; + 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; + 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_tctiti > :nth-child(2) { + width: 20px; + height: 20px; } .ty_tris { - padding-top: 26px; - padding-left: 40px; + padding-top: 26px; + padding-left: 40px; } .ty_tcwi { - margin-bottom: 12px; + margin-bottom: 12px; } -.ty_tcwi>:nth-child(1) { - width: 82px; - margin-right: 0px; +.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; - + 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; + font-weight: 600; } -.ty_yhtit>p { - margin-right: 40px; - color: #191919; +.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; + 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; + 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(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_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; + 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; + 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_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; + 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; - display: inline-block; - line-height: 35px; - cursor: pointer; - color: rgb(116, 210, 212); + width: 121px; + height: 35px; + border: 1px solid rgb(116, 210, 212); + border-radius: 30px; + margin-top: 26px; + display: inline-block; + line-height: 35px; + cursor: pointer; + color: rgb(116, 210, 212); } .gqtp { - text-align: right; - padding-top: 12px; - padding-right: 12px; - box-sizing: border-box; + text-align: right; + padding-top: 12px; + padding-right: 12px; + box-sizing: border-box; } -.ty_tp>:nth-child(4n) { - margin-right: 0px; +.ty_tp > :nth-child(4n) { + margin-right: 0px; } .ty_listimg { - position: absolute; - display: none; + position: absolute; + display: none; } /* 订单 */ .ty_ddnav { - display: flex; - + display: flex; } .ty_dindantetx { - display: flex; + display: flex; } .ty_dnum { - display: flex; + display: flex; } .ty_ddys { - color: rgb(203, 25, 25); + color: rgb(203, 25, 25); } -.ty_ddnav>p { - margin-right: 32px; - font-weight: bold; - font-size: 14px; +.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; + 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); + font-size: 14px; + color: rgb(106, 106, 106); } -.ty_ddxq>:nth-child(2) { - display: flex; +.ty_ddxq > :nth-child(2) { + display: flex; } -.ty_ddxq>:nth-child(2)>* { - margin-left: 60px; - cursor: pointer; - color: rgb(106, 106, 106); +.ty_ddxq > :nth-child(2) > * { + margin-left: 60px; + cursor: pointer; + color: rgb(106, 106, 106); } .ty_ddcon { - width: 100%; - border: 1px solid rgb(233, 233, 233); - box-sizing: border-box; - margin-bottom: 20px; + 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; + 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(1) > p { + color: rgb(146, 146, 146); } -.ty_ddcontit>:nth-child(2) { - display: flex; - align-items: center; - width: 61px; +.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_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) > 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_ddxx > :nth-child(1) > :last-child { + border-bottom: none; } .ty_ddmas { - display: flex; + display: flex; } -.ty_ddmas>:nth-child(2) { - width: 250px; - font-size: 13px; - padding-top: 12px; - margin-left: 12px; +.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; - + 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(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_dnum > :nth-child(2) { + padding-top: 12px; + margin-left: 72px; + font-size: 13px; } .ty_ddxx { - display: flex; - flex-wrap: wrap; + 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; + 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; + padding-top: 24px; + width: 100px; + text-align: center; } -.ty_ddxxTxt1>button { - width: 79px; - cursor: pointer; - height: 34px; - border: 1px solid rgb(233, 156, 156); - color: rgb(203, 25, 25); - margin-bottom: 8px; - font-size: 13px; - background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); +.ty_ddxxTxt1 > button { + width: 79px; + cursor: pointer; + height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + margin-bottom: 8px; + font-size: 13px; + background-image: linear-gradient( + to top, + rgb(255, 255, 255), + rgb(244, 244, 244) + ); } -.ty_ddxxTxt1>a { - width: 79px; - cursor: pointer; +.ty_ddxxTxt1 > a { + width: 79px; + cursor: pointer; display: inline-block; - height: 34px; - line-height: 34px; - border: 1px solid rgb(233, 156, 156); - color: rgb(203, 25, 25); - font-size: 13px; - margin-bottom: 8px; - background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); + height: 34px; + line-height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + font-size: 13px; + margin-bottom: 8px; + background-image: linear-gradient( + to top, + rgb(255, 255, 255), + rgb(244, 244, 244) + ); } .ty_paging { - display: flex; - align-items: center; + 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_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); + color: rgb(255, 82, 0); } -.ty_paging>div>span { - margin-right: 12px; - +.ty_paging > div > span { + margin-right: 12px; } - .ty_shtcint { - display: flex; - align-items: center; - + display: flex; + align-items: center; } .ty_sgtxt { - font-size: 16px; - color: #191919; + font-size: 16px; + color: #191919; } .ty_tpsc { - display: flex; + 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(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_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; + padding-left: 24px; } .ty_ysnr { - width: 20%; - padding-right: 23px; - box-sizing: border-box; - margin-bottom: 35px; - position: relative; + width: 20%; + padding-right: 23px; + box-sizing: border-box; + margin-bottom: 35px; + position: relative; } -.ty_ysnr>img { - width: 100%; +.ty_ysnr > img { + width: 100%; } -.ty_ysnr>p { - font-size: 16px; - color: #191919; - text-align: center; - margin-top: 18px; - +.ty_ysnr > p { + font-size: 16px; + color: #191919; + text-align: center; + margin-top: 18px; } .ty_ysmr { - display: flex; - flex-wrap: wrap; - align-content: flex-start; + display: flex; + flex-wrap: wrap; + align-content: flex-start; } - - .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; - cursor: pointer; - color: #fff; - font-size: 13px; + 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; + cursor: pointer; + color: #fff; + font-size: 13px; } .ty_wdgz { - width: 33%; - padding-right: 21px; - box-sizing: border-box; - margin-bottom: 21px; - position: relative; + width: 33%; + padding-right: 21px; + box-sizing: border-box; + margin-bottom: 21px; + position: relative; } -.ty_wdgz>img { - width: 100%; +.ty_wdgz > img { + width: 100%; } -.ty_wdgz>p { - font-size: 16px; - color: #191919; - margin-top: 18px; +.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; + 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(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) { + 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(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(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(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_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(1) { + font-size: 14px; + color: #cb1919; + font-weight: bold; } .ty_jfntit { - width: 100%; - height: 42px; - margin-top: 10px; - background-color: rgb(245, 245, 245); - padding-left: 77px; + width: 100%; + height: 42px; + margin-top: 10px; + background-color: rgb(245, 245, 245); + padding-left: 77px; } -.ty_jfntit>th { - color: rgb(106, 106, 106); - font-size: 14px; +.ty_jfntit > th { + color: rgb(106, 106, 106); + font-size: 14px; } -.ty_jfntit>:nth-child(2) { - width: 424px; +.ty_jfntit > :nth-child(2) { + width: 424px; } -.ty_jfntit>:nth-child(3){ - text-align: left; + +.ty_jfntit > :nth-child(3) { + text-align: left; } -.ty_jfntit>:nth-child(1) { - width: 183px; + +.ty_jfntit > :nth-child(1) { + width: 183px; } .ty_jftable { - width: 100%; + width: 100%; } -.ty_jftable>thead { - width: 100%; +.ty_jftable > thead { + width: 100%; } .ty_jfcon { - height: 44px; - -} -.ty_jfcon>td{ - border-bottom: 1px solid rgb(238, 233, 231); + height: 44px; } -.ty_jfcon>:nth-child(1) { - font-size: 13px; - color: #525252; - - text-align: center; +.ty_jfcon > td { + border-bottom: 1px solid rgb(238, 233, 231); } -.ty_jfcon>:nth-child(2) { - width: 75px; - font-size: 14px; +.ty_jfcon > :nth-child(1) { + font-size: 13px; + color: #525252; - text-align: center; - font-weight: bold; + text-align: center; +} + +.ty_jfcon > :nth-child(2) { + width: 75px; + font-size: 14px; + + text-align: center; + font-weight: bold; } .ty_jfys { - color: rgb(0, 166, 8); + color: rgb(0, 166, 8); } .ty_jfys2 { - color: rgb(203, 25, 25); + color: rgb(203, 25, 25); } -.ty_jfcon>:nth-child(3) { - font-size: 13px; - color: #525252; +.ty_jfcon > :nth-child(3) { + font-size: 13px; + color: #525252; } - /* 收藏 */ .ty_sccon { - padding-left: 24px; - + padding-left: 24px; } .ty_yishusc { - width: 33%; - padding-right: 14px; - position: relative; - box-sizing: border-box; - cursor: pointer - + width: 33%; + padding-right: 14px; + position: relative; + box-sizing: border-box; + cursor: pointer; } -.ty_yishusc>img { - width: 100%; +.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(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_yishusc > :nth-child(3) { + color: rgb(147, 147, 147); + font-size: 13px; } - -.ty_scmr{ - align-content: flex-start;display: flex;flex-wrap: wrap; +.ty_scmr { + align-content: flex-start; + display: flex; + flex-wrap: wrap; } .ty_scml { - padding-left: 22px; - display:none;align-content: flex-start;flex-wrap: wrap; + padding-left: 22px; + display: none; + align-content: flex-start; + flex-wrap: wrap; } .ty_yspcon { - width: 20%; - padding-right: 24px; - margin-bottom: 24px; - box-sizing: border-box; - position: relative; + width: 20%; + padding-right: 24px; + margin-bottom: 24px; + box-sizing: border-box; + position: relative; } -.ty_yspcon>img { - width: 100%; - +.ty_yspcon > img { + width: 100%; } -.ty_yspcon>p { - font-size: 14px; - color: #191919; - margin-top: 18px; +.ty_yspcon > p { + font-size: 14px; + color: #191919; + margin-top: 18px; } -.ty_scml>:nth-child(5n) { - margin-right: 0px; +.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; + 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 > 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_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; + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; - - box-sizing: border-box; + box-sizing: border-box; } .ty_dis { - display: flex; - justify-content: space-between; - padding-right: 15px; + display: flex; + justify-content: space-between; + padding-right: 15px; } .ty_btnzlb { - width: 116px; - height: 44px; - background-color: rgb(203, 25, 25); - color: #fff; - border: none; - cursor: pointer; - border-radius: 3px; + width: 116px; + height: 44px; + background-color: rgb(203, 25, 25); + color: #fff; + border: none; + cursor: pointer; + border-radius: 3px; } .ty_btnzlp { - width: 116px; - height: 44px; - color: rgb(6, 110, 226); - background-color: #fff; - border: 1px solid rgb(6, 110, 226); - margin-left: 7px; - border-radius: 3px; - cursor: pointer + width: 116px; + height: 44px; + color: rgb(6, 110, 226); + background-color: #fff; + border: 1px solid rgb(6, 110, 226); + margin-left: 7px; + border-radius: 3px; + cursor: pointer; } -.ty_zgtit>th { - font-size: 14px; - color: rgb(106, 106, 106); +.ty_zgtit > th { + font-size: 14px; + color: rgb(106, 106, 106); } - .ty_selectAll { - - box-sizing: border-box; - border-radius: 3px; - border: 2px solid rgb(174, 174, 174); - cursor: pointer; - margin: auto; + box-sizing: border-box; + border-radius: 3px; + border: 2px solid rgb(174, 174, 174); + cursor: pointer; + margin: auto; } .ty_selected { - - box-sizing: border-box; - border-radius: 3px; - border: 2px solid rgb(174, 174, 174); - cursor: pointer; - margin: auto; - display: block; + box-sizing: border-box; + border-radius: 3px; + border: 2px solid rgb(174, 174, 174); + cursor: pointer; + margin: auto; + display: block; } - - - .ty_zgzti { - font-size: 13px; - color: #191919; + font-size: 13px; + color: #191919; } -.ty_zgtit>:nth-child(1) { - text-align: center; - width: 47px; - +.ty_zgtit > :nth-child(1) { + text-align: center; + width: 47px; } -.ty_zgtit>:nth-child(2) { - width: 98px; - text-align: left; - padding-left: 22px; +.ty_zgtit > :nth-child(2) { + width: 98px; + text-align: left; + padding-left: 22px; } -.ty_zgtit>:nth-child(3) { - width: 228px; - text-align: left; - padding-left: 11px; +.ty_zgtit > :nth-child(3) { + width: 228px; + text-align: left; + padding-left: 11px; } -.ty_zgtit>:nth-child(4) { - width: 232px; +.ty_zgtit > :nth-child(4) { + width: 232px; } -.ty_zgtit>:nth-child(5) { - width: 109px; - +.ty_zgtit > :nth-child(5) { + width: 109px; } -.ty_zgtit>:nth-child(6) { - text-align: left; +.ty_zgtit > :nth-child(6) { + text-align: left; } .ty_xwtable { - width: 100%; + width: 100%; } .ty_zgcon { - height: 102px; + height: 102px; } -.ty_zgcon>td { - border-bottom: 1px solid rgb(238, 233, 231); - padding-top: 17px; - vertical-align: top; +.ty_zgcon > td { + border-bottom: 1px solid rgb(238, 233, 231); + padding-top: 17px; + vertical-align: top; } -.ty_zgcon>:nth-child(1) { - padding-top: 37px; +.ty_zgcon > :nth-child(1) { + padding-top: 37px; } -.ty_zgcon>:nth-child(2)>img { - width: 98px; - - +.ty_zgcon > :nth-child(2) > img { + width: 98px; } -.ty_zgcon>:nth-child(3) { - width: 233px; - line-height: 27px; - margin-right: 68px; - +.ty_zgcon > :nth-child(3) { + width: 233px; + line-height: 27px; + margin-right: 68px; } -.ty_zgcon>:nth-child(4) { - text-align: center; - padding-top: 22px; +.ty_zgcon > :nth-child(4) { + text-align: center; + padding-top: 22px; } -.ty_zgcon>:nth-child(5) { - text-align: center; - padding-top: 22px; - color: #cb1919; +.ty_zgcon > :nth-child(5) { + text-align: center; + padding-top: 22px; + color: #cb1919; } - .ty_bj { - color: #00a608; - border: 1px solid #00a608; - padding: 10px 17px; - background-color: #fff; - border-radius: 3px; - cursor: pointer + color: #00a608; + border: 1px solid #00a608; + padding: 10px 17px; + background-color: #fff; + border-radius: 3px; + cursor: pointer; } .ty_scsc { - color: #066ee2; - border: 1px solid #066ee2; - padding: 10px 17px; - background-color: #fff; - border-radius: 3px; - cursor: pointer + color: #066ee2; + border: 1px solid #066ee2; + padding: 10px 17px; + background-color: #fff; + border-radius: 3px; + cursor: pointer; } .ty_button { - color: rgb(25, 25, 25); - border: 1px solid rgb(188, 188, 188); - background-color: #fff; - border-radius: 3px; - width: 62px; - height: 39px; - margin-bottom: 7px; + color: rgb(25, 25, 25); + border: 1px solid rgb(188, 188, 188); + background-color: #fff; + border-radius: 3px; + width: 62px; + height: 39px; + margin-bottom: 7px; } -.ty_lititnoe>:nth-child(2) { - display: none; +.ty_lititnoe > :nth-child(2) { + display: none; } -.ty_lititnoe>span { - color: rgb(203, 25, 25); +.ty_lititnoe > span { + color: rgb(203, 25, 25); } -.ty_litittwo>:nth-child(1) { - display: none; +.ty_litittwo > :nth-child(1) { + display: none; } .ty_topifrane { - width: 100%; - height: 300px; + width: 100%; + height: 300px; } /* 展览 */ .ty_zltit { - width: 100%; - background-color: rgb(245, 245, 245); - height: 40px; + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; - - box-sizing: border-box; + box-sizing: border-box; } .ty_zlzti { - font-size: 13px; - color: #191919; + font-size: 13px; + color: #191919; } -.ty_zltit>th { - font-size: 14px; - color: rgb(106, 106, 106); +.ty_zltit > th { + font-size: 14px; + color: rgb(106, 106, 106); } -.ty_zltit>:nth-child(1) { - text-align: center; - width: 47px; - +.ty_zltit > :nth-child(1) { + text-align: center; + width: 47px; } -.ty_zltit>:nth-child(2) { - width: 66px; - text-align: left; - text-align: center; +.ty_zltit > :nth-child(2) { + width: 66px; + text-align: left; + text-align: center; } -.ty_zltit>:nth-child(3) { - width: 187px; - text-align: left; - padding-left: 16px; +.ty_zltit > :nth-child(3) { + width: 187px; + text-align: left; + padding-left: 16px; } -.ty_zltit>:nth-child(4) { - width: 80px; +.ty_zltit > :nth-child(4) { + width: 80px; } -.ty_zltit>:nth-child(5) { - width: 109px; +.ty_zltit > :nth-child(5) { + width: 109px; } -.ty_zltit>:nth-child(6) { - width: 61px; +.ty_zltit > :nth-child(6) { + width: 61px; - padding-right: 38px; + padding-right: 38px; } -.ty_zltit>:nth-child(7) { - padding-right: 45px; - width: 85px; +.ty_zltit > :nth-child(7) { + padding-right: 45px; + width: 85px; } -.ty_zlcon>:nth-child(8) { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; +.ty_zlcon > :nth-child(8) { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; } -.ty_zlcon>:nth-child(8)>button { - margin-bottom: 8px; +.ty_zlcon > :nth-child(8) > button { + margin-bottom: 8px; } -.ty_zlcon>:nth-child(6)>p { - width: 62px; - height: 34px; - color: rgb(203, 25, 25); - border: 1px solid rgb(203, 25, 25); - text-align: center; - border-radius: 3px; - line-height: 34px; - cursor: pointer +.ty_zlcon > :nth-child(6) > p { + width: 62px; + height: 34px; + color: rgb(203, 25, 25); + border: 1px solid rgb(203, 25, 25); + text-align: center; + border-radius: 3px; + line-height: 34px; + cursor: pointer; } -.ty_zlcon>:nth-child(7) { - padding-top: 22px; - text-align: center; - padding-right: 45px; +.ty_zlcon > :nth-child(7) { + padding-top: 22px; + text-align: center; + padding-right: 45px; } .ty_xwtable { - width: 100%; + width: 100%; } .ty_zlcon { - height: 102px; + height: 102px; } -.ty_zlcon>td { - border-bottom: 1px solid rgb(238, 233, 231); - padding-top: 17px; - vertical-align: top; +.ty_zlcon > td { + border-bottom: 1px solid rgb(238, 233, 231); + padding-top: 17px; + vertical-align: top; } -.ty_zlcon>:nth-child(1) { - padding-top: 37px; +.ty_zlcon > :nth-child(1) { + padding-top: 37px; } -.ty_zlcon>:nth-child(2)>img { - width: 65px; +.ty_zlcon > :nth-child(2) > img { + width: 65px; } -.ty_zlcon>:nth-child(3) { - width: 178px; - line-height: 27px; - padding-left: 16px; - padding-right: 119px; - +.ty_zlcon > :nth-child(3) { + width: 178px; + line-height: 27px; + padding-left: 16px; + padding-right: 119px; } -.ty_zlcon>:nth-child(4) { - text-align: center; - padding-top: 22px; +.ty_zlcon > :nth-child(4) { + text-align: center; + padding-top: 22px; } -.ty_zlcon>:nth-child(5) { - text-align: center; - padding-top: 22px; +.ty_zlcon > :nth-child(5) { + text-align: center; + padding-top: 22px; } /* 添加展览 */ -.ty_zltj .ty_img> :nth-child(1) { - width: 117px; +.ty_zltj .ty_img > :nth-child(1) { + width: 117px; } -.ty_zltj .ty_int>:nth-child(1) { - width: 117px; +.ty_zltj .ty_int > :nth-child(1) { + width: 117px; } -.ty_zltj .ty_setle> :nth-child(1) { - width: 117px; +.ty_zltj .ty_setle > :nth-child(1) { + width: 117px; } .ty_radio { - display: flex; - margin-bottom: 21px; + display: flex; + margin-bottom: 21px; } -.ty_radio>:nth-child(1) { - width: 117px; - text-align: right; - margin-right: 20px; - line-height: 38px; - font-size: 16px; +.ty_radio > :nth-child(1) { + width: 117px; + text-align: right; + margin-right: 20px; + line-height: 38px; + font-size: 16px; } -.ty_radio>:nth-child(2) input { - width: 35px; - height: 35px; - margin-right: 8px; +.ty_radio > :nth-child(2) input { + width: 35px; + height: 35px; + margin-right: 8px; } -.ty_radio>:nth-child(2) { - display: flex; +.ty_radio > :nth-child(2) { + display: flex; } -.ty_radio>:nth-child(2) label { - display: flex; - align-items: center; +.ty_radio > :nth-child(2) label { + display: flex; + align-items: center; } -.ty_radio>:nth-child(2)>:nth-child(1) { - margin-right: 28px; +.ty_radio > :nth-child(2) > :nth-child(1) { + margin-right: 28px; } - .choose { - position: relative; - height: 38px; - display: flex; + position: relative; + height: 38px; + display: flex; } .choose .radio { - position: relative; - display: inline-block; - font-weight: 400; - color: #0c4757; - padding-left: 45px; - cursor: pointer; + position: relative; + display: inline-block; + font-weight: 400; + color: #0c4757; + padding-left: 45px; + cursor: pointer; } .choose .radio input { - position: absolute; - left: -9999px; + position: absolute; + left: -9999px; } .choose .radio i { - display: block; - position: absolute; - top: 3px; - left: 0; - width: 36px; - height: 36px; - outline: 0; - border: 1px solid #e4e4e4; - background: #ffffff; - border-radius: 50%; - transition: border-color .3s; - -webkit-transition: border-color .3s; + display: block; + position: absolute; + top: 3px; + left: 0; + width: 36px; + height: 36px; + outline: 0; + border: 1px solid #e4e4e4; + background: #ffffff; + border-radius: 50%; + transition: border-color 0.3s; + -webkit-transition: border-color 0.3s; } -.choose .radio input[checked="checked"]+i { - border-color: red; +.choose .radio input[checked="checked"] + i { + border-color: red; } -.choose .radio input+i:after { - position: absolute; - content: ''; - top: 10px; - left: 10px; - width: 16px; - height: 16px; - border-radius: 50%; - background-color: red; - opacity: 0; - transition: opacity .1s; - -webkit-transition: opacity .1s; +.choose .radio input + i:after { + position: absolute; + content: ""; + top: 10px; + left: 10px; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: red; + opacity: 0; + transition: opacity 0.1s; + -webkit-transition: opacity 0.1s; } -.choose .radio input:checked+i:after { - opacity: 1; +.choose .radio input:checked + i:after { + opacity: 1; } .ty_riscon input::-webkit-input-placeholder { - color: rgb(180, 180, 180); + color: rgb(180, 180, 180); } .ty_riscon input::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: rgb(180, 180, 180); + /* Mozilla Firefox 19+ */ + color: rgb(180, 180, 180); } .ty_riscon input:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: rgb(180, 180, 180); + /* Mozilla Firefox 4 to 18 */ + color: rgb(180, 180, 180); } -.ty_riscon select{ - color: #222222; - cursor: pointer + +.ty_riscon select { + color: #222222; + cursor: pointer; } -.ty_zltj select{ - color: rgb(180, 180, 180); + +.ty_zltj select { + color: rgb(180, 180, 180); } + .ty_riscon input:-ms-input-placeholder { - /* Internet Explorer 10-11 */ - color: rgb(180, 180, 180); + /* Internet Explorer 10-11 */ + color: rgb(180, 180, 180); } + .ty_jgintcor input::-webkit-input-placeholder { - color: #222222; + color: #222222; } .ty_jgintcor input::-moz-placeholder { - /* Mozilla Firefox 19+ */ - color: #222222; + /* Mozilla Firefox 19+ */ + color: #222222; } .ty_jgintcor input:-moz-placeholder { - /* Mozilla Firefox 4 to 18 */ - color: #222222; + /* Mozilla Firefox 4 to 18 */ + color: #222222; } .ty_jgintcor input:-ms-input-placeholder { - /* Internet Explorer 10-11 */ - color: #222222; -} -.ty_jgintcor select{ - color: #222222; + /* Internet Explorer 10-11 */ + color: #222222; } - - - +.ty_jgintcor select { + color: #222222; +} .ty_buttton { - display: flex; - justify-content: space-between; - align-items: center; - margin-top: 22px; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 22px; } -.ty_buttton>:nth-child(1) { - display: flex; +.ty_buttton > :nth-child(1) { + display: flex; } /* 展览管理 */ .ty_buttton .ty_selectAll { - margin: 0 9px 0 15px; + margin: 0 9px 0 15px; } -.ty_buttton .ty_selectAll+p { - color: #066ee2; +.ty_buttton .ty_selectAll + p { + color: #066ee2; } -.ty_zltitManagement>:nth-child(3) { - width: 160px; - padding-left: 22px; +.ty_zltitManagement > :nth-child(3) { + width: 160px; + padding-left: 22px; } -.ty_zlmanagement>:nth-child(3) { - width: 107px; - line-height: 27px; - padding-right: 60px; +.ty_zlmanagement > :nth-child(3) { + width: 107px; + line-height: 27px; + padding-right: 60px; } -.ty_zltitManagement>:nth-child(4) { - width: 85px; - text-align: left; +.ty_zltitManagement > :nth-child(4) { + width: 85px; + text-align: left; } -.ty_zlmanagement>:nth-child(4) { - text-align: left; +.ty_zlmanagement > :nth-child(4) { + text-align: left; } -.ty_zltitManagement>:nth-child(5) { - width: 86px; - padding-right: 32px; +.ty_zltitManagement > :nth-child(5) { + width: 86px; + padding-right: 32px; } -.ty_zlmanagement>:nth-child(5) { - padding-right: 32px; +.ty_zlmanagement > :nth-child(5) { + padding-right: 32px; } .ty_xwtable .ty_zlmanagement td { - padding-top: 17px; + padding-top: 17px; } .ty_xwtable .ty_zlmanagement .tdptd { - padding-top: 22px; + padding-top: 22px; } -.ty_zltitManagement>:nth-child(6) { - width: 60px; - padding-right: 29px; +.ty_zltitManagement > :nth-child(6) { + width: 60px; + padding-right: 29px; } -.ty_zlmanagement>:nth-child(6) { - padding-right: 29px; - text-align: center; +.ty_zlmanagement > :nth-child(6) { + padding-right: 29px; + text-align: center; } -.ty_zltitManagement>:nth-child(7) { - width: 55px; - padding-right: 0px; - text-align: left; +.ty_zltitManagement > :nth-child(7) { + width: 55px; + padding-right: 0px; + text-align: left; } -.ty_zlmanagement>:nth-child(7) { - padding-right: 0px; - text-align: left; +.ty_zlmanagement > :nth-child(7) { + padding-right: 0px; + text-align: left; } -.ty_zltitManagement>:nth-child(8) { - width: 29px; - padding-right: 0px; - text-align: left; +.ty_zltitManagement > :nth-child(8) { + width: 29px; + padding-right: 0px; + text-align: left; } -.ty_zlmanagement>:nth-child(8) { - padding-right: 0px; - text-align: center; - display: revert; +.ty_zlmanagement > :nth-child(8) { + padding-right: 0px; + text-align: center; + display: revert; } -.ty_zltitManagement>:nth-child(9) { - width: 130px; - padding-right: 0px; - text-align: center; +.ty_zltitManagement > :nth-child(9) { + width: 130px; + padding-right: 0px; + text-align: center; } -.ty_zlmanagement>:nth-child(9) { - padding-right: 0px; - text-align: center; +.ty_zlmanagement > :nth-child(9) { + padding-right: 0px; + text-align: center; } -.ty_zltitManagement>:nth-child(10) { - width: 40px; - padding-right: 33px; +.ty_zltitManagement > :nth-child(10) { + width: 40px; + padding-right: 33px; } -.ty_zltitManagement>:nth-child(10) { - - padding-right: 33px; - text-align: center; +.ty_zltitManagement > :nth-child(10) { + padding-right: 33px; + text-align: center; } -.ty_zlmanagement>:nth-child(11) { - padding-bottom: 10px; +.ty_zlmanagement > :nth-child(11) { + padding-bottom: 10px; } .ty_zlmanagement .ty_button { - margin-bottom: 10px; + margin-bottom: 10px; } .ty_zltop { - display: flex; - align-items: center; + display: flex; + align-items: center; } .ty_zltop select { - width: 173px; - height: 35px; - padding: 0px 9px; - color: rgb(110, 110, 110); - margin-right: 9px; - background: url(../../img/grzx/xiala_08.jpg) no-repeat scroll right 20px top 12px transparent; + width: 173px; + height: 35px; + padding: 0px 9px; + color: rgb(110, 110, 110); + margin-right: 9px; + background: url(../../img/grzx/xiala_08.jpg) no-repeat scroll right 20px top + 12px transparent; } -.ty_zltop label>input { - width: 230px; - height: 35px; - box-sizing: border-box; - border: 1px solid rgb(212, 212, 212); +.ty_zltop label > input { + width: 230px; + height: 35px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); } -.ty_zltop label>span { - width: 38px; - height: 35px; - box-sizing: border-box; - border: 1px solid rgb(212, 212, 212); - border-left: none; - display: flex; - align-items: center; - padding-left: 5px; +.ty_zltop label > span { + width: 38px; + height: 35px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); + border-left: none; + display: flex; + align-items: center; + padding-left: 5px; - background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); + background-image: linear-gradient( + to top, + rgb(255, 255, 255), + rgb(244, 244, 244) + ); } .ty_zltop label { - display: flex; - align-items: center; - margin-right: 10px; + display: flex; + align-items: center; + margin-right: 10px; } .ty_int .ty_yspsc { - width: 820px; - height: 168px; + width: 820px; + height: 168px; } .ty_textarea { - align-items: flex-start; + align-items: flex-start; } -.ty_textarea>:nth-child(1) { - padding-top: 17px; +.ty_textarea > :nth-child(1) { + padding-top: 17px; } .chooseImg-box { - display: inline-block; + display: inline-block; } -.chooseImg-box>div input { - width: 109px; - height: 109px; - border: 1px solid #E6E6E6; - border-radius: 3px; - opacity: 0; - z-index: 2; - cursor: pointer +.chooseImg-box > div input { + width: 109px; + height: 109px; + border: 1px solid #e6e6e6; + border-radius: 3px; + opacity: 0; + z-index: 2; + cursor: pointer; } - -.ty_topimgtx{ - display: none; +.ty_topimgtx { + display: none; } -.chooseImg-box>div img { - width: 109px; - height: 109px; - object-fit: cover; - z-index: 1; - border-radius: 3px; +.chooseImg-box > div img { + width: 109px; + height: 109px; + object-fit: cover; + z-index: 1; + border-radius: 3px; } .chooseImg-content { - margin-top: 76px; - margin-left: 12px; - font-size: 12px; - color: #222222; - opacity: .7; - -} -.ty_intfile{ - position: absolute; - z-index: 2; -} -.ty_pdf{ - display: flex; - margin-bottom: 21px; + margin-top: 76px; + margin-left: 12px; + font-size: 12px; + color: #222222; + opacity: 0.7; } -.ty_pdf>:nth-child(1){ - text-align: right; - margin-right: 20px; - padding-top: 10px; - font-size: 16px; - width: 117px; +.ty_intfile { + position: absolute; + z-index: 2; } -.ty_intf{ - width: 471px; - height: 52px; - box-sizing: border-box; - font-size: 16px; - border: solid 1px #000; - border-color: rgb(208, 208, 208); - - opacity: 0; - position: absolute; - left: 0px; - top: 0px; + +.ty_pdf { + display: flex; + margin-bottom: 21px; } -#uptxt{ - width: 471px; - height: 52px; - box-sizing: border-box; - font-size: 16px; - border: solid 1px #000; - border-color: rgb(208, 208, 208); - border-radius: 5px 0 0 5px; + +.ty_pdf > :nth-child(1) { + text-align: right; + margin-right: 20px; + padding-top: 10px; + font-size: 16px; + width: 117px; } -.ty_tusc{ - display: flex; - position: relative; + +.ty_intf { + width: 471px; + height: 52px; + box-sizing: border-box; + font-size: 16px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + + opacity: 0; + position: absolute; + left: 0px; + top: 0px; } -.ty_tusc>label{ - width: 156px; - height: 52px; - box-sizing: border-box; - border: 1px solid rgb(212, 212, 212); - border-left: none; - display: flex; - align-items: center; - justify-content: center; + +#uptxt { + width: 471px; + height: 52px; + box-sizing: border-box; + font-size: 16px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + border-radius: 5px 0 0 5px; +} + +.ty_tusc { + display: flex; + position: relative; +} + +.ty_tusc > label { + width: 156px; + height: 52px; + box-sizing: border-box; + border: 1px solid rgb(212, 212, 212); + border-left: none; + display: flex; + align-items: center; + justify-content: center; font-size: 16px; color: #191919; - background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); + background-image: linear-gradient( + to top, + rgb(255, 255, 255), + rgb(244, 244, 244) + ); } - -.ty_jgcon>:nth-child(3) { - width: 217px; - - -} -.ty_jgcon>:nth-child(4) { - width: 76px; -} -.ty_jgcon>:nth-child(5) { - width: 276px; +.ty_jgcon > :nth-child(3) { + width: 217px; } - -.ty_jgcona>:nth-child(3) { - width: 217px; - - +.ty_jgcon > :nth-child(4) { + width: 76px; } -.ty_xwgg>:nth-child(5) { - width: 109px; - text-align: left; +.ty_jgcon > :nth-child(5) { + width: 276px; } -.ty_xwggcon>:nth-child(5) { - width: 109px; - text-align: left; -} -.ty_xzcor{ - color: #cb1919; -} -.ty_xwtable .ty_zlcon .ty_pind{ - padding-top: 45px; -} -.ty_tihuan{ - width: 143px; - height: 48px; - background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); - font-size: 15px; - text-align: center; - display: block; - line-height: 48px; - border: solid 1px #000; - border-color: rgb(208, 208, 208); - margin-left: 14px; - margin-top: 192px; - cursor: pointer -} -.ty_zlth{ - align-items: flex-start; - -} -.ty_zlth>.ty_intfile{ - width: 243px; - height: 244px; -} -.ty_zlth>.pa{ - width: 243px; - height: 244px; -} -.ty_grzximg{ - cursor: pointer; - position: absolute; - top: 0px; - 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; - opacity: 0; -} -.ty_scimg>img{ - width: 100%; - border-radius: 50%; -} -.ty_jgintcor{ - display: inline-block; -} -.ty_riscon>div{ - display: inline-block; -} -.ty_riscon>form{ - display: inline-block; -} -.tyys_namep{ - text-align: right;width: 81px; -} -.ty_tp{ - padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start; -} -.ty_didanpd{ - height: auto; padding: 25px 24px 20px; -} -.ty_gzmr{ - display:none;align-content: flex-start;flex-wrap: wrap; -} -.ty_zgyscon{ - margin: 0 auto;table-layout: fixed;padding-top: 20px; -} -.ty_zgysconTr{ - color: #333333;opacity: .7;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px; -} -.tyzg_text{ - width: 103px;height: 103px;overflow: hidden; -} -.ty_pj{ - color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF; -} -.tyzg_sc{ - color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;margin-top: 6px;background: #FFFFFF; -} -.tytj_tjzp{ - width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px; -} -.tytj_plsc{ - width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px; -} -.ty_qbselect{ - width: auto; - height: auto; - padding:0px; - margin: 0px; - border-radius: 3px; - border: none; - border-color: rgb(208, 208, 208); - appearance: none; - -moz-appearance: none; - -webkit-appearance: none; - display: flex; - box-sizing: border-box; - background: url(../../img/grzx/qbdd.png) no-repeat scroll right 7px top 3px transparent; - background-size: 10px 6px; - cursor: pointer; - align-items: center; - margin-top: 3px; - width: 73px; - color: rgb(106, 106, 106); -} \ No newline at end of file +.ty_jgcona > :nth-child(3) { + width: 217px; +} + +.ty_xwgg > :nth-child(5) { + width: 109px; + text-align: left; +} + +.ty_xwggcon > :nth-child(5) { + width: 109px; + text-align: left; +} + +.ty_xzcor { + color: #cb1919; +} + +.ty_xwtable .ty_zlcon .ty_pind { + padding-top: 45px; +} + +.ty_tihuan { + width: 143px; + height: 48px; + background-image: linear-gradient( + to top, + rgb(255, 255, 255), + rgb(244, 244, 244) + ); + font-size: 15px; + text-align: center; + display: block; + line-height: 48px; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + margin-left: 14px; + margin-top: 192px; + cursor: pointer; +} + +.ty_zlth { + align-items: flex-start; +} + +.ty_zlth > .ty_intfile { + width: 243px; + height: 244px; +} + +.ty_zlth > .pa { + width: 243px; + height: 244px; +} + +.ty_grzximg { + cursor: pointer; + position: absolute; + top: 0px; + 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; + opacity: 0; +} + +.ty_scimg > img { + width: 100%; + border-radius: 50%; +} + +.ty_jgintcor { + display: inline-block; +} + +.ty_riscon > div { + display: inline-block; +} + +.ty_riscon > form { + display: inline-block; +} + +.tyys_namep { + text-align: right; + width: 81px; +} + +.ty_tp { + padding: 25px 12px 0 25px; + display: flex; + flex-wrap: wrap; + align-content: flex-start; +} + +.ty_didanpd { + height: auto; + padding: 25px 24px 20px; +} + +.ty_gzmr { + display: none; + align-content: flex-start; + flex-wrap: wrap; +} + +.ty_zgyscon { + margin: 0 auto; + table-layout: fixed; + padding-top: 20px; +} + +.ty_zgysconTr { + color: #333333; + opacity: 0.7; + font-size: 14px; + font-weight: 400; + background-color: rgb(245, 245, 245); + height: 40px; +} + +.tyzg_text { + width: 103px; + height: 103px; + overflow: hidden; +} + +.ty_pj { + color: #00a608; + border: 1px solid #00a608; + width: 62px; + height: 34px; + line-height: 34px; + border-radius: 3px; + background: #ffffff; +} + +.tyzg_sc { + color: #066ee2; + border: 1px solid #066ee2; + width: 62px; + height: 34px; + line-height: 34px; + border-radius: 3px; + margin-top: 6px; + background: #ffffff; +} + +.tytj_tjzp { + width: 116px; + height: 44px; + line-height: 44px; + text-align: center; + color: #ffffff; + background: #cb1919; + border-radius: 5px; + border: 1px solid #cb1919; + font-size: 15px; +} + +.tytj_plsc { + width: 116px; + height: 44px; + line-height: 44px; + text-align: center; + color: #066ee2; + background: #ffffff; + border-radius: 5px; + border: 1px solid #066ee2; + font-size: 15px; + margin: 0px 20px 0 10px; +} + +.ty_qbselect { + width: auto; + height: auto; + padding: 0px; + margin: 0px; + border-radius: 3px; + border: none; + border-color: rgb(208, 208, 208); + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + display: flex; + box-sizing: border-box; + background: url(../../img/grzx/qbdd.png) no-repeat scroll right 7px top 3px + transparent; + background-size: 10px 6px; + cursor: pointer; + align-items: center; + margin-top: 3px; + width: 73px; + color: rgb(106, 106, 106); +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..ff46391 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1436 @@ +/* 个人中心- */ +* { + padding: 0px; + margin: 0px; +} + +/* header */ +a { + text-decoration: none; +} + +ul { + list-style: none; +} + +.tygrzx input::-webkit-input-placeholder { + color: rgb(180, 180, 180); +} + +.tygrzx input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: rgb(180, 180, 180); +} + +.tygrzx input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: rgb(180, 180, 180); +} + +.tygrzx input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: rgb(180, 180, 180); +} +.tygrzx select{ + color: rgb(180, 180, 180); +} +.tygrzx_grint input::-webkit-input-placeholder { + color: #222222; +} + +.tygrzx_grint input::-moz-placeholder { + /* Mozilla Firefox 19+ */ + color: #222222; +} + +.tygrzx_grint input:-moz-placeholder { + /* Mozilla Firefox 4 to 18 */ + color: #222222; +} + +.tygrzx_grint input:-ms-input-placeholder { + /* Internet Explorer 10-11 */ + color: #222222; +} +.tygrzx_grint select{ + color: #222222; +} + + +/* main */ +.tygrzx_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; +} + +.tygrzx_co { + background-color: rgb(245, 245, 245); +} + +.tygrzx_left { + width: 202px; + height: 711px; + background-color: #fff; + padding-top: 29px; + margin-right: 19px; + position: relative; + box-sizing: border-box; +} + +.tygrzx_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; +} + +.tygrzx_lefttx { + text-align: center; + border-bottom: 1px solid rgb(245, 245, 245); + padding-bottom: 24px; +} + +.tygrzx_lefttx>img { + width: 60%; + height: 50%; + margin: auto; + margin-bottom: 29px; + + display: block; +} + +.tygrzx_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; + cursor: pointer; + box-sizing: border-box; +} + +.tygrzx_leftcon>img { + margin-right: 10px; + +} + +.tygrzx_ris { + + width: 1060px; +} + +.tygrzx_tit { + width: 100%; + height: 64px; + background-color: #fff; + line-height: 64px; + font-weight: bold; + box-sizing: border-box; + font-size: 18px; + + padding-left: 24px; +} + +.tygrzx_riscon { + width: 100%; + margin-top: 10px; + height: 709px; + padding-top: 40px; + padding-left: 100px; + box-sizing: border-box; + background-color: #fff; +} +input{ + padding-left: 14px; + box-sizing: border-box; +} + + +.tygrzx_dindantit { + width: 100%; + height: 20px; + border-bottom: 1px solid rgb(233, 233, 233); + ; + display: none; + margin-bottom: 5px; + +} +.tygrzx_grzximg{ + position: absolute; + top: 0px; + 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; + opacity: 0; + cursor: pointer; +} + +.tygrzx_scimg { + width: 154px; + height: 154px; + background-color: rgb(245, 245, 245); + border-radius: 50%; + border: none; + margin-right: 28px; +} +.tygrzx_scimg>img{ + width: 100%; + border-radius: 50%; +} + +.tygrzx_tupian { + display: flex; + align-items: center; + margin-bottom: 44px; +} +.tygrzx_tupian> :nth-child(2){ + position: relative; +} + +::-webkit-input-placeholder { + color: #222222; +} + +.tygrzx_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; +} + +.tygrzx_col { + color: rgb(193, 193, 193); +} + +.tygrzx_name { + display: flex; + margin-bottom: 37px; + font-size: 16px; +} + +.tygrzx_name> :nth-child(1) { + width: 65px; + margin-right: 20px; + text-align: right; +} + +.tygrzx_int { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tygrzx_int> :nth-child(1) { + width: 65px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tygrzx_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; +} + +.tygrzx 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; + cursor: pointer; +} + +.tygrzx_setle { + display: flex; + align-items: center; + margin-bottom: 18px; +} + +.tygrzx_setle> :nth-child(1) { + width: 65px; + text-align: right; + margin-right: 20px; + font-size: 16px; +} + +.tygrzx_setle>select { + margin-right: 10px; +} + +.tyint_pal { + padding-left: 14px; + box-sizing: border-box; + color: #000; +} + +.tygrzx_btn { + text-align: right; + width: 557px; +} + +.tygrzx_btn>button { + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + cursor: pointer; + border: none; +} + +.tygrzx_btn1 { + text-align: right; + width: 581px; +} + +/* 密码修改 */ +.tygrzx_wic> :nth-child(1) { + width: 90px; +} + +.tygrzx_riscon1 { + height: 638px; + margin-top: 10px; +} + +/* 收货地址 */ +.tygrzx_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; +} + +.tygrzx_shtit>div { + display: flex; + align-items: center; +} + +.tygrzx_shtit>div>:nth-child(1) { + font-size: 18px; + font-weight: bold; + margin-right: 20px; +} + +.tygrzx_shtit>div>:nth-child(2) { + font-size: 12px; +} + +.tygrzx_shtit>p { + font-size: 18px; + color: rgb(13, 158, 61); + cursor: pointer; +} + +.tygrzx_con { + width: 100%; + height: 638px; + margin-top: 10px; + box-sizing: border-box; + background-color: #fff; + padding-top: 26px; + +} + +.tygrzx_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; +} + +.tygrzx_dzxx>:nth-child(1)>:nth-child(1) { + font-size: 18px; + font-weight: bold; +} + +.tygrzx_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); +} + +.tygrzx_dzxx>:nth-child(1) { + display: flex; +} + +.tygrzx_dzxx { + display: flex; + justify-content: space-between; + align-self: flex-start; + align-items: center; + margin-bottom: 20px; +} + +.tygrzx_dzxx>:nth-child(2) { + + width: 20px; + height: 20px; + cursor: pointer; + +} + +.tygrzx_dztext { + color: rgb(149, 149, 149); + margin-bottom: 10px; + font-size: 14px; +} + +.tygrzx_dztext>span { + color: #000; +} + +.tygrzx_mr { + display: flex; + justify-content: space-between; +} + +.tygrzx_mr>:nth-child(2) { + display: flex; + color: rgb(74, 122, 228); +} + +.tygrzx_mr>:nth-child(2)>p { + margin-left: 28px; + cursor: pointer; +} + + +/* 新增收货地址 */ +.tygrzx_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; +} + +.tygrzx_tcon { + width: 653px; + padding-bottom: 43px; + border-radius: 5px; + background-color: #fff; + margin: auto; +} + +.tygrzx_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; +} + +.tygrzx_tctiti>:nth-child(2) { + + width: 20px; + height: 20px; + +} + +.tygrzx_tris { + padding-top: 26px; + padding-left: 40px; +} + +.tygrzx_tcwi { + margin-bottom: 12px; +} + +.tygrzx_tcwi>:nth-child(1) { + width: 82px; + margin-right: 0px; +} + +.tygrzx_yhtit { + width: 100%; + height: 64px; + background-color: #fff; + box-sizing: border-box; + display: flex; + align-items: center; + padding-left: 23px; + font-size: 18px; + +} + +.tygrzx_yhd { + font-weight: 600; +} + +.tygrzx_yhtit>p { + margin-right: 40px; + color: #191919; + cursor: pointer; +} + +/* 优惠卷 */ +.tygrzx_yhuij { + width: 25%; + text-align: center; + padding-right: 11px; + margin-bottom: 11px; + box-sizing: border-box; +} + +.tygrzx_yhjyuan { + position: absolute; + bottom: -4px; + width: 100%; + left: 0px; +} + +.tygrzx_yhuij>:nth-child(1) { + background-color: rgb(116, 210, 212); + width: 100%; + height: 142px; + position: relative; + padding-top: 26px; + box-sizing: border-box; +} + +.tygrzx_yhuij>:nth-child(2) { + width: 100%; + height: 83px; + background-color: rgb(249, 249, 249); +} + +.tygrzx_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; + cursor: pointer; + box-sizing: border-box; +} + +.tygrzx_yhmn { + color: #fff; + font-size: 36px; + text-align: center; + display: inline-block; + margin: auto; + line-height: 33px; + position: relative; + margin-left: 10px; +} + +.tygrzx_yhmn>span { + font-size: 20px; + display: inline-block; + top: -9px; + left: -19px; + position: absolute; +} + +.tygrzx_textyh { + font-size: 13px; + margin-top: 15px; + margin-bottom: 20px; + color: #fff; +} + +.tygrzx_yhbtn { + width: 121px; + height: 35px; + border: 1px solid rgb(116, 210, 212); + border-radius: 30px; + margin-top: 26px; + display: inline-block; + line-height: 35px; + cursor: pointer; + color: rgb(116, 210, 212); +} + +.gqtp { + text-align: right; + padding-top: 12px; + padding-right: 12px; + box-sizing: border-box; +} + +.tygrzx_tp>:nth-child(4n) { + margin-right: 0px; +} + +.tygrzx_listimg { + position: absolute; + display: none; +} + +/* 订单 */ +.tygrzx_ddnav { + display: flex; + +} + +.tygrzx_dindantetx { + display: flex; +} + +.tygrzx_dnum { + display: flex; +} + +.tygrzx_ddys { + color: rgb(203, 25, 25); +} + +.tygrzx_ddnav>p { + margin-right: 32px; + font-weight: bold; + font-size: 14px; +} + +.tygrzx_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; +} + +.tygrzx_ddxq p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tygrzx_ddxq>:nth-child(2) { + display: flex; +} + +.tygrzx_ddxq>:nth-child(2)>* { + margin-left: 60px; + cursor: pointer; + color: rgb(106, 106, 106); + +} + +.tygrzx_ddcon { + width: 100%; + border: 1px solid rgb(233, 233, 233); + box-sizing: border-box; + margin-bottom: 20px; +} + +.tygrzx_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; +} + +.tygrzx_ddcontit>:nth-child(1)>p { + color: rgb(146, 146, 146); +} + +.tygrzx_ddcontit>:nth-child(2) { + display: flex; + align-items: center; + cursor: pointer; + width: 61px; +} + +.tygrzx_ddcontit>:nth-child(2)>p { + margin-right: 5px; + color: rgb(6, 110, 226); +} + +.tygrzx_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; +} + +.tygrzx_ddxx>:nth-child(1)>:last-child { + border-bottom: none; +} + +.tygrzx_ddmas { + display: flex; +} + +.tygrzx_ddmas>:nth-child(2) { + width: 250px; + font-size: 13px; + padding-top: 12px; + margin-left: 12px; +} + +.tygrzx_dindantop { + display: flex; + align-items: center; + font-size: 14px; + +} + +.tygrzx_dnum>:nth-child(1) { + padding-top: 12px; + margin-left: 80px; + font-size: 13px; +} + +.tygrzx_dnum>:nth-child(2) { + padding-top: 12px; + margin-left: 72px; + font-size: 13px; +} + +.tygrzx_ddxx { + display: flex; + flex-wrap: wrap; +} + +.tygrzx_ddxxTxt { + padding-top: 24px; + font-size: 13px; + width: 98px; + border-right: 1px solid rgb(233, 233, 233); + text-align: center; +} + +.tygrzx_ddxxTxt1 { + padding-top: 24px; + width: 100px; + text-align: center; +} + +.tygrzx_ddxxTxt1>button { + width: 79px; + cursor: pointer; + height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + margin-bottom: 8px; + font-size: 13px; + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); +} + +.tygrzx_ddxxTxt1>a { + width: 79px; + cursor: pointer; + display: inline-block; + height: 34px; + line-height: 34px; + border: 1px solid rgb(233, 156, 156); + color: rgb(203, 25, 25); + font-size: 13px; + margin-bottom: 8px; + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244)); +} +.tygrzx_paging { + display: flex; + align-items: center; +} + +.tygrzx_paging>p { + width: 101px; + height: 37px; + border: solid 1px rgb(243, 243, 243); + text-align: center; + line-height: 37px; + margin-right: 12px; + color: #848484; +} + +.tygrzx_pagingcol { + color: rgb(255, 82, 0); +} + +.tygrzx_paging>div>span { + margin-right: 12px; + +} + + +.tygrzx_shtcint { + display: flex; + align-items: center; + +} + +.tygrzx_sgtxt { + font-size: 16px; + color: #191919; +} + +.tygrzx_tpsc { + display: flex; +} + +.tygrzx_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; +} + +.tygrzx_tpsc>:nth-child(2) { + color: #222222; + margin-top: 82px; + margin-left: 15px; + font-size: 12px; + color: rgb(126, 126, 126); +} + +.tygrzx_yscon { + padding-left: 24px; +} + +.tygrzx_ysnr { + width: 20%; + padding-right: 23px; + box-sizing: border-box; + margin-bottom: 35px; + position: relative; +} + +.tygrzx_ysnr>img { + width: 100%; +} + +.tygrzx_ysnr>p { + font-size: 16px; + color: #191919; + text-align: center; + margin-top: 18px; + +} + +.tygrzx_ysmr { + display: flex; + flex-wrap: wrap; +} + + + +.tygrzx_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; + cursor: pointer; + font-size: 13px; +} + +.tygrzx_wdgz { + width: 33%; + padding-right: 21px; + box-sizing: border-box; + margin-bottom: 21px; + position: relative; +} + +.tygrzx_wdgz>img { + width: 100%; +} + +.tygrzx_wdgz>p { + font-size: 16px; + color: #191919; + margin-top: 18px; +} + + + +.tygrzx_jftit { + width: 100%; + background-color: #fff; + height: 161px; + padding-top: 25px; + box-sizing: border-box; + padding-left: 22px; +} + +.tygrzx_jftit>:nth-child(1) { + font-size: 18px; + color: #191919; + font-weight: bold; +} + +.tygrzx_jftit>:nth-child(2) { + display: flex; + padding-left: 32px; + margin-top: 35px; + align-items: center; + +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(1) { + font-size: 16px; + color: #191919; +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(2) { + color: #cb1919; + font-size: 24px; + margin-left: 20px; + +} + +.tygrzx_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; + cursor: pointer; + margin-left: 30px; +} + +.tygrzx_jftit>:nth-child(2)>:nth-child(4) { + width: 98px; + font-size: 15px; + color: #cb1919; + text-align: center; + line-height: 44px; + border: 1px solid #cb1919; + cursor: pointer; + border-radius: 3px; + margin-left: 20px; + height: 44px; +} + +.tygrzx_jfn>:nth-child(1) { + font-size: 14px; + color: #cb1919; + font-weight: bold; +} + +.tygrzx_jfntit { + width: 100%; + height: 42px; + margin-top: 10px; + background-color: rgb(245, 245, 245); + padding-left: 77px; +} + +.tygrzx_jfntit>th { + color: rgb(106, 106, 106); + font-size: 14px; +} + +.tygrzx_jfntit>:nth-child(2) { + width: 424px; +} +.tygrzx_jfntit>:nth-child(3){ + text-align: left; +} +.tygrzx_jfntit>:nth-child(1) { + width: 183px; +} + +.tygrzx_jftable { + width: 100%; +} + +.tygrzx_jftable>thead { + width: 100%; +} + +.tygrzx_jfcon { + height: 44px; + +} +.tygrzx_jfcon>td{ + border-bottom: 1px solid rgb(238, 233, 231); +} + +.tygrzx_jfcon>:nth-child(1) { + font-size: 13px; + color: #525252; + + text-align: center; +} + +.tygrzx_jfcon>:nth-child(2) { + width: 75px; + font-size: 14px; + + text-align: center; + font-weight: bold; +} + +.tygrzx_jfys { + color: rgb(0, 166, 8); +} + +.tygrzx_jfys2 { + color: rgb(203, 25, 25); +} + +.tygrzx_jfcon>:nth-child(3) { + font-size: 13px; + color: #525252; +} + +/* 收藏 */ +.tygrzx_sccon { + padding-left: 24px; + +} + +.tygrzx_yishusc { + width: 33%; + padding-right: 14px; + position: relative; + box-sizing: border-box; + +} + +.tygrzx_yishusc>img { + width: 100%; +} + +.tygrzx_yishusc>:nth-child(2) { + font-size: 16px; + color: #191919; + margin-top: 17px; + margin-bottom: 14px; +} + +.tygrzx_yishusc>:nth-child(3) { + color: rgb(147, 147, 147); + font-size: 13px; +} + +.tygrzx_scmr>:nth-child(3n) { + margin-right: 0px; +} + +.tygrzx_scml { + padding-left: 22px; + +} + +.tygrzx_yspcon { + width: 20%; + padding-right: 24px; + margin-bottom: 24px; + box-sizing: border-box; + position: relative; +} + +.tygrzx_yspcon>img { + width: 100%; + + +} + +.tygrzx_yspcon>p { + font-size: 14px; + color: #191919; + margin-top: 18px; +} + +.tygrzx_scml>:nth-child(5n) { + margin-right: 0px; +} + +/* 签到 */ +.tygrzx_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; + cursor: pointer; +} + +.tygrzx_qidaocon>img { + position: absolute; + top: 14px; + right: 16px; + cursor: pointer; +} + +.tygrzx_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; +} + +/* 征稿 */ +.tygrzx_zgtit { + width: 100%; + background-color: rgb(245, 245, 245); + height: 40px; + display: flex; + align-items: center; + padding-left: 77px; + box-sizing: border-box; +} + +.tygrzx_zgtit>p { + font-size: 14px; + color: rgb(106, 106, 106); +} + +.tygrzx_zgtit>:nth-child(1) { + margin-right: 314px; +} + +.tygrzx_zgtit>:nth-child(2) { + margin-right: 159px; +} + +.tygrzx_zgtit>:nth-child(3) { + margin-right: 101px; +} + +.tygrzx_zgtit>:nth-child(4) { + margin-right: 82px; +} + +.tygrzx_zgcon { + padding-top: 17px; + padding-bottom: 14px; + padding-left: 9px; + padding-right: 7px; +} + +.tygrzx_zgcon { + display: flex; + border-bottom: 1px solid rgb(238, 233, 231); + flex-wrap: wrap; +} + +.tygrzx_zgzti { + font-size: 13px; + color: rgb(82, 82, 82); +} + +.tygrzx_zgcon>:nth-child(1) { + width: 88px; + margin-right: 11px; +} + +.tygrzx_ristext { + display: flex; +} + +.tygrzx_ristext>:nth-child(1) { + width: 187px; + margin-right: 92px; + margin-left: 80px; + +} + +.tygrzx_ristext>:nth-child(2) { + margin-right: 67px; +} + +.tygrzx_ristext>:nth-child(3) { + margin-right: 34px; +} + +.tygrzx_ristext>:nth-child(4) { + width: 62px; +} + +.tygrzx_ristext>:nth-child(4)>div>button { + width: 62px; + height: 34px; + border-radius: 3px; + cursor: pointer; + background-color: #fff; + margin-bottom: 5px; +} + +.tygrzx_ristext>:nth-child(4)>div>p { + color: #191919; + font-size: 13px; + margin-top: 5px; +} + +.tygrzx_ristext>div>:nth-child(1) { + display: none; +} + +.tygrzx_bj { + color: #00a608; + border: 1px solid #00a608; +} + +.tygrzx_scsc { + color: #066ee2; + border: 1px solid #066ee2; +} + +.tygrzx_lititnoe>:nth-child(2) { + display: none; +} + +.tygrzx_lititnoe>span { + color: rgb(203, 25, 25); +} + +.tygrzx_litittwo>:nth-child(1) { + display: none; +} + +.tygrzx_topifrane { + width: 100%; + height: 300px; +} +.chooseImg-box { + display: inline-block; +} + +.chooseImg-box>div input { + width: 109px; + height: 109px; + border: 1px solid #E6E6E6; + border-radius: 3px; + opacity: 0; + z-index: 2; +} + + + + +.chooseImg-box>div img { + width: 109px; + height: 109px; + object-fit: cover; + z-index: 1; + border-radius: 3px; +} + +.chooseImg-content { + margin-top: 76px; + margin-left: 12px; + font-size: 12px; + color: #222222; + opacity: .7; + +} +.tygrzx_intfile{ + position: absolute; + z-index: 2; +} + +.tygrzx_img { + display: flex; + margin-bottom: 21px; +} + +.tygrzx_img> :nth-child(1) { + width: 80px; + text-align: right; + + padding-top: 10px; + font-size: 16px; +} + +.tygrzx_img>div { + display: flex; + +} + +.tygrzx_img>div>:nth-child(2) { + font-size: 12px; + color: rgb(180, 180, 180); + margin-left: 12px; + margin-bottom: 12px; +} +.tygrzx_shcor{ + color: #cb1919; +} +.tygrzx_jgintcor{ + color: #222222; +} +.tygrzx_topimgtx{ + display: none; +} +.tygrzx_tp{ + padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start; +} +.tygrzx_move{ + width: 100%; + height: 100%; + background-color: rgba(00, 00, 00, 0.3); + top: 0px; + position: fixed; + left: 0px; + z-index: 2; + display: flex; + justify-content: center; + display: none; + align-items: center; +} +.tygrzx_movecon{ + + padding: 20px 14px; + margin: auto; + border-radius: 3px; + background-color: #fff; + box-sizing: border-box; + +} +.tygrzx_movecon>p{ + font-size: 16px; + margin-bottom: 12px; + padding-right: 14px; +} + + +.tygrzx_movebtn>button{ + border-radius: 5px; + font-size: 18px; + width: 138px; + height: 50px; + color: #fff; + background-color: rgb(203, 25, 25); + border: none; + cursor: pointer; + margin:0px 10px; +} +.tygrzx_movebtn{ + display: flex; + justify-content: space-evenly; + margin-top: 30px; +} +.tygrzx_fterSubmission{ + width: 155px;height: 51px;margin-right: 3px; +} +.tygrzx .tygrzx_qbselect{ + width: auto; + height: auto; + padding:0px; + margin: 0px; + border-radius: 3px; + border: none; + border-color: rgb(208, 208, 208); + appearance: none; + -moz-appearance: none; + -webkit-appearance: none; + display: flex; + box-sizing: border-box; + background: url(../../img/grzx/qbdd.png) no-repeat scroll right 7px top 3px transparent; + background-size: 10px 6px; + cursor: pointer; + align-items: center; + margin-top: 3px; + width: 73px; + color: rgb(106, 106, 106); + +} \ No newline at end of file diff --git a/htmls/artistCenter/artistCenter.html b/htmls/artistCenter/artistCenter.html index 880abe5..12323b8 100644 --- a/htmls/artistCenter/artistCenter.html +++ b/htmls/artistCenter/artistCenter.html @@ -7,8 +7,8 @@ 艺术家个人中心 - - + + diff --git a/htmls/grzx/personalData.html b/htmls/grzx/personalData.html index 2d583df..330468a 100644 --- a/htmls/grzx/personalData.html +++ b/htmls/grzx/personalData.html @@ -4,95 +4,104 @@ - + 个人中心 - + + + + + - - - + - - + -
-
+
+ 图片已缺失 + +
+
+
-
    -
  • 收起菜单
  • - -
  • 图片已缺失243
  • - - -
  • +
      +
    • 收起菜单
    • +
    • 图片已缺失243
    • +
    • 图片已缺失 图片已缺失 个人资料
    • -
    • +
    • 图片已缺失 图片已缺失 密码修改
    • -
    • +
    • 图片已缺失 图片已缺失 我的订单
    • -
    • +
    • 图片已缺失 图片已缺失 我的关注
    • -
    • +
    • 图片已缺失 图片已缺失 我的收藏
    • -
    • +
    • 图片已缺失 图片已缺失 我的积分
    • -
    • +
    • 图片已缺失 图片已缺失 我的优惠券
    • -
    • +
    • 图片已缺失 图片已缺失 征稿作品管理
    • -
    • +
    • 图片已缺失 图片已缺失 收货地址
    -
    -

    个人资料

    +
    +

    个人资料

    -
    -
    -
    - 图片缺失 +
    +
    +
    + 图片缺失
    - - -

    仅支持JPG,GIF,PNG,JPEG,BMP格式

    + + +

    仅支持JPG,GIF,PNG,JPEG,BMP格式

    -
    - -
    + +

    用户名:

    asdgf

    -
    +

    姓名:

    -
    +

    电话:

    -
    +

    地址:

    -
    +

    -
    +
    @@ -121,28 +130,28 @@ -