@charset "utf-8";
/*------------------
*Created:2015/08/24
*Author:lizhi02
/*css reset*/
body,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,tahoma,\5b8b\4f53;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;font-weight: normal;}
em,i{font-style:normal;}
form{display:inline;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0}
/**common**/
body{color: #333;}
a{text-decoration:none;outline:none;color:#333;cursor: pointer;}
a:hover{text-decoration: none;}
a:focus, *:focus {outline:none;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.hidden{display:none}
.dib{display: inline-block;vertical-align: middle;}
.hl{color: #f24444;}
/**layout**/
html{overflow-x: hidden;}
body{background: #f3f3f3;}
.g-wrap:after{content:'\20';display:block;height:0;clear:both;}
.g-wrap{width: 1200px;margin: 0 auto;position: relative;z-index: 100;min-width: 980px;}
.g-icon,.amask,.s-icon,.steps-wrap .stepslist .num{background: url(../../images/mibao_sprites.png) no-repeat;}
.size980 .g-wrap{width: 980px;}
/*=S header*/
.g-header{background:#fff;background:rgba(255,255,255,0.9);height: 70px;width: 100%;}
.g-header-left{float: left;}
.g-header-right{float: right;}
.g-header-left h1,.g-header-left h2{float: left;}

.g-logo a{display: block;line-height: 70px;}
.g-logo img{margin-top: 4px;}
.g-header-left h2{height: 46px;line-height: 46px;margin-left: 20px;display: inline;padding-left: 20px;border-left: 1px solid #e0e0e0;font-size: 22px;margin-top: 10px;color: #8d8d8d;}

.g-userpanel{float:left;height: 70px;}
.g-usermenu{cursor: pointer;margin-top: 19px;}
.g-usermenu .loginafter{position: relative;z-index: 1000;}
.g-usermenu,.g-usermenu .avatar{position: relative;height: 32px;cursor: pointer;}
.g-usermenu .avatar img{width: 32px;margin-right: 5px;height: 32px;}
.g-usermenu .avatar img,.g-usermenu .avatar .username{height: 32px;display: inline-block;vertical-align: middle;line-height: 32px;}
.g-usermenu .avatar .amask{width: 32px;height: 32px;position: absolute;top:0;left:0;background-position: -56px 0;}
.g-usermenu .avatar .icon-arrow{width: 9px;height: 5px;display: inline-block;vertical-align: middle;background-position: 0 -12px;margin-left: 5px;}
.g-usermenu .avatar .icon-new{position: absolute;top:0;left: 24px;z-index: 3;width: 9px;height: 9px;background-position: -98px 0;}
.g-usermenu .dropmenu{position: absolute;top:50px;z-index: 100;display: none;left:0;}
.g-usermenu .usercase{padding: 10px 0;width: 128px;background: #fafafc;border:1px solid #d5d5d5;position: relative;}
.g-usermenu .usercase .g-icon{width: 12px;height: 9px;position: absolute;left: 58px;top:-9px;background-position: -34px 0;}
.usercase a{height: 27px;line-height: 27px;padding-left: 25px;display: block;}
.usercase .hl{color: #e43a3a;}
.usercase a:hover{background: #e43a3a;color: #fff;}
.iframe-absolute{ width:100%;height:100%;position:absolute;left:0;z-index:-1;background:none;filter: alpha(opacity=0);top:-20px;padding-bottom:10px; }
.g-usermenu.hover .dropmenu{display: block;}
.g-usermenu .loginbefore{height: 32px;line-height: 32px;}
.g-usermenu .loginbefore em{padding: 0 10px;}

.g-header-links{float: left;height: 32px;line-height: 32px;margin-top: 19px;}
.g-header-links em{padding: 0 10px;}

/*=E header*/


.g-bind-wrap{width:780px;margin:30px auto 0;border: 1px solid #efefef;background: #fff;overflow: hidden;height: 370px;position: relative;}

.steps-wrap{width: 540px;margin: 50px auto 0;}
.steps-wrap .steps-bar{height: 48px;width: 100%;position: relative;padding-bottom: 40px;overflow: hidden;}
.steps-wrap .line{height: 12px;border-bottom: 1px solid #eee;position: absolute;top:0;left:0;width: 100%;}
.steps-wrap .stepslist{padding-left: 35px;overflow: hidden;width: 110%;position: relative;zoom:1;}
.steps-wrap .stepslist li{float: left;height: 48px;margin-right: 120px;text-align: center;display: inline;width:75px;}
.steps-wrap .stepslist .num{width: 30px;height: 24px;line-height: 24px;text-align: center;color: #999;display: block;margin: 0 auto;background-position: 0 -42px;}
.steps-wrap .stepslist p{padding-top: 5px;color: #aaa;}
.steps-wrap .stepslist li.active .num{background-position: -30px -42px;color: #fff;}
.steps-wrap .stepslist li.active p{color: #333;}

.verify-wrap{padding: 0 0 0 30px;}
.verify-wrap .check-item{margin-top: 10px;position: relative;}
.check-item .text,.check-item .btn-send,.check-item .ipt-jym{display: inline-block;vertical-align:middle;line-height: 32px;}
.check-item label{width: 60px;margin-right: 20px;text-align: right;}
.check-item .ipt-text{padding: 10px;height: 20px;line-height: 20px;width:268px;background: #fff;border: 1px solid #ddd;}
.check-item .ipt-text.default-style{color: #bbb;}
.check-item .btn-send{width: 140px;height: 32px;line-height: 32px;text-align: center;color: #444;background: #eee;border-radius: 2px;}
.check-item .text-link{color: #666;text-decoration: underline;margin-left: 15px;}
.check-item .check-tips{padding-left: 74px;color: #aaa;}
.verify-wrap .btns-mod{padding-left: 80px;margin-top: 45px;}
.verify-wrap .btn-ok{width: 140px;height: 44px;line-height: 44px;text-align: center;background: #f24444;cursor: pointer;display: inline-block;border-radius: 2px;color: #fff;font-size: 14px;}
.verify-wrap .btn-gray{background: #eee;color: #999;}
.check-item .ipt-jym{width: 118px;height: 20px;padding: 10px;line-height: 20px;border: 1px solid #ddd;}
.check-item .errortips-box{position: absolute;top:-35px;left: 80px;width: 290px;height: 28px;background: #ffedbe;border-radius: 2px;}
.errortips-box .error-cont{padding: 0 10px;}
.errortips-box .error-cont p{line-height: 28px;color: #dc7e3f;}
.errortips-box em{position: absolute;left: 20px;top: 28px;width: 10px;height: 5px;background-position: -14px -12px;}
.verify-wrap .main-tips{font-size: 16px;}
.verify-wrap .sub-tips{margin-top: 10px;position: relative;width: 100%;}
.verify-wrap .sub-tips .fz14{font-size: 14px;}
.verify-wrap .no-email{color: #aaa;text-decoration: underline;}
.no-email-wrap{position: absolute;top:15px;left: 235px;width: 368px;display: none;}
.no-email-wrap .tips-cont{padding: 5px 10px;background: #ffedbe;border-radius: 2px;margin-top:10px;}
.no-email-wrap .tips-cont a{color: #dc7e3f;text-decoration: underline;}
.no-email-wrap .tips-cont p{line-height: 22px;color: #dc7e3f;}
.no-email-wrap em{position: absolute;left: 20px;top: 5px;width: 10px;height: 5px;background-position: -14px -3px;}

/**修改密保邮箱**/
.g-alter-inner{padding: 15px 20px;}
.g-alter-hd{padding-bottom: 15px;border-bottom: 1px solid #efefef;overflow: hidden;line-height: 18px;}
.g-alter-hd .s-icon,.g-alter-hd h2{float: left;margin-right: 12px;font-size: 14px;}
.g-alter-hd .s-icon{width: 14px;height: 17px;background-position: 0 -71px;}
.g-alter-bd{padding-top: 45px;}
.g-alter-bd .check-item{margin-top: 0;}

.choose-way{width: 686px;margin: 0 auto;}
.choose-way .way-mod{width:100%;height:70px;background: #f5f5f5;border-radius:2px;margin-bottom: 20px;position: relative;overflow: hidden;}
.choose-way .way-cont{padding: 15px 20px 0;overflow: hidden;}
.choose-way .way-mod h4{font-size: 14px;line-height: 16px;}
.choose-way .way-mod .sub{color: #999;line-height: 28px;}
.choose-way .way-mod .btn-reset{position: absolute;top:17px;right: 20px;width: 120px;height: 36px;line-height: 36px;text-align: center; font-size: 16px; color: #fff; display: inline-block; vertical-align: top; background: #f24444; border-radius: 2px;}
/**footer**/
.g-footer{padding: 35px 0;min-width: 980px;color: #8d8d8d;text-align: center;}

/**屏幕宽度小于1366时**/
@media screen and (max-width: 1365px) {
.g-wrap{width: 980px;}
}