/* @Description: Personal help center--v10.2
 * @Update Log : 2013-9-02
*/
*{font-family:"\5FAE\8F6F\96C5\9ED1","SimHei" !important;}
body{ font-size:14px;}
.f14{font-size:14px}
strong{font-weight:bold}

.help_wrapper{margin:0 auto; background:#fff url(/help/v10.2/images/index_bg.jpg) center top no-repeat;}
.help_width{width:1200px; margin:0 auto}
.help_width a{color:#345b9f; cursor:pointer}
.help_width a:hover{text-decoration:underline}

.help_width .help_top{padding:66px 0; height:66px; position:relative; overflow:hidden; zoom:1}
.help_top .help_logo{position:absolute; left:0; top:60px; background:url(/help/v10.2/images/help_logo.png) left top no-repeat; height:66px; width:240px;}
.help_top .help_logo a{display:block; height:66px; width:240px; text-indent:-999px}
.help_top .help_search{margin-left:410px; height:50px; border:1px solid #758089; background:#9aa8b3; border-radius:4px;opacity:0.25;filter:alpha(opacity=25); text-indent:-999px;}
.help_top .search_bar{border:1px solid #bec0c3; background:#fff; border-radius:3px; position:absolute; right:112px; top:74px; height:34px; width:668px; display:block;}
.help_top .search_bar label{position:absolute; left:8px; top:8px; color:#aaa; line-height:20px; cursor:text; font-size:14px}
.help_top .search_bar input{font-size: 12px;background:none; display:block;height:20px;line-height:20px; padding:0 5px; font-size:14px; margin:7px 0; border:0; outline: none; width:460px;}
.help_top .search_btn{position:absolute; right:9px; top:75px; border:0; text-indent:-999em; background:url(/help/v10.2/images/per_help_icon.png) left -700px no-repeat; width:96px; height:34px;opacity:0.9;filter:alpha(opacity=90); cursor:pointer}


/*
index
*/
.help_index, .sub_help{overflow:hidden; zoom:1; padding-bottom:40px}
.help_index .help_left{float:left; width:860px; overflow:hidden; zoom:1}
.help_index .help_right{float:right; width:310px; overflow:hidden; zoom:1}

.help_index .help_left .service h3{ font:bold 20px/30px "\5FAE\8F6F\96C5\9ED1","SimHei";margin-bottom:15px; color:#3d4953;}
.help_index .help_left .nav{display:block; overflow:hidden; zoom:1; margin-left:-21px; height:150px; width:890px;}
.help_index .help_left .nav li{width:115px; height:54px; margin-left:21px; float:left; display:inline; zoom:1; margin-bottom:16px;}
.help_index .help_left .nav li a{display:block;background:url(/help/v10.2/images/per_help_icon.png) left 0px no-repeat;width:115px; height:54px; color:#64737f; font:bold 14px/54px "SimSun"; cursor:pointer; text-align:center; position:relative}
.help_index .help_left .nav li a:hover{background-position:-200px 0px; color:#f26c00; text-decoration:none}
.help_index .help_left .nav li a i{background:url(/help/v10.2/images/per_help_icon.png) left -100px no-repeat; height:36px; width:36px; display:block; position:absolute; left:0; top:0}

.help_index .index_item{margin-bottom:20px; border:1px solid #e8eaec; border-bottom:1px solid #d2d6db;box-shadow:#f4f4f4 0px 1px 0px; background:#fff; overflow:hidden; zoom:1}
.help_index .index_item .title{background:#f3f5f7; height:28px; color:#506271; font:bold 12px/28px "SimSun"; text-indent:10px; position:relative}
.help_index .index_item .title .more{position:absolute; right:10px; top:0; font-weight:normal; font-family:"SimSun"}

.help_left .index_item .step{height:84px;}
.help_left .index_item .step li{background:url(/help/v10.2/images/per_help_icon.png) -65px -100px no-repeat; width:165px;padding-right:10px; float:left; height:84px; font-size:14px; color:#586570; text-align:center}
.help_left .index_item .step li a{font-size:14px; line-height:84px;}
.help_left .index_item .step li.last{background:#fff; width:140px; padding:22px 0 0 0; line-height:20px; height:40px}

.help_left .index_item .handbook{padding:0}
.help_left .index_item .handbook dl{font-size:14px; border-bottom:1px solid #eee; padding:13px 20px; color:#506271; line-height:26px; overflow:hidden; zoom:1}
.help_left .index_item .handbook dl.noline{border-bottom:0}
.help_left .index_item .handbook dl:nth-child(even){background:#f3f5f7;}
.help_left .index_item .handbook dt{font-weight:bold; float:left; width:105px;padding-top:5px;}
.help_left .index_item .handbook dd{float:left; width:712px}
.help_left .index_item .handbook dd span{padding:5px 10px; float:left}
.help_left .index_item .handbook dd a{font-size:14px;white-space: nowrap;display:inline-block;vertical-align:top;height:22px;line-height:22px;padding:2px 10px;background:#f3f5f7;border-radius:14px;border:1px solid #e8eaec;}
.help_left .index_item .handbook dd a:hover{text-decoration:none;color:#f26b01;}
.help_left .index_item .handbook dl:nth-child(even) dd a{background:#fff;}


.help_right .setUp{padding:3px 15px 20px 15px}
.help_right .setUp ul{border-bottom:1px solid #e7eaee; padding:15px 0; overflow:hidden; zoom:1; position:relative}
.help_right ul.online{border-bottom:0}
.help_right .setUp li{width:88px;height:75px; float:left; text-align:center; border-right:1px solid #e7eaee;overflow:hidden; zoom:1;}
.help_right .setUp li a{color:#515567;height:75px;display:block;  background:url(/help/v10.2/images/per_help_icon.png) 0px -222px no-repeat; overflow:hidden; zoom:1}
.help_right .setUp li.last{border-right:0}
.help_right .setUp li a span{display:block; margin-top:55px; zoom:1}
.help_right .setUp li a span.name{position:absolute; top:14px; width:88px; left:90px;line-height:16px;}

.help_right .setUp li a:hover{color:#f26b01; text-decoration:none;}
.help_right .setUp li.s1 a:hover{background-position:0px -422px}
.help_right .setUp li.s2 a{background-position:-90px -224px}
.help_right .setUp li.s2 a:hover{background-position:-90px -424px}
.help_right .setUp li.s3 a{background-position:-198px -220px}
.help_right .setUp li.s3 a:hover{background-position:-198px -420px}
.help_right .setUp li.s4 a{background-position:-6px -323px}
.help_right .setUp li.s4 a:hover{background-position:-6px -523px}
.help_right .setUp li.s5 a{background-position:-98px -325px}
.help_right .setUp li.s5 a:hover{background-position:-98px -525px}
.help_right .setUp li.s6 a{background-position:-203px -315px}
.help_right .setUp li.s6 a:hover{background-position:-203px -515px}

.help_right .why{border:1px solid #e8eaec; border-bottom:0; background:#fff url(/help/v10.2/images/per_help_icon.png) -350px -500px no-repeat; padding:30px; text-align:center; font-size:14px; font-weight:bold; color:#555}
.help_right .why .btn, .sub_help .sub_left .why .btn, .sub_right .main .result_none .btn{background:#fff url(/help/v10.2/images/per_help_icon.png) -100px -600px no-repeat; display:block; width:113px; height:31px; line-height:32px; color:#fff; font-size:12px; font-weight:bold; margin:10px auto 0 auto; text-align:center}
.help_right .why a.btn:hover, .sub_help .sub_left .why a.btn:hover,.sub_right .main .result_none a.btn:hover{text-decoration:none; color:#ffff66}

.help_right .question{padding:10px; overflow:hidden; zoom:1}
.help_right .question li{padding:6px 0 6px 22px; position:relative;width: 256px; line-height:18px}
.help_right .question li span{position:absolute; left:0; top:7px; font:normal 11px/13px Arial; border:1px solid #8b99a4; background:#94a2ad; color:#fff; display:block; width:13px; height:13px; text-align:center; line-height:13px;}
.help_right .question li span.hot{background:#ff850d;border:1px solid #f47711;}

.help_right .service{padding:0px 0 20px 80px; border-bottom:1px solid #ddd; position:relative; line-height:20px; color:#888; zoom:1}
.help_right .service .icon{position:absolute; width:46px; height:50px; left:20px; top:5px; background:url(/help/v10.2/images/per_help_icon.png) 0px -600px no-repeat;}
.help_right .service .tit{color:#333; font:normal 20px/30px "\5FAE\8F6F\96C5\9ED1","SimHei";}
.help_right .service a{ font-family:SimSun}


/*
list
*/
.sub_help .sub_left{float:left; width:195px}
.sub_help .sub_right{float:right; width:985px}

.sub_help .sub_left .left_menu{border:1px solid #e5e5e5; border-radius:3px; text-align:center; padding-top:8px; margin-bottom:15px; background:#fff}
.sub_help .left_menu dl{margin:0 auto; width:181px; padding-bottom:8px; text-align:left;padding-top:5px;border-bottom:1px solid #eeeeee;}
.sub_help .left_menu dt{height:27px; font:14px/27px "SimSun"; color:#5a6774;cursor:pointer; position:relative; text-indent:18px; }
.sub_help .left_menu dt i{position:absolute; left:0px; top:0px; background:url(/help/v10.2/images/line.png) 4px -40px no-repeat; display:block; width:20px; height:20px;}
.sub_help .left_menu dt i.open{background-position:4px 10px}
.sub_help .left_menu dd a{display:block; height:23px; color:#4c4c4c; font:normal 12px/23px "SimSun"; text-indent:20px; margin:3px 0px;}
.sub_help .left_menu dd a:hover{color:#394550; background:#f2f2f2; border-radius:3px; text-decoration:none}
.sub_help .left_menu dd a.active, .sub_help .left_menu dd a.active:hover{color:#fff; background:#5f8dc9 url(/help/v10.2/images/line.png) 165px -92px no-repeat; border-radius:3px; text-decoration:none}

.sub_help .sub_left .why{border:1px solid #e5e5e5; border-radius:3px; text-align:left; padding:20px; margin:0px auto 15px auto; background:#fff; color:#555; font-size:14px; line-height:20px;}
.sub_help .sub_left .service{border-bottom:1px solid #e9e9e9; padding:15px 8px;line-height:20px; color:#888;}
.sub_help .sub_left .service dt{color:#76848d; font:normal 22px/30px "\5FAE\8F6F\96C5\9ED1","SimHei"; padding-bottom:2px}
.sub_help .sub_left .service a{ font-family:SimSun}
.sub_help .sub_left .service strong{font-weight:bold}
.sub_help .sub_left .service dd div{margin-bottom:5px;}
.sub_help .sub_left .service i{background:url(/help/v10.2/images/qq.png) no-repeat; width:15px; height:16px; vertical-align:middle; display:block; float:left; margin-right:5px;}

.sub_help .sub_right .main{border:1px solid #e5e5e5; border-radius:3px; padding:20px; background:#fff}
.sub_right .main .list_total{color:#818181; text-align:right; font-size:14px; line-height:26px; padding:0 10px}
.sub_right .main .list_total h3{font-size:22px;font-weight:normal; color:#696969; float:left; font-family:"\5FAE\8F6F\96C5\9ED1","SimHei";}
.sub_right .main .nav_list{padding:15px 0; text-indent:10px;}
.sub_right .main .nav_list a{display:block; height:36px; font:14px/36px "SimSun"; color:#44659e;}
.sub_right .main .nav_list span{float:left; color:#aaa; font-family:"SimSun"; font-size:14px; line-height:36px;}



/*
answer list
*/
.sub_right .main .answer_list{color:#333}
.sub_right .main .answer_list dt{border-bottom:2px solid #ececec;color:#000; padding-bottom:10px; overflow:hidden; zoom:1}
.sub_right .main .answer_list .title{font:normal 22px/38px "\5FAE\8F6F\96C5\9ED1","SimHei"; }
.answer_list dt .url{font:bold 12px/20px "SimSun"; color:#ccc;}
.answer_list dt .url a{padding: 10px 4px 10px 0px; font-weight:normal;color:#8c9cb0;}
.answer_list dt .url a:hover{color:#6A7683;}
.sub_right .main .answer_list dd{padding:20px 10px}
.sub_right .feedback{border-top:2px solid #697487; margin-top:20px; padding:20px 0 0 0; color:#444; font-size:14px;}
.sub_right .feedback .problem,.sub_right .feedback .submit{font-size:14px;}
.sub_right .feedback .v_code{padding:20px 0 15px;}
.sub_right .feedback .v_code_hd{height:32px;line-height:32px;float:left;width:60px;}
.sub_right .feedback .v_code_bd{position:relative;display:inline-block;height:32px;}
.sub_right .feedback .v_code_bd label{position:absolute;top:0;left:0;line-height:22px;height:22px;padding:5px;color:#888;cursor:text;}
.sub_right .feedback .v_code_bd input{outline:none;line-height:22px;padding:4px;border:1px solid #ccc;vertical-align:top;color:#333;width:170px;margin-right:15px;height:22px;}
.sub_right .feedback .v_code_bd img{height:32px;vertical-align:top;border:0;width:110px;cursor:pointer;}
.sub_right .feedback .v_code_bd a{display:inline-block;height:22px;padding:5px 10px;vertical-align:top;}
.sub_right .feedback .btn{padding:10px 0}
.sub_right .feedback .btn a{background:url(/help/v10.2/images/per_help_icon2.png) 0 -200px no-repeat; float:left; width:64px; height:29px;opacity:0.65;filter:alpha(opacity=65); line-height:28px; color:#222; text-align:center; margin-right:10px; font-size:12px;}
.sub_right .feedback .btn a:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100); }
.sub_right .feedback .submit{color:#444;}
.sub_right .feedback .submit i{ background:url("/commImage/ui/icon/icon3.png") no-repeat 0px -48px; padding:2px 12px 2px 8px; height:20px; line-height:20px; display:inline-block; vertical-align:middle; }
.sub_right .feedback .radio ul li{ float:left; margin-right:25px;}
.sub_right .feedback .submit span{ font-weight:bold; font-size:14px; height:30px; line-height:30px;}

.sub_help .sub_right .more_list{padding:20px 0; overflow:hidden; zoom:1}
.sub_help .sub_right .more_list .title{background:url(/help/v10.2/images/help_line.png) 0 8px repeat-x; position:relative; height:30px}
.sub_right .more_list .title span{position:absolute; left:45%; top:0px; font:bold 14px/20px "SimSun"; background:#fff; padding:0 10px; color:#7e8994}
.sub_right .more_list ul{padding:5px 0; width:802px}
.sub_right .more_list li{float:left; width:370px; margin-right:30px; line-height:28px; height:28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sub_right .more_list li span{font-family: SimSun;color: #BABABA;}
.sub_right .more_list li a{font-size:14px}

/*
result
*/
.sub_right .main .result_tit{border-bottom:1px solid #efefef; padding-bottom:10px; overflow:hidden; zoom:1}
.sub_right .main .result_tit .btn{background:url(/help/v10.2/images/per_help_icon2.png) 0 -200px no-repeat; float:left; width:64px; height:29px; line-height:28px; color:#222; text-align:center; margin-right:10px;}
.sub_right .main .result_tit a:hover.btn {text-decoration:none; color:#a00; opacity:0.65;filter:alpha(opacity=65); }
.sub_right .main .result_main{padding:20px 5px; font-size:14px; color:#666}
.sub_right .main .result_main .red{color:#f35915}
.sub_right .main .result_main dl{padding:15px 0}
.sub_right .main .result_main dt a{color:#44659e; font:normal 20px/32px "\5FAE\8F6F\96C5\9ED1","SimHei"; padding-bottom:3px}
.sub_right .main .result_main dt .red{font-size:20px}
.sub_right .main .result_main dd{color:#888; font-size:12px; line-height:20px;}

.sub_right .main .result_none{padding:250px 0 30px 0; background:url(/help/v10.2/images/no_result.png) center 80px no-repeat; text-align:center; font-size:14px; color:#838383; font-family:"SimSun"}
.sub_right .main .result_none .btn{margin:30px auto 150px auto}