From 22cc7a30433a864696e8d3a85b4a56c0e9338ccf Mon Sep 17 00:00:00 2001 From: YDD <3223657165@qq.com> Date: Tue, 7 Sep 2021 09:43:08 +0800 Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E3=80=81=E6=B3=A8=E5=86=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/logshoppingcar/artist.css | 356 ++++++++++++++++++++++++++++++ css/logshoppingcar/login.css | 345 +++++++++++++++++++++++++++++ css/logshoppingcar/mecha.css | 356 ++++++++++++++++++++++++++++++ css/logshoppingcar/popup.css | 19 ++ css/logshoppingcar/reg.css | 354 +++++++++++++++++++++++++++++ css/logshoppingcar/ret.css | 281 +++++++++++++++++++++++ htmls/logshoppingcar/artist.html | 179 +++++++++++++++ htmls/logshoppingcar/login.html | 102 +++++++++ htmls/logshoppingcar/mecha.html | 179 +++++++++++++++ htmls/logshoppingcar/popup.html | 35 +++ htmls/logshoppingcar/reg.html | 161 ++++++++++++++ htmls/logshoppingcar/ret.html | 144 ++++++++++++ htmls/logshoppingcar/shopcar.html | 32 +++ img/images/1-1.png | Bin 0 -> 10206 bytes img/images/1-2.png | Bin 0 -> 14942 bytes img/images/1-3.png | Bin 0 -> 12415 bytes img/images/1-4.png | Bin 0 -> 14254 bytes img/images/1.png | Bin 0 -> 29123 bytes img/images/2.png | Bin 0 -> 110598 bytes img/images/3.png | Bin 0 -> 76459 bytes img/images/4.png | Bin 0 -> 105652 bytes img/images/backimg.png | Bin 0 -> 1621421 bytes img/images/divide1.png | Bin 0 -> 104 bytes img/images/header.png | Bin 0 -> 431315 bytes img/images/htmal5icon29.png | Bin 0 -> 293 bytes img/images/icon-facb.png | Bin 0 -> 262 bytes img/images/icon-phon.png | Bin 0 -> 423 bytes img/images/icon-sky.png | Bin 0 -> 458 bytes img/images/icon-wb.png | Bin 0 -> 596 bytes img/images/icon-wx.png | Bin 0 -> 507 bytes img/images/logo-bac.png | Bin 0 -> 33656 bytes img/images/logo.png | Bin 0 -> 5773393 bytes img/images/qr-01.png | Bin 0 -> 848886 bytes img/images/qr-02.png | Bin 0 -> 883841 bytes img/images/top.png | Bin 0 -> 12063 bytes img/images/wx-text.png | Bin 0 -> 688624 bytes 36 files changed, 2543 insertions(+) create mode 100644 css/logshoppingcar/artist.css create mode 100644 css/logshoppingcar/login.css create mode 100644 css/logshoppingcar/mecha.css create mode 100644 css/logshoppingcar/popup.css create mode 100644 css/logshoppingcar/reg.css create mode 100644 css/logshoppingcar/ret.css create mode 100644 htmls/logshoppingcar/artist.html create mode 100644 htmls/logshoppingcar/login.html create mode 100644 htmls/logshoppingcar/mecha.html create mode 100644 htmls/logshoppingcar/popup.html create mode 100644 htmls/logshoppingcar/reg.html create mode 100644 htmls/logshoppingcar/ret.html create mode 100644 htmls/logshoppingcar/shopcar.html create mode 100644 img/images/1-1.png create mode 100644 img/images/1-2.png create mode 100644 img/images/1-3.png create mode 100644 img/images/1-4.png create mode 100644 img/images/1.png create mode 100644 img/images/2.png create mode 100644 img/images/3.png create mode 100644 img/images/4.png create mode 100644 img/images/backimg.png create mode 100644 img/images/divide1.png create mode 100644 img/images/header.png create mode 100644 img/images/htmal5icon29.png create mode 100644 img/images/icon-facb.png create mode 100644 img/images/icon-phon.png create mode 100644 img/images/icon-sky.png create mode 100644 img/images/icon-wb.png create mode 100644 img/images/icon-wx.png create mode 100644 img/images/logo-bac.png create mode 100644 img/images/logo.png create mode 100644 img/images/qr-01.png create mode 100644 img/images/qr-02.png create mode 100644 img/images/top.png create mode 100644 img/images/wx-text.png diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css new file mode 100644 index 0000000..fe05566 --- /dev/null +++ b/css/logshoppingcar/artist.css @@ -0,0 +1,356 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 680px; + min-height: 320px; + max-height: 700px; + position: absolute; + top: 40px; + left: -50px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, +footer .address .addreses .addres-2, +footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css new file mode 100644 index 0000000..5802d98 --- /dev/null +++ b/css/logshoppingcar/login.css @@ -0,0 +1,345 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 450px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 80px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot a:first-child { + float: left; +} + +header .container .bot a:last-child { + float: right; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/mecha.css b/css/logshoppingcar/mecha.css new file mode 100644 index 0000000..fe05566 --- /dev/null +++ b/css/logshoppingcar/mecha.css @@ -0,0 +1,356 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 680px; + min-height: 320px; + max-height: 700px; + position: absolute; + top: 40px; + left: -50px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, +footer .address .addreses .addres-2, +footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/popup.css b/css/logshoppingcar/popup.css new file mode 100644 index 0000000..5e0c774 --- /dev/null +++ b/css/logshoppingcar/popup.css @@ -0,0 +1,19 @@ +.myPopup { + width: 1020px; + height: 600px; + position: relative; + width: 50%; + height: 50%; + transform: (50%-300px, 50%-510px); +} +.ui-popup.ui-body-inherit { + margin: auto; + margin-top:120px; +} +h1 { + text-align: center; + line-height: 80px; +} +p { + text-indent: 2em; +} \ No newline at end of file diff --git a/css/logshoppingcar/reg.css b/css/logshoppingcar/reg.css new file mode 100644 index 0000000..62e928b --- /dev/null +++ b/css/logshoppingcar/reg.css @@ -0,0 +1,354 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 570px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 80px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/ret.css b/css/logshoppingcar/ret.css new file mode 100644 index 0000000..409703d --- /dev/null +++ b/css/logshoppingcar/ret.css @@ -0,0 +1,281 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} +/* 背景图 */ +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} +/* 找回密码表单 */ +header .container { + width: 420px; + height: 400px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 200px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +/* 验证码 */ +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} +/* 登录按钮 */ +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + color: #f0cccc; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} +/* 底部返回 */ +header .container .bot { + margin-top: 20px; +} + +header .container .bot a:first-child { + float: left; +} + +header .container .bot a:last-child { + float: right; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/htmls/logshoppingcar/artist.html b/htmls/logshoppingcar/artist.html new file mode 100644 index 0000000..2211918 --- /dev/null +++ b/htmls/logshoppingcar/artist.html @@ -0,0 +1,179 @@ + + + +
+ + + +后台替换文字内容,编辑排版文字摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家艺术品上数千件,经营规模在成都地区名列前茅。
+下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。
+经过20年不间断的运营发展,已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
+合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等,在国内艺术品市场有较大影响,为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。 +
+后台替换文字内容,编辑排版文字摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家艺术品上数千件,经营规模在成都地区名列前茅。
+下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。 +
+经过20年不间断的运营发展,已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
+合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
+合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等,在国内艺术品市场有较大影响,为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。 +
+ +