@charset 'utf-8';

/* author:ZJ; date:2019-6; */

.user-box{ padding: 60px 0 200px; background: #f5f5f5; }
.user-box>.area{ background: #fff; }
.user-box>.area:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 315px; right: 825px; overflow: hidden; background: #f5f5f5; }
.user-box .left-column{ padding: 0 36px 0 26px; width: 253px; background: #fff; }
.user-box .right-column{ padding: 0 50px 50px; width: 725px; background: #fff; }

.user-box .m-page{ padding: 95px 0; border: none; }
.user-box .m-page a,
.user-box .m-page i{ padding: 0 14px; min-width: auto; border: 0 none; background: #e2e2e2; }

.user-box .m-page a.pageprv,
.user-box .m-page a.pagenxt{ min-width: auto; font-size: 20px; font-family: 'SimSun'; font-weight: bold; color: #999; background: none; }
.user-box .m-page a:hover,
.user-box .m-page a:active{color:#fff;background:#2983fc;}
.user-box .m-page a.z-crt,
.user-box .m-page a.z-crt:hover,
.user-box .m-page a.z-crt:active{color:#fff;background:#2983fc;cursor:default;}
.user-box .m-page a.z-dis,
.user-box .m-page a.z-dis:hover,
.user-box .m-page a.z-dis:active{ display: none; }


.userInfo{ padding: 24px 0; line-height: 30px; font-size: 14px; }
.userInfo .u-img{ position: relative; zoom:1; float: left; display: inline; margin-right: 25px; width: 90px; overflow: hidden; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.userInfo .u-img .avatar{overflow:hidden;width:90px;height:90px;background:#f1f1f1;font-size:0;*font-size:90px;text-align:center;}
.userInfo .u-img .avatar:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden;}
.userInfo .u-img .avatar img{max-width:100%;max-height:100%;vertical-align:middle;}
.userInfo .u-img .file{ position: absolute; bottom: 16px; left: 16px; right: 16px; height:22px;line-height:22px;font-size:14px;text-align: center;color:#666;background:#ededed;cursor:pointer; opacity: 0; -webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s; }
.userInfo .u-img .file:hover{color:#2983fc;}
.userInfo .u-img .file span{display:none;}
.userInfo .u-img:hover .file{ opacity: 1; }
.userInfo .u-expire{ margin-top: 22px; width: 100%; line-height: 36px; overflow: hidden; text-align: center; background: #d2e6fb; clear: both; -moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px; }

.userInfo .u-name{ padding-top: 6px; line-height: 36px; overflow: hidden; font-size: 20px; }
.userInfo .u-con{ overflow: hidden; color: #777; }
.userInfo .u-level{ overflow: hidden; color: #ff7700; }
.userInfo .u-level .ico{ display: inline-block; *display: inline; zoom:1; vertical-align: top; line-height: 0; font-size: 0; margin-top: 9px; }

.userMenu{ padding: 0 0 15px; }
.userMenu a{position:relative;zoom:1;display:block;padding:0 16px;height:40px;line-height:40px;overflow:hidden;font-size:14px;}
.userMenu a:hover,
.userMenu .current a{color:#fff; background: #4ea3ff;}
.userMenu dl{ padding: 26px 0 20px; border-top: solid 1px #efefef; }
.userMenu dt{ margin-bottom: 14px; height: 40px; line-height: 40px; overflow: hidden; font-size: 18px;}
.userMenu dt:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 11px 13px 0 0; width: 3px; height: 18px; overflow: hidden; background: #5d5d5d; }
.userMenu dt a{ color: #000; }
.userMenu dd{ margin-top: 8px; }
.userMenu dd:nth-of-type(1){ margin: 0; }


.m-title{ margin-bottom: 20px; padding-top: 16px; height: 64px; line-height: 64px; overflow: hidden; border-bottom: solid 1px #efefef; }
.m-title h2{ padding: 0 !important; height: 64px !important; line-height: 64px !important; font-size: 18px !important; font-weight: normal; color: #333 !important; }
.m-title h2:before{ content: ""; display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 24px 13px 0 0 !important; width: 3px !important; height: 18px !important; overflow: hidden; background: #5d5d5d !important; }

.userBuy{ padding: 10px 0; }
.userBuy li{ zoom:1; margin-top: 16px; padding: 22px 0; border-bottom: solid 1px #efefef; }
.userBuy li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.userBuy li:first-child{ margin-top: 0; }
.userBuy .price{ display: inline-block; *display: inline; zoom:1; vertical-align: top; padding-top: 14px; height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; color: #ff6000; }
.userBuy .price strong{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: -6px; line-height: 30px; font-size: 24px; }
.userBuy .btn{ margin: 6px 0 0 30px; display: inline-block; *display: inline; zoom:1; vertical-align: top; width: 120px; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; text-align: center; color: #fff; background: #4ea3ff; }
.userBuy .u-img{ margin-right: 40px; }
.userBuy .u-name,
.userBuy .u-con{ height: 24px; line-height: 24px; overflow: hidden; }
.userBuy .u-name{ font-size: 16px; }
.userBuy .u-con{ color: #9b9b9b; }
.userBuy .tips{ margin-top: 24px; line-height: 30px; color: #9b9b9b; }


.userWithdrawal{}


.userOrder td{ padding: 12px 20px; line-height: 24px; font-size: 14px; text-align: center; border-bottom: solid 1px #efefef; }
.userOrder td:first-child{ text-align: left; }
.userOrder thead{ background: #f0f0f0; }
.userOrder thead td{ border-bottom: none; }
.userOrder tbody td{ color: #999; }


.userProduct{ padding: 15px 0; }
.userProduct a:hover{ color: #2983fc; }
.userProduct li{ zoom:1; margin-top: 40px; }
.userProduct li:first-child{ margin-top: 0; }
.userProduct li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.userProduct .u-img{ float: left; display: inline; margin-right: 30px; width: 164px; height: 106px; overflow: hidden; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }
.userProduct .u-name{ height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; font-weight: normal; text-overflow:ellipsis; white-space:nowrap; }
.userProduct .u-con{ line-height: 20px; overflow: hidden; color: #999; }
.userProduct .u-con p{ margin-top: 8px; max-height: 40px; }
.userProduct .u-con span{ margin-left: 30px; }
.userProduct .u-con span:first-child{ margin-left: 0; }


.userPassword{ padding: 32px 0; }
.formBox li{ zoom:1; margin-top: 18px; padding-left: 95px; color: #727272; }
.formBox li:first-child{ margin-top: 0; }
.formBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.formBox input{ vertical-align: top; font-size: 14px; border: 0 none; background: none; }
.formBox .u-name{ float: left; display: inline; margin-left: -95px; padding-right: 10px; width: 85px; height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; text-align: right; }
.formBox .u-text{ padding: 0 16px; width: 251px; height: 28px; line-height: 28px; border: solid 1px #e0e0e0; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }

.formBox .tel{ display: inline-block; *display: inline; zoom:1; vertical-align: top; line-height: 0; font-size: 0; border: solid 1px #e0e0e0; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.formBox .tel .u-number{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 3px; width: 53px; height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; text-align: center; border-right: solid 1px #e0e0e0; }
.formBox .tel .u-text{ width: 197px; border: 0 none; }

.formBox .vCode{ line-height: 0; font-size: 0; }
.formBox .vCode .u-text{ width: 120px; }
.formBox .vCode .imgCode,
.formBox .vCode .sendCode{ margin-left: 26px; display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.formBox .vCode .sendCode .u-resend{ display: block; padding: 0; width: 105px; height: 30px; font-size: 12px; color: #727272; border: solid 1px #e0e0e0; cursor: pointer; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; -webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s; }
.formBox .vCode .sendCode .u-resend:hover{ color: #fff; border-color: #4ea3ff; background: #4ea3ff; }
.formBox .vCode .sendCode .disabled{background-color:#ddd;}
.formBox .vCode .sendCode .disabled:hover{ color: #727272; border-color: #e0e0e0;background-color:#e0e0e0;;}
.formBox .vCode .imgCode img{ float: left; display: inline; width: 105px; height: 30px; }
.formBox .vCode .imgCode a{ float: left; display: inline; margin-left: 20px; line-height: 30px; font-size: 14px; color: #727272; text-decoration: underline; }
.formBox .vCode .imgCode a:hover{ color: #4ea3ff; }
.formBox .vCode-img .imgCode{ zoom:1; }
.formBox .vCode-img .imgCode:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.formBox .btnBox{ margin-top: 34px; }
.formBox .btnBox .u-btn{ vertical-align: top; width: 80px; height: 27px; font-size: 14px; color: #fff; background: #4ea3ff; cursor: pointer;}
.formBox .btnBox .tips{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 16px; padding-top: 13px; line-height: 1; font-size: 14px; color: #f00; }


.userData{ padding: 10px 0; }
.formBox .u-con{ line-height: 30px; font-size: 14px; }
.formBox .loginName{ width: 490px; }
.formBox .loginName a{ float: right; display: inline; margin-left: 20px; font-size: 14px; color: #ff7700; }
.formBox .loginName a:hover{ text-decoration: underline; }
.formBox .city{ line-height: 0; font-size: 0; }
.formBox .city .u-text{ width: 118px; }
.formBox .u-select{ margin-right: 12px; width: 100px; height: 30px; font-size: 14px; border: solid 1px #e0e0e0; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.formBox .sex{ line-height: 0; font-size: 0; }
.formBox .u-raido{ margin-right: 25px; line-height: 30px; font-size: 14px; cursor: pointer; }
.formBox .u-raido input{ vertical-align: middle; margin-top: -2px; }

.formBox .birthday{ line-height: 0; font-size: 0; }
.formBox .birthday .u-text{ width: 81px; }
.formBox .birthday .tips{ margin-left: 20px; line-height: 30px; font-size: 14px; }
.formBox .occupation .u-text{ width: 151px; }
.formBox .u-textarea{ vertical-align: top; width: 571px; padding: 4px 16px; height: 80px; line-height: 20px; font-size: 14px; font-family:'Microsoft YaHei'; border: solid 1px #e0e0e0; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }


.userTel{ padding: 32px 0; }

.loading{ overflow: hidden; }
.loading-layer{ position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; line-height: 0; font-size: 0; text-align: center; background: #fff; }
.loading-layer:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.la-ball-clip-rotate,.la-ball-clip-rotate>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.la-ball-clip-rotate{ display: inline-block; vertical-align: middle;font-size:0;color:#999}
.la-ball-clip-rotate>div{display:inline-block;float:none;background-color:currentColor;border:0 solid currentColor}
.la-ball-clip-rotate{width:32px;height:32px}
.la-ball-clip-rotate>div{width:32px;height:32px;background:transparent;border-width:2px;border-bottom-color:transparent;border-radius:100%;-webkit-animation:ball-clip-rotate 0.75s linear infinite;-moz-animation:ball-clip-rotate 0.75s linear infinite;-o-animation:ball-clip-rotate 0.75s linear infinite;animation:ball-clip-rotate 0.75s linear infinite}
@-webkit-keyframes ball-clip-rotate{
	0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes ball-clip-rotate{
	0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
	50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}
	100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes ball-clip-rotate{
	0%{-o-transform:rotate(0deg);transform:rotate(0deg)}
	50%{-o-transform:rotate(180deg);transform:rotate(180deg)}
	100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes ball-clip-rotate{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
	50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}

.noData img,
.Tips img{ display: block; margin: 0 auto; max-width: 100%; }
.Tips{ padding-top: 120px; }
.Tips p{ margin-top: 80px; line-height: 26px; font-size: 18px; color: #666; text-align: center; }

.userWithdrawal{ padding: 30px 0; }
.userWithdrawal .price{ }
.userWithdrawal .price li{ width: 342px; }
.userWithdrawal .price li.f-fl{ border-left: solid 3px #ff6000; }
.userWithdrawal .price li.f-fr{ border-left: solid 3px #4ea3ff; }

.userWithdrawal .price .u-box{ padding: 26px 30px 10px; border: dashed 1px #ddd; border-left: none; }
.userWithdrawal .price h4{ font-size: 16px; }
.userWithdrawal .price p{ line-height: 56px; font-size: 24px; }
.userWithdrawal .price p strong{ vertical-align: top; line-height: 48px; font-size: 36px; }

.userWithdrawal .price li.f-fl p{ color: #ff6000; }
.userWithdrawal .price li.f-fr p{ color: #ff0000; }

.userWithdrawal .form{ margin-top: 70px; }
.userWithdrawal .form li{ margin-top: 20px; padding-left: 228px; line-height: 0; font-size: 0; }
.userWithdrawal .form li:first-child{ margin-top: 0; }
.userWithdrawal .form .u-name{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 0 34px 0 -228px; width: 194px; height: 40px; line-height: 40px; font-size: 18px; text-align: right; color: #666; }
.userWithdrawal .form .u-text{ padding: 0 16px; width: 292px; height: 38px; line-height: 38px; font-size: 14px; border: solid 1px #e0e0e0; }
.userWithdrawal .form .u-text::-webkit-input-placeholder{color:#ccc;}
.userWithdrawal .form .u-text::-moz-placeholder{color:#ccc;}
.userWithdrawal .form .u-text:-moz-placeholder{color:#ccc;}
.userWithdrawal .form .u-text:-ms-input-placeholder{color:#ccc;}
.userWithdrawal .form .u-tips{ margin-top: 6px; line-height: 24px; font-size: 14px; color: #999; }

.userWithdrawal .form .u-file{ display: inline-block; *display: inline; zoom:1; vertical-align: top; line-height: 40px; }
.userWithdrawal .form .u-file>#uploadButton{ height: 40px; font-size: 14px; text-decoration: underline; border: 0 none; background: none; cursor: pointer; -webkit-transition:color .2s;-moz-transition:color .2s;transition:color .2s; }
.userWithdrawal .form .u-file>#uploadButton:hover{ color: #ff6000; }
.userWithdrawal .form .imageShow img{ max-width: 100%; }


.userWithdrawal .form .u-btn{ display: block; width: 200px; height: 40px; font-size: 16px; color: #fff; border: 0 none; background: #ff6000; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; }