@charset "utf-8";
/* CSS Document */

.main{ background:url(../images/user/user_bg.jpg) center no-repeat; background-size:cover;}

/*登录*/
.loginBox{ background:url(../images/user/login_bg.png) left center no-repeat; padding:100px 0 120px; margin:0 0 0 -120px;}
.loginBox::before,
.loginBox::after{ content:''; display:block; overflow:hidden; clear:both;}
.loginBox .box{ background:rgba(255,255,255,0.95); overflow:hidden; border-radius:12px; box-shadow:0 0 18px rgba(98,154,200,0.6); margin:0 0 0 480px;}
.loginBox .code{ width:350px; text-align:center; overflow:hidden; float:left; margin:0 0 60px; position:relative;}
.loginBox .code::after{ content:''; display:block; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:90px;}
.loginBox .code em{ display:block; line-height:88px; color:#333; font-size:18px; padding:0 0 12px;}
.loginBox .code img{ display:block; height:200px; margin:0 auto;}
.loginBox .code span{ display:block; line-height:1; color:#666; font-size:14px; padding:36px 0 0;}
.loginBox .con{ overflow:hidden;}
.loginBox p.tab{ display:block; line-height:88px; color:#333; font-size:18px; text-align:center;}
.loginBox p.tab a{ display:inline-block; vertical-align:top; margin:0 24px; cursor:pointer;}
.loginBox p.tab a.cur{ color:#d81e06;}
.loginBox form{ display:none; overflow:hidden; padding:0 48px;}
.loginBox form p{ display:block; line-height:2; font-size:14px;}
.loginBox form p::before,
.loginBox form p::after{ content:''; display:block; overflow:hidden; clear:both;}
.loginBox form p a{ color:#d81e06;}
.loginBox form p a:hover{ text-decoration:underline;}
.loginBox form input.txt{ display:block; width:100%; height:56px; box-sizing:border-box; line-height:1.75; color:#333; font-size:16px; padding:13px 24px 13px 56px; background:#fff; border:1px solid #e9e9e9; margin:0 0 18px;}
.loginBox form input.user{ background:url(../images/user/ico_user.png) left 24px center no-repeat;}
.loginBox form input.pwd{ background:url(../images/user/ico_pwd.png) left 24px center no-repeat;}
.loginBox form input.phone{ background:url(../images/user/ico_phone.png) left 24px center no-repeat;}
.loginBox form input.vcode{ background:url(../images/user/ico_vcode.png) left 24px center no-repeat; width:240px; float:left;}
.loginBox form a.btn{ display:block; width:138px; line-height:56px; color:#fff; font-size:16px; text-align:center; background:#ee604d; float:right;}
.loginBox form a.btn:hover{ text-decoration:none; background:#d81e06;}
.loginBox form input.btn{ display:block; width:100%; height:56px; line-height:56px; color:#fff; font-size:16px; background:#d81e06; border:none; cursor:pointer; margin:0 0 10px;}

/*注册*/
.loginBox form.register{ display:block; padding-bottom:60px;}
.loginBox form.register p{ margin:0 175px; position:relative;}
.loginBox form.register input.txt{ padding:13px 14px; margin:0 0 12px;}
.loginBox form.register input.short{ width:240px; float:left;}
.loginBox form.register input.phone{ padding-left:56px;}
.loginBox form.register input.vcode{ padding-left:56px;}
.loginBox form.register label{ display:block; width:6em; line-height:56px; color:#666; font-size:16px; text-align:right; padding:0 12px; position:absolute; right:100%; top:0;}
.loginBox form.register label font{ color:#d81e06;}
.loginBox form.register input.btn{ margin:12px 0 14px;}
.loginBox form.register label.check{ width:auto; line-height:28px; text-align:left; padding:0; float:left; margin:0 8px 0 0; cursor:pointer; position:static;}
.loginBox form.register label.check input{ display:block; height:28px; cursor:pointer;}

/*忘记密码*/
.loginBox ul.step{ display:flex; justify-content:space-between; max-width:474px; font-size:14px; overflow:hidden; padding:0 0 30px; margin:0 auto;}
.loginBox ul.step li{ display:block; line-height:2.5; color:#ccc; text-align:center;}
.loginBox ul.step li em{ display:block; width:1.5em; line-height:1.5; font-size:24px; font-weight:bold; text-align:center; background:#fff; border:1px solid #ccc; border-radius:50%; margin:0 auto;}
.loginBox ul.step li.line{ height:18px; border-bottom:1px dashed #ccc; flex:auto;}
.loginBox ul.step li.cur{ color:#d81e06; border-color:#d81e06;}
.loginBox ul.step li.cur em{ border-color:#d81e06;}
.loginBox form.register input.pwd{ padding-left:56px;}
.loginBox form.register p.tips{ color:#d81e06; padding:6px 0 12px;}
.loginBox .success{ height:280px; line-height:1.75; color:#d81e06; font-size:14px; text-align:center; padding:20px 0 0;}
.loginBox .success img{ display:block; height:72px; margin:0 auto 20px;}

/*会员中心*/
.main dl.menu{ display:block; width:242px; min-height:740px; overflow:hidden; background:#fff; margin:0 26px 0 0; float:left;}
.main dl.menu dt{ display:block; line-height:64px; color:#333; font-size:22px; font-weight:bold; padding:0 28px; overflow:hidden; border-bottom:1px solid #eee; margin:0 0 12px;}
.main dl.menu dd{ display:block; padding:0 28px;}
.main dl.menu dd a{ display:block; line-height:3; color:#333; font-size:18px; overflow:hidden; position:relative;}
.main dl.menu dd a img{ display:block; float:left; margin:1.5em 12px -1.5em 0; transform:translateY(-50%);}
.main dl.menu dd a:hover,
.main dl.menu dd.cur a:only-child{ color:#d81e06;}

.main dl.menu dd p.sub{ display:none; padding:12px 38px 16px; background:#fafafa; margin:0 0 10px;}
.main dl.menu dd.cur p.sub{ display:block;}
.main dl.menu dd p.sub a{ line-height:2.5; color:#444; font-size:16px;}
.main dl.menu dd p.sub a:hover,
.main dl.menu dd p.sub a.cur{ color:#d81e06;}

.main .attr{ min-height:740px; padding:0;}

.welcom{ font-size:16px; background:#fff; overflow:hidden; padding:20px 48px; border-bottom:26px solid #f6f6f6;}
.welcom img{ display:block; width:88px; height:88px; border-radius:50%; float:left; margin:0 20px 0 0; box-shadow:0 0 5px rgba(227,217,217,0.8);}
.welcom p.name{ display:block; line-height:30px; float:left; padding:14px 0;}
.welcom p.name b{ display:block; font-size:18px;}
.welcom p.right{ text-align:right;}
.welcom p.right span{ display:block;}
.welcom p.right a.btn{ display:block; float:right;}

.main .attr h2.title{ display:block; line-height:64px; color:#333; font-size:22px; padding:0 28px; overflow:hidden; border-bottom:1px solid #eee;}
.main ul.plan{ display:flex; justify-content:space-between; background:url(../images/user/plan_line.png) center top no-repeat; margin:96px;}
.main ul.plan li{ display:block; line-height:4.5; color:#333; font-size:16px; text-align:center;}
.main ul.plan li img{ display:block; height:96px; margin:0 auto;}
.main a.publish{ display:block; width:8em; line-height:2.625; color:#fff; font-size:16px; text-align:center; background:#d81e06; border-radius:6px; margin:0 auto 0;}

/*设备发布*/
.main .userForm{ display:flex; flex-direction:column; align-items:center;}
.main .userForm form{ display:block; min-width:570px; padding:20px 28px;}
.main .userForm form .pLine{ overflow:hidden; padding:10px 0;}
.main .userForm form label{ display:block; width:7em; line-height:46px; color:#333; font-size:16px; float:left;}
.main .userForm form label font{ color:#d81e06;}
.main .userForm form span{ display:block; line-height:46px; color:#333; font-size:16px; overflow:hidden;}
.main .userForm form input.txt{ display:block; width:410px; width:450px; height:46px; box-sizing:border-box; line-height:1.5; color:#333; font-size:16px; padding:10px 16px; background:#fff; border:1px solid #ddd; float:left;}
.main .userForm form input.txt[readonly]{ background:#f6f6f6;}
.main .userForm form ::placeholder{ color:#888;}
.main .userForm form select{ display:block; width:480px; height:46px; line-height:1.5; color:#333; font-size:16px; padding:10px 34px 10px 16px; background:#fff url(../images/user/select.png) right 10px center no-repeat; border:1px solid #ddd; margin:0 12px 0 0; float:left; -webkit-appearance:none; cursor:pointer;}
.main .userForm form select.short{ width:152px; width:142px;}
.main .userForm form select.medium{ width:234px; width:219px;}
.main .userForm form textarea{ display:block; width:600px; height:168px; box-sizing:border-box; line-height:1.5; color:#333; font-size:16px; padding:10px 16px; background:#fff; border:1px solid #ddd; float:left; resize:none;}
.main .userForm form input.btn{ display:block; width:9em; height:44px; line-height:44px; color:#fff; font-size:16px; background:#d81e06; border:none; border-radius:6px; cursor:pointer; margin:20px auto 40px;}

/*商品展示*/
.main table.product{ width:calc(100% - 56px); margin:28px 28px 48px;}
.main table.product tr th{ line-height:3; color:#333; font-size:16px; text-align:center; background:#f6f6f6;}
.main table.product tr td{ line-height:1.5; font-size:15px; text-align:center; padding:1em 0; overflow:hidden; border-bottom:0px dashed #fff;}
.main table.product tr:nth-child(odd) td{ background:#fafafa;}
.main table.product tr td a{ margin:0 4px;}
.main table.product tr td .title{ text-align:left; overflow:hidden; margin:0 20px;}
.main table.product tr td .title a{ display:inline-block; vertical-align:top;}
.main table.product tr td a:hover{ color:#d81e06; text-decoration:underline;}
.main table.product tr td a.red{ color:#d81e06;}
.main table.product tr td a.yellow{ color:#f0990e;}
.main table.product tr td a.green{ color:#00a64b;}

.main .attr .pages{ padding:0 0 48px;}

/*我的收藏*/
.main ul.collect{ display:block; font-size:15px; overflow:hidden; padding:28px 16px 26px;}
.main ul.collect li{ display:block; width:25%; overflow:hidden; float:left;}
.main ul.collect li .box{ overflow:hidden; padding:0 10px; border:1px solid #eee; margin:0 12px 24px;}
.main ul.collect li a.pic{ display:block; overflow:hidden; position:relative; margin:0 -10px;}
.main ul.collect li a.pic img{ display:block; width:100%; height:150px;}
.main ul.collect li a.title{ display:block; line-height:2; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0.5em 0;}
.main ul.collect li a.title:hover{ color:#d81e06;}
.main ul.collect li a.btn{ display:block; line-height:22px; color:#999; font-size:14px; overflow:hidden; float:right;}
.main ul.collect li a.btn:hover{ color:#d81e06;}
.main ul.collect li b.price{ display:block; line-height:22px; color:#d81e06; font-size:14px; font-weight:normal; overflow:hidden; padding:0 0 9px;}
.main ul.collect li p{ display:block; line-height:3; color:#666; font-size:14px; overflow:hidden; border-top:1px dashed #eee;}

/*编辑器*/
#edui1_bottombar{ display:none;}
#edui1{ box-sizing:border-box;}
#edui3{ display:none !important;}
#edui1_toolbarbox{ position/:relative !important;}
.layui-input-block{ margin-left:0; overflow:hidden;}

.avatar-add{ overflow:hidden; padding:4px 0 0;}
.avatar-add .layui-btn{ background:#d81e06; float:left; margin:0 20px 0 0; font-size:15px;}
.avatar-add p.tips{ display:block; color:#999; font-size:15px; line-height:38px; overflow:hidden;}
.avatar-add p.layer-photos-demo{ margin:16px 0 0;}
.avatar-add p.layer-photos-demo img{ display:block; border:1px solid #ddd; padding/:4px; box-sizing:border-box; max-height:140px; max-width:360px;}

.avatar-add-list{ overflow:hidden; padding:4px 0 0;}
.avatar-add-list .layui-btn{ background:#d81e06; font-size:15px;}

#layer-photos{ width:100%; display:flex; flex-wrap:wrap; padding:8px 0 0;}
#layer-photos p{ position:relative; margin:0 8px 0 0;}
#layer-photos p img{ margin:8px 8px 0 0; display:block; width:auto; height:120px; border:1px solid #eee;}
#layer-photos .icon-del{ display:block; width:16px; height:16px; background:url(../images/icons/del.png) center no-repeat; background-size:cover; cursor:pointer; position:absolute; top:0; right:0;}

.main .userForm form label,
.main .userForm form select,
.main .userForm form input.txt{ font-size:15px;}












/**/