diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css deleted file mode 100644 index fbd07c6..0000000 --- a/css/logshoppingcar/artist.css +++ /dev/null @@ -1,198 +0,0 @@ -body { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} -/* 背景图 */ -header .bac { - height: 930px; - background-size: 100% 100%; - background-image: url("../../img/images/backimage.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 .member:link{ - color: #737373; -} -header .container .identity ul li .member:hover{ - color: #737373; -} -header .container .identity ul li .member:visited:focus{ - color: #333; -} - -/* 输入框 */ -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 li { - width: 200px; - height: 40px; - background: #efefef; - border-radius: 5px; -} - -header .container .codes li p { - color: #8c8c8c; - text-align: center; - font-size: 14px; - margin-top: 10px; - 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; -} - - - - diff --git a/css/logshoppingcar/logRespon.css b/css/logshoppingcar/logRespon.css deleted file mode 100644 index a8578b7..0000000 --- a/css/logshoppingcar/logRespon.css +++ /dev/null @@ -1,37 +0,0 @@ -@media screen and (max-width:300px) { - -} -@media screen and (min-width:301px) and (max-width:350px) { - -} -@media screen and (min-width:351px) and (max-width:420px) { - -} -@media screen and (min-width:421px) and (max-width:490px) { - -} -@media screen and (min-width:491px) and (max-width:620px) { - -} -@media screen and (min-width:621px) and (max-width:720px) { - -} -@media screen and (min-width:891px) and (max-width:1160ox) { - .swiper-wrapper img{width: 70%;padding: 0px 10px;} -} - @media screen and (min-width:1161px) and (max-width:1460px) { - td:nth-child(1){ width: 50px;} - td:nth-child(n + 2) {padding: 10px 20px;} - .swiper-wrapper img{width: 90%;padding: 0px 10px;height: 200px;} -} -@media screen and (min-width:1461px) and (max-width:1660px) { - .swiper-wrapper img{padding: 0px 7px;} -} -@media screen and (min-width:1661px) and (max-width:1820px) { - .swiper-wrapper img{padding: 0px 10px;} -} -@media screen and (min-width:1821px) and (max-width:1920px) { -section{padding: 15px 50px;} -tfoot{height: 90px;} -.swiper-wrapper img{max-width: 90%;} -} \ No newline at end of file diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css deleted file mode 100644 index 5d4e11a..0000000 --- a/css/logshoppingcar/login.css +++ /dev/null @@ -1,155 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - -/* 背景图 */ -header .bac { - height: 930px; - background-size: 100% 100%; - background-image: url("../../img/images/backimage.png"); -} -/* 输入整体框 */ -header .container { - width: 420px; - height: 400px; - 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: #737373; - 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; - -webkit-transition: width 350ms ease-in-out; - transition: width 350ms ease-in-out; - width: 70%; -} -/* 点击切换会员 */ -header .container .identity ul li .member:link{ - color: #737373; -} -header .container .identity ul li .member:hover{ - color: #737377; -} -header .container .identity ul li .member:visited:focus{ - color: #333; -} -/* 输入框 */ -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 .layui-btn { - margin-left: 18px; - border-radius: 5px; - width: 400px; - height: 40px; - font-size: 15px; - background-color: #cb1919; -} -/* 忘记密码 */ -header .container .bot a:first-child { - float: left; -} - -header .container .bot a:last-child { - float: right; -} diff --git a/css/logshoppingcar/login_cart.css b/css/logshoppingcar/login_cart.css new file mode 100644 index 0000000..fdab1b7 --- /dev/null +++ b/css/logshoppingcar/login_cart.css @@ -0,0 +1,352 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} +.tankt{position: fixed;z-index: 10; top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,.6);padding: 10px 20px;border-radius: 3px;color: #FFFFFF;font-size: 18px;} +/* 背景图 */ +header .bac { + height: 926px; + background-size: 100% 100%; + background-image: url("../../img/images/backimage.png"); + display: flex;justify-content: center;align-items: center; +} +.pubpopu{ + width: 560px; + /* height: 570px; */ + padding: 30px; + z-index: 2; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + font-size: 16px; +} + +header .pubpopu .head { + text-align: center;margin-top: 13px; +} +.head div:nth-child(1){font-size: 28px;color: #191919;} +.head span{ + color: #737373; + opacity: .7; + font-size: 15px; + display: block; + margin: 18px 0; +} + +.gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} +/* 身份访问 */ +header .pubpopu .identity ul { + margin: 50px 0 26px 0; + padding-bottom: 16px; + display: flex; + justify-content: space-around; + font-size: 21px; + border-bottom: 1px solid #e4e4e4; +} + +header .pubpopu .identity ul li a{color: #737373;} +header .pubpopu .identity ul li .member{color: #191919;} +/* 输入框 */ +header .pubpopu .layui-input { + border-radius: 5px; + font-size: 16px; + height: 56px; + background: #efefef; + border: 1px solid #e2e2e2; +} +.layui-input-block{margin-left: 0;} + +header .pubpopu .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} +.chukb{display: none;} + +.bbtn { + text-align: center; + color: #FFFFFF; + border-radius: 5px; + height: 56px; + line-height: 56px; + font-size: 18px; + width: 100%; + margin-top: 28px; + background-color: #cb1919; + cursor: pointer; + margin-bottom: 32px; +} +/* 忘记密码 */ +header .container .bot{display: flex;justify-content: space-between;} +header .container .bot a:first-child{margin-left: 20px;} +header .container .bot a{ + display: block; + font-size: 15px;color: #191919; +} +#forget input,#register-gk input,#register-jk input,#register-yk input{background: #FFFFFF;} +#forget .codes,#register-gk .codes,#register-jk .codes,#register-yk .codes{position: relative;} +#forget .codes div,#register-gk .codes div,#register-jk .codes div,#register-yk .codes div{position: absolute; width: 209px;height: 55px;right: 1px;top: .5px;text-align: center;line-height: 55px;border-radius: 5px;border-left: 1px solid #e2e2e2;color: #737373;background: #efefef;} +.backLogin{cursor: pointer;} +/* 立即注册 */ +#register-gk .checkBox{border: 1px solid red;} +.agree-box{display: flex;font-size: 15px;} +.agree-box span{color: #CB1919;margin: 0 4px;cursor: pointer;} +.cp{cursor: pointer;} + + + +.userxz-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;justify-content: center;align-items: center;padding: 0 420px;background: rgba(0,0,0,.5);z-index: 20;} +.userxzk{background: #FFFFFF;border-radius: 5px;width: 100%;} +.userxzk img{float: right;margin: 20px 20px 0 0;cursor: pointer;} +.userxz{font-size: 36px;color: #222222;text-align: center;margin-top: 44px;} +.user-cont{padding: 30px;line-height: 30px;font-size: 15px;color: #191919;} +.user-cont li{text-indent: 2em;} + + + +/* 购物车 */ +section { + background-color: #f5f5f5; + padding-bottom: 34px; +} + +section .whoil { + padding: 15px 240px; +} +section .whoil .whoil-1 { + padding: 25px; +} +section .whoil .whoil-1 .all { + color: #cb1919; + padding-bottom: 10px; + font-size: 20px; + font-weight: bold; + background-color: #fff; + border-bottom: #cb1919 2px solid; +} +/* 选择 */ +section .whoil .whoil-1 table { + width: 100%; + border: 1; +} +/* 全选 */ +section .whoil .whoil-1 table thead { + width: 100%; + background-color: #f3f3f3; + border: 1px solid #e0e0e0; + padding: 20px 0 16px 0; + font-size: 14px; + font-weight: 400px; + color: #333333; +} +/* 全选 */ +section .whoil .whoil-1 tfoot { + width: 100%; + background-color: #f3f3f3; + border: 2px solid #000; + margin-bottom: 20px; +} +section .whoil .whoil-1 table thead th { + padding: 22px 20px 16px 20px; +} +#ckAll{margin-right: 4px;} +section .whoil .whoil-1 table thead th:nth-child(2) { + float: left; + padding: 22px 0 16px 0; +} +section .whoil .whoil-1 table tbody .inline td{ + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; + padding-top: 30px; +} +section .whoil .whoil-1 table tbody .inline td:first-child{ + padding: 20px 0px 20px 20px; + border-left: 1px solid #e0e0e0; +} +section .whoil .whoil-1 table tbody .inline td:last-child{ + border-right: 1px solid #e0e0e0; +} +section .whoil .whoil-1 table tbody .inline td:nth-child(4),section .whoil .whoil-1 table tbody .inline td:nth-child(6),section .whoil .whoil-1 table tbody .inline td:nth-child(7) { + padding-top: 34px; +} +section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) { + text-align: center; +} +/* 结算 */ +section .whoil .whoil-1 table tfoot { + background-color: #f3f3f3; + height: 50px; +} + +section .whoil .whoil-1 table tfoot th { + padding: 10px 20px; + +} + +section .whoil .whoil-1 table tfoot #allPrice { + color: #cb1919; + font-size: 30px; + font-weight: 800; +} + +section .whoil .whoil-1 table tfoot td:last-child span { + color: #f5f5f5; + background-color: #cb1919; + padding: 18px 50px; + float: right; +} +/* 轮播图 */ +section .whoil .whoil-1 .swiper-container { + width: 100%; + background-color: #fff; +} + +section .whoil .whoil-1 .swiper-container .swiper-text { + padding: 35px 0px 10px 0; + margin-bottom: 25px; + border-bottom: #e0e0e0 1px solid; + font-size: 20px; + font-weight: 700; +} + +/* section .whoil .whoil-1 .swiper-wrapper { + margin-top: 20px; +} */ + +section .whoil .whoil-1 .swiper-container img { + display: block; + /* width: 100%; */ + height: 287px; + overflow: hidden; +} +section .whoil .whoil-1 .swiper-slide .clips1 { + text-align: center; + width: 284px; + padding: 10px 0; +} + +section .whoil .whoil-1 .swiper-container .swiper-button-prev, +section .whoil .whoil-1 .swiper-container .swiper-button-next { + height: 24px; + margin: auto; +} + +section .whoil .whoil-1 .swiper-container { + --swiper-theme-color: #ff6600; +} + +section .whoil .whoil-1 .swiper-container .swiper-pagination { + bottom: 10px; +} + +section .whoil .whoil-1 .swiper-container .swiper-pagination span { + width: 10px; + height: 10px; + --swiper-pagination-color: #cb1919; +} + +section .whoil .whoil-1 .swiper-container .hide { + opacity: 0; +} + +section .whoil .whoil-1 .swiper-button-next, +section .whoil .whoil-1 .swiper-button-prev { + transition: opacity 0.5s; +} + +/* 二维码页面 */ +section .whole { + margin: auto; + padding: 0px 320px; +} +section .whole .whole-1 { + padding: 25px 0 0 0; +} + +section .whole .whole-1 .Wxcollec { + background-color: #fff; + text-align: center; + line-height: 60px; + padding-top: 82px; +} + +section .whole .whole-1 .Wxcollec .wxprice { + padding-bottom: 71px; +} + +section .whole .whole-1 .Wxcollec .wxprice span { + font-size: 32px; + font-weight: 800; + color: #cb1919; +} + +section .whole .whole-1 .Wxcollec .qrcode img { + padding: 18px; + border: 1px solid #00a608; +} + +section .whole .whole-1 .Wxcollec .wxzf { + margin-top: 10px; + padding-bottom: 118px; + margin-left: 85px; +} + +section .whole .whole-1 .Wxcollec .wxzf img { + height: 45px; +} + + +/* 支付成功页面 */ +section .whole .whole-1 .payment { + background-color: #fff; + text-align: center; + line-height: 60px; + padding-top: 190px; + padding-bottom: 226px; +} + +section .whole .whole-1 .payment img { + width: 97px; +} + +section .whole .whole-1 .payment h2 { + font-weight: 600; + color: #00a608; +} + +section .whole .whole-1 .payment .order { + display: inline-flex; +} + +section .whole .whole-1 .payment .order .odernum { + padding-right: 15px; +} + +section .whole .whole-1 .payment .order .oderinte, +section .whole .whole-1 .payment .order .oderbuy { + padding: 0px 15px; +} + +section .whole .whole-1 .payment .order .oderhome { + padding-left: 15px; +} + +section .whole .whole-1 .payment .order .oderinte { + color: #cb1919; +} + +section .whole .whole-1 .payment .order .oderbuy a, +section .whole .whole-1 .payment .order .oderhome a { + color: #00a608; +} diff --git a/css/logshoppingcar/mecha.css b/css/logshoppingcar/mecha.css deleted file mode 100644 index 85a9b56..0000000 --- a/css/logshoppingcar/mecha.css +++ /dev/null @@ -1,212 +0,0 @@ -body { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} -/* 背景图 */ -header .bac { - height: 930px; - background-size: 100% 100%; - background-image: url("../../img/images/backimage.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 .member:link{ - color: #737373; -} -header .container .identity ul li .member:hover{ - color: #737373; -} -header .container .identity ul li .member:visited:focus{ - color: #333; -} -/* 输入框 */ -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 li { - width: 200px; - height: 40px; - background: #efefef; - border-radius: 5px; -} - -header .container .codes li p { - color: #8c8c8c; - text-align: center; - font-size: 14px; - margin-top: 10px; - 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; -} diff --git a/css/logshoppingcar/popup.css b/css/logshoppingcar/popup.css deleted file mode 100644 index b7db5cd..0000000 --- a/css/logshoppingcar/popup.css +++ /dev/null @@ -1,20 +0,0 @@ -.myPopup { - width:100%; - height: 600px; - position: relative; - width: 50%; - height: 30%; - transform: (50%-300px, 50%-510px); -} -.ui-popup.ui-body-inherit { - margin: auto; - /* margin-top:10px; */ -} - -h1 { - text-align: center; - line-height: 80px; -} -p { - text-indent: 2em; -} \ No newline at end of file diff --git a/css/logshoppingcar/qrcode.css b/css/logshoppingcar/qrcode.css deleted file mode 100644 index 20a3abf..0000000 --- a/css/logshoppingcar/qrcode.css +++ /dev/null @@ -1,58 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - -section { - background-color: #f5f5f5; -} - -section .whole { - padding: 15px 50px; - margin: auto; -} - -section .whole .whole-1 { - margin: 20px auto; - padding: 25px; -} - -section .whole .whole-1 .Wxcollec { - background-color: #fff; - text-align: center; - line-height: 60px; - padding-top: 82px; -} - -section .whole .whole-1 .Wxcollec .wxprice { - padding-bottom: 71px; -} - -section .whole .whole-1 .Wxcollec .wxprice span { - font-size: 32px; - font-weight: 800; - color: #cb1919; -} - -section .whole .whole-1 .Wxcollec .qrcode img { - padding: 18px; - border: 1px solid #00a608; -} - -section .whole .whole-1 .Wxcollec .wxzf { - margin-top: 10px; - padding-bottom: 118px; - margin-left: 85px; -} - -section .whole .whole-1 .Wxcollec .wxzf img { - height: 45px; -} diff --git a/css/logshoppingcar/reg.css b/css/logshoppingcar/reg.css deleted file mode 100644 index b0ce1f8..0000000 --- a/css/logshoppingcar/reg.css +++ /dev/null @@ -1,206 +0,0 @@ -body { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - -/* 背景图 */ -header .bac { - height: 930px; - background-size: 100% 100%; - background-image: url("../../img/images/backimage.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:link { - color: #737373; - display: block; - font-weight: 400; - line-height: 45px; - text-align: center; - max-width: 100px; - text-decoration: none; - width: 100%; -} -header .container .identity ul li .set_1_btn:hover { - color: #333; -} -header .container .identity ul li .set_1_btn:active:visited:focus { - color: #000; -} -/* 会员底部显示条 */ -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; - -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 .identity ul li .member:link{ - color: #737373; -} -header .container .identity ul li .member:hover{ - color: #737373; -} -header .container .identity ul li .member:visited:focus{ - color: #333; -} -/* 输入框 */ -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 li { - width: 200px; - height: 40px; - background: #efefef; - border-radius: 5px; -} - -header .container .codes li p { - color: #8c8c8c; - text-align: center; - font-size: 14px; - margin-top: 10px; - 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; -} - - - diff --git a/css/logshoppingcar/ret.css b/css/logshoppingcar/ret.css deleted file mode 100644 index 95f1604..0000000 --- a/css/logshoppingcar/ret.css +++ /dev/null @@ -1,276 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - - -/* 背景图 */ -header .bac { - height: 930px; - background-size: 100% 100%; - background-image: url("../../img/images/backimage.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 li { - width: 200px; - height: 40px; - background: #efefef; - border-radius: 5px; -} - -header .container .codes li p { - color: #8c8c8c; - z-index: 3; - text-align: center; - font-size: 14px; - margin-top: 10px; - 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/shopcar2.css b/css/logshoppingcar/shopcar2.css deleted file mode 100644 index fc04cf0..0000000 --- a/css/logshoppingcar/shopcar2.css +++ /dev/null @@ -1,204 +0,0 @@ -@charset "UTF-8"; -* { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - -section { - height: 1200px; - background-color: #f5f5f5; -} - -section .whoil { - padding: 15px 240px; -} - -section .whoil .whoil-1 { - margin: 20px auto; - padding: 25px; - -} - -section .whoil .whoil-1 .all { - padding-bottom: 10px; - float: left; - display: contents; -} - -section .whoil .whoil-1 .all h2 { - font-weight: 600; - color: #cb1919; - padding: 20px; - background-color: #fff; - border-bottom: #cb1919 2px solid; -} -/* 选择 */ -section .whoil .whoil-1 table { - width: 100%; - border: 1; - border-collapse: separate; - border-spacing: 0px 20px; - background-color: #fff; -} -/* 全选 */ -section .whoil .whoil-1 table thead { - width: 100%; - background-color: #f3f3f3; - border: 2px solid #000; - margin-bottom: 20px; -} -/* 全选 */ -section .whoil .whoil-1 tfoot { - width: 100%; - background-color: #f3f3f3; - border: 2px solid #000; - margin-bottom: 20px; -} -section .whoil .whoil-1 table thead th { - padding: 10px 20px; -} - -section .whoil .whoil-1 table thead th:nth-child(2) { - float: left; -} -section .whoil .whoil-1 table thead th:nth-child(n + 3) { - padding-left: 55px; -} - -section .whoil .whoil-1 table thead th input { - float: left; -} - -section .whoil .whoil-1 table tbody .inline { - border: 1px solid #e0e0e0; -} - -section .whoil .whoil-1 table tbody .inline td span { - display: inline-block; - margin-left: 15px; -} - -section .whoil .whoil-1 table tbody .inline th { - width: 140px; - -} -section .whoil .whoil-1 table tbody .inline th input { - position: absolute; - margin:16px 18px; -} -section .whoil .whoil-1 table tbody .inline th img { - margin-left: 55px; -} - -section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) { - padding: 10px 0px; -} - -section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) { - text-align: center; -} - -section .whoil .whoil-1 table tbody .inline td:nth-child(4) span { - width: 20px; - margin: 0; -} - -section .whoil .whoil-1 table tbody .inline td:nth-child(4) input { - width: 40px; - text-align: center; -} -section .whoil .whoil-1 table tbody .inline td:nth-child(4) button { - width:15px; - -} -/* 结算 */ -section .whoil .whoil-1 table tfoot { - background-color: #f3f3f3; - height: 50px; -} - -section .whoil .whoil-1 table tfoot th { - padding: 10px 20px; - -} - -section .whoil .whoil-1 table tfoot #allPrice { - color: #cb1919; - font-size: 30px; - font-weight: 800; -} - -section .whoil .whoil-1 table tfoot td:last-child span { - color: #f5f5f5; - background-color: #cb1919; - padding: 18px 50px; - float: right; -} -/* 轮播图 */ -section .whoil .whoil-1 .swiper-container { - width: 100%; - height: 380px; - background-color: #fff; -} - -section .whoil .whoil-1 .swiper-container .swiper-text { - padding: 10px 5px; - border-bottom: #e0e0e0 1px solid; - font-size: 20px; - font-weight: 700; - margin-left: 20px; - margin-right: 20px; -} - -/* section .whoil .whoil-1 .swiper-wrapper { - margin-top: 20px; -} */ - -section .whoil .whoil-1 .swiper-container img { - display: block; - /* width: 100%; */ - height: 287px; - overflow: hidden; -} -section .whoil .whoil-1 .swiper-slide .clips1 { - text-align: center; - width: 284px; - padding: 10px 0; -} - -section .whoil .whoil-1 .swiper-container .swiper-button-prev, -section .whoil .whoil-1 .swiper-container .swiper-button-next { - height: 24px; - margin: auto; -} - -section .whoil .whoil-1 .swiper-container { - --swiper-theme-color: #ff6600; -} - -section .whoil .whoil-1 .swiper-container .swiper-pagination { - bottom: 10px; -} - -section .whoil .whoil-1 .swiper-container .swiper-pagination span { - width: 10px; - height: 10px; - --swiper-pagination-color: red; -} - -section .whoil .whoil-1 .swiper-container .hide { - opacity: 0; -} - -section .whoil .whoil-1 .swiper-button-next, -section .whoil .whoil-1 .swiper-button-prev { - transition: opacity 0.5s; -} diff --git a/css/logshoppingcar/tobepaid.css b/css/logshoppingcar/tobepaid.css index 1e6d687..aecc4fa 100644 --- a/css/logshoppingcar/tobepaid.css +++ b/css/logshoppingcar/tobepaid.css @@ -16,13 +16,10 @@ section { } section .whole { - padding: 15px 50px; - margin: auto; + padding: 0px 320px; } section .whole .whole-1 { - margin: 20px auto; - width: 1200px; padding: 25px; background-color: #ffffff; } @@ -43,7 +40,7 @@ section .whole .whole-1 .Buyers { section .whole .whole-1 .toggle, section .whole .whole-1 .commodity { - padding: 20px; + padding: 20px 0 0 0; } section .whole .whole-1 .Subtitle { @@ -105,14 +102,13 @@ section .whole .whole-1 .Buyers #container #read-more { } /* 送货清单 */ section .whole .whole-1 .opt { - padding: 25px; + padding: 15px 0 0 0; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2; } section .whole .whole-1 .opt ul .optall table { width: 100%; - background-color: #f3f3f3; margin-bottom: 20px; } @@ -125,55 +121,13 @@ section .whole .whole-1 .opt ul .optall th { } section .whole .whole-1 .opt ul .optall th span { - margin-left: 85px; + margin-left: 20px; } section .whole .whole-1 .opt .checklist .among table { width: 100%; background-color: #fff; } - -section .whole .whole-1 .opt .checklist .among th { - height: 115px; -} - -section .whole .whole-1 .opt .checklist .among th:nth-child(1) { - width: 100px; -} - -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: 300px; -} - -section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input { - width: 80px; -} - -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: 162px; - text-align: center; -} - -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 { - text-align: center; -} - -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 .coupon { width: 100%; @@ -248,10 +202,8 @@ section .whole .whole-1 .remarks .layui-textarea { /* 提交订单 */ section .whole .setall { margin: 20px auto; - width: 1200px; - padding: 25px; + width: 100%; background-color: #fff; - border: 1px solid #e0e0e0; margin-top: 25px; } diff --git a/css/logshoppingcar/zf.css b/css/logshoppingcar/zf.css deleted file mode 100644 index 5f6923a..0000000 --- a/css/logshoppingcar/zf.css +++ /dev/null @@ -1,70 +0,0 @@ -* { - margin: 0; - padding: 0; -} - -li { - list-style: none; -} - -a { - text-decoration: none; -} - -section { - background-color: #f5f5f5; -} - -section .whole { - padding: 15px 50px; - margin: auto; -} - -section .whole .whole-1 { - margin: 20px auto; - padding: 25px; -} - -section .whole .whole-1 .payment { - background-color: #fff; - text-align: center; - line-height: 60px; - padding-top: 190px; - padding-bottom: 226px; -} - -section .whole .whole-1 .payment img { - width: 97px; -} - -section .whole .whole-1 .payment h2 { - font-weight: 600; - color: #00a608; -} - -section .whole .whole-1 .payment .order { - display: inline-flex; -} - -section .whole .whole-1 .payment .order .odernum { - padding-right: 15px; -} - -section .whole .whole-1 .payment .order .oderinte, -section .whole .whole-1 .payment .order .oderbuy { - padding: 0px 15px; -} - -section .whole .whole-1 .payment .order .oderhome { - padding-left: 15px; -} - -section .whole .whole-1 .payment .order .oderinte { - color: #cb1919; -} - -section .whole .whole-1 .payment .order .oderbuy a, -section .whole .whole-1 .payment .order .oderhome a { - color: #00a608; -} - diff --git a/htmls/artistCenter/artistCenter.html b/htmls/artistCenter/artistCenter.html index 3c64ba6..8ce36ac 100644 --- a/htmls/artistCenter/artistCenter.html +++ b/htmls/artistCenter/artistCenter.html @@ -5,7 +5,7 @@ -