html{color:#000; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
input[type=checkbox]{ margin-right:0.5em; }
legend{color:#000;}
header,section,footer,nav{display: block;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{font-family:"Microsoft YaHei",simSun,"Lucida Grande","Lucida Sans Unicode",Arial;line-height:160%;font-size:14px;color:#000;background:#DEE2E6;}
a{color:#ff9703;text-decoration: none;}
a:hover{color:#ff5c03;text-decoration: underline;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}
.wrap{*zoom:1;width:1220px; margin: 0 auto;position: relative; }
.wrap:before,.wrap:after,.clearfix:before, .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.btn {display:inline-block;background:#3598da;color:#fff;border:0;outline:0;cursor:pointer;text-align:center;}
.btn:hover {background:#40a1e2;text-decoration:none;color:#fff;}
.btn.btndisabled { background:#60b5ed; cursor:default; }
.btnSec{background:#f79634;}
.btnSec:hover {background:#f7a450;}
.glareColor,.glareColor a,.glareColor:hover{color:#3598da;}
.orangeColor,.orangeColor:hover{color:#f60;}
.greenColor,.greenColor:hover{color:#390;}
.redColor,.redColor:hover{color:#f00;}

.header { padding-top:1px; height:80px; color:#ccc; background:#DEE1E6; }
.header i { margin:0 10px; color:#eee; font-size:14px; }
.header-logo { float:left; margin:5px 0 auto; width:220px; height:70px; background:url(../images/logo_160_42.png) no-repeat 0 50%; text-indent:-9999em; }
.header-nav { float:left; margin:35px 0 auto; font-size:16px; font-size:13px; }
.header-nav a{ color:#000; }
.container{ padding-top:60px; padding-bottom:200px; background:#fff;}

.payList{ float:left; width:260px; padding-top:10px; }
.payList>li{ border:1px solid #ddd; margin-top:-1px; }
.payList>li>a{ position:relative; display:block; border:1px solid transparent; padding-left:75px; height:68px; line-height:68px; font-size:16px; font-weight:bold; color:#666; }
.payList>li>a:before{ content:""; position:absolute; top:50%; left:25px; margin-top:-16px; width:32px; height:32px; background:url(../images/payicons.png?v0228) no-repeat 0 0;}
.payList>li.on>a{ background-color:#f2faff; border:1px solid #40b9ff; color:#40b9ff; }
.payList>li>a:hover{ background-color:#f2faff; text-decoration:none;}
.payList>li>a.i2:before{ background-position:-32px 0;}
.payList>li>a.i3:before{ background-position:-64px 0;}
.payList>li>a.i4:before{ background-position:-96px 0;}
.payList>li>a.i5:before{ background-position:-128px 0;}

.payForm{ float:right; width:920px; }
.main-header{ padding:0px 150px 30px; font-size:22px; font-weight:bold; color:#f36b04;}
.form-box{margin:10px 0;}
.form-box>.form-list{margin-bottom:20px;}
.form-box>.form-list:before,.form-box>.form-list:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.form-box>.form-list>.col_form_1{float:left;width:20%;padding:10px;line-height:22px;text-align:left;}
.form-box>.form-list>.col_form_2{float:left;width:50%;}
.form-box>.form-list>.col_form_offset_1 {margin-left:20%; } 
.form-box>.form-list .btn{width:150px;height:50px; font-weight:bold; font-size:16px;}
.form-box .tip_error{color:#f00;}
.form-tip{margin:20px;padding:10px 15px;border:1px solid #eee;line-height:1.6;color:#565656;}
.form-tip>h4{color:#333;font-weight:bold;}

.form_control{margin-right:5px;display:inline-block;width:200px;height:42px;padding:10px;color:#666;background-color:#fff;background-image:none;border:1px solid #d0d0d0;}
.form_control:focus{outline:none;border-color:#ff9703;}
textarea.form_control{height:auto;}

.ui-select{position:relative;float:left;}
.ui-select>ol>li{position:relative;float:left;border:1px solid #d0d0d0;margin-right:10px;cursor:pointer;width:200px;height:42px;padding:10px;line-height:22px;}
.ui-select>ol>li:before{content:"";position:absolute;top:50%;right:12px;margin-top:-3px;width:0;height:0;border:6px solid transparent;border-top-color:#d0d0d0;}
.ui-select>ol>li.disabled{opacity:0.5;filter:alpha(opacity=50);}
.ui-select>ol>li.on{border-color:#ff9703;}
.ui-select>ol>li.on:before{border-top-color:#ff9703;}
.ui-select>.list{display:none;position:absolute;top:42px;left:0;border:1px solid #d0d0d0;border-top:0;width:200px;background-color:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.05);z-index:10;}
.ui-select>.list{height:160px;overflow:hidden;overflow-y:auto;}
.ui-select>.list>a{display:block;height:32px;line-height:32px;color:#333;text-indent:8px;font-size:12px;}
.ui-select>.list>a:hover{ background-color:#f3f3f3; color:#3598da; text-decoration:none;}

.ui-money{ width:490px;}
.ui-money>li{position:relative;float:left;border:1px solid #d0d0d0;margin-right:10px; margin-bottom:10px; height:40px; line-height:40px; text-align:center; width:16%; cursor:pointer;}
.ui-money>li>input{ width:100%; text-align:center; border:0;height:30px; line-height:30px; background:none; cursor:pointer;outline:none;}
.ui-money>li:hover,.ui-money>li.on{ border-color:#ff9703;}
.ui-money>li.on:before{content:"";position:absolute;bottom:0;right:0; width:21px;height:21px; background:url(../images/payicons.png?v0228) no-repeat -129px -40px;}

.ui-bank{ width:520px;}
.ui-bank>li{position:relative;float:left;margin-right:10px;margin-bottom:10px;width:154px;height:40px;line-height:40px;text-align:center;cursor:pointer; background:url(../images/banklogo.png) no-repeat 0px 0;}
.ui-bank>li:after{content:"";position:absolute;top:0;left:0;width:152px;height:38px;border:1px solid transparent;}
.ui-bank>li:hover:after,.ui-bank>li.on:after{border:1px solid #ff9703;}
.ui-bank>li.on:before{content:"";position:absolute;bottom:0;right:0;width:21px;height:21px;background:url(../images/payicons.png?v0228) no-repeat -129px -40px;}
.ui-bank>li.bankIcon1{background-position:0 0;}
.ui-bank>li.bankIcon2{background-position:-155px 0;}
.ui-bank>li.bankIcon3{background-position:-310px 0;}
.ui-bank>li.bankIcon4{background-position:-465px 0;}
.ui-bank>li.bankIcon5{background-position:0 -40px;}
.ui-bank>li.bankIcon6{background-position:-155px -40px;}
.ui-bank>li.bankIcon7{background-position:-310px -40px;}
.ui-bank>li.bankIcon8{background-position:-465px -40px;}
.ui-bank>li.bankIcon9{background-position:0 -80px;}
.ui-bank>li.bankIcon10{background-position:-155px -80px;}
.ui-bank>li.bankIcon11{background-position:-310px -80px;}
.ui-bank>li.bankIcon12{background-position:-465px -80px;}
.ui-bank>li.bankIcon13{background-position:0 -120px;}
.ui-bank>li.bankIcon14{background-position:-155px -120px;}
.ui-bank>li.bankIcon15{background-position:-310px -120px;}
.ui-bank>li.bankIcon16{background-position:-465px -120px;}
.btn-bank-more,.btn-bank-close{ margin-top:5px;width:480px; text-align:center; height:12px; line-height:12px; font-size:12px; color:#999; cursor:pointer; }
.btn-bank-more>span{display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:5px;width:0;height:0;border:solid transparent; border-width:5px 5px 0;border-top-color:#999;}
.btn-bank-close>span{display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:5px;width:0;height:0;border:solid transparent; border-width:0 5px 5px;border-bottom-color:#999;}

#divMask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:100;}

.divMsg{position:fixed;z-index:101;display:none;width:500px; top:55.5%; left:48.5%; margin:0 auto auto -250px; background:#fff;box-shadow:5px 5px 10px rgba(0,0,0,0.05);}
.divMsg>.titlebar{ padding:0 15px; height:40px; line-height:40px; background:#ececec;}
.divMsg>.winbody{ padding:20px 20px 25px; text-align:center; }
.divMsg>.winbody>h3{ padding:15px 0; font-size:24px;}
.divMsg>.winbody>p{ padding-bottom:30px; font-size:14px; color:#999;}
.divMsg>.winbody>.btn{width:150px; padding:12px 0; font-weight:bold; font-size:16px;}
.divMsg>.winbody>.msg{ margin:0 auto 15px; width:90%; font-size:15px; line-height:1.6;}
.divMsg>i.close{ position:absolute; right:10px; top:10px; height:20px; width:20px; background:url(../images/payicons.png?v0228) no-repeat -150px -40px; text-indent:-9999em; cursor:pointer;}
.resultPan{ position:relative; width:900px; margin:auto; padding-left:110px;}
.resultPan>.icon{ position:absolute; top:0; left:40px; width:43px; height:43px; background:url(../images/payicons.png?v0228) no-repeat -198px -22px;}
.resultPan>.icon.i1{background-position:0 -40px;}
.resultPan>.icon.i2{background-position:-43px -40px;}
.resultPan>.icon.i3{background-position:-43px -40px;}
.resultPan>.icon.i4{background-position:-86px -40px;}
.resultPan>.msg{ margin-bottom:40px; line-height:1.7;}
.resultPan>.msg>h3{ font-size:18px;}
.resultPan>.msg>p{ font-size:14px; color:#999;}
.resultPan>.details{ width:600px; margin-bottom:20px;}
.resultPan>.details>table{ margin-top:10px; width:100%; border:1px solid #ddd;}
.resultPan>.details>table td{ padding:6px 15px; border:1px solid #eee; }
.resultPan>.details>table td.tag{ width:30%; color:#999;}
.resultPan>.bar .btn{ width:120px; padding:10px 0; margin-right:15px;}