@charset "utf-8";
/* CSS Document */
body{background: #f4f4f4;font-size: 14px}
.Header .logo{margin: 10px 0;}
.Header .logo img{height: 50px;}
.Header h2{ background-position:-399px 21px;height: 70px; line-height: 70px; font-size:18px; font-weight:bold; padding-left:20px; float:left; margin-left:20px;}
.Header .HeadRegister {margin: 24px 0;}
.BtnOk{ background: #f24343; color: #fff; cursor: pointer; }
.BtnOk:hover{background: #f00}
.OrderTit i,.Retrieve li i{background: url("../images/Vip_Bg.png") no-repeat;}
.ShopPrice{position: absolute;right: 15px; top: 8px; height: 24px; line-height: 24px; color: #666666;font-size: 14px}
.ShopPrice span{font-weight: bold;}
.ShopPrice a{display: inline-block;_display: inline; width: 84px;line-height: 24px; border-radius: 12px; font-size: 13px;}
/*列表*/
.ShopCarTab .head{height: 34px; background: #fafafa;padding: 0 1px}
.ShopCarTab li{ text-align: center; float: left;}
.ShopCarTab .W84{width: 84px;}
.ShopCarTab .W400{width: 400px;}
.ShopCarTab .W176{width: 176px;}
.ShopCarTab .W130{width: 130px;}
.ShopCarTab .W202{width: 202px;}
.ShopCarTab .W640{width: 640px;}
.ShopCarTab .ml84{margin-left: 84px}
.ShopCarTab .head li{height: 34px; line-height: 34px;}

.ShopCarTab .list{height: 90px;border-top: 1px solid #e8e8e8;margin-top: -1px;}
.ShopCarTab .list li{height: 54px;padding: 18px 0;display: flex; align-items: center;justify-content:center; flex-wrap:wrap;overflow: hidden;}
.ShopCarTab .list li.Name{position: relative;}
.ShopCarTab .list li.Name .left{width: 28px;}

.ShopCarTab .list li.Name .img{width: 110px;float: left;}
.ShopCarTab .list li.Name .img img{height: 54px; max-width: 100%;}
.ShopCarTab .list li.Name .imgs{width: 82px;float: left;}
.ShopCarTab .list li.Name .imgs img{height: 36px; max-width: 100%;}
.ShopCarTab .list li.Name .txt{flex: 1;line-height: 18px; overflow:hidden; font-size: 12px;text-align: left;max-height: 54px;}
.ShopCarTab .list li.Name .tb{width: 21px; height: 22px; line-height: 22px; text-align: center;font-size: 12px; position: absolute;top: 0; left: 0; color: #fff; color: #fff;}
.ShopCarTab .list li.Name .tb em{ border-style:dashed dashed dashed solid; border-width:4px; position: absolute;top: 7px; right: -8px;}
.ShopCarTab .list li.Name .tbl{ background: #05a022}
.ShopCarTab .list li.Name .tbl em{border-color:transparent transparent transparent #05a022;}
.ShopCarTab .list li.Name .tbh{ background: #f24343}
.ShopCarTab .list li.Name .tbh em{border-color:transparent transparent transparent #f24343;}
.ShopCarTab .list li.Oper a{margin: 0 5px;}
.ShopCarTab .list li.Oper .BtnPay{width: 94px; height: 22px; line-height: 22px; border-radius: 11px;  text-align: center;color: #fff;display: block;font-size: 12px;}
.ShopCarTab .list li.gray{color: #888}

.ShopCarTab .listchild{height: 54px;}
.ShopCarTab .listchild li{height: 36px; padding: 9px 0;}

.ShopCarMoney{background: #fafafa;font-size: 14px; color: #666;overflow: hidden;}
.ShopCarMoney .Invoice{width: 650px; padding-left: 30px}
.ShopCarMoney .TitTab{padding:4px 0; height: 40px; line-height: 40px;}
.ShopCarMoney .TitTab span,.ShopCarMoney .TitTab label{ float: left; }
.ShopCarMoney .TitTab label{margin-right: 10px}
.ShopCarMoney .TitTab label input{margin: 0}
.ShopCarMoney .TitTab u{padding: 0 10px}
.ShopCarMoney .InvCon .iptRadio{margin: 0 5px}
.ShopCarMoney .InvCon .iptTxt{width: 180px; height: 38px; line-height: 38px; padding: 0 4px;margin: 0 10px}
.ShopCarMoney .InvCon .iptBtn{width: 76px; height: 40px; font-size: 14px; border-radius: 5px; cursor: pointer;}
.ShopCarMoney .Num,.ShopCarMoney .Infor{ line-height: 32px; padding:20px 0 }
.ShopCarMoney .Num{padding-right: 10px; text-align: right;}
.ShopCarMoney .Num span,.ShopCarMoney .Infor span{font-size: 18px;font-weight: bold;}
.ShopCarMoney .Infor select{height: 24px; line-height: 22px; border: 1px solid #dfdfdf; margin-right: 10px; }

.ShopCarSum{height: 68px; line-height: 68px; background: #fafafa;font-size: 14px; border-top: 1px solid #f7bdbd;  color: #666666}
.ShopCarSum em{font-size: 18px;font-weight: bold;}
.ShopCarSum span{font-size: 22px;font-weight: bold;}
.ShopCarSum .ShopBuy{font-size: 18px;display: inline-block;_display: inline; padding: 0 20px;_padding:20px;}
/*收货地址*/
.VipAdrList dd{border-bottom:1px solid #e8e8e8; position: relative; padding:15px 0 15px 20px;_zoom:1;}
.VipAdrList dd .Radio{position: absolute;left: 0;top: 25px;width: 14px; height: 14px;margin: 0}
.VipAdrList dd .Address{line-height: 32px;}
.VipAdrList dd .Address .Name{font-size: 14px;font-weight: bold;margin-right: 5px}
.VipAdrList dd .Address a{margin-left: 10px; color: #ff6600}
.NewAdr{border-bottom:none !important;}
.NewAdr .Address{color: #999}
.NewAdrList{padding: 10px 0}
.NewAdrList li{margin-bottom: 20px}
.NewAdrList li .Tit{height: 32px; line-height: 32px;}
.NewAdrList li .Tit em{font-size: 14px; color: #ff0000;margin-left: 10px;}
.NewAdrList li input,.NewAdrList li select{height: 46px;line-height: 46px;padding: 0 10px; border-radius: 5px; box-sizing: content-box;display: inline-block;overflow: hidden; _display: inline}
.NewAdrList li input{width: 410px}
.NewAdrList li select{width: 112px;}
.NewAdrList li input.txtAdr{border-bottom: 1px solid #e8e8e8;border-radius: 0; width: 504px;}

.OrderTit{ color: #999999;font-size: 14px;}
.OrderTit .Name{float: left;position: relative;}
.OrderTit .Name .MoreInfor{bottom: 20px;_left:50%;_margin-left:-120px;}
.OrderTit .Name:hover{cursor: pointer;}
.OrderTit .Name:hover .MoreInfor,.OrderTit .Name.cur .MoreInfor{display: block;}
.OrderTit .Name i{width: 15px;height: 17px;background-position: -160px -1px;margin-right: 5px;display: inline-block;vertical-align: middle;}
.OrderTit .Time{float: right;text-align: right;}
.OrderTit .State{padding-right: 20px; position: relative;cursor: pointer;}
.OrderTit .State i{position: absolute; right: 0;top: 0;background-position: -236px 6px; display: block;width: 15px;height: 17px;}
.OrderTit .State.cur i{background-position: -251px 6px;}

.ShopCarState{overflow: hidden; text-align: center;}
.ShopCarState h2{font-size: 36px; font-weight: bold;height: 136px; line-height: 136px}
.ShopCarState .Money{height: 54px; line-height: 54px;margin-bottom: 30px}
.ShopCarState .Money span{font-size: 22px; font-weight: bold;vertical-align: middle;}
.ShopCarState .Btn{width: 184px; height: 36px;line-height: 36px; text-align: center; border-radius: 19px;display: block;margin: 60px auto}

.ShopCarPay a{border: 1px solid #e8e8e8;padding:6px; border-radius: 5px; height: 58px; line-height: 58px;display: inline-block;margin-right: 30px }
.ShopCarPay a input{margin: 0 15px 0 5px}
.ShopCarPay .Txt{font-size: 16px; line-height: 24px;}
.ShopCarPay .Btn{height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; width: 120px;}

/*注册*/
.RegiserBox{background: url("../images/Bg_Register.jpg") no-repeat center top; height: 760px;overflow: hidden;
}
.RegiserBox .Regiser{margin-left: 740px; margin-top: 64px}
.Regiser{width: 460px; height: 576px;background: #fff;font-size: 14px;}
.RegTitle{height: 64px; background: #f5f5f5}
.RegTitle li{height: 64px; line-height: 64px; text-align: center; font-size: 16px; width:230px; float: left;}
.RegTitle li:hover,.RegTitle li.cur{background: #fff; cursor: pointer;}

/*找回密码*/
.RegCont{ width:1200px; background:#fff; padding:30px 0 50px}
.SuccessSN{ display:block}
.SuccessSN p{ font-size:30px; color:#03b330; text-align:center; padding:80px 0}
.SuccessSN a{ margin:0 auto; display:block}
.RegCont li{ width:100%; line-height:45px; height:45px; display:block; padding-top:25px}
.RegContLeft{ width:35%; text-align:right; font-size:16px}
.RegContLeft *{ vertical-align:middle}
.RegContLeft i{ color:#f00; padding-left:8px}
.RegContRgith{ width:60%; padding-left:10px; position:relative; z-index:1}
.RegContRgith i{ color:#f00; padding-left:5px;font-size: 14px;}
.RegContRgith span{ padding-left:5px}
.RegContRgith b{ padding-left:5px; font-size:24px; color:#ee4344}
.RegContRgith input{ outline:none}
.RegContRgith input.InputText{ width:280px; float:left; padding-left:10px; height:43px; line-height:43px; border:#e8e8e8 solid 1px; background:#fff}
.RegContRgith input.InputCode{ width:140px; float:left; text-align:center; height:43px; line-height:43px; border:#e8e8e8 solid 1px; background:#fff}
.Retrieve{ width:660px; margin:0 auto}
.Retrieve li{ width:165px; text-align:center; float:left}
.Retrieve li i{ width:165px; height:31px; display:block; line-height:31px; color:#fff; background-position:0 -349px;font-size: 14px;}
.Retrieve li p{ line-height:40px; height:40px; color:#999}
.Retrieve li.on i{ background-position:0 -310px}
.Retrieve li.on p{ color:#ee4344}
input.RegBtn,.SuccessSN a{ width:292px; height:50px; line-height:50px; border:0; background:#ee4344; text-align:center; font-size:20px; color:#fff; cursor:pointer}
input:hover.RegBtn,.SuccessSN a:hover{ color:#ff0; background:#f60}
input.Inputphone{ width:140px; float:left; text-align:center; height:43px;border:#f60 solid 1px; background:#f60; color:#fff; margin-left:10px; cursor:pointer}
input:hover.Inputphone{ border:#ee4344 solid 1px; background:#ee4344; color:#ff0}
.dzlist li{ width:99%; padding-left:1%; line-height:40px; border-bottom:#fff solid 1px; height:40px; text-align:left}
.dzlist li span{ width:100px; text-align:right; color:#666; padding-right:5px; display:inline-block}
.dzlist li i{ width:51px; text-align:right; padding-right:5px; color:#666}
.dzlist li input{ height:30px; line-height:30px; border-radius:3px; border:#dfdfdf solid 1px; outline:none; padding-left:5px}
.dzlist li select{ height:30px; outline:none; line-height:30px; border:#dfdfdf solid 1px; border-radius:3px}
.ShopBox .ManBtn{ padding:0 30px; height:40px; line-height:40px; margin:20px 0; color:#fff !important; background:#ee4344; text-align:center; border-radius:4px}
.ShopBox a:hover.ManBtn{ color:#ff0 !important; background:#f60}

input.State{background: #999 !important;border-color: #999 !important; color: #fff !important}