From b93f619bd77608f58b4e51f1f6748bd6bb59e52a Mon Sep 17 00:00:00 2001 From: tangyi <275503107@qq.com> Date: Mon, 27 Sep 2021 18:04:43 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/aboutUs.css | 44 +- css/centerHead.css | 77 -- css/grzx/grzx.css | 1437 -------------------------- css/huaxia.css | 294 +++++- css/huaxiaMedia.css | 52 +- htmls/aboutUs/aboutUs.html | 59 +- htmls/artistCenter/artistCenter.html | 24 +- htmls/contactUs/contactUs.html | 75 +- htmls/grzx/personalData.html | 116 +-- htmls/institutions/institutions.html | 46 +- htmls/logshoppingcar/shopcar.html | 24 +- 11 files changed, 459 insertions(+), 1789 deletions(-) delete mode 100644 css/grzx/grzx.css diff --git a/css/aboutUs.css b/css/aboutUs.css index 621093e..c00f8ea 100644 --- a/css/aboutUs.css +++ b/css/aboutUs.css @@ -12,7 +12,7 @@ a { ul { list-style: none; } -.ty_her{ +.tyAboutUs_her{ width: 100%; height: 123px; background-color: rgb(230,230,230); @@ -21,47 +21,47 @@ ul { color: #191919; margin-bottom: 18px; } -.ty_pd{ +.tyAboutUs_pd{ padding: 0 324px; box-sizing: border-box; } -.ty_text{ +.tyAboutUs_text{ text-indent: 2em; font-size: 15px; color: #191919; line-height: 30px; } -.ty_imgcon{ +.tyAboutUs_imgcon{ width: 100%; margin-bottom: 45px; margin-top: 34px; } -.ty_imgcon>img{ +.tyAboutUs_imgcon>img{ width: 100%; } -.ty_renwu{ +.tyAboutUs_renwu{ width: 48%; display: inline-block; display: flex; } -.ty_renwu>img{ +.tyAboutUs_renwu>img{ max-width: 242px; margin-right: 21px; } -.ty-pd{ +.tyAboutUs-pd{ padding-top: 15px; } -.ty_renwucon{ +.tyAboutUs_renwucon{ display: flex; justify-content: space-between; } -.ty_titcon{ +.tyAboutUs_titcon{ margin-top: 67px; } -.ty_titcon>:nth-child(1){ +.tyAboutUs_titcon>:nth-child(1){ font-size: 22px; color: #cb1919; font-weight: bold; @@ -74,10 +74,10 @@ ul { .gz_swicon{ width: 100%; } -.ty_titcon>:nth-child(2){ +.tyAboutUs_titcon>:nth-child(2){ width: 100%; } -.ty_titcon>:nth-child(2)>div{ +.tyAboutUs_titcon>:nth-child(2)>div{ width: 100%; } .swiper-slide p{ @@ -106,52 +106,52 @@ ul { display: none; } -.ty_lxwo p{ +.tyAboutUs_lxwo p{ font-size: 16px; color: #191919; margin-bottom: 16px; } -.ty_lxwo>:nth-child(1){ +.tyAboutUs_lxwo>:nth-child(1){ font-size: 20px; color: #cb1919; font-weight: bold; margin-bottom: 21px; } -.ty_lxmiancon{ +.tyAboutUs_lxmiancon{ margin-top: 50px; display: flex; } -.ty_lxwx{ +.tyAboutUs_lxwx{ margin-left: 121px; margin-top: 49px; max-width: 100px; margin-right: 52px; } -.ty_lxwxa{ +.tyAboutUs_lxwxa{ margin-left: 166px; margin-top: 49px; max-width: 100px; } -.ty_lxwx p{ +.tyAboutUs_lxwx p{ color: #191919; opacity: 0.7; font-size: 12px; text-align: center; margin-top: 11px; } -.ty_lxwxa p{ +.tyAboutUs_lxwxa p{ color: #191919; opacity: 0.7; font-size: 12px; text-align: center; margin-top: 11px; } -.ty_lxwxa img{ +.tyAboutUs_lxwxa img{ width: 100%; } -.ty_lxwx img{ +.tyAboutUs_lxwx img{ width: 100%; } \ No newline at end of file diff --git a/css/centerHead.css b/css/centerHead.css index 42aa64f..f2a79ab 100644 --- a/css/centerHead.css +++ b/css/centerHead.css @@ -12,80 +12,3 @@ ul { list-style: none; } -.ty_herader { - box-shadow: 0px 3px 6px rgb(0 0 0 / 20%); - position: relative; - z-index: 100000; -} - -.ty_herader>img { - width: 100%; -} - -.ty_herader>nav>img { - margin-right: 210px; - - width:487px; -} - - -.ty_herader>nav { - padding-top: 31px; -justify-content: space-between; -background-color: #fff; -align-items: flex-end; -} -.ty_herader .dis>a{ - display: inline-block; - height: 80%; - width: 38%; -} -.ty_herader .dis>a img{ - height: 100%; - width: 100%; -} - -.ty_listnav { - display: flex; - color: rgb(135, 135, 135); - - justify-content:flex-end; - padding-bottom: 37px; - -} - -.ty_listnav>li { - display: flex; - - font-size: 12px; - padding-left: 8px; - align-items: center; - -} - -.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; -} - - -/* 自适应 */ diff --git a/css/grzx/grzx.css b/css/grzx/grzx.css deleted file mode 100644 index 17e76c5..0000000 --- a/css/grzx/grzx.css +++ /dev/null @@ -1,1437 +0,0 @@ -* { - 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_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/css/huaxia.css b/css/huaxia.css index ba7ced2..b3d2224 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -2005,6 +2005,108 @@ input { color: #848484; } +/* 个人头部 */ +.tyhder_herader { + box-shadow: 0px 3px 6px rgb(0 0 0 / 20%); + position: relative; + background-color: #fff; + z-index: 100000; +} + +.tyhder_herader>img { + width: 100%; +} + +.tyhder_herader>nav>img { + margin-right: 210px; + + width:487px; +} + + +.tyhder_herader>nav { + padding-top: 31px; +justify-content: space-between; +background-color: #fff; +align-items: flex-end; +} +.tyhder_herader .dis>a{ + display: inline-block; + height: 80%; + width: 38%; +} +.tyhder_herader .dis>a img{ + height: 100%; + width: 100%; +} + +.tyhder_listnav { + display: flex; + color: rgb(135, 135, 135); + + justify-content:flex-end; + padding-bottom: 37px; + +} + +.tyhder_listnav>li { + display: flex; + + font-size: 12px; + padding-left: 8px; + align-items: center; + +} + +.tyhder_listnav a { + color: rgb(135, 135, 135); + font-size: 14px; +} + +.tyhder_di { + width: 4px; + background-color: rgb(135, 135, 135); + height: 4px; + display: block; + border-radius: 50%; + margin: 0 10px; +} + +.tyhder_topicon { + width: 15px; + margin-right: 6px; + height: 15px; +} + +.tyhder_gr { + color: rgb(201, 57, 57) !important; +} +.tyhder_btntop{ + display: none; +} +.pod{ + +/* background-color: rgb(245, 245, 245); */ +top: 0px; +position: relative; + +} +.dtip{ +box-shadow: 0px 3px 6px rgb(0 0 0 / 20%); +width: 100%; +box-sizing: border-box; + +} +.ty_herader .ty_listnavPosition{ + +display: block; +background-color: rgb(245, 245, 245); +right: 0px; +top: 0px; +height: 100%; +} + +/* 自适应 */ /* 个人中心- */ @@ -2765,7 +2867,7 @@ ul { width: 32px; } -.tygrzx_ddxx>:nth-child(1)>div { +.tygrzx_ddxx .a { display: flex; padding: 14px 0px 14px 15px; border-bottom: 1px solid rgb(233, 233, 233); @@ -3270,7 +3372,7 @@ justify-content: space-between; .tygrzx_ristext>:nth-child(1) { width: 187px; - margin-right: 88px; + margin-right: 71px; margin-left: 65px; } @@ -4722,7 +4824,7 @@ select { .tyjgzx_zgcon> :nth-child(1) { - padding-top: 37px; + padding-top: 24px; } .tyjgzx_zgcon> :nth-child(2)>img { @@ -5428,7 +5530,7 @@ select { } .tyjgzx_jgcona> :nth-child(3) { width: 54px; - padding-left: 22px; + padding-left: 24px; text-align: center; } @@ -5699,30 +5801,7 @@ select { color: rgb(106, 106, 106); position: fixed; } -.ty_btntop{ - display: none; -} -.pod{ - /* background-color: rgb(245, 245, 245); */ - top: 0px; - position: relative; - -} -.dtip{ - box-shadow: 0px 3px 6px rgb(0 0 0 / 20%); - width: 100%; - box-sizing: border-box; - -} -.ty_herader .ty_listnavPosition{ - - display: block; - background-color: rgb(245, 245, 245); - right: 0px; - top: 0px; - height: 100%; -} /* .ty_listnavdIV{ position: fixed; top: 68px; @@ -5755,4 +5834,163 @@ select { .ty_lititnoe > span{color: #333333;} .left-title{color: #CB1919!important;} td{border-bottom: 1px solid #ebebeb;} -tfoot tr td{border-bottom: none;} \ No newline at end of file +tfoot tr td{border-bottom: none;} + +/* 关于我们 */ + +* { + padding: 0px; + margin: 0px; +} + +/* header */ +a { + text-decoration: none; +} + +ul { + list-style: none; +} +.tyAboutUs_her{ + width: 100%; + height: 123px; + background-color: rgb(230,230,230); + font-size: 40px; + line-height: 123px; + color: #191919; + margin-bottom: 18px; +} +.ty_pd{ + padding: 0 324px; + box-sizing: border-box; + +} +.tyAboutUs_text{ + text-indent: 2em; + font-size: 15px; + color: #191919; + line-height: 30px; + +} +.tyAboutUs_imgcon{ + width: 100%; + margin-bottom: 45px; + margin-top: 34px; + +} +.tyAboutUs_imgcon>img{ + width: 100%; +} +.tyAboutUs_renwu{ + width: 48%; + display: inline-block; + display: flex; +} +.tyAboutUs_renwu>img{ + max-width: 242px; + margin-right: 21px; +} +.tyAboutUs-pd{ + padding-top: 15px; +} +.tyAboutUs_renwucon{ + display: flex; + justify-content: space-between; +} +.tyAboutUs_titcon{ + margin-top: 67px; +} +.tyAboutUs_titcon>:nth-child(1){ + font-size: 22px; + color: #cb1919; + font-weight: bold; + padding-bottom: 19px; + border-bottom:solid 1px rgb(241,241,241) ; + margin-bottom: 69px; + + +} +.gz_swicon{ + width: 100%; +} +.tyAboutUs_titcon>:nth-child(2){ + width: 100%; +} +.tyAboutUs_titcon>:nth-child(2)>div{ + width: 100%; +} +.swiper-slide p{ + font-size: 14px; + line-height: 28px; + color: #191919; + display: none; +} +.swiper-slide img{ + width: 100%; +} +.swiper-slide-active .gz_swicon p{ + display: block; +} +.swiper-slide span{ + display: inline-block; + width: 100%; + height: 100%; + background-color: rgba(255, 255, 255, 0.5); + position: absolute; + top: 0px; + left: 0px; + z-index: 5; +} +.swiper-slide-active span{ + display: none; +} + +.tyAboutUs_lxwo p{ + font-size: 16px; + color: #191919; + margin-bottom: 16px; +} +.tyAboutUs_lxwo>:nth-child(1){ + font-size: 20px; + color: #cb1919; + font-weight: bold; + margin-bottom: 21px; +} +.tyAboutUs_lxmiancon{ + margin-top: 50px; + display: flex; + +} + +.tyAboutUs_lxwx{ + margin-left: 121px; + margin-top: 49px; + max-width: 100px; + margin-right: 52px; +} +.tyAboutUs_lxwxa{ + margin-left: 166px; + margin-top: 49px; + max-width: 100px; + +} +.tyAboutUs_lxwx p{ + color: #191919; + opacity: 0.7; + font-size: 12px; + text-align: center; + margin-top: 11px; +} +.tyAboutUs_lxwxa p{ + color: #191919; + opacity: 0.7; + font-size: 12px; + text-align: center; + margin-top: 11px; + } +.tyAboutUs_lxwxa img{ + width: 100%; +} +.tyAboutUs_lxwx img{ + width: 100%; +} \ No newline at end of file diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index 526c588..c0769c7 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -514,35 +514,35 @@ .sypx-box .ys-title{height: 50px;line-height: 50px;} .ys-title{font-size: 15px;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 0px; } - .ty_listnav>li { + .tyhder_listnav>li { padding-left: 7px; } } @media screen and (max-width:1000px){ - .ty_herader .dis>a { + .tyhder_herader .dis>a { width: 260px; } -.ty_listnav{ +.tyhder_listnav{ display: none; } -.ty_btntop{ +.tyhder_btntop{ display: block; } -.ty_herader>nav { +.tyhder_herader>nav { padding-top: 31px; justify-content: space-between; align-items: center; } -.ty_herader>img { +.tyhder_herader>img { display: none; } } @@ -560,18 +560,18 @@ align-items: center; .hz-imgItem div img{width: 80%;} .sypx-box img{height: 240px;object-fit: cover;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 0px; } -.ty_herader .dis>a { +.tyhder_herader .dis>a { width: 30%; } -.ty_listnav { +.tyhder_listnav { padding-bottom: 26px; } @@ -587,18 +587,18 @@ align-items: center; .head-nav-box > div:last-child {margin-top: 0px;} .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 0px; } -.ty_herader .dis>a { +.tyhder_herader .dis>a { width: 33%; } -.ty_listnav { +.tyhder_listnav { padding-bottom: 26px; } @@ -613,18 +613,18 @@ align-items: center; .redD {right: 6px;} .sypx-box img{height: 240px;object-fit: cover;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 8px; } -.ty_herader .dis>a { +.tyhder_herader .dis>a { width: 33%; } -.ty_listnav { +.tyhder_listnav { padding-bottom: 26px; } @@ -641,18 +641,18 @@ align-items: center; .dao-box>li>div{padding: 6px 0;} .redD {right: 8px;} .sypx-box img{height: 340px;object-fit: cover;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 0px; } -.ty_herader .dis>a { +.tyhder_herader .dis>a { width: 33%; } -.ty_listnav { +.tyhder_listnav { padding-bottom: 26px; } @@ -662,10 +662,10 @@ align-items: center; @media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} - .ty_di { + .tyhder_di { display: none; } - .ty_listnav a{ + .tyhder_listnav a{ padding-left: 8px; } #ys-cate{overflow-x: scroll;overflow-y: hidden;} diff --git a/htmls/aboutUs/aboutUs.html b/htmls/aboutUs/aboutUs.html index 08ef799..1fb0391 100644 --- a/htmls/aboutUs/aboutUs.html +++ b/htmls/aboutUs/aboutUs.html @@ -5,45 +5,36 @@ + +