*{ margin:0; padding:0;}
body {   font-family:'Microsoft YaHei'; color:#555; background:#fff; }
ul,li{ list-style:none; }
a{ color:#0089CF; text-decoration:none;outline:none; }
a:hover{ color:#00aeff; text-decoration:none;}
a.tdline{ text-decoration:underline;}

.c-red{ color:red; }
.c-green{ color:#396 }
.c-gray{ color:#999; }
.cup{ cursor:pointer }
.mr20{ margin-right:20px; }

/* reg */
html, body{height:100%;}  
.wrapper{ min-height:100%; padding-bottom:70px;}
.l_header{ width:100%;height:70px; background:#fff; border-bottom:solid 1px #eee; }
.l_header .navbar-brand{ padding:15px 0px; margin-right:20px; } 
.l_header .navbar-brand img{ margin-top:11px; }
.l_top_r{ float:right; padding:28px 0 0 0; text-align:right; color:#aaa;font-size:15px; margin-right:-3px; }
.l_top_r a{ display:inline-block;color:#555; margin:0 3px; }
.l_top_r a:hover{color:#f60;}
.r-title{ border-left:solid 1px #ddd; padding-left:20px; float:left;height:30px;line-height:30px; margin-top:20px; }
.r-title h2{ font-size:22px; margin:0; padding:0;line-height:28px; }

.l_footer { width:100%;text-align:center; line-height:24px;margin-top:-70px; height:70px; padding:14px 15px 0 15px; color:#555;  background:#f5f5f5; border-top:solid 1px #ddd; overflow:hidden;}

.steps{ width:100%;height:60px; margin-bottom:0px; margin-top:40px; font-size:15px;}
.steps ul{ }
.steps ul li{ float:left; width:33.3%; text-align:center;height:3px; background:#eee;}
.steps ul li span{ display:block; width:32px;height:32px; line-height:32px; background:#ccc;border-radius:50%; color:#fff; font-size:16px; margin:0 auto; margin-top:-15px;  margin-bottom:10px; font-family:Tahoma }
.steps ul li span b{ font-weight:bold; }
.steps ul li span i{ display:none; }
.steps ul li.step-current{ font-weight:bold; background:#00AEEF;}
.steps ul li.step-current span{ background:#00AEEF;}
.steps ul li.step-ok{ background:#90C42F;}
.steps ul li.step-ok span{ background:#90C42F; }
.steps ul li.step-ok b{ display:none;  }
.steps ul li.step-ok i{ display:block;width:32px;height:32px;background:url(../images/icon-ok.png) no-repeat 7px center; text-indent:-9999px; }

.r-content{ padding-top:10px; padding-bottom:50px;  }
.info-tip{ padding:12px 15px; margin-bottom:0px; background:#E5F3FA; display:none; }
.r-form{ margin-top:30px; }
.r-form .control-label{}
.r-tip{ padding-top:7px;  }
.input-group-addon-mm{ padding:2px 5px; background:#fff; }
.pdw_intensity { background: url(../images/pwd_qd.gif) no-repeat left center;display: inline-block;height:22px;width: 122px;}
.iny_1{ float:left;display:inline-block; margin-right:1px; background-color:#FFCDAB; width:40px;height:7px; overflow:hidden; }
.iny_2{ float:left;display:inline-block; margin-right:1px; background-color:#FF9A57; width:40px;height:7px; overflow:hidden; }
.iny_3{ float:left;display:inline-block; margin-right:1px; background-color:#FF6600; width:40px;height:7px; overflow:hidden; }
.input-red{ background:#FFF2F2; border:solid 1px #F1A7A7;}
.btn-r{ padding-left:40px;padding-right:40px; }
.img-yzm{ width:120px;height:34px; }
.ok-yzm{ margin-right:172px; }
.ok-mm{ margin-right:118px;}
.mail-s{ min-height:90px; background:url(../images/lr/ico_mail.png) no-repeat left center; padding:15px 0 0 120px; font-size:15px; line-height:170%; margin:30px auto; }
.int-tel{ width:100%; }
.int-tel span{ display:block; padding:0 5px;}

@media (max-width: 768px) {
	.mail-s{ padding:5px 0 0 120px; font-size:14px; line-height:170%; }
}

@media (max-width: 480px) {
	.l_header{ height:50px;}
	.l_header .navbar-brand{ width:22px; overflow:hidden;margin-right:15px; }
	.l_header .navbar-brand img{ margin-top:0px; }
	.r-title{ border-left:solid 1px #ddd; padding-left:15px; float:left;height:26px;line-height:26px; margin-top:12px; }
	.r-title h2{ font-size:20px; margin:0; padding:0;line-height:26px; font-weight:bold; }
	.l_top_r{ padding:14px 0 0 0;font-size:14px; }
	.steps{ font-size:13px;margin-top:15px;  }
	.steps ul li span{ width:28px;height:28px; line-height:28px;font-size:15px;margin-top:-13px; }
	.steps ul li.step-ok i{ width:28px;height:28px;background:url(../images/icon-ok.png) no-repeat 5px center;}
	.r-content{ padding-top:15px;}
	.info-tip{ margin-bottom:20px; font-size:13px; }
	.r-form{ margin-top:0px;}
	.img-yzm{ width:90px;height:34px; }
	.ok-yzm{ margin-right:145px; }
	.mail-s{ padding:5px 0 0 120px; font-size:14px; line-height:170%; }
	.l_footer{ font-size:13px; line-height:20px; }
	.t-login{ display:block; margin-top:15px;  }
}

.jh-main{ margin:50px auto 30px auto; text-align:center;}
.p-tip{ font-size:15px; margin-bottom:15px; line-height:30px; }
.p-tip span{ color:#f60 }
.p-tip .icon-tip{ display:inline-block; width:18px;height:18px; text-align:center; line-height:18px; color:#fff; background:#f60; font-family:Arial; font-weight:bold; font-size:15px; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; margin-right:5px;text-decoration:none;  }
.jh-item a{ display:block; width:100%;height:100px; line-height:100px; text-align:center;font-size:24px; color:#555; background:#f5f5f5; border:solid 2px #ddd; margin:15px auto; position:relative; overflow:hidden;text-decoration:none; }
.jh-item a:hover{color:#444; background:#fff; border:solid 2px #38B549; cursor:pointer;}
.jh-item a.current{color:#444; background:#F3FFF5; border:solid 2px #38B549;}
.jh-item a .b-check{ display:none; }
.jh-item a.current .b-check{ display:block; position:absolute;right:-40px;bottom:0px;
			 border-width:40px;border-style:solid;  
		     border-color:transparent transparent #38B549 transparent;}
.jh-item a.current .icon-check{ position:absolute;right:0px;top:22px; display:inline-block; width:21px;height:19px; background:url(../images/icon-ok.png) no-repeat;}

.btn-bar{ border-top:dashed 1px #ddd; padding-top:20px; text-align:center; }    
.btn-bar .btn{ height:40px; line-height:40px;font-size:16px; padding-left:50px;padding-right:50px; background:#0089CF; border:solid 1px #0089CF; }
.btn-bar .btn:hover{ opacity:0.9;}


@media (max-width: 480px) {
	.jh-main{ margin:10px auto 0 auto;}
	.p-tip{ margin-bottom:5px; line-height:25px; }
	.jh-item a{ height:80px;line-height:80px; }
}

.top-ts{width:250px; background:#FEF7EF; border:2px solid #f60; padding:0; color:#555; min-height:60px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius:5px; overflow:hidden}
.ts_tit{ padding:5px 10px; border-bottom:solid 1px #e8e8e8;background:#FFF; text-align:left; font-size:15px; color:#f60}
.ts_tit strong{display:inline-block;}
.ts_tit .jclose-blue{background:url(../images/icon.png) -5px -744px no-repeat;width:10px; height:10px; margin:5px 0 0 0; padding:0px; }
.ts_tit .jclose-blue:hover{background:url(../images/icon.png) -18px -744px no-repeat;}
.color_red{ color:red; padding-top:2px; }
.color_green{ color:green; padding-top:2px; }
.color_org{color:#ff6600; padding-top:2px; }
.ts_txt{ clear:both; padding:15px; backgound:red;}
.ts_txt .left{ margin-top:2px; float:left; margin-right:5px; }
.ico_warning{background:url(../images/icon.png) 0px -1069px no-repeat; width:16px; height:16px; cursor:pointer; display:block; _background:url(../images/icon.gif) 0px -1069px no-repeat; padding-right:4px; }
.ico_agreen{background:url(../images/icon.png) 0px -1042px no-repeat; width:16px; height:16px; cursor:pointer; display:block; _background:url(../images/icon.gif) 0px -1042px no-repeat; padding-right:4px; }
.ico_wrong{background:url(../images/icon.png) 0px -1095px no-repeat; width:16px; height:16px; cursor:pointer; display:block; _background:url(../images/icon.gif) 0px -1095px no-repeat; padding-right:4px; }

.mask-bg{ background:rgba(0,0,0,0.7); position:fixed;top:0;right:0;bottom:0; left:0; z-index:999; }
.pop{ background:#fff; border-radius:10px; overflow:hidden; width:800px;height:92%; box-shadow:0 0 10px #555; margin:20px auto 0 auto;position:relative; }
.pop-title{ background:#0089CF;height:35px; line-height:35px; width:100%; text-indent:20px;color:#fff; font-weight:bold; position:absolute;top:0px; }
.pop-close{ display:inline-block; float:right; line-height:30px;color:#fff; text-decoration:none; font-size:24px; margin-right:15px; font-family:Tahoma; font-weight:normal }
.pop-close:hover{ color:#00BFF3; }

.pop-content{ padding:15px 20px; line-height:170%; overflow-y:auto; font-size:14px;position:absolute;top:35px; bottom:0px;  }
.pop-content h2{ font-size:16px; }
.pop-content h3{ font-size:15px; margin-top:10px; }
.pop-content p{ text-indent:2em; }
.pop-content .coy{ text-indent:0em; text-align:right; padding:15px 0; }
@media (max-width: 768px) {
	.pop{ background:#fff; border-radius:10px; overflow:hidden; width:auto;height:94%; box-shadow:0 0 10px #555; margin:10px;position:relative; }
	.pop-content h2{ font-size:15px; }
	.pop-content h3{ font-size:14px; margin-top:10px; }
}