diff --git a/css/huaxia.css b/css/huaxia.css index 1fd5c35..cc40864 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -2428,24 +2428,28 @@ input { height: 52px; cursor: pointer; } -.tygrzx_setle>:last-child { +.tygrzx_setle>div>:last-child { margin-right: 0px; } +.tygrzx_setlecon{ + display: flex; + +} .tygrzx_setle { display: flex; align-items: center; margin-bottom: 18px; } -.tygrzx_setle> :nth-child(1) { +.tygrzx_setle>:nth-child(1) { width: 65px; text-align: right; margin-right: 20px; font-size: 16px; } -.tygrzx_setle>select { +.tygrzx_setle>div>select { margin-right: 10px; } @@ -2473,12 +2477,12 @@ input { .tygrzx_btn1 { text-align: right; - width: 581px; + } /* 密码修改 */ .tygrzx_wic> :nth-child(1) { - width: 90px; + width: 110px; } .tygrzx_riscon1 { diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index 38ee272..1ffa365 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -11,23 +11,12 @@ @media screen and (min-width:621px) and (max-width:720px) {} -@media screen and (min-width:721px) and (max-width:820px) { - +@media screen and (min-width:721px) and (max-width:820px) {} +@media screen and (min-width:300px) and (max-width:1020px) {} -} - - -@media screen and (min-width:300px) and (max-width:1020px) { - - - -} - -@media screen and (min-width:300px) and (max-width:820px) { - -} +@media screen and (min-width:300px) and (max-width:820px) {} @media screen and (min-width:821px) and (max-width:920px) {} @@ -39,186 +28,781 @@ @media screen and (min-width:991px) and (max-width:1520px) { - .tygrzx_riscon { - padding-left: 32px; - } + .tygrzx_riscon { + padding-left: 32px; + } } + @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; - } + + .p-zy320 { + padding-left: 120px; + padding-right: 120px; + } + + .tygrzx_int> :nth-child(2) { + width: 345px; + } + + .tygrzx select { + width: 108px; + } + + .tygrzx_leftcon { + padding-left: 15px; + } } -@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:767) and (max-width:1440px) { + + + .tygrzx_riscon { + padding-left: 32px; + } + + .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; - } - - .tygrzx_leftcon { - padding-left: 15px; - } + .p-zy320 { + padding-left: 60px; + padding-right: 60px; + } + .tygrzx select { + width: 30%; + padding: 12px 9px; + background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent; + margin-right: 0px; + } + .tygrzx_setlecon{ + width: 85%; + justify-content: space-between; + } + .tygrzx_leftcon { + padding-left: 15px; + } + + .tygrzx_riscon { + padding-left: 32px; + } + + .tygrzx_int> :nth-child(2) { + width: 85%; + } + .tygrzx_wic> :nth-child(2) { + width: 81%; } + .tygrzx_riscon>form { + display: block; + padding-right: 0px; + width: 95%; + } +} + +@media screen and (max-width:767px) { + .tygrzx_riscon>form { + display: block; + padding-right: 0px; + width: 95%; + } + .p-zy320 { + padding-left: 30px; + padding-right: 30px; + } + + .tygrzx_left { + width: 100%; + height: auto; + overflow-x: auto; + display: flex; + padding-top: 0px; + } + + .caiadn { + width: 100%; + position: absolute; + box-sizing: border-box; + overflow: hidden; + left: 0px; + padding-right: 30px; + padding-left: 30px; + + + } + + .tygrzx_riscon { + /* padding-left: 32px; */ + padding: 40px 20px 20px; + position: relative; + height: auto; + } + + .tygrzx_ris { + margin-top: 98px; + width: 100%; + + } + + .tygrzx_leftcon { + width: auto; + flex-shrink: 0; + padding: 0px; + padding-left: 24px; + } + + .tygrzx_int> :nth-child(2) { + width: 100%; + } + + + .tygrzx_lefttx { + display: none; + } + .tygrzx_setlecon { + display: flex; + width: 100%; + justify-content: space-between; + } + + + + + .tygrzx_tupian { + margin-bottom: 20px; + } + + + + + .tygrzx_name> :nth-child(1) { + margin-right: 0px; + } + + .tygrzx select { + width: 30%; + padding: 12px 9px; + background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 14px top 20px transparent; + margin-right: 0px; + } + + .tygrzx_int> :nth-child(1) { + + margin-right: 0px; + font-size: 16px; + } + + .tygrzx_setle> :nth-child(1) { + margin-right: 0px; + font-size: 16px; + } + + .tygrzx_scimg { + width: 100px; + height: 100px; + + } + .tygrzx_wic> :nth-child(2) { + width: 81%; + } + +} + +@media screen and (max-width:430px) { + + .tygrzx_grzximg { + position: absolute; + width: 98%; + border-radius: 50px; + height: 100px; + left: -127px; + top: -49px; + } + + .tygrzx_scanniu>:nth-child(3) { + display: none; + } + + .tygrzx_tubtn { + display: none; + } + + .tygrzx_int { + display: block; + margin-bottom: 10px; + } + + + .tygrzx_name { + position: absolute; + top: 52px; + left: 145px; + } + + .p-zy320 { + padding-left: 15px; + padding-right: 15px; + } + + .tygrzx_scimg { + width: 100px; + height: 100px; + background-image: url(../img/jgzx/images/xwfm_03.png); + background-size: 102%; + border: solid 1px #000; + border-color: rgb(208, 208, 208); + } + + .tygrzx_int> :nth-child(1) { + text-align: left; + font-size: 14px; + } + .tygrzx_setle> :nth-child(1) { + text-align: left; + margin-bottom: 10px; + font-size: 14px; + } + .tygrzx select { + padding: 0px 7px; + font-size: 12px; + background: url(../img/grzx/xiala_08.jpg) no-repeat scroll right 10% top 46% transparent; + background-size: 12px 8px; + height: 39px; + cursor: pointer; + display: inline-block; + width: 30.9%; + + + } + + .tygrzx_setlecon { + display: flex; + justify-content: space-between; + } + + .tygrzx_setle { + display: block; + margin-bottom: 10px; + } + + .tygrzx_int> :nth-child(2) { + width: 100%; + + margin-top: 10px; + font-size: 12px; + height: 39px; + } + + .tygrzx_btn>button { + border-radius: 5px; + font-size: 18px; + width: 100%; + height: 33px; + color: #fff; + background-color: rgb(203, 25, 25); + cursor: pointer; + border: none; + } + .tygrzx_riscon>form { + + width: 100%; + } +} @media screen and (min-width:1521px) and (max-width:1620px) {} @media screen and (width:320px) { - .exhibition .item-box {height: 200px!important;} - .swiper-button-next, .swiper-button-prev {top: 40%!important;} + .exhibition .item-box { + height: 200px !important; + } + + .swiper-button-next, + .swiper-button-prev { + top: 40% !important; + } } @media screen and (max-width:750px) { - .logo{width: 60%;} - .head-box {top: 0px;} - .gongn{display: inline;right: 20px;width: 40px;height: 40px;} - .dmedia{display: none;} - .head-box{padding: 10px 20px;} - .p-zy180{padding: 10px 20px 0 20px;} - .cq-item-title-box {padding: 10px 0;} - .font-32 {font-size: 16px;} - .font-22 {font-size: 12px;} - .cq-gengd {font-size: 12px;color: #191919;} - .cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;} - .exhibition .item-box {height: 270px;} - .font-20 {font-size: 16px;} - .font-13 {font-size: 12px;} - .m-x16 {margin-bottom: 16px;} - .swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;} - .swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;} - .swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;} - .m-sx16 {margin-top: 10px;margin-bottom: 10px;} - .m-x16 {margin-bottom: 2px;} - .m-x65 {margin-bottom: 20px;} - .p-sx20{padding-top: 0px;padding-bottom: 10px;} - .m-x37,.m-x32 {margin-bottom: 10px;} - .w25,.w48{width: 100%;} - .msg .dac{display: inline;} - .m-zy15 {margin-left: 10px; margin-right: 10px;margin-top: 10px;} - .font-18 {font-size: 16px;} - .xx-content {line-height: 20px;} - .msg .m-x32:nth-last-child(2) {margin-bottom: 10px;} - .djb{display: inline;} - .djb .w50{width: 100%;margin-bottom: 10px;} - .djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;} - .ys-title {font-size: 16px;} - .ya-item-box .pr{padding-right: 0;} - .m-s37 {margin-top: 10px;} - .syysj-box,.xinxy-box{padding-bottom: 20px;} - .xinxy-box .dac{display: inline;} - .syysj-box .dac{display: inherit;} - .syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;} - .syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;} - .syys-name{font-size: 18px;margin-top: 10px;margin-bottom: 10px;} - .ysj-name{line-height: 20px;} - .w20{width: 100%;padding-bottom: 10px;} - .wc-box > div > img {width: 100%;} - .sypx-box {padding-bottom: 20px;} - .sypx-box .djb .backf {padding-bottom: 10px;} - .sypx-box .djb .backf div{margin-top: 10px;} - .hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;} - .hz-imgItem{margin-top: 20px;} - .hz-input-box{display: inherit;} - .hzly-box{padding: 20px;} - .hz-input-box .p-zy10{width: 94%;margin-top: 10px;} - .hz-input-box .p-zy10:first-child{margin-top: 30px;} - .hz-input-box div{margin-top: 10px;text-align: center;} - #gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;} + .logo { + width: 60%; + } + + .head-box { + top: 0px; + } + + .gongn { + display: inline; + right: 20px; + width: 40px; + height: 40px; + } + + .dmedia { + display: none; + } + + .head-box { + padding: 10px 20px; + } + + .p-zy180 { + padding: 10px 20px 0 20px; + } + + .cq-item-title-box { + padding: 10px 0; + } + + .font-32 { + font-size: 16px; + } + + .font-22 { + font-size: 12px; + } + + .cq-gengd { + font-size: 12px; + color: #191919; + } + + .cq-item-title-box>div>div { + background: -webkit-linear-gradient(left, red, rgba(255, 255, 255, 0)); + height: 6px; + bottom: 0; + left: 0; + width: 70px; + opacity: .8; + z-index: 0; + } + + .exhibition .item-box { + height: 270px; + } + + .font-20 { + font-size: 16px; + } + + .font-13 { + font-size: 12px; + } + + .m-x16 { + margin-bottom: 16px; + } + + .swiper-pagination-bullet, + .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { + width: 6px; + height: 6px; + } + + .swiper-button-next, + .swiper-button-prev { + background: rgba(0, 0, 0, .6); + width: 20px; + height: 20px; + top: 42%; + } + + .swiper-button-next::after, + .swiper-button-prev::after { + font-size: 12px; + } + + .m-sx16 { + margin-top: 10px; + margin-bottom: 10px; + } + + .m-x16 { + margin-bottom: 2px; + } + + .m-x65 { + margin-bottom: 20px; + } + + .p-sx20 { + padding-top: 0px; + padding-bottom: 10px; + } + + .m-x37, + .m-x32 { + margin-bottom: 10px; + } + + .w25, + .w48 { + width: 100%; + } + + .msg .dac { + display: inline; + } + + .m-zy15 { + margin-left: 10px; + margin-right: 10px; + margin-top: 10px; + } + + .font-18 { + font-size: 16px; + } + + .xx-content { + line-height: 20px; + } + + .msg .m-x32:nth-last-child(2) { + margin-bottom: 10px; + } + + .djb { + display: inline; + } + + .djb .w50 { + width: 100%; + margin-bottom: 10px; + } + + .djb .w50 .m-zy30 { + margin-left: 0px; + margin-right: 0px; + margin-bottom: 10px; + } + + .ys-title { + font-size: 16px; + } + + .ya-item-box .pr { + padding-right: 0; + } + + .m-s37 { + margin-top: 10px; + } + + .syysj-box, + .xinxy-box { + padding-bottom: 20px; + } + + .xinxy-box .dac { + display: inline; + } + + .syysj-box .dac { + display: inherit; + } + + .syysj-box .dac .m-zy30 { + margin-left: 10px; + margin-right: 10px; + height: 200px; + } + + .syysj-box .dac .m-zy30 .m-s30 { + margin-top: 20px; + } + + .syys-name { + font-size: 18px; + margin-top: 10px; + margin-bottom: 10px; + } + + .ysj-name { + line-height: 20px; + } + + .w20 { + width: 100%; + padding-bottom: 10px; + } + + .wc-box>div>img { + width: 100%; + } + + .sypx-box { + padding-bottom: 20px; + } + + .sypx-box .djb .backf { + padding-bottom: 10px; + } + + .sypx-box .djb .backf div { + margin-top: 10px; + } + + .hz-jies { + position: absolute; + top: 25px; + left: 0; + margin-left: 0px; + } + + .hz-imgItem { + margin-top: 20px; + } + + .hz-input-box { + display: inherit; + } + + .hzly-box { + padding: 20px; + } + + .hz-input-box .p-zy10 { + width: 94%; + margin-top: 10px; + } + + .hz-input-box .p-zy10:first-child { + margin-top: 30px; + } + + .hz-input-box div { + margin-top: 10px; + text-align: center; + } + + #gotoTop { + width: 40px; + height: 40px; + right: 20px; + bottom: 120px; + } } + @media screen and (min-width:751px) and (max-width:850px) { - .logo{width: 26%;} - .gongn{display: inline;} - .dmedia{display: none;} - .p-zy180,.head-box{padding: 10px 60px;} + .logo { + width: 26%; + } + + .gongn { + display: inline; + } + + .dmedia { + display: none; + } + + .p-zy180, + .head-box { + padding: 10px 60px; + } } + @media screen and (min-width:851px) and (max-width:1000px) { - .logo{width: 26%;} - .gongn{display: inline;} - .dmedia{display: none;} - .input-box{display: none;} - .head-box{padding: 10px 60px 5px 60px;} - .p-zy180 {padding: 10px 60px;} - .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} - .dao-box>li:last-child{padding-right: 0;} - .dao-box>li>div{padding: 6px 0;} - .head-nav-box > div:last-child {margin-top: 0px;} - .redD {right: 6px;} + .logo { + width: 26%; + } + + .gongn { + display: inline; + } + + .dmedia { + display: none; + } + + .input-box { + display: none; + } + + .head-box { + padding: 10px 60px 5px 60px; + } + + .p-zy180 { + padding: 10px 60px; + } + + .dao-box>li { + padding: 5px 16px; + flex-shrink: 0; + text-align: center; + font-size: 16px; + } + + .dao-box>li:last-child { + padding-right: 0; + } + + .dao-box>li>div { + padding: 6px 0; + } + + .head-nav-box>div:last-child { + margin-top: 0px; + } + + .redD { + right: 6px; + } } + @media screen and (min-width:1001px) and (max-width:1120px) { - .logo{width: 26%;} - .input-box{display: none;} - .p-zy180,.head-box{padding: 10px 100px;} - .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} - .dao-box>li:last-child{padding-right: 0;} - .dao-box>li>div{padding: 6px 0;} - .head-nav-box > div:last-child {margin-top: 0px;} - .redD {right: 6px;} + .logo { + width: 26%; + } + + .input-box { + display: none; + } + + .p-zy180, + .head-box { + padding: 10px 100px; + } + + .dao-box>li { + padding: 5px 16px; + flex-shrink: 0; + text-align: center; + font-size: 16px; + } + + .dao-box>li:last-child { + padding-right: 0; + } + + .dao-box>li>div { + padding: 6px 0; + } + + .head-nav-box>div:last-child { + margin-top: 0px; + } + + .redD { + right: 6px; + } } + @media screen and (min-width:1121px) and (max-width:1260px) { - .logo{width: 26%;} - .input-box{display: none;} - .p-zy180,.head-box{padding: 10px 100px;} - .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} - .dao-box>li:last-child{padding-right: 0;} - .dao-box>li>div{padding: 6px 0;} - .head-nav-box > div:last-child {margin-top: 10px;} - .redD {right: 6px;} + .logo { + width: 26%; + } + + .input-box { + display: none; + } + + .p-zy180, + .head-box { + padding: 10px 100px; + } + + .dao-box>li { + padding: 5px 16px; + flex-shrink: 0; + text-align: center; + font-size: 16px; + } + + .dao-box>li:last-child { + padding-right: 0; + } + + .dao-box>li>div { + padding: 6px 0; + } + + .head-nav-box>div:last-child { + margin-top: 10px; + } + + .redD { + right: 6px; + } } + @media screen and (min-width:1261px) and (max-width:1350px) { - .logo{width: 26%;} - .p-zy180,.head-box{padding: 10px 100px;} - .dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;} - .dao-box>li>div{padding: 6px 0;} - .head-nav-box > div:last-child {margin-top: 10px;} - .redD {right: 6px;} + .logo { + width: 26%; + } + + .p-zy180, + .head-box { + padding: 10px 100px; + } + + .dao-box>li { + padding: 5px 16px; + flex-shrink: 0; + text-align: center; + font-size: 16px; + } + + .dao-box>li>div { + padding: 6px 0; + } + + .head-nav-box>div:last-child { + margin-top: 10px; + } + + .redD { + right: 6px; + } } + @media screen and (min-width:1351px) and (max-width:1620px) { - .logo{width: 26%;} - .p-zy180,.head-box{padding: 20px 100px;} - .dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;} - .dao-box>li>div{padding: 6px 0;} - .redD {right: 8px;} + .logo { + width: 26%; + } + + .p-zy180, + .head-box { + padding: 20px 100px; + } + + .dao-box>li { + padding: 5px 20px; + flex-shrink: 0; + text-align: center; + font-size: 16px; + } + + .dao-box>li>div { + padding: 6px 0; + } + + .redD { + right: 8px; + } } + @media screen and (min-width:1621px) and (max-width:1820px) { - .logo{width: 30%;} - .p-zy180,.head-box{padding: 20px 100px;} -} - - - + .logo { + width: 30%; + } + .p-zy180, + .head-box { + padding: 20px 100px; + } +} \ No newline at end of file diff --git a/htmls/grzx/personalData.html b/htmls/grzx/personalData.html index 330468a..63ac535 100644 --- a/htmls/grzx/personalData.html +++ b/htmls/grzx/personalData.html @@ -17,7 +17,7 @@
-个人资料
@@ -79,7 +83,7 @@仅支持JPG,GIF,PNG,JPEG,BMP格式
@@ -103,15 +107,18 @@地址:
- - - +