h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div,span{font:400 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
body{overflow-x:hidden;}
.clear{clear:both;}  
.wrap{width:100%;}
.wrap h2{font-size:36px; line-height:1.3; text-align:center;}
.border_right{border-right:1px solid #eee;}
/*banner*/
.banner{width:100%; height:250px; background:#5994e4 url(../jpg/spbanner.jpg) top center no-repeat; background-size:cover;}
.banner_search{max-width:524px; width:90%; margin:30px auto 0; background:#fff;}
.search_btn{display:inline-block; width:28px; height:28px; position:absolute; right:20px; top:9px; cursor:pointer;}
.search_btn:after{content:"\e91f"; font-family:"iconfont"; font-size:30px; color:#656565;}
.banner_search input{width:100%; height:48px; line-height:48px; border:none; font-size:16px; text-indent:28px;}
.banner input::-webkit-input-placeholder{color:#bbb;}
.banner input:-moz-placeholder{color:#bbb;}
.banner input::-moz-placeholder{color:#bbb;}
.banner input:-ms-input-placeholde{color:#bbb;}
.search_box{width:100%; height:auto; padding:0 5px 20px; border-top:1px solid #f2eeee; left:0; top:48px; background:#fff; box-shadow:0px 2px 5px #dbdbdb; overflow:hidden; display:none; z-index:5;}
.search_box h5{color:#ccc; line-height:1.3; margin-bottom:10px; padding-left:20px;}
.search_box a{display:block; font-size:16px; color:#333; text-decoration:none; line-height:1.9; padding-left:28px; transition:0.5s;}
.search_box a:hover{color:#22a6fe; background:#f7f7f7;}

/*prd_user_guide*/
.prd_user_guide .tit_intrl{color:#6b6b6b; line-height:1.5;}
.prd_guide_item{width:33%; padding-bottom:18px;}
.prd_guide_item img{margin-bottom:8px; margin-top:-12px;}
.prd_guide_item a{display:block; position:relative; font-size:18px; color:#222; line-height:1.7; margin-bottom:6px;}
.prd_guide_item a:hover{color:#22a6fe;}
.prd_guide_item a:after{content:"\e902"; font-family:"iconfont"; color:#222; display:inline-block; position:absolute; margin-left:10px; font-weight:300; transition:margin-left 0.5s ease-out;}
.prd_guide_item .prd_guide_item_noicon:after{ display:none;}
.prd_guide_item a:hover:after{margin-left:15px; color:#22a6fe;}
/*prd_tategare*/
.prd_tab_content{min-height:322px; box-shadow:-2px -2px 10px rgba(0,0,0, 0.05); background-color:#fff;}
.prd_tab_tit{max-width:904px; width:95%; margin:0 auto;}
.prd_tab_tit span{float:left; position:relative; width:33%; height:76px; line-height:76px; color:#fff; font-size:20px; text-align:center; cursor:pointer; background:#5994e4; border-right:1px solid #5387ce; transition:0.5s ease-out;}
.prd_tab_tit span:hover{color:#fff;}
.prd_tab_tit .active{color:#999; background:#fff; box-shadow:-3px -3px 8px rgba(0,0,0, 0.06); border-right:1px solid #fff;}
.prd_tab_tit .active:after{content:''; display:block; width:100%; height:12px; position:absolute; left:0; bottom:-8px;}
.prd_tab_tit .active:hover{color:#999; background:#fff;}
.prd_tab_tit span:before{content:''; display:inline-block; width:40px; height:40px; vertical-align:middle; margin-right:20px; background:url(../png/ind_icon_set.png) no-repeat;}
.prd_tab_tit .tab_faq:before{background-position:0 0;}
.tab_faq.active:before{background-position:0 -48px;}
.prd_tab_tit .tab_knoledge:before{background-position:-44px 0;}
.tab_knoledge.active:before{background-position:-44px -48px;}
.tab_download.active{box-shadow:1px -3px 8px rgba(0,0,0, 0.06);}
.prd_tab_tit .tab_download:before{background-position:-86px -1px; margin-right:16px;}
.tab_download.active:before{background-position:-88px -48px;}

.prd_tab3 a:hover{color:#fff; background:#22a6fe; text-decoration:none;}
.prd_tab_tit span{overflow:hidden; z-index:2;} 
.prd_tab_tit i{position:absolute; display:block; width:100%; height:100%; background:#5387ce; left:0; top:100%; z-index:-1; transition:0.3s ease-in-out;}
.prd_tab_tit span:hover i{top:0;}
.prd_tab_tit .active:hover i{top:100%;}

.prd_tab1 img{margin-left:-30px; margin-top:30px;}
.prd_tab_item h5{font-size:16px; color:#000; line-height:1.2;}
.prd_tab_item p{font-size:20px; color:#22a6fe;}
.tab_item1{max-width:480px; width:50%;}
.tab_style a{display:block; font-size:20px; color:#22a6fe; margin-top:20px;}
.tab_style a:before{content:''; display:inline-block; width:4px; height:4px; border-radius:4px; vertical-align:middle; margin-right:5px; background:#22a6fe;}
.prd_tab2{padding-left:50px;}
.prd_tab2 a{font-size:16px; margin-top:15px;}
.prd_tab2 .right{width:268px; border-left:1px solid #eee; padding-bottom:50px;}
.prd_tab2 .right p{width:80%; margin:10px auto 0; line-height:24px; font-size:16px; color:#999;}
.prd_tab2 .right a{font-size:24px; color:#22a6fe; text-decoration:underline;}
.prd_tab3{padding:75px 0 85px;}
.prd_tab3 .left{width:19%; padding:0 3%;}
.prd_tab3 h5{font-size:24px; color:#333; line-height:1;}
.prd_tab3 p{font-size:15px; color:#666; line-height:1.3; margin-top:16px; margin-bottom:24px;}
.prd_tab3 a{display:block; width:90px; height:36px; font-size:15px; color:#22a6fe; line-height:36px; margin:0 auto; border:1px solid #22a6fe; border-radius:4px; transition:0.5s;}



/*manage_codes*/
.manage_codes{background:#e6f4fc;}
.manage_codes .pw980{padding-left:120px; padding-right:120px;}
.manage_codes h2{margin-bottom:20px;}
.manage_btn_group{max-width:340px; width:48%; padding-bottom:70px;}
.manage_btn_group a{display:block; position:relative; height:60px; color:#fff; line-height:60px; background:#6dab29; transition:0.3s ease-in-out; text-decoration:none; overflow:hidden; z-index:2;}
.manage_btn_group a:after{content:''; display:block; position:absolute; width:100%; height:100%; top:100%; left:0; z-index:-1;}
.manage_btn_group a:after,.spt_adv2 a:before{transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
.manage_btn_group a:hover:after,.spt_adv2 a:hover:before{transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%);}
.manage_btn_group.left a:after{background:#3da319;}
.manage_btn_group.left a:hover:after{background:#3da319;}
.manage_btn_group p{color:#666; line-height:1.4; text-indent:13px;}
.manage_btn_group.right a{background:#268dec;}
.manage_btn_group.right a:after{background:#1980df;}
.manage_btn_group.right a:hover:after{background:#1980df;}

.contact{padding-bottom:70px; background-color:#fff;}
.contact_list{width:410px; margin-top:50px; padding-left:50px;}
.contact_list a{display:block; color:#22a6fe; font-size:22px; line-height:1.1; margin-bottom:5px;}
.contact_list p{font-size:14px;color:#666; line-height:1.4;}
.contact_list img{float:left; margin-right:20px;}
.ind_link_img{margin-bottom:50px; margin-top:70px;}


/*spt_help_faq*/
.spt_help_faq_block {width:320px;}
.spt_contact_block > a,.spt_help_faq_block li a {color: #22a6fe;}
.spt_help_faq {margin:60px auto 70px;}
.spt_help_faq_block > h5 {font-size:24px; font-weight:300; line-height:1.6; color:#000; border-bottom:1px solid#e0e0e0; margin-bottom:15px;padding-left: 5px;}
.spt_help_faq_block li {color:#666; margin-right:10px;}
.spt_help_faq_block li a {font-size:14px; font-weight:400; line-height:30px;}
.spt_adv2 {width:300px; height:180px; margin: 10px 20px; text-align:center; background:url(../png/spt_adv-2.png) no-repeat; background-position:10%;}
.spt_adv2 a{display:block; width:100%; height:100%; margin:auto; text-decoration:none; position:relative; overflow:hidden; z-index:2;}
.manage_codes>div{max-width:750px; margin:30px auto 0 auto;}

@media screen and (max-width:980px){
	.banner{height:auto;}
	.banner_cont{padding:60px 0;}
	.wrap h2{font-size:30px;}
	.prd_guide_item{border:none;}
	.prd_guide_item a,.tab_style a{font-size:16px;}
	.prd_tab_tit span{font-size:18px;}
	.prd_tab1 img,.prd_tab3 .left{width:50%; padding:0;}	
	.prd_tab2 .right{display:none;}
	.prd_tab3 .left{margin:0 auto 30px auto;}
	.contact>div{width:94%;}
	.ind_link_img img{display:block; max-width:100%; height:auto;}
	.spt_help_faq div{float:none !important; margin:20px auto;}
}
@media screen and (max-width:768px){
	.ft32{font-size:28px;}
	.prd_guide_item,.manage_btn_group{float:none !important;}
	.prd_guide_item{width:80%; margin:20px auto;}
	.prd_guide_item img,.manage_btn_group{display:block; margin:0 auto 10px auto;}
	.prd_guide_item a{display:block; margin-right:25px;}
	.tab_item1 h5{margin-top:20px;}
	.prd_tab_tit span{font-size:16px;}
	.prd_tab_tit span:before{display:none;}
	.manage_codes .pw980{padding:0;}
	.manage_btn_group{width:70%; padding-bottom:20px;}
	.contact_list{margin:30px auto;}	
}
@media screen and (max-width:568px){
	.tab_style a{font-size:16px;line-height: 1.7;}
	.prd_tab1 img{display:none;}
	.prd_tab2{padding-left:5%;padding-bottom: 30px}
	.tab_style{width:95%;}
	.prd_tab3{padding:30px 0;}
	.prd_tab3 .left{width:90%;}
	.prd_tab3 .left,.contact_list{float:none !important;}
	.contact{padding-bottom:20px;}
	.contact_list{margin:20px auto 30px; padding-left:0; width:100%;}	
	.contact_list img{margin-bottom:30px;}
}
@media screen and (max-width:320px) {
	.prd_tab_tit span{font-size:14px;}
}