diff --git a/css/huaxia.css b/css/huaxia.css index 86521fa..6e06b17 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,7 +1,10 @@ body{margin: 0;padding: 0;} .w100{width: 100%;} +.w96{width: 96%;} +.w90{width: 90%;} .w50{width: 50%;} .w48{width: 49%;} +.w33{width: 33.33%;} .w25{width: 25%;} .w20{width: 19%;} @@ -13,19 +16,22 @@ body{margin: 0;padding: 0;} .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;} @@ -35,10 +41,14 @@ body{margin: 0;padding: 0;} .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;} @@ -56,6 +66,7 @@ body{margin: 0;padding: 0;} .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-zy15{margin-left: 15px;margin-right: 15px;} @@ -64,45 +75,87 @@ body{margin: 0;padding: 0;} +.pd30{padding: 30px;} -.p-sx65{padding-top: 65px;padding-bottom: 65px;} .p-s65{padding-top: 65px;} +.p-s30{padding-top:30px;} .p-s27{padding-top:27px;} +.p-s20{padding-top:20px;} +.p-s10{padding-top:10px;} + + +.p-y20{padding-top:20px;} + + .p-x65{padding-bottom: 65px;} .p-x27{padding-bottom: 27px;} +.p-x10{padding-bottom: 10px;} + +.p-zy320{padding-left: 320px;padding-right: 320px;} .p-zy180{padding-left: 180px;padding-right: 180px;} +.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;} .font-12{font-size: 12px;} .font-13{font-size: 13px;} .font-14{font-size: 14px;} +.font-15{font-size: 15px;} .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-32{font-size: 32px;} +.font-36{font-size: 36px;} +.font-40{font-size: 40px;} + +.fb{font-weight: bold;} + + +.linh32{line-height: 32px;} +.linh30{line-height: 30px;} +.linh28{line-height: 28px;} +.linh26{line-height: 26px;} + .tl{text-align: left;} .col19{color: #191919;} .col7d{color: #7d7d7d;} .col9{color: #999999;} +.colcb{color: #cb1919} +.col22{color: #222222} .backf{background: #FFFFFF;} +.backe6{background: #e6e6e6;} +.backf5{background: #f5f5f5;} +.btt{border-top: 1px solid #ebebeb;} +.bbt{border-bottom: 1px solid #ebebeb;} +.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;} +#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} /* 轮播图 */ .swiper-container { @@ -184,17 +237,18 @@ body{margin: 0;padding: 0;} .logo{width: 487px;} .banner-img{width: 100%;height: auto;} .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 6px rgba(0,0,0,.2);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;} .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} -ul li {list-style: none;padding: 0px;margin: 0px;} .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: 40px;border: 0;} .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} @@ -228,16 +282,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .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;} - - - - - - - - - - +/* 资讯 */ +.zx-nav,.szx-nav{padding: 0;} +.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;} +.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;} +.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} +.zx-nav li .zx-nav-active,.szx-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{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{transition: transform .5s;} +#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;} +.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%;} diff --git a/css/ispinner.css b/css/ispinner.css new file mode 100644 index 0000000..58c037e --- /dev/null +++ b/css/ispinner.css @@ -0,0 +1,182 @@ +/* .container { + position: relative; + display: inline-block; + width: 100px; + height: 100px; + border: 1px solid black; + padding: 39px; + margin: 15px; + box-sizing: border-box +} */ + +.container.white { + background-color: black +} + +.container.large { + padding: 31.5px +} + +.container::after { + position: absolute; + width: 100px; + height: 30px; + left: 0; + bottom: -30px; + line-height: 30px; + text-align: center; + content: '' +} + +.ispinner { + position: relative; + width: 20px; + height: 20px +} + +.ispinner .ispinner-blade { + position: absolute; + left: 44.5%; + top: 37%; + width: 10%; + height: 25%; + border-radius: 50%/20%; + -webkit-animation: ispinner-fade 1s linear infinite; + animation: ispinner-fade 1s linear infinite; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ispinner .ispinner-blade:nth-child(1) { + -webkit-animation-delay: -1.66667s; + animation-delay: -1.66667s; + -webkit-transform: rotate(30deg) translate(0, -150%); + transform: rotate(30deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(2) { + -webkit-animation-delay: -1.58333s; + animation-delay: -1.58333s; + -webkit-transform: rotate(60deg) translate(0, -150%); + transform: rotate(60deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(3) { + -webkit-animation-delay: -1.5s; + animation-delay: -1.5s; + -webkit-transform: rotate(90deg) translate(0, -150%); + transform: rotate(90deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(4) { + -webkit-animation-delay: -1.41667s; + animation-delay: -1.41667s; + -webkit-transform: rotate(120deg) translate(0, -150%); + transform: rotate(120deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(5) { + -webkit-animation-delay: -1.33333s; + animation-delay: -1.33333s; + -webkit-transform: rotate(150deg) translate(0, -150%); + transform: rotate(150deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(6) { + -webkit-animation-delay: -1.25s; + animation-delay: -1.25s; + -webkit-transform: rotate(180deg) translate(0, -150%); + transform: rotate(180deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(7) { + -webkit-animation-delay: -1.16667s; + animation-delay: -1.16667s; + -webkit-transform: rotate(210deg) translate(0, -150%); + transform: rotate(210deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(8) { + -webkit-animation-delay: -1.08333s; + animation-delay: -1.08333s; + -webkit-transform: rotate(240deg) translate(0, -150%); + transform: rotate(240deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(9) { + -webkit-animation-delay: -1s; + animation-delay: -1s; + -webkit-transform: rotate(270deg) translate(0, -150%); + transform: rotate(270deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(10) { + -webkit-animation-delay: -.91667s; + animation-delay: -.91667s; + -webkit-transform: rotate(300deg) translate(0, -150%); + transform: rotate(300deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(11) { + -webkit-animation-delay: -.83333s; + animation-delay: -.83333s; + -webkit-transform: rotate(330deg) translate(0, -150%); + transform: rotate(330deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(12) { + -webkit-animation-delay: -.75s; + animation-delay: -.75s; + -webkit-transform: rotate(360deg) translate(0, -150%); + transform: rotate(360deg) translate(0, -150%) +} + +.ispinner.animating .ispinner-blade { + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ispinner.white .ispinner-blade { + background-color: #181818 +} + +.ispinner.gray .ispinner-blade { + background-color: #000000 +} + +.ispinner.large { + width: 35px; + height: 35px +} + +.ispinner.large .ispinner-blade { + width: 8.57143%; + height: 25.71429%; + border-radius: 50%/16.67% +} + +@-webkit-keyframes ispinner-fade { + 0% { + opacity: .85 + } + 50% { + opacity: .25 + } + 100% { + opacity: .25 + } +} + +@keyframes ispinner-fade { + 0% { + opacity: .85 + } + + 50% { + opacity: .25 + } + + 100% { + opacity: .25 + } +} 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/css/logshoppingcar/shopcar.css b/css/logshoppingcar/shopcar.css new file mode 100644 index 0000000..77b28a3 --- /dev/null +++ b/css/logshoppingcar/shopcar.css @@ -0,0 +1,117 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + + + +section { + height: 1200px; + background-color: #f5f5f5; +} + +section .whole { + padding: 15px 50px; + margin: auto; +} + +section .whole .whole-1 { + margin: 20px auto; + width: 1200px; + padding: 25px; +} + +section .whole .whole-1 .all { + display: inline-block; +} + +section .whole .whole-1 .all h2 { + font-weight: 600; + color: #cb1919; + float: left; + padding-bottom: 10px; +} + +section .whole .whole-1 .opt { + border-top: 2px solid #cb1919; +} + +section .whole .whole-1 .opt ul .optall table { + width: 100%; + background-color: #f3f3f3; + border: 1px solid #e0e0e0; + margin-bottom: 20px; +} + +section .whole .whole-1 .opt ul .optall #checkall { + margin-left: 10px; +} + +section .whole .whole-1 .opt ul .optall th { + height: 50px; +} + +section .whole .whole-1 .opt ul .optall th span { + margin-left: 85px; +} + +section .whole .whole-1 .opt #checklist .among { + margin-bottom: 20px; +} + +section .whole .whole-1 .opt #checklist .among table { + width: 100%; + background-color: #fff; + border: 1px solid #e0e0e0; +} + +section .whole .whole-1 .opt #checklist .among .box1 { + margin-left: 15px; +} + +section .whole .whole-1 .opt #checklist .among th { + height: 115px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(1) { + width: 135px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(1) img { + padding: 10px; + width: 82px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(2) { + width: 500px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(3), section .whole .whole-1 .opt #checklist .among th:nth-child(4), section .whole .whole-1 .opt #checklist .among th:nth-child(6) { + width: 120px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) { + width: 120px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(3) { + width: 15px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(2) { + width: 30px; +} + +section .whole .whole-1 .opt #checklist .among span { + width: 400px; + font-size: 12px; + display: inline-block; +} diff --git a/htmls/artNetwork/mechanism.html b/htmls/artNetwork/mechanism.html new file mode 100644 index 0000000..d88bb11 --- /dev/null +++ b/htmls/artNetwork/mechanism.html @@ -0,0 +1,146 @@ + + +
+ +