﻿/*注册*/
.loginH{margin:0;}
.loginH h1{line-height: 140px;}
.login{background: url(../images/loginbg.jpg) center center no-repeat}
.loginCen{width:1200px;margin:0 auto;padding:70px 0px 80px 0px;}
.loginCenL{float: left;width: 570px;margin:25px 0px 0px 0px;}
.loginCenL img{max-width: 100%;}
.loginCenR{width:360px;float:right;padding: 50px 60px 60px 60px;background: #fff;border-radius: 10px;box-shadow:0px 0px 10px 2px #ddd;position:relative;}
.loginCenR h1{color:#d61519;font-size:22px;text-align:center;position:relative;z-index:99;margin: 0px 0px 45px 0px;}
.loginCenR h1:after{width:46px;height:4px;background:#f7d0d1;content:"";display:block;position:absolute;left:50%;margin-left:-23px;top:25px;z-index:-1;}
.loginCenR .inp1{border-radius:100px;padding:0px 0px 0px 42px;height: 55px;line-height: 55px;border:1px solid #d7d9e4;box-sizing:border-box;margin:0px 0px 14px 0px;}
.loginCenR .inp1 input{width:275px;color:#9aa1bb;font-size:14px;text-indent:10px;height: 53px;line-height: 53px;position: relative;top: -1px;}
.loginCenR .inp1 input::placeholder{color:#9aa1bb;}
.loginCenR .Account{background:url(../images/icon-account.png) 22px center no-repeat;}
.loginCenR .passWord{background:url(../images/icon-password.png) 22px center no-repeat;position: relative;;}
.loginCenR .passWord .encryption{width:20px;height: 10px;background: url(../images/icon-encryption.png) center center no-repeat;position: absolute;right:20px;top: 50%;margin-top:-5px;}
.loginCenR .passWord .eyes{width:20px;height: 15px;background: url(../images/icon-eyes.png) center center no-repeat;position: absolute;right:20px;top: 50%;margin-top: -8px;}
.loginCenR .passWord .hide{background: unset;}
.loginCenR .yzm{background:url(../images/icon-yzm.png) 22px center no-repeat;position: relative;margin: 0px 0px 8px 0px;}
.loginCenR .yzm input{width: 225px;}
.loginCenR .yzm img{width: 65px;height: 30px;vertical-align: middle;margin: -5px 0px 0px 0px;cursor: pointer;}
.loginCenR .inp2{line-height: 20px;font-size:14px;color:#777777;}
.loginCenR .inp2 input{width: 17px;height: 17px;margin: 0px 10px 0px 30px;position: relative;top: 4px;-webkit-appearance: none; /*ÃƒÂ¦Ã‚Â¸Ã¢â‚¬Â¦ÃƒÂ©Ã¢â€žÂ¢Ã‚Â¤ÃƒÂ¥Ã‚Â¤Ã‚ÂÃƒÂ©Ã¢â€šÂ¬Ã¢â‚¬Â°ÃƒÂ¦Ã‚Â¡Ã¢â‚¬Â ÃƒÂ©Ã‚Â»Ã‹Å“ÃƒÂ¨Ã‚Â®Ã‚Â¤ÃƒÂ¦Ã‚Â Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â*/border-radius: 3px;background: url(../images/icon-check.png) center center no-repeat;}
.loginCenR .inp2 a{color:#333333;}
.loginCenR .inp3 input{background: #d61519;font-size: 18px;text-align: center;width: 100%;height: 55px;line-height: 55px;border-radius:100px;color:#fff;margin:35px 0px 15px 0px;letter-spacing: 3px;cursor: pointer;background: #ccc;}
.loginCenR .inp3 input.red{background: #d61519;}
.loginCenR .inp4{font-size: 16px;color: #333;text-align: center;}
.loginCenR .inp4 a{color: #d61519;font-size: 16px;}
.loginCenR .inp2 input:checked{background: url(../images/icon-checked.png) center center no-repeat;}
.loginCenR .tips{text-align:center;font-size:14px;color:#d61519;position:absolute;top: 93px;width: 360px;left: 60px;display: none;}
.loginCenR .tips1{color:#d61519;background:url(../images/icon-tips.png) left center no-repeat;padding:0px 0px 0px 22px;width: 140px;margin: 5px 0px 0px 55px;position: absolute;bottom: 160px;display: none;}

/*登录*/
.loginCenR .inp5 {color: #333333;}
.loginCenR .inp6 input{margin:25px 0px 15px 0px;}
.loginCenR .inp4 .forgot{float: left;color: #9aa1bb;font-size: 16px;margin: 0px 0px 0px 20px;}
.loginCenR .inp4 .login1{float: right;margin: 0px 20px 0px 0px;}


/*我的订单*/
.orderBody{background: #fff;}
.order{width:1200px;margin: 20px auto 90px;display: flex;flex-wrap: wrap;}
.orderL{width:200px;float: left;border:1px solid #eeeff2;flex: 1;border-radius: 4px;background: #fff;}
.orderL .name1{padding: 18px 0px;border-bottom:1px solid #dfe1e6;margin: 0px 20px 20px 20px;}
.orderL li{margin: 0px 0px 10px 0px;position:relative;padding: 5px 0px;}
.orderL li a.a{color:#575d6c;font-size: 14px;padding: 0px 20px; font-weight: 600}
.orderL li.active:before{content:"";display:block;width:2px;height: 24px;background:#d5282c;position:absolute;top: 2px;left:0px;}
.orderL li.active .a{color: #d5282c;}
.orderL li .list{padding: 0px 20px 0px 40px;display: none;}
.orderL li .list a{display: block;margin: 10px 0px 0px 0px;padding: 3px 0px;position: relative;}
.orderL li .list a:hover{color:#d5282c;}
.orderL li .list a.active{color:#d5282c;}
.orderL li .list a:before{content:"";display: none;width:2px;height: 24px;background:#d5282c;position:absolute;top: 2px;left: -40px;}
.orderL li .list a.active:before{display:block;}
.orderL li .list a:hover:before{display:block;}
.orderL li.more{}
.orderL li.open .list{display:block;}
.orderL li.open{}
.orderR{width:985px;float: right;margin: 0px 0px 0px 12px;background: #fff;}
.orderR .location{padding:25px 0px 20px 0px;}
.orderR .location a{color: #777777;font-size: 14px;}
.orderR .location span{color: #777777;font-size: 14px;}
.orderList{border:1px solid #eeeff2;padding: 0px 20px;border-radius: 4px;}
.my_order{padding:15px 0px;border-bottom:1px solid #e7e7e7;}
.my_order em{font-size:18px;color:#333;font-weight: bold;}
.my_order .a2{font-size: 14px;color: #999999;float: right;}
.my_order .a1{font-size: 14px;color: #333333;float: right;margin: 0px 35px 0px 0px;border-bottom:1px solid #333;padding:0px 0px 20px 0px;}
.my_order .a1 i.number{color:#d5282c;margin:0px 0px 0px 10px;}
.orderList .paid{font-size:0px;margin:25px 0px 20px 0px;}
.paid a{width: 90px;height: 30px;line-height: 30px;display: inline-block;text-align: center;font-size: 14px;color: #333333;border: 1px solid #e7e7e7;border-right:0px;}
.orderList .paid a.last{border-right:1px solid #e7e7e7;}
.orderList .paid a:hover{background: #fbe7e8;color: #d61519;font-size: 14px;border:1px solid #d61519;}
.orderList .paid a.active{background: #fbe7e8;color: #d61519;font-size: 14px;border:1px solid #d61519;}
.orderList .paid a .num{color: #d61519;}
.orderList .paid form{float:right;width:285px;border:1px solid #e7e7e7;}
.orderList .paid form input{width:243px;height:30px;line-height:30px;font-size:14px;color:#a4a4a4;text-indent:10px;}
.orderList .paid form input[type='submit']{float:right;background:url(../images/icon-search.png) #dddddd center center no-repeat;width:40px;}
.orderList .paid form input::placeholder{color:#a4a4a4;}
.goodsTitle{background: #f2f2f2;height: 47px;line-height: 47px;font-size: 0px;}
.goodsTitle span{color: #333333;font-size: 14px;position: relative;display: inline-block;text-align: center;}
.goodsTitle span:after{content:"";display:block;width:2px;height: 20px;background: #dddddd;position: absolute;right: 0px;top:50%;margin-top:-10px;}
.goodsTitle span.s1{width: 405px;}
.goodsTitle span.s2{width: 75px;}
.goodsTitle span.s3{width: 96px;}
.goodsTitle span.s4{width: 82px;}
.goodsTitle span.s5{width: 97px;}
.goodsTitle span.s6{width: 185px;}
.goodsTitle span.s6:after{display:none;}
.goods{margin:14px 0px 0px 0px;padding: 0px 0px 0px 20px;background: #fafafa;}
.goods td{padding: 0px;}
.goods tr{background:#fafafa;}
.goods1{font-size: 14px;padding: 13px 20px 13px 0px;color:#585050;/* border-bottom: 1px solid #eeeeee; */}
.goods1 input{border:1px solid #d5d5d5;-webkit-appearance: none;width: 15px;height: 15px;border-radius: 3px;margin:0px 6px 0px 0px;position:relative;top:2px;}
.goods1 .time{color: #333;float:right;}
.goods1 input:checked{background:url(../images/icon-checked.png) center center no-repeat;}
.tr2 .goods2_1{width: 385px;text-align: left;border-top: 1px solid #eeeeee;padding: 15px 15px 15px 0px;line-height: 26px;}
.tr2 .goods2_2{width:75px;border-top: 1px solid #eeeeee;}
.tr2 .goods2_3{width:96px;border-top: 1px solid #eeeeee;}
.tr2 .goods2_4{width:82px;border-top: 1px solid #eeeeee;}
.tr2 .goods2_5{width:97px;border-top: 1px solid #eeeeee;}
.tr2 .goods2_6{width:185px;border-top: 1px solid #eeeeee;}
.tr2 td{border-right: 1px solid #eeeeee;text-align: center;padding: 15px 0px 15px 0px;box-sizing: border-box;}
.tr2 .goods2_1 .img{width: 104px;height: 104px;float: left;margin: 0px 10px 0px 0px;overflow: hidden;}
.tr2 .goods2_1 img{transition:1s all ease;transform: scale(1.0);width: 100%;}
.tr2 .goods2_1 img:hover{transform:scale(1.2);}
.tr2 .goods2_6{border-right: 0px;}
.tr2 .goods2_6 a{display:block;border:1px solid #f5dadb;text-align:center;width:90px;height:30px;line-height:30px;border-radius:5px;margin: 0px auto 10px;background:#f9f3f3;color:#d5282c;}
.tr2 .goods2_6 a.a1{font-size:14px;color:#333333;border:0;background:unset;}
.tr2 .goods2_6 a.a2{font-size:14px;color:#333333;border:0;background:unset;}
.tr2 .goods2_6 a.a3{background:#d5282c;color:#fff;}
.pages{margin-bottom: 100px;text-align:center;}
.pages a{width: 40px;height: 38px;text-align: center;line-height: 38px;display: inline-block;border: 1px solid #d5282c;border-radius: 3px;box-sizing: border-box;margin: 0 7px;color: #d5282c;background: #fff;}
.pages a.currentpage,.pages a:hover{background:#d5282c;color:#fff}
.orderList1{margin: 0px 0px 80px 0px;}

/*取消订单*/
.fixed{position: fixed;top: 0px;left: 0px;background: rgba(0,0,0,0.3);width: 100%;height: 100%;z-index:999;}
.cancelBox{width:415px;height:260px;background:#fff;border-radius:10px;position:absolute;left:50%;margin-left:-207px;margin-top:-130px;top:50%;text-align: center;}
.cancelBox .close{position: absolute;font-size:25px;right: 45px;top: 10px;}
.cancelBox img{margin: 45px 0px 30px 0px;}
.cancelBox p{color:#777777;font-size:16px;text-align:center;margin: 0px 0px 35px 0px;}
.cancelBox em.no{background:#d61519;color:#fff;margin:0px 20px 0px 0px;}
.cancelBox em{width:95px;height:30px;line-height:30px;border:1px solid #d61519;display:inline-block;border-radius:60px;color:#d61519;font-size: 16px;}

/*积分*/
.integral1{margin: 25px 0px 0px 0px;}
.integral1 a{width:115px;height:30px;line-height: 30px;border:1px solid #333333;box-sizing: border-box;display: inline-block;text-align: center;border-radius: 5px;margin: 0px 20px 0px 0px;}
.integral1 a:hover{background:#d61519;color:#fff;border:1px solid #d61519;}
.integral1 a.active{background:#d61519;color:#fff;border:1px solid #d61519;}
.integral2_1{font-size: 20px;color: #333;margin: 75px 65px 90px 130px;}
.integral2_1 .num{color:#d61519;font-size: 24px;}
.integral2_1 .exchange{width:130px;height:40px;line-height:40px;text-align:center;font-size:14px;background:#d61519;display:block;float:right;color:#fff;border-bottom-left-radius:10px;border-top-right-radius:10px;}
.integral2 .prompt{margin: 0px 10px 0px 30px;font-size: 14px;color: #333333;line-height: 36px;}
.integral{margin: 0px 0px 50px 0px;}

/*兑换明细*/
.detailed {width:100%;margin: 40px 0px 90px 0px;text-align: center;border:1px solid #f4f4f4;}
.detailed thead{background: #fafafa;height:40px;line-height:40px;width:100%;text-align:center;font-size:14px;color:#333333;}
.detailed tr{padding:0;border-bottom:1px solid #f4f4f4;}
.detailed td{padding:0;}
.detailed .td1{width:480px;}
.detailed .td2{width:320px;}
.detailed .td3{width:150px;}
.detailed tbody td{line-height: 50px;}
.exchange table{text-align: center;border:1px solid #f4f4f4;width: 100%;margin: 40px 0px 90px 0px;}
.exchange .td1{width: 365px;}
.exchange .td2{width: 90px;}
.exchange .td3{width: 165px;}
.exchange .td4{width: 85px;}
.exchange .td5{width: 80px;}
.exchange .td6{width: 155px;}
.exchange thead{background: #fafafa;height:40px;line-height:40px;width:100%;text-align:center;font-size:14px;color:#333333;}
.exchange tr{padding:0;border-bottom:1px solid #f4f4f4;}
.exchange td{padding:0;line-height: 50px;}

/*个人信息*/
.default{margin:40px 0px 0px 0px;}
.default .inp{margin:0px 0px 20px 0px;}
.default label{font-size: 14px;color: #333333;display: inline-block;text-align:right;float:left;line-height:50px;}
.default label i{color:#d61519;margin:0px 6px 0px 0px;font-weight: bold;}
.default input{width:615px;height: 50px;background: #f7f7f7;text-indent:15px;color: #333;border-radius:5px;}
.default .inp input::placeholder{color:#333333;opacity:0.5;}
.default textarea{width:595px;height: 90px;background: #f7f7f7;text-indent:5px;color: #333;border-radius:5px;border:0;padding:10px;resize: none;}
.default .inp textarea::placeholder{color:#333333;opacity:0.48;}
.default .inp1 .btn-save{font-size:16px;width:180px;height:50px;line-height:50px;background:#d61519;color:#fff;margin: 40px 0px 0px 67px;text-indent: 0px;cursor: pointer;}

/*地址*/
.Address{margin:40px 0px;}
.Address li{padding: 20px;background: #f5f5f5;margin:0px 0px 20px 0px;transition:1s all ease;}
.Address .userInfo{float: left;width:580px;padding: 5px 0px 0px 0px;}
.Address .userInfo .p1{font-size:16px;color:#333;line-height: 22px;}
.Address .userInfo .p1 .tel{margin:0px 0px 0px 20px;font-size: 16px;}
.Address .userInfo .p1 .set{width:65px;height:20px;background:#d61519;color:#fff;display:inline-block;text-align:center;font-size:12px;line-height:20px;border-radius:3px;margin:0px 0px 0px 15px;}
.Address .userInfo .add{margin:15px 0px 10px 0px;font-size:14px;color:#333333;}
.Address .userInfoR{float: right;margin: 23px 35px 0px 0px;}
.Address .userInfoR a{width:20px;height:20px;display:inline-block;line-height: 20px;position: relative;}
.Address .userInfoR a.edit{background:url(../images/icon-edit.png) center center no-repeat;top: 4px;margin:0px 0px 0px 40px;}
.Address .userInfoR a.delete{background:url(../images/icon-delete.png) center center no-repeat;margin:0px 0px 0px 10px;top: 4px;}
.Address .userInfoR a.fit{width:auto;font-size:16px;color:#d61519;display: none;}
.Address .userInfoR a.edit:hover{background:url(../images/icon-edit1.png) center center no-repeat;}
.Address .userInfoR a.delete:hover{background:url(../images/icon-delete1.png) center center no-repeat;}
.Address li:hover{background: #f7f7f7;box-shadow:0px 0px 20px 2px #ddd;}
.Address li:hover .fit{display: inline-block;}
.Address .increase{width:180px;height:50px;line-height:50px;background:#d61519;color:#fff;font-size:16px;border-radius: 5px;margin: 20px 0px 50px 0px;cursor: pointer;}
.modifyAddress{background: #fff;border-radius: 5px;}
.modifyAddress .close{font-size: 30px;float:right;position:absolute;right: 20px;top: 5px;font-weight: 100;color: #ababab;}
.modifyAddress p{font-size:18px;color:#333;text-align:center;padding:30px 0px 20px 0px;border-bottom:1px solid #eeeeee;}
.modifyAddress .modify{margin: 0px 0px 17px 0px;}
.modifyAddress .modify label{font-weight: bold;color: #333;font-size: 16px;display: block;}
.modifyAddress .modify label i{color:#ff0000;font-size: 12px;font-weight: normal;margin: 0px 9px 0px 0px;}
.modifyAddress form{padding: 20px 25px;}
.modifyAddress .modify input{width:190px;height: 34px;line-height: 34px;border:1px solid #d6d6d6;box-sizing: border-box;text-indent: 10px;font-size: 12px;color: #333333;margin: 10px 0px 0px 10px;border-radius: 3px;}
.modifyAddress .modify1 input{width: 382px;}
.modifyAddress .modify1 select{margin: 10px 0px 0px 7px;height: 32px;line-height: 32px;border: 1px solid #d6d6d6;width: 120px;font-size: 12px;-webkit-appearance: none;text-indent: 8px;background: url(../images/icon-down.png) 102px center no-repeat;outline:none;border-radius: 3px;}
.modifyAddress .modify1 select.select1{margin:0px 0px 0px 10px;}
.modifyAddress .modify2 input{width: 180px;height: 40px;line-height: 40px;border:1px solid #d61519;box-sizing: border-box;background: #d61519;color: #fff;font-size: 16px;margin: 13px 0px 0px 10px;}
.modifyAddress .modify2 input.remove{background: #fff;color: #d61519;}

/*资料管理*/
.invoice .bill{margin:0px 0px 20px 0px;}
.invoice .bill label{color: #333;font-size: 14px;width: 112px;display: inline-block;text-align: right;}
.invoice .bill label i{color:#ff0000;font-size: 12px;margin: 0px 8px 0px 0px;font-weight: bold;}
.invoice .bill input{width:730px;height:50px;line-height:50px;background: #f7f7f7;border-radius:4px;margin: 0px 0px 0px 8px;text-indent: 12px;font-size: 14px;color: #333;}
.invoice .bill1 input{width: 180px;height:50px;line-height:50px;background: #d61519;color:#fff;text-align:center;font-size:16px;margin: 40px 0px 50px 125px;cursor: pointer;}
.invoice .tips2{background:#f7f7f7;padding:20px;font-size:14px;color:#333;line-height:24px;margin: 0px 0px 50px 0px;width: 815px;}
.invoice .tips2 label{display:block;margin:0px 0px 12px 0px;font-weight:bold;}
.invoice .bill1 input.reset{background: #999999;margin: 0px 0px 0px 18px;}

/*消息管理*/
.notice{margin:40px 0px 0px 0px;}
.notice h3{font-size: 22px;color: #0c0202;line-height: 30px;position:relative;z-index:999;}
.notice h3 img{margin: 5px 20px 0px 6px;}
.notice h3 .num{font-size: 16px;color: #f81414;margin:0px 0px 0px 5px;font-weight:bold;}
.notice h3:before{content:"MESSAGES";font-size: 50px;color:#f7f7f7;position:absolute;z-index: -1;top: -10px;left: -5px;letter-spacing: -3px;}
.noticeBox{border:1px solid #d8e2f0;border-radius: 10px;padding: 0px 0px 40px 0px;margin: 18px 0px 40px 0px;position: relative;}
.noticeBox thead{background: #fff;width: 100%;height: 60px;line-height: 60px;}
.noticeBox thead tr{padding:0px;}
.noticeBox thead td{font-size: 14px;color: #333;padding: 0px;text-align:center;line-height:45px;}
.noticeBox table{width: 880px;margin: 2px 0px 0px 2px;}
.noticeBox thead td{line-height: 60px;font-weight: bold;}
.noticeBox td{padding:0px;}
.noticeBox td.td1{width:60px;}
.noticeBox td.td2{width: 512px;}
.noticeBox td.td3{width: 195px;}
.noticeBox td.td4{width:100px;}
.noticeBox div{padding:0px;display: inline-block;}
.noticeBox li .td1{width:60px;}
.noticeBox li .td2{width: 512px;}
.noticeBox li .td3{width: 195px;}
.noticeBox li .td4{width:100px;}
.noticeBox ul{text-align: center;}
.noticeBox ul li{background:#f7f8fb;line-height: 45px;padding: 0px;position:relative;}
.noticeBox ul li:nth-child(2n){background:#fff;}
.noticeBox ul li:hover{background:#f7f8fb;box-shadow:0px 0px 5px 3px #eee;z-index:999;}
.noticeBox ul{width:880px;padding: 3px 0px 0px 0px;}
.noticeBox ul li div.red{color: #d61519;}
.noticeBox1{height: 320px;overflow-y: scroll;width: 913px;position: relative;z-index: 99999;}
.noticeBox:after{width:20px;height: 315px;background:#fafafa;content:"";display:block;position: absolute;right: 20px;top: 70px;border-radius: 50px;}
.noticeBox1::-webkit-scrollbar {width :5px;background:#fafafa;position: relative;left: 10px;}
.noticeBox1::-webkit-scrollbar-thumb {background:#b0b0b0;border-radius: 10px;}
.noticeBox1::-webkit-scrollbar-track {background:#fafafa;}

/*订单详情*/
.my_order1 em{font-size: 16px;}
.my_order1 .num{font-weight: normal;font-size: 16px;}
.orderInfo1{width:810px;padding: 50px 0px 35px 95px;font-size:0px;border-bottom: 1px dashed #e7e7e7;}
.orderInfo1 li{width: 160px;text-align:center;font-size:14px;color:#333333;line-height:24px;float: left;position:relative;}
.orderInfo1 li .state{width: 27px;height: 27px;display: block;margin: 0 auto 13px;background: url(../images/icon-mark1.png) center center no-repeat;}
.orderInfo1 li.finish .state{background: url(../images/icon-mark.png) center center no-repeat;}
.orderInfo1 li:before{content:'';display:block;position:absolute;width: 135px;height:5px;top:13px;left: -67px;background:#e3e3e3;}
.orderInfo1 li.finish:before{background:#71b247;}
.orderInfo1 li.first:before{display:none;}  
/* .orderInfo1 li.four:before{background:#e3e3e3;}  */
.orderInfo2{padding: 23px 0px;border-bottom: 1px dashed #e7e7e7;}
.orderInfo2L{width:435px;float:left;position: relative;}
.orderInfo2L .img{width: 110px;height: 110px;float: left;}
.orderInfo2L .orderName{line-height:26px;font-size:14px;color:#333333;position: absolute;top: 48%;transform: translateY(-50%);width: 310px;left: 125px;}
.orderInfo2R{float:right;}
.orderInfo2R{float:right;margin:40px 40px 0px 0px;}
.orderInfo2R .amount{margin:0px 0px 0px 100px;font-size:14px;color:#333333;}
.orderInfo3{padding:18px 0px;border-bottom: 1px dashed #e7e7e7;}
.orderInfo3 .label{font-size:16px;color:#333333;font-weight:bold;display:block;margin: 0px 0px 20px 0px;}
.orderInfo3 .collect1{color:#777;font-size:14px;line-height:26px;}
.orderInfo3 .collect1 em{color:#777;font-size:14px;display:inline-block;width:73px;}
.orderInfo4{text-align:right;margin:0px 0px 8px 0px;}
.orderInfo4 label{width:80px;display:inline-block;font-size:16px;color:#777777;}
.orderInfo4 em{width:105px;display:inline-block;font-size:18px;color:#d61519;}
.orderInfo5{margin:40px 0px 0px 0px;}
.orderInfo6{margin:0px 0px 130px 0px;}




