﻿
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none 0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a{border:0; outline:none 0;}
address,caption,em,strong,th{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{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% "微软雅黑","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html, body, form{font:12px/18px "微软雅黑","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; background:#FFF; cursor:default;}
form{height:auto; background:none;}
html,body{background:#FFF;}
em,i,b{font-style:normal;}
strong{font-weight:bold;}
.clear{display:block; height:auto; width:auto; padding:0; margin:0; clear:both; font-size:0; line-height:normal;}

/***************************
   Common Font&Link Css 
 ***************************/
.f_GreenSea{color:#16A085;}
.f_Turquoise{color:#1ABC9C;}
.f_WetAsphalt{color:#34495E;}
.f_MidnightBlue{color:#2C3E50;}
.f_themeRed{color:#E74C3C;}
.f_themeBlue{color:#3842A3;}
.f_themeGreen{color:#27AE60;}
.f_gray{color:#555;}
.f_org{color:#FF6600;}
.f_red{color:red;}
.f_blue{color:#64C1F0;}
.f_green{color:#339900;}
.f_grayC{color:#CCC;}
.f_black{color:#333;}
 
 a{color:#000; text-decoration:none;}
 a:hover{color:#AD1F24; text-decoration:underline;}

 /***************************
   Layout Css 
 ***************************/
.header{height:113px; background:#FFF;}
.head-wrap{width:980px; height:113px; margin:0 auto; position:relative;}
.header .logo{width:980px; height:113px; background:url(../Images/Login/logo.gif) center center no-repeat; position:absolute; top:0px; left:0px;}
.body{background:#E9F1F4; height:auto; background:url(../Images/Login/bg-body-wrap.jpg)  0 0 no-repeat;/*background:url(/Resource/Image/Login/bg-body-wrap.gif) center bottom repeat-x #A8DBF7;*/}
/*.body{background:#E9F1F4; height:auto; background:url(/Resource/Image/Login/bg-body-yx.jpg) center top repeat-x #FFFFFF;}*/
.body-wrap{/*width:980px;*/width:555px; margin:0 auto; position:relative; height:362px;}
.body-wrap .i8{display:block; position:absolute; top:0; left:0px; /*background:url(/Resource/Image/Login/ib.png) 0 0 no-repeat; width:900px;*/ height:320px;}
/*.body-wrap .i8{display:block; position:absolute; top:0; left:0px; width:900px; height:320px;}*/
.body-wrap .i8nobg{display:block; position:absolute; top:0; left:0px; width:900px; height:320px;}
.body .panel-box-shadow{height:306px; width:380px; position:absolute; top:50px; right:80px; z-index:98; background:#FFF; background:rgba(255,255,255,.85); border-radius:6px; box-shadow:0 0 6px rgba(0,0,0,.3);}
.body .panel-box{width:340px; padding:20px; position:absolute; top:50px; right:80px; z-index:99;}
.body .panel-box .pb-title{font-size:18px; margin-bottom:10px; line-height:24px; text-align:center;}
.body .panel-box .pb-row{padding:6px 0;text-align: center;}
.body .panel-box .pb-row .pb-txt{width:72px; text-align:right; height:32px; line-height:32px; font-size:14px; color:#34495E; float:left;}
.body .panel-box .pb-row .pb-ctrl{height:32px; line-height:32px; float:left; padding:0 3px;}
.body .panel-box .pb-row .pb-ctrl input{border:solid 1px #DDD; height:30px; padding:0 5px; line-height:30px; color:#E74C3C; font-size:14px;}
.body .panel-box .pb-row .pb-ctrl input:focus{border-color:#E74C3C; color:#E74C3C;}
.body .panel-box .pb-row .pb-link{float:left; height:32px; line-height:32px; padding:0 3px;}
.body .panel-box .pb-row .pb-link a{color:#34495E; text-decoration:none;}
.body .panel-box .pb-row .pb-link a:hover{color:#3842A3; text-decoration:underline;}
.body .panel-box .pb-row .checkbox-item{display:block; width:132px; margin:0 auto; height:24px; border:solid 1px #FFF; border-radius:3px;}
.body .panel-box .pb-row .checkbox-item input{height:13px; width:13px; padding:0; margin:6px 6px 5px 8px; float:left;}
.body .panel-box .pb-row .checkbox-item em{float:left; line-height:24px; padding:0 8px 0 0;}
.body .panel-box .pb-row .checkbox-item-se{border-color:#E74C3C; background:#FFFEEE; color:#E74C3C;}
.body .panel-box .chk-item-row{padding:3px 0;}
.body .panel-box .pb-txt-row{padding:3px 0; text-align:center;}
.body .panel-box .pb-txt-row span{padding:0 6px 0 0; color:#888;}
.body .panel-box .pb-txt-row span b{color:#34495E;}
.body .panel-box .pb-btn-row a.login-button{display:inline-block; width:132px; margin:0 auto; height:32px; line-height:32px; font-size:14px; color:#FFF; background:#E74C3C; text-align:center; text-decoration:none;}
.body .panel-box .pb-btn-row a.login-button:hover{background:#C0392B;}
.body .panel-box .pb-btn-row a.login-button:active{background:#C0392B; box-shadow:0 1px 6px rgba(0,0,0,.3) inset;}

.check_code{height:32px; float:left;}
.check_code input{float:left; position:relative; z-index:98; width:111px;}
.check_code img{height:30px; width:82px; /*width:auto;*/ border:solid 1px #DDD; float:left; margin-left:-1px; position:absolute; z-index:88; cursor:pointer;}

.footer{padding:20px 0;}
.foot-wrap{width:820px; margin:0 auto; line-height:18px; color:#888; font-size:11px; text-align:center;}

.city-group{padding:10px 20px;background:#FFF;}
.city-group .title{padding:20px 0; font-size:16px; text-align:center;}
.city-group dl{border-bottom:solid 1px #DDD; overflow:hidden; zoom:1; padding:6px 0;}
.city-group dl dt{font-weight:bold; color:#000; width:60px; height:20px; line-height:20px; float:left;}
.city-group dl dd{float:left; width:580px;}
.city-group dl dd li{float:left; height:20px; line-height:20px; padding:0 15px;}
.city-group dl dd li a{color:#666;}
.city-group dl dd li a:hover{color:#E74C3C;}

.page-name{font-size:24px; height:53px; line-height:53px; position:absolute; top:30px; right:80px;}

.forgot-password{width:400px; border:solid 2px #DDD; border-radius:6px; padding:30px 50px; background:#FFF; position:absolute; top:0; left:238px;}
.forgot-password h2{font-size:24px; font-weight:bold; color:#000; text-align:center; height:48px; line-height:48px;}
.forgot-password .pb-row{padding:2px 0;}
.forgot-password .pb-row .pb-txt{height:32px; line-height:32px; font-size:14px; color:#34495E;}
.forgot-password .pb-row .pb-ctrl{height:32px; line-height:32px; overflow:hidden; zoom:1;}
.forgot-password .pb-row .pb-ctrl input{border:solid 1px #DDD; height:30px; padding:0 5px; line-height:30px; color:#E74C3C; font-size:14px; float:left;}
.forgot-password .pb-row .pb-ctrl input:focus{border-color:#E74C3C; color:#E74C3C;}
.forgot-password .pb-row .pb-ctrl a.white-button{float:left; margin:0 0 0 3px; border-radius:3px; border:solid 1px #DDD; background:#FFF; height:30px; line-height:30px; display:inline-block; padding:0 15px; color:#34495E; text-decoration:none;}
.forgot-password .pb-row .pb-ctrl a.white-button:hover{color:#E74C3C; border-color:#E74C3C;}
.forgot-password .pb-button{padding:10px 0; text-align:center;}
.forgot-password .pb-button a{border-radius:3px; background:#C0392B; height:32px; line-height:32px; display:inline-block; padding:0 15px; color:#FFF; text-decoration:none;}


/*我已阅读了解。。。*/
.Special_cls+label{display: inline-block;line-height: 25px;height: 25px;font-family: "宋体";font-weight: 700;color: red; }
.Special_cls+label input {vertical-align:middle; }
.confirm_buy {background: #e74c3c;font-size: 16px;color: #fff;width: 180px;height: 40px;line-height: 40px;text-align: center;margin:auto;cursor: pointer;}
.confirm_buy:hover {background: #d64d3d;-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}

/*弹出友情提醒*/
#popupDiv { position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;}
#popupDiv .img-box {background:url(/Resource/Image/blackboard.png) center 0 no-repeat;width:780px;height: 425px;margin:0 auto; position:relative;top: -400px;}
#popupDiv .button {width: 84px;height: 48px;position: absolute;right: 6px;cursor: pointer;}
#popupDiv .button.popup-close {top: 127px;}
#popupDiv .button.no-longer-tip {top: 184px;}
