init

public/frontend/m_web/css/login.css

@@ -0,0 +1,157 @@
+/*login*/
+.margin-60{margin:1.6rem 0 1.6rem;}
+.margin-40{margin:1.1rem 0 0.2rem;}
+.margin-20{margin:0.53rem 0 1.2rem;}
+.login-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative; width:95%; margin: auto;}
+.login-m-img {  position: absolute;top:0.8rem; left:0.53rem; }
+.login-m-img img {width:0.9rem;}
+.input-a {float: left; margin-left:4rem; }
+.input-a input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: center; color: #666; font-size:0.74rem;}
+.input-code {position: absolute; right:1.33rem; top:0.6rem;}
+.input-code button {border-radius:30px; border: 1px solid #77ccee; text-align: center;background: #fff; cursor: pointer;color: #009fdf; font-size: 0.64rem; padding: 0 0.5rem; line-height: 1.4rem;}
+.login-btn {width:95%; margin-left: auto; margin-right: auto;}
+.login-btn button {width:100%;background: #009fdf;height: 2.13rem; border-radius: 0.27rem; border:none;line-height: 2.13rem;color: #fff;font-size: 0.746rem;cursor: pointer;}
+.login-text { margin:0.58rem auto 1.5rem;width:90%; font-size: 0.74rem;color: #009fdf;}
+.login-text a{color: #009fdf;}
+.login-text a:hover {color: #0087bd;}
+.floa_r {float: right;}
+.login-line{width:13.6rem; height: 0.59rem; background:url(../images/customer/login-line.png); margin-left:auto; margin-right: auto; line-height: 0.59rem;}
+.quick_login{text-align: center; }
+.quick_login a{margin:1.5rem 0.55rem 3rem; display: inline-block;}
+/*register*/
+.regist-tab{overflow: hidden; text-align: center;}
+.regist-tab .tab{ overflow:hidden; font-size: 0.85rem;}
+.regist-tab .tab a{display: inline-block;padding:10px 20px; text-decoration:none; color:#333;}
+.regist-tab .tab a:hover{  color:#666; text-decoration:none;}
+.regist-tab .tab a.on{ color:#009fdf; text-decoration:none;position: relative;}
+/*.regist-tab .tab a.on:after { content:""; position: absolute;bottom: 0; width:1.5rem; background: #009fdf; height: 2px; left:35%;}*/
+.regist-form {font-size:0.59rem; color: #969696; float: left; margin: 0.8rem;}
+.regist-form input[type='checkbox'] {width: 20px; height: 20px; -webkit-appearance:none;border: 1px solid #c9c9c9;border-radius: 2px;outline: none;cursor: pointer; vertical-align: middle;}
+.regist-form input[type=checkbox]:checked{background: url("../images/user/regist-right.jpg")no-repeat center;}
+/*个人中心*/
+.personal-m-a {border-bottom: 1px solid #e5e5e5; overflow: hidden;position: relative;}
+.personal-m-a:last-child {border-bottom: none;}
+.personal-bg {background: #fff;}
+.personal-lable {font-size: 0.746rem; color: #666; position: absolute;top:0.8rem; left:2.4rem;}
+.personal-c {float: right; margin-right:1.25rem;}
+.personal-c input{border:none;height: 2.5rem; line-height: 2.5rem; text-align: right; color: #666; font-size:0.74rem;width:14.5rem; }
+.personal-icon {position: absolute; right:0.53rem; top:1rem;}
+.personal-icon img { width:0.37rem;}
+.personal-all { position: relative;}
+.personal-all p {color: #fff; font-size: 0.746rem; text-align: center;}
+.personal-img {position: absolute;left:7.97rem; top:2.08rem;}
+.personal-img img {width:4.05rem;}
+.personal-left-icon{width:0.96rem; margin-top:0.75rem; margin-bottom: 0.75rem; margin-left:0.35rem; float: left;}
+.personal-left-icon img{width:100%;}
+
+/*弹出框*/
+.Popup{background-color:rgba(0,0,0,0.2); position: fixed; top:0; height: 100%; width:20rem; margin-left:-0.5rem; display: none; z-index: 9;}
+.Popup .content{background-color:#FFF; border-radius: 0.27rem; width:12rem; margin-left:auto; margin-right: auto; position: relative; top:50%; padding:2rem;}
+.password{height: 8.5rem; margin-top:-5rem;}
+.email{height: 4rem; margin-top:-2.5rem;}
+.phone{height: 8rem; margin-top:-4.5rem;}
+.phone .input-code{position: relative; left:0;}
+.phone .input-code inpu{height: 2rem;}
+.Popup label {width: 3.4rem; display: inline-block; line-height: 1.2rem;}
+.Popup .content .input_class{border: 1px solid #d9d9d9; height: 1rem; width: 8rem; padding-left: 0.27rem;}
+
+.Popup .u_button a {width: 3.58rem; display: inline-block; text-align: center; margin-left: 0.48rem; margin-right: 0.48rem; color: #FFF; line-height: 1.2rem;}
+.Popup .u_button_blue {background-color: #32a5e7;}
+.Popup .u_button_gray{background-color:#d9d9d9;}
+/*其他登录方式*/
+.other_login .title{width:12.37333rem; margin-left:auto; margin-right: auto;}
+.other_login a{width:1.52rem; display: inline-block;}
+.other_login a:nth-child(2){margin-right: 0;}
+
+/*个人中心头部*/
+.personal_header{position: absolute;left:2.27rem; top:2.03rem; width:15.5rem;}
+.personal_header img{width:3.2rem;}
+.personal_header .left{width:4rem; float: left;}
+.personal_header .right{width:10rem; float: left; margin-top:0.3rem;}
+.personal_header p{text-align: left;}
+
+/*个人中心收藏*/
+.collection_c{border-bottom:1px solid #e5e5e5; overflow: hidden;}
+.collection_c li{padding-right: 0.66rem;float: left; padding-left: 0.66rem;}
+.collection_c a {color: #333; line-height: 2.4rem;}
+.collection_c .collection_c_hover a {color:#009fdf;}
+
+/*个人中心收藏产品列表*/
+.collection_l li{border-bottom:1px solid #e5e5e5; padding:0.54rem 0.25rem; overflow: hidden;}
+.collection_l li:last-child{border-bottom: none;}
+.collection_l .left{border:1px solid #e5e5e5; width:2.99rem; float: left; margin-right: 0.8rem;}
+.collection_l .left img{width:2.39rem; padding:0.3rem;}
+.collection_l .right{width:13rem; float: left;}
+.collection_l input{height: 0.96rem; width: 0.96rem; position: absolute; }
+.collection_l input+label{content: url("../images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;}
+.collection_l input:checked + label{content: url("../images/user/selected.png"); height: 0.96rem; width: 0.96rem; display:inline-block;}
+.Batch_select{width:0.96rem; float: left; margin-right: 0.38rem; height: 0.96rem; margin-top:1rem;}
+input[type="checkbox"] {
+   appearance:none;
+	-moz-appearance:none; /* Firefox */
+	-webkit-appearance:none; /* Safari 和 Chrome */
+	border:none;
+	outline: none;
+}
+.collection_b input{height: 0.96rem; width: 0.96rem; position: absolute; left:-1.49rem; z-index: 9;}
+.collection_b input+label{content: url("../images/user/unselected.png"); height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem; }
+.collection_b input:checked + label{content: url("../images/user/selected.png");height: 0.96rem; width: 0.96rem; display:inline-block; position: absolute; left:-1.44rem;;}
+.collection_b{border-top:1px solid #e5e5e5;}
+.collection_b .collection_b_left{width:50%; margin-left:3.1rem; float: left; position: relative; height: 0.96rem;}
+.collection_b .collection_b_right{float: right; margin-right: 1.653rem;}
+
+.all_del span{width:3.58rem; height: 1.2rem; text-align: center; margin-left: 0.48rem; mmargin-right: 0.48rem;color:
+#FFF;line-height: 1.2rem; float: left}
+.all_del_left{margin-left:1.7rem;}
+.input_phone{border: 1px solid #d9d9d9; height: 1.25rem; width: 6rem; padding-left: 0.27rem; display: inline-block; margin-right: 0.8rem;}
+.phone .input-code{top:0;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+