/*个人中心登录*/ .font12 { font-size: 18px; line-height: 50px; text-align: center; color: #333 } /*增加上边距 新增 20170322*/ .denglu { width: 100%; margin: 40px auto 0; overflow: hidden; } .Login { width: 90%; margin: auto; overflow: hidden; padding-top: 20px; } .Login dl { width: 100%; overflow: hidden; overflow: hidden } .Login dl dt { width: 25%; float: left; font-size: 14px; line-height: 40px; color: #666 } .Login dl dd { width: 75%; float: left; height: 30px; } .Login dl dd input { border: 1px solid #DFDFDF; height: 30px; line-height: 30px; width: 95%; padding-left: 5px; -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; background-color: white; font-size: 14px; line-height: 30px; } .ng-foot .ng-cookie-area { font-size: 14px; text-align: left; color: #999; vertical-align: middle; width: 35%; float: left; cursor: pointer } /*自动登陆 新增 20170322*/ .ng-foot .ng-cookie-area .cart-checkbox { margin: 0; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .ng-foot .ng-cookie-area .cart-checkbox { background: url(../images/category/select2.png) no-repeat 0 0; background-size: cover; } .ng-foot .ng-cookie-area .checked { background: url(../images/category/select2.png) no-repeat 0 -73px; background-size: cover; } /*自动登陆 新增 end*/ .ng-foot .ng-link-area { color: #999; float: right; width: 60%; text-align: right; } .ng-foot .ng-link-area span { height: 10px; } /*登陆 字体颜色修改 20170322*/ .ng-foot .ng-link-area a { /*color: #5790bb;*/ color: #4989b8; font-size: 14px; } .ng-foot .ng-link-area a:hover { color: #ff7e00 } .third-area { line-height: 58px; _line-height: 43px; color: #737373; float: left; width: 100%; text-align: center; overflow: hidden; margin: auto; margin-top: 15px; } .third-area a { display: inline-block; *display: inline; zoom: 1; width: 50px; height: 50px; font-size: 0; overflow: hidden; margin: 6px 10px 0px; } .third-area-a { font-size: 12px; } .ta-qq { background: url(../images/pub_user.png) no-repeat; background-size: auto 350px; } .ta-weibo { background: url(../images/pub_user.png) no-repeat; background-size: auto 350px; background-position: 0 -70px; } .ta-alipay { background: url(../images/pub_user.png) no-repeat; background-size: auto 350px; background-position: 0 -154px; } .ta-weixin { background: url(../images/pub_user.png) no-repeat; background-size: auto 350px; background-position: 0 -228px; } /*验证码 新增相对定位 20170322*/ .yanzheng { width: 100%; overflow: hidden; margin-top: 10px; margin-bottom: 10px; position: relative; border-bottom: 1px solid #eee; } .codeTxt { width: 50%; height: 35px; float: left; } /*手机验证码 修改 20170322*/ /*.codeTxt input{border: 1px solid #DFDFDF; height:35px; line-height:35px; width:95%; padding-left: 5px; -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; background-color: white; font-size:14px; line-height:30px;}*/ .codeTxt input { border: 0; height: 40px; line-height: 40px; width: 80%; padding-left: 40px; -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; /*background-color: #EEEEEE;*/ font-size: 14px; } /*手机验证码 修改 end*/ .codePhoto { width: 50%; height: 40px; float: left } .codePhoto img { border: 1px solid #DFDFDF; width: 90%; float: left; margin-left: 10px; height: 35px; margin-top: 2px; } /*按钮背景颜色修改 20170322*/ .btn_big1 { display: block; margin: auto; /*background:#FF2233;*/ background-color: #C4182E; font-size: 16px; line-height: 40px; border: 0px; color: #FFF; width: 100%; margin: auto; margin-top: 20px; margin-bottom: 10px; border-radius: 5px; } /*注册*/ /*注册修改 20170322*/ /*.log_reg_box {width: 100%;}*/ .log_reg_box ul.tab { width: 100%; padding-bottom: 20px; } .log_reg_box ul.tab li { width: 50%; height: 41px; text-align: center; line-height: 40px; font-family: 微软雅黑; font-size: 14px; color: #3e3e3e; float: left; } .log_reg_box ul.tab li.curr span { border-left: 1px solid #fbfdfe; border-right: 1px solid #fbfdfe; display: block; color: #EE2222; } .log_reg_box ul.tab li.curr span font { border: 1px solid #fcfcfd; display: block; } .log_reg_box ul.tab li.currl span { background: #F2F5F7; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; -webkit-box-shadow: 0 1px 1px #E9EBEC; color: #3e3e3e; } .log_reg_box ul.tab li.currr span { background: #F2F5F7; border-left: 1px solid #d3d3d3; border-right: none; border-bottom: 1px solid #d3d3d3; -webkit-box-shadow: 0 1px 1px #E9EBEC; color: #3e3e3e; } #logRegTabCon { width: 100%; overflow: hidden; padding-top: 20px; padding-bottom: 20px; } .log_reg_item { width: 90%; margin: auto; overflow: hidden } .hide { display: none } /*.c-form-txt-normal { display:block;height: 36px;width:96%; margin:auto;border: solid 1px #DDD;padding-left: 9px;color: #333333; font-size: 14px;-webkit-border-radius: 0;-webkit-appearance: none;background: #ffffff; margin-bottom:10px;}*/ /*.zphone{ display:block; width:90%; float:right; border:0px; height:35px; background:#f12b2b; font-size:14px; text-align:center; margin-top:2px;border-radius:0; } */ /*.field {padding: 5px 0;}*/ .tips { font-size: 14px; } .log_reg_box { width: 100%; } .c-form-txt-normal { display: block; height: 40px; line-height: 40px; width: 96%; margin: auto; border: 0; border-radius: 6px; color: #999; font-size: 14px; -webkit-border-radius: 0; -webkit-appearance: none; /*background-color: #eeeeee;*/ padding-left: 40px; } .zphone { display: block; /*width: 80%; height: 40px; line-height: 40px;*/ float: right; border: 0px; padding: 5px 10px; margin-top: 5px; background: #C4182E; font-size: 14px; text-align: center; border-radius: 4px; } /*.zphone_on{ background: #e18b96; }*/ .field { padding: 5px 0; position: relative; border-bottom: 1px solid #eee; } /*登陆注册 小图标的定位 新增 20170322*/ .phonePic { width: 15px; height: 20px; position: absolute; left: 10px; top: 15px; } .namePic { width: 17px; height: 20px; position: absolute; left: 8px; top: 15px; } .birthdayPic { width: 20px; height: 18px; position: absolute; left: 8px; top: 15px; } .idPic { width: 20px; height: 15px; position: absolute; left: 10px; top: 17.5px; } .s_mapPic { width: 20px; height: 23px; position: absolute; left: 10px; top: 14px; } .shopPic { width: 20px; height: 19px; position: absolute; left: 8px; top: 15px; } .yzmPic { width: 15px; height: 20px; position: absolute; left: 10px; top: 10px; } .pwPic { width: 20px; height: 24px; position: absolute; left: 10px; top: 10px; } .userPic { width: 20px; height: 22px; position: absolute; left: 10px; top: 15px; } /*注册 小图标的定位 end*/ /*获取手机验证码的提示信息 新增 20170322*/ #tbh5v0 .tips1 { font-size: 12px; color: #C4182E; margin-top: 10px; } /*申请分销 提示 新增 20170322*/ .log_reg_item .welTex { font-size: 16px; color: #333333; margin-bottom: 10px; } .log_reg_item .welTex span { color: #C4182E; } /*申请分销 提示 end*/ #tbh5v0 .reg-success .tips, #tbh5v0 .login-success .tips, #tbh5v0 .reg-success .c-btn-oran-big1, #tbh5v0 .login-success #tbh5v0.err .tips { color: red; } #tbh5v0 .success .tips { display: none; } #tbh5v0 .tips { font-size: 12px; color: #999; /*margin: 5px 0 5px 0;*/ } #tbh5v0 .tips span { color: rgb(0, 153, 51); } #tbh5v0 .tips a { color: #69F } #tbh5v0 .tips a.big { font-size: 14px; } #tbh5v0 .innercontent .tips-act { font-size: 16px; padding: 20px 0; line-height: 25px; } #tbh5v0 .innercontent .tips-title { font-size: 24px; padding: 20px 0; text-align: center; } /*找回密码*/ /* 新增上边距 20170322*/ .find { width: 100%; background: #FFF; margin: 45px auto 0; overflow: hidden; } .innercontent { width: 95%; margin: auto; } .yonghu { width: 100%; margin-top: 20px; padding-bottom: 10px; overflow: hidden } .yonghu input { border: 1px solid #DFDFDF; height: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; width: 98%; padding-left: 5px; -webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; background-color: white; } #u_name-error { font-size: 14px; line-height: 30px; color: #F30 } #captcha-error { display: block; position: absolute; float: left; bottom: -20px; font-size: 14px; color: #F30 } .select { -webkit-appearance: none; border-radius: 0; border: 1px solid #e5e5e5; height: 34px; line-height: 34px; padding: 0 33px 0 10px; color: #333; background-repeat: no-repeat; background-image: url('../images/down.png'); background-position: center right; background-size: 23px 7px; display: inline-block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .v_mobile_phone { font-size: 18px; line-height: 40px; color: #666 } #l_mobile_phone { font-size: 18px; line-height: 40px; color: #666 } #l_email { font-size: 18px; line-height: 40px; color: #666 } .validate_type { width: 100%; margin-top: 10px; font-size: 14px; line-height: 40px; color: #333; margin-bottom: 10px; } .m_phone { width: 45%; float: right; height: 37px; display: block; border: 0px; height: 35px; background: #f12b2b; font-size: 14px; text-align: center; margin-top: 2px; border-radius: 0; } .find_box_end { width: 100%; margin: auto; margin-top: 20px; } .find_box_end p { text-align: center; font-size: 18px; color: #F00; line-height: 200%; } .tips { font-size: 14px; color: #F00; line-height: 200%; } /*注册*/ .register { margin: 20px; text-align: center; } .reg_logo { width: 100px; height: 100px; margin:0 auto 20px; text-align: center; font-size: 0; box-shadow: 2px 2px 4px #C4182E; -moz-box-shadow: 2px 2px 4px #C4182E; -webkit-box-shadow: 2px 2px 4px #C4182E; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; } .logo{ vertical-align: middle; display:inline-block; *display: inline; *zoom: 1; width: 90%; margin: auto; max-height: 90%; max-width: 90%; } .logo img{ width: 100%; height: 100%; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; } .infoBox { margin-top: 20px; } .infoBox li { border-bottom: 1px solid #EEEEEE; font-size: 0; padding: 10px 0; text-align: left; position: relative; } .infoBox li .left, .infoBox li .right{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .infoBox li .left { width: 15%; text-align: center; } .infoBox li .left img { vertical-align: middle; height: 20px; } .infoBox li .right { width: 65%; border: 0; font-size: 16px; text-align: left; } .addNum { font-size: 16px; color: #e18b96; position: absolute; right: 10px; top: 10px; } .addNum_on { color: #C4182E; } .infoBox li .abtn { font-size: 14px; color: #FFFFFF; background-color: #e18b96; padding: 3px 10px; position: absolute; right: 0; top: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .infoBox li .abtn_on { background-color: #C4182E; } /*日期弹窗*/ .layermchild { width: 90%; } .dateBox { padding: 5px; font-size: 14px; color: #C4182E; } .dateBox .tit { text-align: left; padding: 5px 0; border-bottom: 1px solid #000000; } .disb0 { font-size: 0 } .three { width: 30%; margin: 5px 0; font-size: 14px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } .dateBox .time { color: #fff; border: 2px solid #da3e65; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; position: relative; } .dateBox .bg_bottom{ position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 50%; /* IE 10 */ background: -ms-linear-gradient(bottom, #da3e65, #C4182E); /*火狐*/ background: -moz-linear-gradient(bottom, #da3e65, #C4182E); /*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da3e65), to(#C4182E)); /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da3e65), to(#C4182E)); /*Safari5.1 Chrome 10+*/ background: -webkit-linear-gradient(bottom, #da3e65, #C4182E); /*Opera 11.10+*/ background: -o-linear-gradient(bottom, #da3e65, #C4182E); } .dateBox .bg_top{ position: absolute; top: 0; left: 0; width: 100%; height: 50%; z-index: -1; /* IE 10 */ background: -ms-linear-gradient(top, #da3e65, #C4182E); /*火狐*/ background: -moz-linear-gradient(top, #da3e65, #C4182E); /*谷歌*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da3e65), to(#C4182E)); /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#da3e65), to(#C4182E)); /*Safari5.1 Chrome 10+*/ background: -webkit-linear-gradient(top, #da3e65, #C4182E); /*Opera 11.10+*/ background: -o-linear-gradient(top, #da3e65, #C4182E); } .btnRed { width: 85px; height: 40px; line-height: 40px; margin: 10px; color: #FFF; font-size: 14px; background-color: #C4182E; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } /*日期*/ .dwl,.dwv{ font-size: 18px; } .trueCalendar{vertical-align:text-bottom;display: inline-block;*display: inline;*zoom: 1;width: 30px;height: 25px; background: url(../images/category/select2.png) 15px 8px no-repeat; background-size: 15px 87px;} .calendarOn{ background-position: 15px -35px; } /*会员卡*/ .li1 { background: -webkit-gradient(linear, right top, left bottom, from(#7370fb), color-stop(0.5, #6895fa), to(#5ecafb)); margin-right: 1% } .li2 { background: -webkit-gradient(linear, right top, left bottom, from(#8f24f0), color-stop(0.5, #ac2bc6), to(#c22fb1)); margin-right: 1% } .li3 { background: -webkit-gradient(linear, right top, left bottom, from(#dc507f), color-stop(0.5, #e4656c), to(#f69254)); } .vipcard { } .vipcard ul li { padding: 0 10px; border-radius: 4px; float:left; width: 29%;; } .vipcard ul li .top { position: relative; } .li1 .top { border-color: #4f85df; } .li2 .top { border-color: #ae1da0; } .li3 .top { border-color: #ec7b51; } .selli{ border:red solid 1px} .selly{ border-right:red solid 1px} .noselli{ border:#fff solid 1px} .noselly{ border-right:#fff solid 1px} .vipcard ul li .ly, .vipcard ul li .ry { position: absolute; bottom:25px; margin-top: -12.5px; width: 15px; height: 15px; border-radius: 50%; background-color: #fff } .vipcard ul li .ly { left: -18.5px; } .vipcard ul li .ry { right:-18.5px; } .vipcard ul li .bottom { text-align: center; padding: 10px 0; } /*flix等分*/ .disfx { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; font-size: 0; } .fx1 { } .vipcard ul li .top { padding: 5px 0; } .top .disfx .fx1:first-child { font-size: 14px; color: #fff } .top .disfx .fx1:first-child img { width: 25px; } .top .disfx .fx1:last-child { font-size: 16px; color: #fff; text-align: right } .top .disfx .fx2 { font-size: 12px; color: #fff; text-align:center; } .top .num { font-size: 24px; color: #fff; text-align: center; padding: 8px 0 0; } .top .exday { font-size: 12px; color: #fff; text-align: center; height:16px; line-height:16px; } .top .num em { font-size: 16px; } .bottom .buynew { display: inline-block; padding: 3px 10px; border-radius: 24px; color: #fff; background-color: rgba(255, 255, 255, 0.5) } .layermbtn { border-top: 1px #ddd solid; background-color: #fff; } .layermbtn > span, .layermbtn span:first-child { background-color: #fff; color: #666; } .layermbtn span:first-child { border-right: 1px #ddd solid; width: calc(50% - 1px); } @media screen and (max-width: 480px) { .vipcard ul li { padding: 0 5px; border-radius: 4px; float:left; width: 28.5%;; } .top .disfx .fx1:first-child img { width: 15px; } .top .disfx .fx1:last-child { font-size: 12px; color: #fff; line-height: 18px; text-align: right } .top .num { font-size: 16px; color: #fff; text-align: center; padding: 3px 0 0; line-height: 18px; } .vipcard ul li .ly { left: -14.5px; } .vipcard ul li .ry { right:-14.5px; } } @media screen and (max-width: 320px) { .vipcard ul li .top { padding: 2px 0; } .vipcard ul li { padding: 0 0px; border-radius: 4px; float:left; width: 31%;; } .top .disfx .fx1:first-child img { width: 12px; } .top .disfx .fx1:last-child { font-size: 12px; color: #fff; line-height: 18px; text-align: right } .top .num { font-size: 14px; line-height: 14px; height: 14px; color: #fff; text-align: center; } .vipcard ul li .ly { left: -10.5px; } .vipcard ul li .ry { right:-10.5px; } .top .exday { font-size: 10px; color: #fff; text-align: center; height:16px; line-height:16px; } } /*20180716 season*/ .layer_verify{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 19891015; background-color: rgba(0, 0, 0, .5); } .layer_verify1{ text-align: center; line-height:30px; padding: 10px; width: 300px; width: 300px; margin: 50px auto; height: 190px; border: solid #ccc 1px; background-color: #fff; } .layer_verify1 .close{ text-align: right} .layer_verify1 .close img{height: 30px; } .layer_verify1 img{ height:50px} .layer_verify1 .input_class{ position: relative; height: 40px; text-align: center; } .layer_verify1 .vertify_input{ letter-spacing: 45px; text-align: left; text-indent: 15px;width: 260px; height: 50px; line-height: 50px; font-size: 14px; margin-left: 53px; border: none; background: none; font-weight:bold; color:transparent; text-shadow:0 0 0 #000; } .layer_verify1 .input_class1{ position: absolute; width: 300px; left:50%; margin-left:-100px; } .layer_verify1 .input_class2{ position: absolute; width: 300px; left:50%; margin-left:-100px; } .layer_verify1 .input_class2 li{ width: 40px; height: 40px; border: #ccc solid 1px; float: left; margin: 5px; } .layer_verify1 .input_class2 .active{ border: #eee solid 1px; } .layer_verify1 .yz_msg{ font-size: 12px; color: red; text-align: center; line-height: 24px; height: 24px;}