#doc {background: url(../images/bg_banner_idx_x.jpg) repeat-x 0 100px;}
ol, ul, li { margin: 0; padding: 0; }
li { list-style: none; }
.mod-banner {background: url(../images/bg_banner_idx.jpg) no-repeat center 0;}
.mod-banner .inner {height: 419px; width: 980px; margin:0 auto; position: relative;}
.mod-banner .bt-join {display: block; width: 136px; height: 43px; position: absolute; left: 4px; top: 238px; text-indent: -999em; overflow: hidden;}
.mod-banner .step {width: 980px; position: absolute; left: 0; top: 330px; background: url(../images/bg_step.jpg) no-repeat 0 0;}
.mod-banner .step li {float: left; height: 64px; width: 20%;}
.mod-banner .step li a {display: block; height: 64px; overflow: hidden; text-indent:-999em;}
.mod-banner .step li.s0 a:hover { background: url(../images/bg_step.jpg) no-repeat 0 -84px;}
.mod-banner .step li.s1 a:hover { background: url(../images/bg_step.jpg) no-repeat -196px -84px;}
.mod-banner .step li.s2 a:hover { background: url(../images/bg_step.jpg) no-repeat -392px -84px;}
.mod-banner .step li.s3 a:hover { background: url(../images/bg_step.jpg) no-repeat -588px -84px;}
.mod-banner .step li.s4 a:hover { background: url(../images/bg_step.jpg) no-repeat -784px -84px;}
.mod-banner .step li.s0 a:active { background: url(../images/bg_step.jpg) no-repeat 0 -168px;}
.mod-banner .step li.s1 a:active { background: url(../images/bg_step.jpg) no-repeat -196px -168px;}
.mod-banner .step li.s2 a:active { background: url(../images/bg_step.jpg) no-repeat -392px -168px;}
.mod-banner .step li.s3 a:active { background: url(../images/bg_step.jpg) no-repeat -588px -168px;}
.mod-banner .step li.s4 a:active { background: url(../images/bg_step.jpg) no-repeat -784px -168px;}

.mod-desc .hd {height: 36px; line-height: 36px; border-bottom: 1px #f0f0f0 solid; margin-bottom: 30px;}
.mod-desc .hd h3 {font-weight: normal; font-size: 16px; margin-left: 5px; font-family: 'Microsoft YaHei'; }
.mod-desc .list li {float: left; width: 265px; position: relative; margin-bottom: 30px;}
.mod-desc .list li .ico {display: block; position: absolute; left: 0; top: 0; width: 49px; height: 43px; background: url(../images/ico_desc.png) no-repeat;}
.mod-desc .list li .ico-1 {background-position: 0 0;}
.mod-desc .list li .ico-2 {background-position: 0 -43px;}
.mod-desc .list li .ico-3 {background-position: 0 -86px;}
.mod-desc .list li .ico-4 {background-position: 0 -129px;}
.mod-desc .list li.l {margin-right: 90px;}
.mod-desc .list li .con {margin-left: 60px;}
.mod-desc .list li .con h4 {margin-bottom: 5px;}

.mod-qa .hd {height: 36px; line-height: 36px; border-bottom: 1px #f0f0f0 solid; margin-bottom: 14px;}
.mod-qa .hd h3 {font-weight: normal; font-size: 16px; margin-left: 5px; font-family: 'Microsoft YaHei'; }
.mod-qa .list li {padding: 5px 0 5px 13px; background: url(../images/bg_li_1.png) no-repeat 0 center;}

.mask {position: absolute; left:0; top: 0; width: 100%; background: #b7b7b7; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';}
.panel {position: absolute; left: 20px; top: 20px; width: 856px; text-align: left; box-shadow:0 0 15px rgba(0,0,0,.3); background: #fff;}
.oldie .panel {border:1px #ddd solid;}
.panel .panel-content {margin: 0 80px 0 77px;}
.panel-content ul ol li { list-style-type: none;}
.panel-content ol ol { padding-left: 15px;} 
.panel .close {display: block; width: 22px; height: 23px; position: absolute; right: 27px; top: 19px; cursor: pointer; background: url(../images/bg_close.png) no-repeat 0 0;}

.panel .hd {padding-top: 93px; margin:0 0 45px 0;}
.panel .step {height:82px; background: url(../images/bg_step.png) no-repeat 0 0;}
.panel .step-1 {background-position: 0 0;}
.panel .step-2 {background-position: 0 -92px;}
.panel .step-3 {background-position: 0 -177px;}
.panel .step li {display: none;}
.panel .bd {color: #7b8d9d; font-size: 14px; font-family: SimSun; line-height: 2.1; }
.panel .ft {text-align: center; padding: 51px 0 93px 0;}

.panel .bt-panel-1,
.panel .bt-panel-2,
.panel .bt-panel-3,
.panel .bt-panel-4 {display: inline-block; *display:inline; zoom:1; margin:0 22px; width: 182px; height: 47px; background: url(../images/panel_btns.png) no-repeat 0 0;}
.panel .bt-panel-1 b,
.panel .bt-panel-2 b,
.panel .bt-panel-3 b,
.panel .bt-panel-4 b {display: none;}
.panel .bt-panel-4 {background-position: 0 0;}
.panel .bt-panel-3 {background-position: 0 -57px;}
.panel .bt-panel-2 {background-position: 0 -113px;}
.panel .bt-panel-1 {background-position: 0 -171px; opacity: 0;}
.panel .bt-panel-2 {padding: 0; border: 0;}

.con-step-2 .item {margin-bottom: 29px;}
.con-step-2 .k {float: left; width: 94px;}
.con-step-2 .k em {color: #f00;}
.con-step-2 .v {float: left;}
.con-step-2 .v em {display: block; font-size: 12px; color: #999;}
.con-step-2 .ipt-text {width: 330px; padding: 0; height: 30px; line-height: 30px; border-radius: 2px; font-size: 14px; border: 1px #c7c7c7 solid; 
    box-shadow: inset 2px 2px 5px #eee;}
.con-step-2 .ipt-text:focus {box-shadow: 0 0 8px rgba(110,212,42,.3); border-color:#6ed42a;}
.con-step-2 .bt-file {display: inline-block; *display: inline; zoom:1; vertical-align: middle; width: 89px; height: 32px; background: url(../images/bt_file.png) no-repeat; }
.con-step-2 .bt-file:hover {background-position: 0 -42px;}
.con-step-2 .file-info {color: #54c11a; font-size: 12px;}
.con-step-2 .btns {padding-left: 94px; padding-bottom: 110px;}
.con-step-2 .btns button {margin: 0;}
.con-step-2 .extfile_btn {border:0px;width:72px;height:24px;background:url(../images/extfile.png) no-repeat}
.con-step-2 .extfile_btn:hover {background:url(../images/extfile.png) no-repeat}

.con-step-3 {border-bottom: 1px #ececec dashed; padding-bottom: 50px;}
.con-step-3 h4 {color:#143351; font: normal 24px/1.5 'Microsoft YaHei'; margin: 0 0 20px 0;}

/*con-step-1*/
.con-step-1 {
    height: 374px;
    position: relative;
	line-height: 1.45;
}
.content { 
	position: absolute;
	overflow-y: scroll;
	height: 374px;
	width: 700px
}
.content::-webkit-scrollbar-track {
    border: 1px #d3d3d3 solid;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius: 10px;
    background: #eee;
}
.content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.content::-webkit-scrollbar-thumb {
    border: 1px #808080 solid;
    border-radius: 10px;
    background: #999;
}
.content ul { margin: 15px 0 15px 25px;}
.content p {
	margin: 15px 0;
}
.content li {
	list-style-type: decimal;
    margin-bottom: 8px;
}
.content ol { padding-bottom: 10px;}
.content ol li { margin-bottom: 5px;} 
.content h4 strong {
	color: red;
	font-weight: normal;
}

.countdown {
	width: 182px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	border-radius: 2px;
	left: 335px;
	bottom: 97px;
	display: block;
	position: absolute;
	background-color: #ababab;
	font-size: 18px;
	color: #FFF;
	z-index:9999;
}
.countdown:hover {
	color: #FFF;
}