/*会员中心*/
#member{margin:20px auto 70px;}
#member>.left{width:260px;}
#member>.left dl{margin:0 0 10px; background:#fff; padding:0 0 15px;}
#member>.left dl:last-child{margin-bottom:0;}
#member>.left dl dt{line-height:50px; height:50px; padding:0 0 0 56px; margin-bottom:15px; border-bottom:1px solid #f4f4f4;}
#member>.left dl dt,
#member>.left dl dt a{font-size:16px; color:#333;}
#member>.left dl dt a:hover{color:var(--a-hover-color);}
#member>.left dl dt i{font-size:20px; color:#888; left:24px; top:0;}
#member>.left dl dd{padding:0 0 0 56px; line-height:30px;}
#member>.left dl dd .count{height:14px; background:var(--main-color); line-height:14px; left:calc(100% + 4px); top:50%; margin:-7px 0 0; padding:0 7px; border-radius:7px;}
#member>.left dl dd .count span{font-size:12px; transform:scale(0.83,0.83); *font-size:10px; color:#fff;}
#member>.left dl dd a{font-size:14px; color:#888;}
#member>.left dl dd a.cur,
#member>.left dl dd a:hover{color:var(--a-hover-color);}

#member>.right{width:920px;}

#member .card{padding:30px; border-bottom:2px solid #f7f7f7; background:#fff;}
#member .card:before{width:1px; left:384px; top:30px; bottom:30px; background:#ededed; content:''; position:absolute;}

#member .card .lbox{width:344px; padding:12px 0 32px;}
#member .card .lbox .face{width:100px; height:100px; margin:0 auto 3px;}
#member .card .lbox .face .img{border-radius:50%; background:#ccc;}
#member .card .lbox .face .txt{left:0; right:0; bottom:0;}
#member .card .lbox .face .txt div{height:26px; line-height:26px; background:#f58220; border-radius:13px; font-size:14px; color:#fff; padding:0 6px;}
#member .card .lbox .txt_1{line-height:27px; height:27px; font-size:16px; color:#888; margin:9px 0;}
#member .card .lbox .txt_1 span{color:#333;}
#member .card .lbox .txt_2{line-height:24px; height:24px; font-size:14px; color:#888; margin:0 0 9px;}
#member .card .lbox .txt_2 span{color:var(--main-color);}
#member .card .lbox .link a{text-decoration:underline; color:#3983d3;}

#member .card .rinfo{width:476px; padding:0 0 3px 33px;}
#member .card .rinfo .txt{font-size:16px; color:#666; line-height:19px; margin:5px 0 12px; padding-bottom:18px; border-bottom:1px solid #ededed;}
#member .card .rinfo .li{width:100%;}
#member .card .rinfo .li td{color:#999; font-size:14px; line-height:37px;}
#member .card .rinfo .li td[a]{width:120px;}
#member .card .rinfo .li td[b]{}
#member .card .rinfo .li td[c]{width:1px;}
#member .card .rinfo .li td[c] a{text-decoration:underline; font-size:14px; color:#666;}

#member .member_title{line-height:32px; height:32px; padding:16px 24px; background:#fff; margin-bottom:10px; font-size:16px;}

#member .order-title{line-height:56px; font-size:16px; color:#333; margin:16px 0 0; padding:0 20px; background:#fff; border-bottom:1px solid #ededed;}

#member .order{padding:50px 20px 0; background:#fff;}

/*#member .order .topnav{margin:0 30px;}*/
#member .order .topnav .item{width:25%; margin-bottom:40px;}
#member .order .topnav .item i{font-size:34px; color:#666; display:inline-block; height:34px;}
#member .order .topnav .item .name{font-size:16px; line-height:27px; color:#666; margin:7px 0 0;}
#member .order .topnav .item:hover i,
#member .order .topnav .item:hover .name{color:var(--a-hover-color);}

#member .order .list{border:1px solid #e8e8e8; margin:0 0 20px;}
#member .order .list .bar{height:50px; background:#f4f4f4;}
#member .order .list .bar .number{font-size:14px; color:#666; margin:0 0 0 19px;}
#member .order .list .bar .number span{color:#999; font-size:14px;}
#member .order .list .bar .time{font-size:14px; color:#666; margin:0 0 0 25px;}
#member .order .list .bar .time span{font-size:14px; color:#ff1d1d;}
#member .order .list .bar .statetxt{font-size:14px; margin:0 17px 0 0;}
#member .order .list .bar .statetxt.on{color:#f58220;}
#member .order .list .bar .statetxt font{color:#888;}
#member .order .list .bar .apply_time{font-size:14px; color:#888; margin:0 17px 0 0;}

#member .order .list .proinfo{padding:20px 0 20px;}
#member .order .list .proinfo>*{padding-left:109px; min-height:90px; margin:0 20px 20px; border-bottom:1px dashed #e5e5e5;}
#member .order .list .proinfo>* .img{width:88px; height:88px; border:1px solid #e5e5e5; left:0; top:0;}
#member .order .list .proinfo>* .name{margin:8px 0 0;}
#member .order .list .proinfo>* .name h2{font-size:16px; color:#333; line-height:21px;}
#member .order .list .proinfo>* .name.typs2{margin:3px 0 0;}
#member .order .list .proinfo>* .name.typs2 h2{line-height:28px;}
#member .order .list .proinfo>* .subname h2{font-size:14px; color:#888; line-height:18px;}
#member .order .list .proinfo>* .parm{font-size:14px; color:#888; line-height:22px; margin:9px 0 0;}
#member .order .list .proinfo>* .parm.typs2{line-height:24px; margin:0;}
#member .order .list .proinfo>*:last-child{border:none; margin-bottom:0;}

#member .order .list .priceinfo .box{padding:0 20px; text-align:center;}
#member .order .list .priceinfo .box .topbar{height:40px; background:#f4f4f4;}
#member .order .list .priceinfo .box .topbar td{font-size:14px; color:#666; padding:0 0 0 16px;}
#member .order .list .priceinfo .box tr:not(.topbar){border-bottom:1px solid #eee;}
#member .order .list .priceinfo .box tr:not(.topbar) td{height:50px; font-size:14px; color:#666; padding:0 0 0 16px;}


#member .order .list .remarks td.pad{padding:0 20px 0;}
#member .order .list .remarks td{font-size:14px; vertical-align:top;}
#member .order .list .remarks [tbox]>td{border-bottom:1px solid #eee; padding:12px 0; line-height:1.8;}
#member .order .list .remarks [c666]{color:#666;}
#member .order .list .remarks [blue]{color:#0a4595;}
#member .order .list .remarks img[fl]{max-height:120px; margin:5px 5px 0 0;}

#member .order .list .service_img_list td{padding:0 29px 0;}
#member .order .list .service_img_list td>div{padding:0 0 0 44px;}
#member .order .list .service_img_list td a{width:80px; height:80px; background:#cfd0e6; margin:0 10px 0 0;}

#member .order .list .line{height:1px; background:#e5e5e5;}

#member .order .list .bot td{padding:12px 19px 28px; line-height:40px;}
#member .order .list .bot td .price{font-size:20px; color:#ff9600; width:220px; margin:0 10px 0 0;}
#member .order .list .bot td .price span{font-size:14px; color:#333;}
#member .order .list .bot td .btn{min-width:70px; height:36px; line-height:36px; border-radius:5px; border:1px solid #ccc; margin:0 0 0 10px; font-size:14px; padding:0 15px; text-align:center; float:right;}
#member .order .list .bot td .btn.b1{background:#f58220; color:#fff; border-color:#f58220;}
#member .order .list .bot td .btn.b2{background:#0a4595; color:#fff; border-color:#0a4595;}
#member .order .list .bot td .btn.b3{background:none; color:#666; border-color:#ddd;}
#member .order .list .bot td .pay label{height:22px; line-height:22px; margin:0 24px 0 0;}
#member .order .list .bot td .pay label span{width:16px; height:16px; border:2px solid #999; border-radius:50%; margin-left:7px;}
#member .order .list .bot td .pay label.cur span{border-color:#3983d3;}
#member .order .list .bot td .pay label.cur span::before{width:10px; height:10px; left:50%; top:50%; margin:-5px 0 0 -5px; background:#3983d3; border-radius:50%;}

#member .order_nav{margin:0 0 6px; background:#fff; padding:0 9px;}
#member .order_nav a{font-size:16px; color:#666; line-height:60px; height:60px; margin:0 25px 0; position:relative;}
#member .order_nav a.cur,
#member .order_nav a:hover{color:#0a4595; font-weight:bold;}
#member .order_nav a.cur:before{height:3px; left:0; right:0; bottom:-2px; background:#0a4595; position:absolute; content:'';}

#member .screen{line-height:32px; height:32px; padding:16px 24px; background:#fff; margin-bottom:10px;}
#member .screen .checkbox{margin:0 15px 0 0;}
#member .screen .checkbox i{font-size:16px; margin:0 9px 0 0; width:14px; height:14px; border:1px solid #ddd;}
#member .screen .checkbox i::before{opacity:0; line-height:14px; vertical-align:top;}
#member .screen .checkbox span{font-size:14px; color:#666;}
#member .screen .checkbox.cur i{color:var(--main-color);}
#member .screen .checkbox.cur i::before{opacity:1;}
#member .screen .del_btn{font-size:14px; color:#999;}
#member .screen .select_time .txt{font-size:14px; color:#666; margin:0 14px;}
#member .screen .select_time .input{margin:0 10px 0 0;}
#member .screen .select_time .input input{width:138px; height:30px; border:1px solid #e5e5e5; text-indent:15px;}
#member .screen .select_time .input::before{width:14px; height:14px; background:url(/images/member/7.jpg) no-repeat center; right:3px; top:50%; margin:-7px 0 0;}
#member .screen .select_time .line{width:10px; margin:16px 10px 0 0; height:1px; background:#e5e5e5;}
#member .screen .select_time .subm{width:80px; height:32px; background:#0a4595; color:#fff; border-radius:3px; display:inline-block; font-size:14px; text-align:center;}

#member .screen .baseinput span{font-size:12px; color:#666; margin:0 23px 0 0;}
#member .screen .baseinput .input{height:30px; border:1px solid #e5e5e5;border-radius:2px 0 0 2px;}
#member .screen .baseinput .input input{width:194px; height:100%; padding:0 7px; font-size:13px; display:block}
#member .screen .baseinput .sub{width:59px; height:30px; line-height:30px; border:1px solid #e5e5e5; border-left:none; background:#f3f3f3; border-radius:0 2px 2px 0;}

#member .collection{background:#fff; border-top:5px solid #d2dbff;}
#member .collection .bar{border-bottom:1px solid #eee; margin:0 0 100px;}
#member .collection .bar td{height:56px; padding:0 0 0 24px;}

#member .collection .item td{padding:0 0 0 24px;border-bottom:1px solid #efefef;}
#member .collection .item td .xz{left:-50px; top:26px;}
#member .collection .item td .xz i{font-size:0; width:14px; height:14px; text-align:center; line-height:14px; color:#0a4595; border:1px solid #ddd; display:block;}
#member .collection .item td .xz.cur i{/* background:#0a4595; */ border-color:#0a4595; font-size:14px;}

#member .collection .item td .box{padding:20px 0 20px 105px; min-height:90px; width:420px;}
#member .collection .item td .box .img{width:88px; height:88px; border:1px solid #e5e5e5; left:0; top:20px;}
#member .collection .item td .box .name{margin:8px 0 0;}
#member .collection .item td .box .name h2{font-size:16px; color:#333; line-height:21px;}
#member .collection .item td .box .subname h2{font-size:14px; color:#888; line-height:18px;}
#member .collection .item td .box .brief{font-size:14px; color:#888; line-height:22px; margin:9px 0 0;}
#member .collection .item td .price{font-size:14px; color:#666;}
#member .collection .item td .btn{width:58px; height:28px; line-height:28px; border:1px solid var(--main-color); font-size:14px; color:var(--main-color); border-radius:5px; margin:0 35px 0 0;}
#member .collection .item td .del i{font-size:24px; color:#999;}

#member .collection .item td:nth-child(1),
#member .collection .item td:nth-last-child(1){border-bottom:none;}
#member .collection .bar td:nth-child(2),
#member .collection .item td:nth-child(2){padding-left:0;}


#member .invoice{background:#fff; border-top:5px solid #d2dbff;}
#member .invoice .bar{border-bottom:1px solid #eee;}
#member .invoice .bar td{font-size:14px; color:#666; height:56px; font-weight:bold; padding:0 0 0 50px; text-align:center;}
#member .invoice .item td{font-size:14px; height:50px; color:#666; padding:0 0 0 50px;border-bottom:1px solid #efefef; text-align:center;}
#member .invoice .item td a{font-size:14px; color:var(--main-color); line-height:12px; border-bottom:2px solid var(--main-color);}
#member .invoice .item td.time{color:#888;}
#member .invoice .item td.price{color:#b89670;}
#member .invoice .item td.name{color:#666;}
#member .invoice .item td.state{color:#888;}
#member .invoice .item.on td.state{color:var(--main-color);}

#member .invoice .item td:nth-child(1),
#member .invoice .item td:nth-last-child(1){border-bottom:none; padding-left:24px; width:0px;}
#member .invoice .bar td:nth-child(1),
#member .invoice .item td:nth-child(1){padding-left:24px;}
#member .invoice .bar td:nth-child(2),
#member .invoice .item td:nth-child(2){padding-left:0;}
#member .invoice .bar td:nth-child(2),
#member .invoice .item td:nth-child(2),
#member .invoice .bar td:nth-child(3),
#member .invoice .item td:nth-child(3),
#member .invoice .bar td:nth-child(4),
#member .invoice .item td:nth-child(4){text-align:left;}

#member .invoice-page{padding:30px 0 60px;}


#member .invoice_detail{background:#fff; padding:24px;}
#member .invoice_detail .title{line-height:40px; background:#f0f3ff; text-indent:16px; color:#666; font-size:14px;}
#member .invoice_detail .box{border:1px solid #ededed;}
#member .invoice_detail .box .top{padding:28px 0 34px; border-bottom:1px solid #ededed;}
#member .invoice_detail .box .top>div{margin:0 0 0 29px;}
#member .invoice_detail .box .top .txt{line-height:40px; font-size:22px; color:var(--main-color);}
#member .invoice_detail .box .top .price{line-height:27px; font-size:16px; color:#888;}
#member .invoice_detail .box .top .price span{font-size:22px; color:#ff8f44; margin-left:9px;}
#member .invoice_detail .box .top a{width:98px; height:30px; line-height:30px; border:1px solid #ccc; margin:35px 29px 0 0; font-size:14px; color:var(--main-color); border-radius:3px;}
#member .invoice_detail .box .bot{padding:30px 22px 30px; min-height:300px;}
#member .invoice_detail .box .bot .tips{line-height:22px; margin:0 0 8px; font-size:14px; color:#333; font-weight:bold;}
#member .invoice_detail .box .bot .txt{line-height:26px; margin:0 0 24px; font-size:14px; color:#666;}
#member .invoice_detail .box .bot .txt:last-child{margin:0;}

#member .profile{background:#fff; padding:60px 0 90px;}
#member .profile .title{font-size:24px; color:#333; line-height:45px; margin:0 0 37px;}
#member .profile .input{margin:0 auto; width:380px; margin:0 auto 20px; border:1px solid #e4e7e9; border-radius:3px;}
#member .profile .input input{width:100%; height:48px; line-height:48px; text-indent:13px; border-radius:4px; font-size:16px; color:#333;}
#member .profile .input .code{width:110px; height:36px; line-height:36px; border-radius:4px; background:#0a4595; border:none; right:6px; top:50%; margin:-18px 0 0; font-size:14px; color:#fff; text-align:center;}
#member .profile .code{height:50px; line-height:50px; width:382px; background:#e4e7e9; margin:0 auto 20px; font-size:14px; color:#888; border-radius:4px;}
#member .profile .code [t]{font-size:14px; color:#888;}
#member .profile .code.ok [t]{color:#fff;}
#member .profile .subm{width:380px; height:50px; line-height:50px; margin:0 auto; background:#0a4595; margin:0 auto; font-size:18px; color:#fff; border-radius:4px; text-align:center;}

#member .address_list{background:#fff; padding:24px}
#member .address_list>*{padding:19px 25px 16px; border:1px solid #ededed; margin:0 0 10px;}
#member .address_list>*:last-child{margin:0;}
#member .address_list>*>div{line-height:32px;}
#member .address_list>* .name{font-size:16px; color:#333; margin:0 18px 0 0;}
#member .address_list>* .phone{font-size:16px; color:#666;}
#member .address_list>* .btn{top:-7px; right:0; line-height:32px;}
#member .address_list>* .btn a:last-child{margin:0;}
#member .address_list>* .btn a.edit{margin:0 38px 0 48px;}
#member .address_list>* .btn a i{font-size:20px; color:#757575; margin:0 10px 0 0;}
#member .address_list>* .btn a span{font-size:14px; color:#757575;}
#member .address_list>* .btn a:hover i,
#member .address_list>* .btn a:hover span{color:var(--a-hover-color);}
#member .address_list>* .address{font-size:14px; color:#888; line-height:30px;}

#member .address_edit{background:#fff; padding:24px;}
#member .address_edit .tips{font-size:14px; color:#666; line-height:32px; height:32px; margin:0 0 18px;}
#member .address_edit .item{padding:0 0 0 116px; min-height:32px; margin:0 0 20px;}
#member .address_edit .item:first-child{z-index:60;}
#member .address_edit .item .txt{left:0; top:0; height:32px; line-height:32px; font-size:14px; color:#999;}
#member .address_edit .item .dd .country{border:1px solid #ccc; border-right-color:#dedede; width:99px; height:30px; font-size:14px; color:#333; text-indent:11px;}
#member .address_edit .item .dd .select_area{height:28px;}
#member .address_edit .item .dd .select_area input{height:28px !important;}
#member .address_edit .item .dd .select_area .city-picker-span{border:1px solid #ccc; border-radius:0; font-size:14px; line-height:30px; display:inline-block; *display:inline; zoom:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#member .address_edit .item .dd .select_area .city-picker-span .select-item{font-size:14px;}
#member .address_edit .item .dd>.city{border:1px solid #ccc; border-right-color:#dedede; border-left:none; width:139px; height:30px; font-size:14px; color:#333; text-indent:11px;}
#member .address_edit .item .dd .address{padding:0 15px 0 11px; width:476px; border:1px solid #ccc; border-left:none; height:28px; line-height:30px; font-size:14px; color:#999;}
#member .address_edit .item .dd .input{width:270px; height:30px; line-height:30px; border:1px solid #ccc; border-radius:3px; padding:0 14px; font-size:14px; color:#333;}
#member .address_edit .item .dd label{margin:0 15px 0 0;}
#member .address_edit .item .dd label i{font-size:16px; margin:0 9px 0 0; width:14px; height:14px; border:1px solid #ddd;}
#member .address_edit .item .dd label i::before{opacity:0; line-height:14px; vertical-align:top;}
#member .address_edit .item .dd label span{font-size:14px; color:#999;}
#member .address_edit .item .dd label.cur i{color:var(--main-color);}
#member .address_edit .item .dd label.cur i::before{opacity:1;}
#member .address_edit .item .dd .submit{padding:0 27px; background:var(--main-color); height:40px; line-height:40px; font-size:16px; color:#fff; border-radius:5px;}


.add_address{}
.add_address{padding:0 24px 24px; background:#fff;}
.add_address>div{border:1px solid #eee; padding:20px; margin:0 0 15px; display:block; position:relative;}
.add_address>div.mar{margin-right:0;}
.add_address>div.add{text-align:center;}
.add_address>div.add span{display:inline-block; font-size:16px; color:#777; line-height:30px;}
.add_address>div.add span:before{content:'+'; float:left; margin-right:6px; font-size:50px; line-height:22px; color:#999;}
.add_address>div:last-child{margin-bottom:0;}
.add_address>div .table-cell{padding:15px;}
.add_address>div .yes{width:40px; height:40px; line-height:40px; text-align:center; opacity:0; background:#0a4595; border-radius:15px 0 0 0; position:absolute; bottom:0; right:0;}
.add_address>div .yes i{color:#fff; font-size:28px;}
.add_address>div.cur .yes{opacity:1;}<!--耗时1768454801.7555秒-->