/* CSS Document */
body,html {margin: 0px;padding: 0px; background:#f4f4f4 }
body, td, th {font-size: 14px; font-family:"微软雅黑"}
div, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, p, img {margin: 0px;padding: 0px;list-style-type: none;-webkit-appearance: none;}
img {border: 0px;margin: 0px;padding: 0px;}
a {text-decoration: none;}
a:hover{ color:#c10003;}
.red{ color:#c10003}
.green{ color:#5dc10d}
.yellow{ color:#ef6918}
.green{ color:#5dc10d}
.green{ color:#5dc10d}
#EEE{color:red;}
.top{ width:100%;text-align:center; height:80px; background:#fff }
.top ul.topUL{ width:1200px; margin:0 auto;}
.topLogo{ width:100%;padding:10px 0}
.topLogo span{ float:left;}
.topLogo p{ float:left; margin:18px;font-size:22px}
.topLogo a{ float:right; margin-top:28px;  font-size:12px; margin-right:40px; color:#666}
.topLogo a:hover{ text-decoration:underline; color:#000}

.loginArea{ width:100%;position:relative; height:500px; overflow:hidden;background: url(../images/aaa.jpg) no-repeat center center;}
.loginArea p.loginBanner{
}
.loginContent{ width:350px; position:absolute; z-index:2; left:50%; margin-left:175px; background: #fff; top:70px; height:auto;}
.loginContent ul{ padding:23px 20px 18px 20px;}

.loginBg{ width:100%; height:100%; position:fixed; z-index:1}
.loginBg img{ width:100%; height:100%;}
.loginBg2{ width:100%; height:100%; position:fixed; z-index:2; background: url(../images/overlay.png);}

.bannerTxt{ position:absolute; z-index:3; left:50%; margin-left:-600px; top:80px;}
.bannerTxt h3{ font-size:47px; color:#900; margin-top:20px;}
.bannerTxt h4{ font-size:33px; color:#333; margin-top:10px; font-weight:normal;}
.bannerTxt input{ border:none; background:#c10003; color:#fff; font-size:18px; padding:11px 43px; border-radius:20px; margin-top:60px; cursor:pointer}
.bannerTxt input:hover{ background:#a70205;}

.loginBottom{ width:100%;background:#fff;margin-top: 30px;}
.loginBottom ul.w1000{ width:1200px; margin:0 auto;}
.loginBottom ul.w1000 li{ width:25%; float:left; position:relative; }
.loginBottom ul.w1000 li p{ position:absolute; left:0; top:0; width:60px; height:60px; border-radius:60px; background:#ddd; border:1px #ddd solid;}
.loginBottom ul.w1000 li ul{ padding-left:70px;}
.loginBottom ul.w1000 li ul h5{ font-size:16px; margin-bottom:5px; margin-top:8px;}
.loginBottom ul.w1000 li ul li{ width:100%; float:left; font-size:12px; margin-top:5px; color:#666}
.loginBottom ul.w1000 li ul li a{ color:#666; font-size:12px; color:#666;}

.copyright{ width:100%; float:left; border-top:0px #ddd solid; background:#f4f4f4; height:30px;}
.copyright ul{ padding:20px; text-align:center; color:#666; font-size:12px;}

.bottom{ position:fixed; z-index:2; height:200px; background:#ccc; bottom:0; left:0; width:100%;}
.loginBox{ width:600px; position:absolute; left:50%; margin-left:-300px; z-index:3; top:100px;}
.loginBox p{ text-align:center;}
.loginBox ul{  padding:40px 0; margin-top:40px; }
.tab{ margin-top: 10px;}
.tab th{ width: 35px; font-size:12px; font-weight:normal;  color:#000;   text-align:right;}
.tab td{ text-align:left;border:0px #666 solid;color:#000;  position:relative;  padding: 6px 0;}
.tab td input{ padding: 0; border:none;font-size:14px; border:0px #666 solid; height:35px; line-height:35px; outline: none; background:none; color:#000; float:left}
.tab td  a.code img{ margin-top:10px;}
.tab td.noBorder{ border-bottom:none;}
.tab td p{ position:absolute; right:-170px; top:15px; width:auto; width:170px; color:#c10003; font-size:14px; text-align:left; font-weight:normal; display:none}
.tab td div{ border:1px #ccc solid; height:35px; background:#fff;}
.tab td div a.code{ float:right}
.tab td div a.code img{ margin:1px;}
.tab td input.mainBt{ background:#c10003; margin-top:0px; border-radius:5px; height:35px; text-align:center; width:100%; color:#fff;}
.tab td label{ float:left; font-weight:normal; font-size:12px;}
.tab td label input{ margin-top:-8px; margin-right:4px; float:left;}
.person{ display: inline-block; width: 35px; height: 35px; border: 1px solid #ccc; border-right: 0; background: #f3f3f3 url(../images/people.png) no-repeat center center; background-size: 40%;}
.lock{ background: #f3f3f3 url(../images/lock.png) no-repeat center center; background-size: 40%;}
.forgetPw{ float: right; cursor: pointer; color: #000;font-size: 12px; }
.loginLink{ width:100%; height: 40px; line-height: 40px; background: #f2f2f2;}
.loginLink img{ width: 14px; vertical-align: middle; padding-right: 7px;}
.loginLink ul{ padding:0 20px;}
.loginLink a{ font-size:12px;}
.loginLink a.forget{ float:left; color:#666;}
.loginLink a.reg{ color:#01ad65;}
.loginLink a:hover{ color:#01ad65;}

.regStep{ width:100%; float:left;  margin-top:20px;}
.regStep ul{}
.regStep ul li{ width:240px; float:left; height:32px; margin: 0px 0px; line-height:32px; font-size:12px;}
.regStep ul li span{ float:left; margin-left:10px; font-size:12px; }
.regStep ul li.on { color:#fff; font-size:12px;}
.regStep1{ background:url(../images/step.png) 0 0 no-repeat;}
.regStep2{ background:url(../images/step.png) 0 -33px  no-repeat;}
.regStep3{ background:url(../images/step.png) 0 -66px no-repeat;}
.regStep4{ background:url(../images/step.png) 0 -99px no-repeat;}
.regStep5{ background:url(../images/step.png) 0 -132px no-repeat;}



.regTab{ width:1161px; float:left; margin:0 px; padding:20px 0; background:#fff; border:1px #eaeaea solid;margin-top:20px; position:relative}
.regTab ul.regTabUL{ width:1000px; margin:0 auto; padding:30px 0; background:#fff; overflow:hidden;}

.regTab  span.next{ position:absolute; right:20px; top:20px;}
.regTab  span.next a{ font-size:12px;}

.regBox{ background:#fff; width:100%; float:left;}
.regBox ul.regBoxUL{ width:1200px; margin:0 auto;}





.box{ width:100%; float:left; margin:0;}
.box ul { padding:0px; color:#fff; margin:20px 0 0 0;}


.tab2{ width:100%; float:left; background:#eaeaea}
.tab2 th{ background:#fefefe; padding:8px; font-size:12px; font-weight:normal; color:#444}
.tab2 td{ background:#fff; padding:8px; font-size:12px; color:#444}
.tab2 td input.lr{ border:1px #ddd solid; background:#fff; height:29px; width:100px; float:left; margin-right:4px; font-size:12px; text-indent:2px;}
.tab2 td input.bt{ background:#01ad65; color:#fff; width:300px; border:none; height:40px; font-size:15px; font-weight:bold; border-radius:4px; margin-top:20px;}
.tab2 td input.bt2{ background: url(../images/btGray.jpg); border:1px #ddd solid; font-size:12px; color:#444; width:100px; height:33px; border-radius:4px;}
.tab2 td input.bt3{ background:#999; color:#fff; width:100px; margin-left:20px; border:none; height:40px; font-size:15px; font-weight:bold; border-radius:4px; margin-top:20px;}
.tab2 td label{ float:left; margin-top:10px;}
.tab2 td label input.chooseBox{ vertical-align:middle; margin-top:-3px;  margin-left:10px; margin-right:5px;}
.tab2 td span.error1{ color:#c10003; display:none; float:left; margin-top:8px;}
.tab2 td span{ color:#666;float:left;}
.tab2 td img{ vertical-align:middle;  margin-left:5px; margin-right:4px; float:left;}
.tab2 tr.error td span{ display:block}
.tab2 tr.error td input{ border:1px #c10003 solid;}
.tab2 td  p{ margin-top:16px; color:#999}
.tab2 td a{ color:#c10003;}
.tab2 td a:hover{ text-decoration:underline}
.tab2 select{ border:1px #ddd solid;  padding:7px 7px 7px 2px; font-size:12px; color:#333;}
.tab2 h4{ width:240px; float:right; text-align:left; font-size:14px; color:#000;}
.tab2 a.back{ margin-left:20px; margin-top:10px; color:#248cff; font-family:"宋体"}
.tab2 b.line{ float:left; width:px; text-align:center; margin-top:6px; margin-left:0; margin-right:4px; padding:0;}
.tab2 b.txt{ float:left; margin-left:10px; margin-top:7px;}
.tab2 textarea{ border:1px #ddd solid;}
.tab2 td.alignCenter{ text-align:center;}




.tab3{ background:#ccc; color:#000; float:left}
.tab3 th{ background:#f4f4f4; color:#000; text-align:center; font-size:12px; padding:8px;}
.tab3 td{ background:#fff; color:#666; text-align:center; font-size:12px; padding:8px;}




.xy{ width:100%;  background:url(../images/overlay.png); position:fixed; height:100%; z-index:99; display:none;}
.xy ul{ width:960px; margin:100px auto; background:#fff; padding:0px; border:0px #eaeaea solid; line-height:15px; font-size:12px;  text-align:center}
.xy ul h5{ font-size:14px;  background:#fd7879 ; color:#fff; text-align:center; padding:40px 0;  font-size:16px;}
.xy ul p{ margin-top:10px;}
.xy ul input{ margin:20px 0; border-radius:40px; height:40px; width:160px; border:none; background:#fd7879; color:#fff;}
.xy ul ul{ height:300px; overflow-y:auto; border:none; width:auto; padding:10px; margin:0; text-align:left;}

.p_pickBox{ width:100%; float:left;}
.p_pickBox ul.p_pickBoxUL{ padding:20px; overflow:hidden;}
.p_pickListBox{width:100%; float:left; background:#eaeaea; margin-top:20px;}
.p_pickListBox>ul>li{width:33%; float:left;}
.p_pickListBox>ul>li>ul{ padding:10px; overflow:hidden}
.p_list1{ width:100%; float:left;}
.p_list1 ul{ border:1px #ddd solid; background:#fff; overflow-y:auto; padding:10px; height:300px}
.p_list1 ul li{ width:100%; float:left;}
.p_list1_1 ul li{ width:50%; float:left;}
.p_list1 ul li a{ color:#666; line-height:24px; margin-left:10px; font-size:12px; font-family:"宋体";}
.p_list1 ul li a input{ vertical-align:middle; margin-top:-3px; margin-right:3px;}
.p_list1 ul li:hover{ background:#f4f4f4; text-decoration:none}
.p_list1 ul li.on{background:#eeeeee}
.p_list1 ul li.on a{ color:#c10003; }
.maskIframe{ width:100%; height:100%; position:fixed; z-index:99;  display:none;}
.maskBox{ margin:200px auto; background:#fff;  padding:10px; border:6px #eaeaea solid;}
.maskIframe iframe{ display:block; margin:200px auto;}
.p-pickthing{  line-height: 30px; margin-top:10px; width:100%; float:left}
.p-pickthing ul{border: 0px solid #f6e9e3; background:#f6e9e3; padding:5px 15px; text-align:left; font-size:12px; font-weight:bold;}
.p-pickthing ul span{ float:right; background:#c10003; border-radius:3px; margin:0px; color:#fff; padding:1px 10px;}
.p-pickthing ul span a{ color:#fff; font-size:12px;}
.p-pickthing ul span:hover{ background:#900}
.p-pickthing ul span a:hover{ text-decoration:none;}
.p-input{width: 100%; height:40px; margin: 10px auto; text-align:center; float:left;}
.p-pickbt{  margin:20px 0; border-radius:40px; height:40px; width:160px; border:none; background:#fd7879; color:#fff;}
.chooseMenu{ width:100%; height:100%; position:fixed; z-index:99;background:url(../images/overlay.png); display:none;}
.chooseMenu2{ width:100%; height:100%; position:fixed; z-index:99;background:url(../images/overlay.png); display:none;}
.chooseMenu3{ width:100%; height:100%; position:fixed; z-index:99;background:url(../images/overlay.png); display:none;}
.chooseMenu ul.chooseMenuUL{ width:1200px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-325px; background:#fff; height:590px; border:0px #eaeaea solid;}
.chooseMenu2 ul.chooseMenuUL{ width:1200px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-325px; background:#fff; height:590px; border:0px #eaeaea solid;}
.chooseMenu3 ul.chooseMenuUL{ width:1200px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-325px; background:#fff; height:590px; border:0px #eaeaea solid;}
.navTab{ width:100%; float:left; background:#fd7879; height:90px;}
.navTab ul li{ width:100px; float:left; text-align:center; margin-top:40px; margin-left:20px;}
.navTab ul li a{ color:#fff; font-size:20px; font-weight:bold;}
.navTab ul li.on{ border-bottom:2px #fff solid; padding-bottom:5px;}
.navTab ul li.on a{ color:#fff;}
.navTab ul span{ float:right;  padding:5px;}
.navTab ul span:hover{ background:#f00}
.navTabNews{ display:none;}
.chooseMenu ul.confirm{ width:600px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-250px; background:#fff; height:300px; border:0px #eaeaea solid;}
.chooseMenu2 ul.confirm{ width:600px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-250px; background:#fff; height:300px; border:0px #eaeaea solid;}
.chooseMenu3 ul.confirm{ width:600px; position:absolute; left:50%; top:50%; margin-left:-300px; margin-top:-250px; background:#fff; height:300px; border:0px #eaeaea solid;}

.confirmContent{ width:100%; background:#fd7879; height:150px; float:left}
.confirmContent p{ text-align:center; color:#fff; margin-top:10px; line-height:21px; font-size:12px;}
.confirmBt{ width:100%; float:left; text-align:center; margin-top:60px;}
.confirmBt input{ margin:0px 20px; border-radius:40px; height:40px; width:160px; border:none; background:#fd7879; color:#fff;}
.confirmContent b.big{ font-size:18px;}


.regReslut{ width:100%; float:left; margin:20px 0 30px 0}
.regReslut ul{ position:relative; right:50%; float:right}
.regReslut ul li{ position:relative; left:50%; float:left; }
.regReslut ul li b{   width:110px; height:110px;  border-radius:110px; background:url(../images/yuan1.png);text-align:center; display:block; font-size:15px; line-height:110px; color:#fefefe;}
.regReslut ul li b.on{ background:url(../images/yuan2.png); color:#fff;}
.regReslut ul li img{   margin:40px 40px;}

.regResult2{ width:100%; float:left; margin:20px 0;}
.regResult2 h3{ text-align:center; font-size:18px; color:#c10003; font-weight:bold;}
.regResult2 ul{ width:300px; margin:20px auto;}
.regResult2 ul li{ width:100%; float:left;}
.regResult2 ul li h5{ float:left; width:30%; font-size:12px; color:#666}
.regResult2 ul li p{ float:left; width:70%; font-size:12px; color:#333}

.chooseBank{ width:100%; height:100%; position:fixed; z-index:99;background:url(../images/overlay.png); display:none;}
.chooseBank ul.chooseBankUL{ width:960px; padding:20px; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-340px; background:#fff; height:560px; border:0px #eaeaea solid;}
.chooseBank ul.chooseBankUL h5{ height:32px;  font-size:14px;border-bottom:1px #fd7879 solid; color:#fd7879; line-height:32px; width:100%; float:left; margin-bottom:10px; position:relative}
.chooseBank ul.chooseBankUL h5 span{ width:20px; height:20px; position:absolute; right:-10px; top:-10px;}
.chooseBank ul.chooseBankUL h5 span:hover{ background:#f4f4f4;}

.j_page{ width:100%; float:left;  background:#fff; margin-top:20px;}
.j_page ul{ float:right; position:relative; right:50%;}
.j_page ul li{ float:left; margin:0 5px; line-height:30px; color:#697687; position:relative; left:50%;}
.j_page ul li a{ background:#8c98b2; height:30px; color:#fff; float:left; line-height:30px; padding: 0 20px;}
.j_page ul li input{ background:url(../images/btGray.jpg); border:1px #ddd solid; height:30px; color:#666; float:left; font-size:12px; line-height:30px; padding: 0 20px;  border-radius:5px;}
.j_page ul li input:disabled{  background:#ddd; color:#aaa}
.j_page ul li label{ font-family:Tahoma, Geneva, sans-serif}
.j_page ul li label select{ vertical-align:middle; margin:-3px 10px 0 10px;}
.j_page ul li a.no{ background:#eef1f8; color:#aaafcc}
.j_page ul li input:hover{ color:#000;}
.j_page ul li input:disabled:hover{  background:#ddd; color:#aaa}
.j_page ul li input.j_short{ width:30px; padding:0; height:25px; line-height:25px; text-align:center; border:1px #ddd solid; background:#fff; margin-right:10px; float:none; color:#333;}
.j_page ul li input.j_short2{ width:30px; padding:0; height:25px; line-height:25px; text-align:center; background:url(../images/btGray.jpg); border:1px #ddd solid;  margin-right:10px; float:none; color:#666; margin-top:2px;}
.j_page ul li input.j_short2:disabled{  background:#d5e6f2; color:#aaafcc;border:1px #d5e6f2 solid;}
.searchBankResult{ display:none;}

.tip{ width:100%; float:left; margin-bottom:20px;}
.tip ul{ border:1px #fee143 solid; background:#ffffcc; padding:10px;color:#c50000; font-size:12px; width:800px; margin:0 auto;  text-align:center}


.tab3 td.tdTitle{ text-align:left; padding-left:5px; font-weight:normal; color:#444}
.tab3 td.tdValue{ text-align:left; padding-left:5px; font-weight:normal; color:#444}
.tab3 a{ color:#c10003;}

.titleStep{ width:100%; float:left; margin-bottom:20px; background:url(../images/redLine.png) bottom repeat-x; }
.titleStep ul{ right:50%; position:relative; float:right}
.titleStep ul li{ left:50%; float:left; position:relative; margin: 0 20px; line-height:28px; width:100px; text-align:center; border:1px #fff solid; border-bottom:1px #c10003 solid;}
.titleStep ul li.on{ border:1px #c10003 solid; border-bottom:1px #fff solid; color:#c10003;}
.titleStep ul li a{ color:#333}
.titleStep ul li.on a{ color:#c10003;}

.regBT{ width:100%; float:left; margin-top:40px;}
.regBT ul p{ text-align:center;}
.regBT ul p input{ background:#c10003; border-radius:42px; height:42px; width:260px; font-size:15px; font-weight:bold; color:#fff; border:none}
.regBT ul p a{ padding:0 10px; margin-top:20px; display:inline-table; font-size:12px; color:#c10003}
.regBT ul p a:hover{ text-decoration:underline}

.welcome{
	text-align: center;
	line-height: 35px;
	padding: 0 14px;
}
.BoText{
	padding: 0 14px;
    color: #999;
}
.Line{
	display: inline-block;
    width: 20%;
    height: 1px;
    background: #bbb;
    vertical-align: 4px;
}

.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.1) !important }
.reveal-modal { visibility: hidden; top: 150px; left: 32.5%; position: absolute; z-index: 101; padding: 30px 40px 34px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #eee; 		}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {height:35px; padding:0 30px; margin:0 5px; border:none; background:#5ab04c; color:#ffffff;border-radius:5px;	}
.reveal-modal-bg{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);}