@import "style.css";
h2 a.i-copy{margin:22px 0 0 5px;float:right}
.f-right{float:right}
.copy-box{position:absolute;width:0;height:0;}
.copy-box a{position:absolute;width:100px;height:16px;line-height:16px;left:-60px}
.copy-box i{margin-right:5px;}

body{background:#f4f4f4 url(../img/pay.png) center 100px no-repeat;}
.banner{height:320px; background:none}
#main{background:#fff url(../img/pay-line-bg.png) 0 0 repeat-x;min-height:400px;width:1120px;border:1px solid #fff;padding:30px 39px 39px 39px;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.step{width:100%;height:40px;}
	.step dl{float:left;width:300px;padding-right:20px;}
	.step dt{float:left;width:36px;height:36px;border:2px solid #999;border-radius:20px;text-align:center;}
	.step dd{float:left;height:40px;line-height:40px;padding-left:10px;color:#999;font-size:16px}
	.step dd.line{width:160px;height:2px;background:#999;float:right;margin-top:19px;}
	.step dt i{color:#999;font-size:20px;line-height:36px;background-position:100px 100px;float:none; display:inline-block}
	.step .step2{width:340px;}
	.step .step2 dd.line{width:140px;}
	.step .step4{width:115px;float:right;padding:0;}
	.step .step4 dd,.step .step4 dt{float:right;}
	.step .current dt,.step .finish dt,.step .current dd.line,.step .finish dd.line{background:#e82d3e;border-color:#e82d3e}
	.step .current dd{color:#111;}
	.step .current dt i{color:#fff;}
	.step .finish dt{overflow:hidden}
	.step .finish dd{color:#e82d3e;font-weight:bold}
	.step .finish dt i{background-position:-333px -92px;width:20px;height:20px;text-indent:-9999px;margin-top:9px;}

.specific{width:100%;margin-top:20px;}
	.specific h2,.specific h2 cite,.specific h3{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 h3{font-size:16px;}
	.specific .order-no{float:right}
	.specific p,.specific pre,.specific a,.specific div,.specific h2 span{font-size:14px}
	.nofind{height:60px;line-height:60px;}
	.gray-box{padding:20px;border-top:1px solid #e82d3e}
	.gray-box .update{width:100%;padding:20px 0 5px 0; display:none}
	.gray-box .update label{padding:0;margin:0;width:100%;float:none;background:none;border:none;}
	.gray-box .update .checkbox{margin-right:5px;}
	.specific .item-bd a.button,.modify-payfee{float:right;height:25px;line-height:25px;padding:0 10px}
	.specific a.help-step{float:right;padding:0 15px;width:auto;margin-top:15px;font-weight:bold;font-size:15px;height:30px;line-height:30px;animation: blink 1s infinite; display:none}
	.specific a.copy{float:right;font-size:15px;margin-top:23px}
	.specific a.copy i{margin:3px 5px 0 0;}
	.specific h2 span{ font-weight:normal;color:#999;padding-left:10px}
	.specific h2 b{float:left}
	.specific h2 .help-tips{float:left;margin:25px 0 0 10px;}
	.specific .attachment-num b{float:none}
	.specific .item-bd .btn-box{margin-right:10px;}
	

.recipient,.recipient-box,.recipient-improve{width:100%; overflow:hidden}
	.recipient-box{padding-bottom:15px}
	.recipient-logo{float:left;height:48px;padding-right:20px;max-width:300px;}
	.recipient-logo p{background:#e82d3e;color:#fff;line-height:46px;padding:0 20px;font-weight:bold}
	.recipient-logo img{max-width:100%;max-height:48px;}
	.recipient-info{float:left;height:48px;}
	.recipient-info h5,.recipient-info p{font-size:14px;line-height:24px;}
	.recipient-info h5{font-weight:bold}
	.recipient-info p{color:#999}
	.recipient h5 cite{margin-left:10px}
	.recipient-improve{border-top:1px solid #e5e7eb;margin-top:5px}
	.recipient-improve h3,.payfee-county h3{height:35px;padding-top:10px;line-height:35px}

#payfeeCounty{width:100%; display:none}
	#payfeeCounty h3{height:30px;line-height:20px;}
	#payfeeCounty .swicth{}
	#payfeeCounty .swicth dd,.country-box .swicth dd{height:38px;line-height:38px;margin-top:10px; text-align:center;width:100px}

.purpose-box{width:100%}
	.purpose-box a{float:left;border:1px solid #e5e7eb;color:#666;height:38px;line-height:38px;padding:0 15px;border-radius:2px;margin:0 10px 10px 0; background:#fff}
	.purpose-box a:hover{color:#e82d3e;border-color:#e82d3e}
	.purpose-box a i{margin:10px 10px 0 0;}
	.purpose-box a.current{border-color:#e82d3e;color:#e82d3e;}

.amount-box{width:100%;}
	.amount-info{width:500px;height:48px;border:1px solid #e5e7eb;padding:15px 20px;background:#fff;border-radius:2px}
	.amount-info .flag{float:left;width:200px;height:48px;overflow:hidden;}
	.amount-info .flag img{height:24px;}
	.amount-info p{line-height:18px;padding-top:4px;color:#999;}
	.renminbi{}
	.amount-info .amount{float:right;height:48px;width:290px; text-align:right}
	.amount-info .input{height:24px;margin:0;text-align:right;width:100%;font-size:24px;color:#000;font-weight:bold;padding:0;border:none;}
	.amount-info input::placeholder{font-weight:normal;font-size:16px;line-height:20px;}
	.amount-info .expect{height:24px;width:100%;text-align:right; overflow:hidden}
	.amount-info .expect div{float:right;font-size:24px;color:#000;font-weight:bold;line-height:24px;padding-left:10px}
	.amount-box .void{border-color:#fe641c;background:#fff7f2}
	.amount-box .fee-details{width:540px;background:url(../img/vertical-line-bg.png) 14px 0 repeat-y;padding:15px 0;}
	.amount-box .fee-details dt{text-indent:30px;font-weight:bold;color:#333}
	.amount-box .fee-details dd{display:none}
	.amount-box .fee-details .icon i{margin-left:10px;}
	.amount-box .fee-details .junior dd,.amount-box .fee-details .junior dt{font-weight:normal;color:#999;}
	.amount-box .fee-details .junior dt{ text-indent:50px}
	

.button-box{background:#f9f9f9;width:1160px;height:40px;padding:20px;border-top:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.2);}
	.button-box button{height:40px;line-height:40px;padding:0 30px;float:right;font-size:16px;font-weight:bold}
	.button-box .return{float:left;border:1px solid #e5e7eb;background:#fff;color:#999;font-weight:normal}
	.button-box .return:hover{border-color:#ddd;color:#333}
	.button-box .tips{float:left;padding:10px 0 0 20px}
	.button-box .tips .i-tips{margin:3px 5px 0 0}
	

.item-main{width:100%;border-top:1px solid #e5e7eb;padding-top:18px}
	.item-main:nth-child(1){border:none;padding:0}
	.item-main .item-ti{font-weight:bold;font-size:16px;line-height:16px;}
	.item-main .item-bd{padding:18px 0;color:#999;}
	.amount-money{font-size:24px;color:#000;font-weight:bold;line-height:24px;padding-right:5px}
	
.have-form{padding-top:10px}
.pay-forms{width:100%;}
	.pay-forms dt{width:100%;float:left;border-bottom:1px dashed #ddd;height:10px;}
	.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 cite{color:#999;}
	.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}
	
.attachment{}
.payment,.payment table{width:100%;}
	.payment .fast{width:220px;padding-left:20px}
	.payment .last{width:400px;padding-right:20px; text-align:right}
	.payment td{border-bottom:1px solid #E5E7EB;}
	.payment tbody td{height:80px}
	.i-bank{float:left;width:115px;height:80px;margin-left:20px;padding-left:45px; font-weight:bold;line-height:80px;}
	.payment .i-checked{margin-top:30px;}
	.payment .money b{font-weight:bold;font-size:18px;color:#e82d3e;padding-left:5px;}
	.payment .describe td{padding-top:20px;padding-bottom:20px;width:auto;}
	.payment .content{height:180px;padding:10px 0; overflow:auto; overflow-x:hidden; width:640px}
	.payment .content p{color:#999;line-height:25px}
	.payment .current td{background:#f9f9f9}
	/*
	.payment .fee-details{width:100%;padding:0; background:none}
	.payment .fee-details dt{width:150px; text-indent:0}
	.payment .fee-details dd{color:#000}
	.payment .fee-details dd b{color:#e82d3e;}
	*/
.rate{padding:0 5px}
.coupon,.couponInfo{display:none}
.couponInfo .coupon-box{height:90px}
.couponInfo .coupon-box ul li{cursor:default}
.pay-guide div.bd-tips p{width:1070px;}
.pay-guide div.bd-tips p b{font-size:18px;}
.countdown{padding:0 10px}
.send-button{padding-top:30px;height:36px;}
.send-button .button{height:36px;float:right;line-height:36px;padding:0 20px;margin-left:10px}
.main-step-1,.main-step-2,.main-step-3{display:none}
.pophelp .swicth{width:625px;height:90px;position:fixed;background:#fff;border-bottom:1px solid #E5E7EB}
#helpcontent{padding:100px 20px 0 20px;width:610px;}
#helpcontent p{line-height:28px;}
#helpcontent img{width:480px}

.channel{display:none}
.channel-box{height:122px;}
.channel-item{width:328px;padding:15px 15px 0 15px;height:105px;border:1px solid #E5E7EB;float:left;margin-right:20px; cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border-radius:2px}
.channel-item:last-child{margin-right:0;}
.channel-box .current{border-color:#e82d3e}
.chl-top .radio{margin-top:3px;}
.chl-top{width:100%;height:25px;background:url(../img/pay-channel.png) 30px 0 no-repeat;text-align:right}
.ZL .chl-top{background-position:30px -50px}
.LL .chl-top{background-position:30px -25px}
.chl-top p{ text-align:right}
.chl-top p span{color:#999}
.channel-item dl{width:100%;height:20px;margin-top:15px;}
.channel-item dl dd{float:left;height:18px;border:1px solid #e82d3e;color:#e82d3e;font-size:12px;line-height:18px;padding:0 6px;border-radius:2px;margin-right:5px;}
.channel-item dl dt{float:right;color:#999;line-heigh:22px}
.fee-detail{width:100%;height:36px;}
.fee-detail p{float:right;font-size:24px;color:#000;font-weight:bold;line-height:36px}
.fee-detail p span{font-weight:normal;font-size:14px;color:#999}
.fee-detail a{float:left;margin-top:10px;}
.fee-detail a span{float:left;color:#888}
.fee-detail a:hover span{color:#e82d3e;}
.fee-detail a i{margin:3px 0 0 5px;transform: rotate(-90deg);}
.channel-item:hover,.channel-item:hover .radio{border-color:#e82d3e;}


.category{height:112px;}
.category dd{width:340px;height:100px;float:left;margin-right:20px;}
.category dd a{display:inline-block;width:320px;height:80px;background:#fff;padding:10px 0 0 20px;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.category dd a:hover{ background:#f9f9f9}
.category dd i{ display:none}
.category dd h2{font-weight:bold;font-size:18px;line-height:40px;}
.category dd p{color:#999;}
.category dd.current a{background-image:linear-gradient(to right,#e82d3e,#ef6471);}
.category dd.current h2,.category dd.current p{color:#fff;}
.category dd.current i{display:block;width:0;height:0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top:7px solid #ec4857;left:160px;position:relative;}