﻿@charset "utf-8";
.help_head,.help_nav li,.other_question li,.question li,.help_body h2,.help_body .bd,.nav_bottom2 .s_line,.nav_bottom2 li .s { background:url(../img/help2022-sp.png) no-repeat 0 0;}
.help2012 .ft { background:url(../img/help2022-repeatX.png) repeat-x 0 0;}

.help2012 { margin-top:8px;}
.help_head { height:101px; overflow:hidden; padding-left:190px; *zoom:1;}
.help_nav { float:left; width:600px; padding-top:14px;}
.help_nav li { margin-left:15px; display:inline; text-align:left; float:left; width:110px; height:36px; overflow:hidden; background-position:-1225px 13px; padding-left:15px; font-size:14px; line-height:36px; font-weight:bold;}
.help_nav li a { color:#555;}
.service { float:right; width:177px; padding:6px 0 0 15px; display:inline;}
.service li { padding:5px 0 0 25px; line-height:16px; height:16px; overflow:hidden; text-align:left;}
.service li.qq { background-position:2px -48px;}
.service li.qG { background-position:2px -20px;}
.service li.tel { background-position:0 4px;}

.help_body { background-color:#fff; margin-top:0px; padding:15px;}
.help_body h2 { border-bottom:1px solid #eee; font-size:24px; color:#555; padding:5px 0 15px 44px; background-position:-1203px -51px;}
.help_body .bd { padding: 0px 0 20px 45px; background-position: -1202px -116px; font-size:16px; line-height:24px; text-align:left;}
.help_body .bd .contact,.help_body .bd p { margin:15px 0;}
.help_body .bd .contact .line_1 { color:#333;}
.help_body .bd .contact .line_2 { color:#aaa;}
.help2012 .ft { height:28px; line-height:28px; background-position:0 0; padding-left:10px; color:#777; border:1px solid #e6e6e6; border-top:0 none; text-align:left;}


html body { background-color:#f9f9f9;}
.header { background-color:#fff;}
.reg_header { position:relative; z-index:1; *zoom:1; background-color:#fff; padding:15px 0; border-bottom:1px solid #e5e5e5;}
.reg_header .logo { float:left; width:auto;}
.reg_header .logo img { display:block; vertical-align:top; height:74px;}
.reg_header .sub-logo { float:left; display:inline; margin:15px 0 0 10px; border-left:1px solid #eee; padding-left:15px; line-height:45px; font-size:24px; color:#999;}
.reg_header .po { float:right; display:inline; margin-top:25px; font-size:14px; color:#ccc;}
.reg_header .bor { display:inline-block; *display:inline; *zoom:1; width:1px; height:16px; overflow:hidden; background-color:#ddd; margin:0 12px; vertical-align:middle;}

.grid_help .main_wrap { margin-left:265px;}
.grid_help .col_sub { width:245px; margin-left:-100%;}

.help_nav_2 li { margin-bottom:10px;}
.help_nav_2 li a { background-color:#fff; font-size:16px; text-align:center; color:#69696d; text-decoration:none; border:1px solid #EDEDED; display:block; line-height:42px; -webkit-transition:all 0.6s ease-in; -moz-transition:all 0.6s ease-in; -ms-transition:all 0.6s ease-in; -o-transition: all 0.6s ease-in; transition:all 0.6s ease-in; position:relative; z-index:1;}
.help_nav_2 li a:hover { border:1px solid #367dff; color:#1769ff; text-decoration:none;}
.help_nav_2 li a:before,.help_nav_2 li a:after { content:''; display:block; width:0; height:0; position:absolute; bottom:0; right:0; box-sizing:border-box; border:1px solid transparent;}
.help_nav_2 li a:hover:after,.help_nav_2 li a:hover:before {width:100%; height:100%;}
.help_nav_2 li a:before { bottom: 0; right: 0; -webkit-transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in; transition: border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;}
.help_nav_2 li a:hover:before {border-bottom-color: #367dff; border-left-color: #367dff; -webkit-transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s; transition: border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;}
.help_nav_2 li a:after { top: 0; left: 0; -webkit-transition: border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s; transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;}
.help_nav_2 li a:hover:after { border-top-color: #367dff; border-right-color: #367dff; -webkit-transition: width 0.2s ease-out,height 0.2s ease-out 0.2s; transition: width 0.2s ease-out,height 0.2s ease-out 0.2s;}
.help_nav_2 li.cur a { border:1px solid #367dff; color:#367dff;}

.question li { margin-bottom:10px; font-size:16px; background-color:#fff; line-height:50px; height:50px; overflow:hidden; padding:0 10px 0 56px; background-position:-1188px -51px;}

.nav_bottom2 { background-color:#fff; padding:0 15px; z-index:1; position:relative;}
.nav_bottom2 ul { border-top:1px solid #eee; padding:30px 0;}


.nav_bottom2 li { position:relative; z-index:1; float:left; width:50%; line-height:30px; text-align:left;}
.nav_bottom2 li a { display:block; padding-left:220px; font-size:16px; color:#aaa; word-break:break-all;}
.nav_bottom2 li a em { font-weight:normal; font-size:24px; color:#666; display:block;}
.nav_bottom2 li .s { position:absolute; left:150px; top:7px; display:block; width:52px; height:52px;}
.nav_bottom2 .tel .s {}
.nav_bottom2 .qq .s { background-position:-53px 0;}
.nav_bottom2 .weixin .s { background-position:-65px -10px;}
.nav_bottom2 .s_line { display:block; width:42px; height:80px; background-position:-131px 0; position:absolute; left:50%; top:50%; margin:-40px 0 0 -21px;}