@import "style.css";
.banner{ background-image:url(../img/account.png);}
.main{min-height:600px}
div.agency{background-image:url(../img/agency.png);}
.flag{background:0 center no-repeat;background-size:16px auto;text-indent:21px}
.CHN{background-image:url(https://file.liuzhuapp.com/uploads/pay_flag/CHN.png)}
.top-menu{padding:20px 0;height:40px;width:100%}
.top-menu .swicth{height:40px;width:700px;float:left}
.top-menu .swicth dd{padding:0;width:120px;height:40px;margin:0 15px 0 0;}
.top-menu .swicth dd a{float:left;width:118px;height:38px;text-align:center;line-height:38px;font-size:16px;}
.top-menu .swicth .current a{color:#e82d3e;}
.profile,.order-main{width:1140px;padding:30px;box-shadow:0 1px 3px rgba(0,0,0,.2);}

.profile{padding-top:5px}
.list-table{width:1140px;overflow:hidden; overflow-x:auto;white-space: nowrap;}
.list-table::-webkit-scrollbar{height:10px;}
.list-table::-webkit-scrollbar-track{background-color:#f9f9f9;}
.list-table::-webkit-scrollbar-thumb{background-color:#e5e7eb;}
.list-table tr:hover td,.mini-list tr:nth-child(even) td{background:#f9f9f9}
.list-table tbody td,.mini-list tbody td{height:46px;padding:10px 0;line-height:23px;color:#999; overflow:hidden;border-bottom:1px solid #e5e7eb; background:#fff}
.list-table tbody td div,.mini-list tbody td div{width:100%;height:23px;line-height:23px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list-table tbody td div:nth-child(even){color:#999;text-transform: uppercase;}

.list-table thread div,.mini-list thread div{font-weight:bold}

.order-list tr th:first-child,
.order-list tr td:first-child,
.order-list tr th:last-child,
.order-list tr td:last-child{position: sticky;left: 0;z-index: 1;box-shadow:0 1px 7px 0 rgba(0,0,0,.1);border-color:#f4f4f4;}
.order-list tr th:last-child,
.order-list tr td:last-child{right:0;}

.mini-list{width:100%;}
.mini-list thead th{height:40px;}
.mini-list tbody td{padding:0;height:40px;line-height:40px;color:#333}

.order-id div{float:left}
.order-id div i{width:16px;height:14px;background-position:-317px -94px;margin-top:3px}
.order-id div:nth-child(2){background:#f4f4f4;width:auto;height:20px;line-height:20px;margin:2px 0 3px 0;border-radius:2px;}
.order-id div span{float:left;font-size:12px;padding:0 5px}
.list-table .recipient div{width:250px;}
.list-table .tag{padding-right:15px;}
.list-table .tag h5{text-align:right;padding:2px 0} 
table tr .padd{padding-left:15px;}
.progress dl{background:#e82e3d;height:18px;border:1px solid #e82e3d;width:103px;border-radius:2px; cursor:pointer}
	.progress dt,.progress dd{float:left;height:18px;}
	.progress dt{width:22px;background-color:#fff;background-position:center center;text-indent:0}
	.progress dd{font-size:12px;color:#fff;line-height:18px;width:62px;text-align:center;border-right:1px solid #f9b5bb}
	.progress .i-details{float:right;background-position:-270px -30px;margin:4px 3px 0 0}
	.progress .cancel{ background:#b2b2b2;border-color:#b2b2b2}
	.cancel dd{border-color:#fff}

.page{padding-top:30px;}

.specific{width:100%;}
	.specific h2{width:100%;height:60px;font-size:18px;font-weight:bold;line-height:60px;}
	.specific h2 cite{width:auto;padding-right:5px;color:#999;font-size:14px}
	.specific .gray-box{padding:20px;}
	.info dl{width:550px;float:left;}
	.info dl.right{float:right}
	.info dt,.info dd{height:40px;line-height:40px; text-align:right;width:80px;float:left;color:#999}
	.info dd{font-weight:bold;width:470px;float:right;text-align:left;color:#333}
	.info a.button{padding:0 10px;margin-left:10px;}

.button-box{margin-top:20px;}
.button-box button{height:36px;width:100px;font-weight:bold}

.have-form{padding-top:10px}
.have-form .title{width:100%;height:30px;line-height:30px;font-size:16px;font-weight:bold;padding-top:20px;}
.have-form .title:first-child{padding:0}
.pay-forms{width:100%;}
	.pay-forms dd{width:530px;float:left;height:75px;}
	.pay-forms dd:nth-child(even){float:right}
	.pay-forms label{width:528px;}
	.pay-forms pre{color:#999;line-height:30px;padding-top:5px}
	.pay-forms pre span{color:#e82d3e;padding:0 5px}
	.pay-forms .passport-surname,.pay-forms .passport-name{width:210px;float:left;overflow:hidden; }
	.pay-forms .passport-name{width:310px;float:right}
	.pay-forms .passport-surname label{width:208px;}
	.pay-forms .passport-name label{width:308px;}
	
	.pay-forms pre .help-tips{float:left;margin:8px 5px 0 0}
	
	
	
.tooltip .charge-detail{width:400px;padding:5px 10px}
a.customer-manager {font-weight:bold}
.customer-manager img{width:24px;height:24px;border-radius:12px;float:left;margin:7px 5px 0 0;}

.order-detail{padding:0 30px;width:760px;}
.order-detail .content{padding:0 15px 15px 15px;width:730px;border-top:1px solid #e82d3e}
.order-detail .title{height:60px;font-size:16px;line-height:60px;font-weight:bold;width:100%}
.order-detail .content .title{font-size:14px;border-top:1px solid #ddd;height:36px;line-height:36px;margin-top:15px;padding-top:10px;}
.order-detail .content .title span{padding-left:10px;color:#999;font-weight:normal}
.order-detail .content .title:first-child{border:0;margin:0}
.order-detail table{width:100%;}
.order-detail table th,.order-detail table td{height:30px;}
.order-detail table th{width:120px;text-align:left;font-weight:normal;color:#888}
.order-detail .attachment{height:auto;}
.order-detail .attachment li{height:170px;margin:5px 15px 0 0;}
.order-detail .attachment li p{font-size:12px;color:#999}
.agency-box{width:100%;padding:10px 0;}
.agency-logo,.agency-info{float:left}
.agency-logo{height:48px;padding-right:20px;max-width:300px;}
.agency-logo img{max-width:100%;max-height:48px;}
.agency-logo p{background:#e82d3e;color:#fff;line-height:46px;padding:0 20px;font-weight:bold}


.agency-info h5,.agency-info p{font-size:14px;line-height:24px;}
.agency-info h5{font-weight:bold}
.agency-info p{color:#999}
.agency h5 cite{margin-left:10px}
.project-info,.paymoney-info,.coupon-box{padding:5px 0;}
.project-info button{border:1px solid #e82d3e; background:#fff;color:#e82d3e;height:30px;padding:0 15px}
.paymoney-info{color:#999}
.paymoney-info .amount-money{font-size:18px;padding-right:10px;color:#555;}
.coupon-box ul li{cursor:default}
.order-detail .order-convert .fee-details{padding-top:15px;width:400px}
.bill-info div.bd-tips{margin-top:8px;}
.bill-info div.bd-tips p{width:680px}
.order-detail .title .copy{float:right;margin-top:20px}
.order-detail .title .copy i{margin:3px 5px 0 0;}



.sub-menu{float:right; text-align:right;height:40px;}
.sub-menu span{line-height:40px;}
.sub-menu a.button{height:40px;line-height:40px;padding:0 15px;display:inline-block;margin-left:15px;}

.balance-detail{padding:20px;}
.balance-detail .swicth{height:38px;width:100%}
.balance-detail .swicth dd{height:36px;margin:0 15px 0 0;font-size:16px;line-height:36px;padding:0 20px}
.balance-main{width:100%;margin-top:20px;}
.cashout{width:100%;margin-top:20px;}
.cashout td{padding:10px 0}
.cashout label{width:560px;}
.cashout label.nobd{width:auto;border:none;line-height:20px;height:20px;margin-right:20px}
.cashout label.nobd input{margin:5px 5px 0 0;}
.cashout .gray-box{padding:5px 20px 20px 20px;}
.cashout pre{color:#999;line-height:30px;padding-top:5px}
.cashout pre span{color:#e82d3e;padding:0 5px}
.cashout .verify .input{width:400px}
.cashout .gray-box label{width:540px;}

.invite{float:right;width:500px;height:42px;padding-top:70px; display:none}
.invite div{width:100%}
.invite h4{float:left;font-weight:bold;font-size:16px;padding-top:5px;line-height:32px;color:#e82d3e;border-bottom:1px dashed #e82d3e;}
.invite label{height:40px;width:418px;float:right}
.invite label .input{width:400px;margin:10px 0 0 8px;font-size:16px;}