@charset "utf-8";

html,body{
	background: #F6F6F6
}
.blue2{
	color: #0075A9
}
.orange-bg{
	padding: 0 5px;
	margin: 0 2px;
	background: #F8B551;
	color: #fff
}
.blue-bg{
	padding: 0 5px;
	margin: 0 2px;
	background: #58AEE0;
	color: #fff
}
/*关于存管*/
.guide-banner{
	width: 100%;
	height: 300px;
	background: url(/static/images/guide/depository/dep_banner.png) no-repeat center center #072355;
	margin-bottom:40px;
}
.yellow{
	color:#ff9933;
}
.white{
	color:#ffffff;
}

.about,.ccb{
	width:100%;
}
.ccb{
	background: url(/static/images/guide/depository/bg_ccb.png) no-repeat center center #072355;
	height:302px;
}
.container .title{
	padding-top:60px;
	
}
.title span{
	font-size:30px;
}
.about .content{
	display:inline;
}
.about .content span.descript{
	color:#595959;
	font-size:16px;
	margin-top:60px;
	margin-bottom:30px;
	width:620px;
	display:block;
	text-indent:25px;
	float:left;
}
.icon_depo{
	width:34px;
	height:32px;
	background: url(/static/images/guide/depository/icon_depo.png) no-repeat center center;
	display:inline-block;
	vertical-align: text-bottom;
}
.icon_big_depo{
	width:294px;
	height:242px;
	background: url(/static/images/guide/depository/icon_big_depo.png) no-repeat center center;
	display:block;
	float:right;
	vertical-align: text-top;
	margin-bottom:40px;
}
.icon_ccb{
	width:29px;
	height:31px;
	background: url(/static/images/guide/depository/icon_ccb.png) no-repeat center center;
	display:inline-block;
	vertical-align: text-bottom;
}
.icon_person{
	width:34px;
	height:32px;
	background: url(/static/images/guide/depository/icon_person.png) no-repeat center center;
	display:inline-block;
	vertical-align: text-bottom;
}
.icon_module{
	width:31px;
	height:34px;
	background: url(/static/images/guide/depository/icon_module.png) no-repeat center center;
	display:inline-block;
	vertical-align: text-bottom;
}
.icon_qa{
	width:40px;
	height:42px;
	background: url(/static/images/guide/depository/icon_qa.png) no-repeat center center;
	display:inline-block;
	vertical-align: text-bottom;
}

.depo_module{
	width:990px;
	height:416px;
	background: url(/static/images/guide/depository/depo_module.png) no-repeat center center;
	display:inline-block;
}
.icon_dp_use_1{
	width:180px;
	height:157px;
	background: url(/static/images/guide/depository/icon_dp_use_1.png) no-repeat center center;
	display:inline-block;
}

.icon_dp_use_2{
	width:180px;
	height:157px;
	background: url(/static/images/guide/depository/icon_dp_use_2.png) no-repeat center center;
	display:inline-block;
}
.icon_dp_use_3{
	width:180px;
	height:157px;
	background: url(/static/images/guide/depository/icon_dp_use_3.png) no-repeat center center;
	display:inline-block;
}
.icon_dp_use_4{
	width:180px;
	height:157px;
	background: url(/static/images/guide/depository/icon_dp_use_4.png) no-repeat center center;
	display:inline-block;
}
.dp_word{
	width:189px;
	height:34px;
	background: url(/static/images/guide/depository/dp_word.png) no-repeat center center;
	display:inline-block;
}
.ccb .content span.descript{
	font-size:16px;
	margin-top:60px;
	margin-bottom:70px;
	text-indent:25px;
	display:block;
}
.jsyh .content{
	padding:0 30px;
}
.jsyh .content div{
	width:200px;
	margin-right: 20px;
	text-align: center;
}
.jsyh .content span{
	text-align:center;
	color:#595959;
	font-size:16px;
}
.jsyh span.dp_word{
	color:#ffffff;
	font-size:22px;
	margin: 15px 0;
}
.depo_ques{
	width:140px;
	height:340px;
	background: url(/static/images/guide/depository/depo_ques.png) no-repeat center center;
	display:inline-block;
	float:left;
	margin-right: 5px;
	cursor:pointer;
}
.depo_ans{
	width:400px;
	height:340px;
	background: url(/static/images/guide/depository/depo_ans.png) no-repeat center center;
	display:inline-block;
	color:#595959;
	float:left;
	margin-right: 5px;
	
}
.depo_ans .left{
	width:140px;
}
.depo_ans .right{
	width:220px;
	padding: 100px 20px;
}
.qa{
	background-color:#f8fbff;
}

.qa .content{
	margin-top:30px;
	font-size:16px;
}
.icon_ques1{
	width:55px;
	height:55px;
	background: url(/static/images/guide/depository/icon_ques1.png) no-repeat center center;
	display:inline-block;
	margin:60px 40px;
}
.icon_ques2{
	width:55px;
	height:55px;
	background: url(/static/images/guide/depository/icon_ques2.png) no-repeat center center;
	display:inline-block;
	margin:60px 40px;
}
.icon_ques3{
	width:55px;
	height:55px;
	background: url(/static/images/guide/depository/icon_ques3.png) no-repeat center center;
	display:inline-block;
	margin:60px 40px;
}
.icon_ques4{
	width:55px;
	height:55px;
	background: url(/static/images/guide/depository/icon_ques4.png) no-repeat center center;
	display:inline-block;
	margin:60px 40px;
}
.icon_ques5{
	width:55px;
	height:55px;
	background: url(/static/images/guide/depository/icon_ques5.png) no-repeat center center;
	display:inline-block;
	margin:60px 40px;
}
.qa .content span{
	margin: 0 30px;
}
.go_depo{
	height:165px;
	background: url(/static/images/guide/depository/go_depo.png) no-repeat center center;
	font-size:28px;
}
.go_depo .left{
	width:550px;
	margin-top: 70px;
	text-align:center;
}
.go_depo .right{
	width:450px;
	margin-top: 60px;
}
.go_depo p{
	font-size:18px;
	margin-top: 25px;
}
.go_depo .button{
	width:343px;
	height:97px;
	background: url(/static/images/guide/depository/button.png) no-repeat center center;
	display:inline-block;
	text-align:center;
	line-height:97px;
	color:#ffffff;
}
.bg_bottom{
	width:100%;
	height:325px;
	background: url(/static/images/guide/depository/bg_bottom.png) no-repeat center center;
	display:inline-block;
	font-size:28px;
}

.r-nav {
    position: fixed;
    right: 0px;
    top: 50%;
    z-index: 9;
}
.r-nav .go_guide{
	height:45px;
	width:90px;
	line-height:45px;
	padding:0 20px;
	font-size:16px;
	display:block;
	border-radius:4px;
	background-color:#000;
	opacity: 0.3;
    color: #fff;
}
.b-nav{
	position: fixed;
    bottom: 0px;
    right:0px;
    z-index: 9;
    width:100%;
}


/* 存管指引 */
.gl_banner{
	width: 100%;
	height: 350px;
	background: url(/static/images/guide/depository/gl_banner.png) no-repeat center center;
}
.envelope{
	width: 695px;
	height: 294px;
	background: url(/static/images/guide/depository/envelope.png) no-repeat center center;
	margin-left:auto;
	margin-right:auto;
	margin-top :-65px;
	font-size:18px;
	text-align:center;
}
.envelope span{
	padding-top:65px;
	font-size:30px;
	display:inline-block;
}
.envelope p{
	padding-top:44px;

}
.gl_title{
	width: 100%;
	height: 26px;
	background: url(/static/images/guide/depository/gl_title.png) no-repeat center center;
	color:#3E3E3E;
	text-align:center;
	font-size:26px;
	line-height:26px;
	margin-top: 114px;
}
.new,.old,.invest{
	margin-top:70px;
	color:#595959;
	background-color:#ffffff;
}
.old{
	background-color:#f4f4f4;
}

.new_step1{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/new_step1.png) no-repeat center center;
	display:inline-block;
}
.new_step2{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/new_step2.png) no-repeat center center;
	display:inline-block;
}
.new_step3{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/new_step3.png) no-repeat center center;
	display:inline-block;
}
.old_step1{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/old_step1.png) no-repeat center center;
	display:inline-block;
}
.old_step2{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/old_step2.png) no-repeat center center;
	display:inline-block;
}
.old_step3{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/old_step3.png) no-repeat center center;
	display:inline-block;
}
.invest_step1{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/invest_step1.png) no-repeat center center;
	display:inline-block;
}
.invest_step2{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/invest_step2.png) no-repeat center center;
	display:inline-block;
}
.invest_step3{
	width: 954px;
	height: 646px;
	background: url(/static/images/guide/depository/invest_step3.png) no-repeat center center;
	display:inline-block;
}
.new_step1 .tips,.new_step2 .tips,.new_step3 .tips{
	padding-top:450px;
}
.new  span{
	font-size:24px;
	margin:0 40px;
}
span.big_tips{
	font-size:30px;
	font-weight:bold;
	margin-right: 20px;
}
.new .p_tips{
	padding-left:145px;
}
.step_div{
	text-align:center;
}

.icon_step_1{
	width: 22px;
	height: 22px;
	background: url(/static/images/guide/depository/icon_step_1.png) no-repeat center center;
	display:inline-block;
	cursor:pointer;
}
.icon_step_1:hover,.icon_step_1.selected{
	background: url(/static/images/guide/depository/icon_step_hover_1.png) no-repeat center center;
}
.icon_step_2{
	width: 22px;
	height: 22px;
	background: url(/static/images/guide/depository/icon_step_2.png) no-repeat center center;
	display:inline-block;
	cursor:pointer;
}
.icon_step_2:hover,.icon_step_2.selected{
	background: url(/static/images/guide/depository/icon_step_hover_2.png) no-repeat center center;
}
.icon_step_3{
	width: 22px;
	height: 22px;
	background: url(/static/images/guide/depository/icon_step_3.png) no-repeat center center;
	display:inline-block;
	cursor:pointer;
}
.icon_step_3:hover,.icon_step_3.selected{
	background: url(/static/images/guide/depository/icon_step_hover_3.png) no-repeat center center;
}

.old_step1 .tips,.old_step2 .tips,.old_step3 .tips{
	padding-top:465px;
}
.old  span{
	font-size:24px;
	margin-left:675px;
	margin-right:30px;
}
.old .p_tips{
	padding-left:773px;
}
.invest_step1 .tips,.invest_step2 .tips,.invest_step3 .tips{
	padding-top:470px;
}
.invest  span{
	font-size:24px;
	margin:0 40px;
}
.invest .p_tips{
	padding-left:145px;
}
.weight{
	font:weight;
}