﻿@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------

    Output device: screen, projection

    Author:     SeaHC (www.soonka.com)
    Update:     2009-08-13, 18:30 GMT+1
    Version:    1.0.0 (2009-08-13, 14:28 GMT+1)

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */
body {font: 12px/1.5 Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #404040; }
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin: 0; }
/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */
#container {width: 950px; margin: 10px auto; padding: 0; }
.leftside {width: 230px; background-color: #bdddf6; margin: 0; padding: 0 0 20px 0; float: left; }
.helpcon {width: 710px; margin: 0; padding: 0; float: right; }
.user-ads {width: 488px; height: 75px; margin: 10px 0 0; padding: 0; font-size: 0; }
.a, .b, .c, .d, .e, .f, .g, .a60, .a70, .a80, .a90, .a100, .a120, .a130, .a160, .a250, .a333, .a332, .a342, .a504, .a612 {display: block; float: left; }
.a60 {width: 60px; text-align: center; }
.a70 {width: 70px; text-align: center; }
.a80 {width: 80px; text-align: center; }
.a90 {width: 90px; text-align: center; }
.a100 {width: 100px; text-align: center; }
.a120 {width: 120px; text-align: center; }
.a130 {width: 130px; text-align: center; }
.a160 {width: 152px; padding-left: 8px; text-align: left; overflow: hidden; }
.a250 {width: 250px; text-align: center; }
.a333 {width: 325px; padding-left: 8px; text-align: left; }
.a332 {width: 324px; padding-left: 8px; text-align: left; }
.a342 {width: 334px; padding-left: 8px; text-align: left; }
.a504 {width: 488px; padding: 0 8px; text-align: left; font-weight: bold; }
.a612 {width: 596px; padding: 0 8px; text-align: left; }
/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */
#headwrap {background: url('../images/bg_repeat_x.png') repeat-x 0% -546px; height: 79px; margin: 0; padding: 0 0 11px 0; }
#header {width: 950px; margin: 0 auto; position: relative; }
#ulogo {width: 135px; float: left; padding: 20px 0 0 0; }
#guid {width: 300px; float: left; padding: 30px 0 0 0; margin: 20px 0 0 10px; font-family: 'SimSun'; background: url('../images/bg_help.png') no-repeat -629px 0%; }
#hmenu {width: 416px; float: right; padding: 0; margin: 46px 0 0; font-family: 'SimSun'; }
#hmenu ul {margin: 0; padding: 0; list-style: none; }
#hmenu ul li {margin: 0; padding: 0; width: 104px; height: 33px; float: left; }
#hmenu ul li a {float: left; width: 104px; height: 25px; padding-top: 8px; text-align: center; background: url('../images/bg_help.png') no-repeat 0% -33px; color: #2b8edb; font-weight: bold; }
#hmenu ul li a:hover {background: url('../images/bg_help.png') no-repeat 0% -66px; color: #333; }
#hmenu ul li a.current {background: url('../images/bg_help.png') no-repeat 0% 0%; color: #fff; }
#hmenu ul li a.current:focus{outline:none; }
.topnav {position: absolute; top: 10px; right: 0; height: 20px; line-height: 20px; color: #404040; }
.topnav a {color: #2b8edb; margin: 0 6px; }
/*foot*/
#foot {margin: 10px 0; padding: 10px; border-top: 2px #2a8ddb solid; text-align: center; }
#footer {margin: 10px auto; padding: 10px 0; width: 950px; border-top: 2px #ccc solid; text-align: center; }
#foot p, #footer p {margin-bottom: 5px; }
#foot .bottom-nav, #foot .bottom-nav a, #footer .bottom-nav, #footer .bottom-nav a {margin: 0 5px; color: #2a8ddb; }
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */
.leftside h2 {width: 166px; height: 48px; padding: 12px 0 0 60px; margin: 2px; display: inline-block; background: url('../images/bg_help.png') no-repeat -216px 0%; color: #fff; font: normal 12px/18px ''; }
.leftside h2 a {color: #fff; text-decoration: underline; }
.leftside ul {margin: 0; padding: 0 1px; list-style: none; }
.leftside ul li {margin: 1px; padding: 0; width: 112px; height: 35px; float: left; text-align: center; display: inline; }
.leftside ul li a {background: url('../images/bg_help.png') no-repeat -104px 0%; display: block; width: 112px; height: 35px; line-height: 35px; }
.leftside ul li a:hover, .leftside ul li a.cur {background: url('../images/bg_help.png') no-repeat -104px -35px; color: #f60; }
.contact {margin: 5px; padding: 0 0 20px 0; border: 1px #6eb6ef solid; background-color: #fff; }
.contact h3 {height: 24px; font: bold 12px/24px ''; margin: 10px 10px 0; color: #2b8edb; }
#live160903 {background: url('../images/bg_user_kefu.png') no-repeat; width: 179px; height: 52px; display: block; margin: 10px auto; }
.contact dl dt {font-weight: bold; }
.contact dl dd {color: #999; }
.contact dl.htel {height: 38px; margin: 20px 10px 0; padding-left: 40px; background: url('../images/bg_help.png') no-repeat -400px -62px; }
.contact dl.hqq {height: 38px; margin: 20px 10px 0; padding-left: 40px; background: url('../images/bg_help.png') no-repeat -662px -62px; }
/*rightcon*/
.hhbz {width: 710px; height: 52px; margin: 0; margin: 0; }
.hhbz h2 {width: 142px; height: 47px; float: left; margin: 0; padding: 5px 0 0 45px; background: url('../images/bg_help.png') no-repeat -442px 0%; color: #2b8edb; font-size: 14px; }
.hhbz ul {float: right; width: 523px; margin: 5px 0 0; padding: 0; display: inline; }
.hhbz li {float: left; margin: 0; width: auto; margin: 0 5px 0 0; display: inline; }
.hhbz li.bz1 a, .hhbz li.bz2 a, .hhbz li.bz3 a {float: left; width: 150px; height: 35px; padding-top: 0px; text-align: center; color: #fff; cursor: pointer; outline: none; }
.hhbz li.goto {width: 22px; height: 35px; background: url('../images/bg_buzhou.png') no-repeat -32px -265px; }
/*so*/
.helpso {width: 708px; height: 65px; border: 1px #6fb6ef solid; background: url('../images/bg_help.png') no-repeat 0% -100px; margin: 10px 0 0; padding: 45px 0 0; }
.helpso .hinptext {margin: 0; padding: 0 0 0 325px; }
.helpso .htag {height: 24px; line-height: 24px; margin: 10px 0 0; padding: 0 10px; }
.helpso .htag a {color: #2b8edc; margin: 0 5px; }
/* ----------------------------------------------------------------------------------------------------------
 Page：List
---------------------------------------------------------------------------------------------------------- */
.help-list, .help-content {margin: 0; padding: 0; }
.help-list h2 {margin: 10px 0 0; padding: 0; border-bottom: 2px #2a8ddb solid; height: 30px; font: bold 14px/30px ''; color: #000; }
.help-list .subnav {border-bottom: 1px #ccc solid; padding: 5px 0; }
.help-list .subnav a {margin: 0 10px; padding: 0; height: 16px; line-height: 16px; }
.help-list .subnav a.curr {background-color: #2a8ddb; padding: 2px 5px 1px; color: #fff; height: 16px; line-height: 16px; }
.help-list p {margin: 0; padding: 10px 0 0; }
.help-list p.l1 {width: 460px; float: left; font: 14px/26px ''; }
.help-list p.r1 {float: left; margin-top: 10px; }
a.letsgo {width: 150px; height: 35px; text-align: center; background: url('../images/bg_help.png') no-repeat -220px -62px; font: bold 14px/35px ''; color: #06c; display: inline-block; }
.list-col-1, .list-col-2, .list-hezuo,.fankui {margin: 0; padding: 10px 0 0; list-style: none; }
.list-col-1 li {height: 26px; background: url('../images/icons.png') no-repeat 0% -884px; }
.list-col-2 li {width: 350px; height: 26px; float: left; background: url('../images/icons.png') no-repeat 0% -884px; }
.list-col-1 li a, .list-col-2 li a {font: normal 14px/26px ''; padding-left: 13px; }
.list-hezuo li {width: 150px; height: 50px; float: left; margin: 0 10px; }
.help-content .hc-title {padding: 0 10px; margin: 0; text-align: center; height: 55px; font: bold 24px/55px '黑体'; color: #14599c; border-bottom: 2px #2a8ddb solid; }
.help-content .hc-info {padding: 0 10px; border-bottom: 1px #808080 dotted; margin: 0; list-style: none; text-align: right; height: 24px; line-height: 24px; }
.help-content .hc-content {padding: 15px; border-bottom: 1px #808080 dotted; margin: 0; list-style: none; line-height: 28px; font-size: 14px; text-indent: 28px; }
.help-content .related {margin: 10px 0 0; padding: 10px 15px 15px; }
.help-content .related h4 {font: bold 14px/25px ''; color: #14599c; }
.help-content .related ul {margin: 0; padding: 0; list-style: none; }
.help-content .related ul li {padding: 0 10px; margin: 0; height: 24px; line-height: 24px; background: url('../images/icons.png') no-repeat 0% -884px; }
.help-content .related ul li span {color: #999; font-size: 11px; margin-left: 10px; }
a.fanhui {background: url('../images/icons.png') no-repeat 0% -1218px; color: #2b8edb; height: 24px; line-height: 24px; padding: 0 0 0 13px; margin: 0 10px; display: inline-block; }
a.dayin {background: url('../images/icons.png') no-repeat 0% -1252px; color: #2b8edb; height: 24px; line-height: 24px; padding: 0 0 0 15px; margin: 0 10px; display: inline-block; }
/*fankui*/
.fankui li {margin: 0; padding: 5px 0; line-height: 26px; }
.fankui li dfn {padding: 0 15px 0 0; height: 26px; line-height: 26px; width: 120px; text-align: right; display: inline-block; font-style: normal; }
.fankui li .beizhu {margin-left: 140px; }
.fankui li em {padding: 0 15px 0 0; font-style: normal; margin: 0 8px 0 2px; }

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */
/*分页样式*/
div.soon-page {font-family: 'SimSun'; margin: 0 auto; color: #2a8ddb; text-align: center; padding: 20px; height: 24px; }
div.soon-page a {border: #2a8ddb 1px solid; padding: 4px 7px; margin-right: 3px; color: #2a8ddb; }
div.soon-page a:hover {background-color: #a7d5fa; text-decoration: none; }
div.soon-page span.page-current {background-color: #2a8ddb; padding: 5px 8px; margin-right: 3px; color: #fff; font-weight: bold; }
div.soon-page span.disabled {border: #ccc 1px solid; padding: 4px 7px; margin-right: 3px; color: #999; }

/*ys*/
#helpstep {width: 940px; margin: 10px auto; padding: 4px; background-color:#bdddf6; border:1px #6eb6ef solid; }
.sub-step {margin:0;padding:0;}
.sub-step a {width:60px;height:28px;display:block;float:left;text-align:center;line-height:28px;}
.sub-step-on {background-color:#fff;color:#f60;font-weight:bold;}
.go-top {text-align:right;}

#step {width:940px;margin:10px auto;}
#step ul {list-style:none;margin:0; padding:0;}
#step ul li{width:auto; float:left;margin-right:15px;text-align:center;}

.step-ss,.step-zf,.step-th {margin-top:10px;}
.step-ss a,.step-zf a,.step-th a {background:url('../images/help-step.gif') no-repeat 0 -34px;width:118px;height:34px;font:bold 14px/34px '';display:block;color:#707070;text-align:center;}

a.step-on {background:url('../images/help-step.gif') no-repeat 0 0;width:118px;height:34px;font:bold 14px/34px '';display:block;color:#d35400;text-align:center;}
.user-no {margin-top:3px;}
.user-yes a,.user-no a {background:url('../images/help-step2.gif') no-repeat 0 -27px;width:118px;height:27px;font:bold 12px/27px '';display:inline-block;color:#707070;text-align:center;}

a.step-user-on {background:url('../images/help-step2.gif') no-repeat 0 0;width:118px;height:27px;font:bold 12px/27px '';display:inline-block;color:#d35400;text-align:center;}

