html { margin: 0; padding: 0; border: 0; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display: block; }
body { color: #333; background: #fff; font-family: "Microsoft YaHei"; font-size: 12px; }
img { border: 0; vertical-align: bottom; max-width: 100%; }
ul, li { list-style: none; }
a { text-decoration: none; color: #6B6B6B; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }

/**{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/

/*头部*/
.top { width: 100%; height: 60px; background: #FFFFFF; position: fixed; left: 0px; top: 0px; z-index: 9999; border-bottom: solid 1px #eaeaea; }
.top1 { width: 100%; height: 80px; background: #FFFFFF; position: fixed; left: 0px; top: 0px; z-index: 9999; border-bottom: solid 1px #eaeaea; }
.top_container { width: 1200px; height: 60px; margin: 0 auto; }
.logo { width: 108px; height: 33px; margin-top: 13px; float: left; }
.nav { width: 500px; height: 60px; line-height: 60px; margin-left: 200px; margin-right: 400px; }
.nav li { height: 60px; padding: 0 20px; float: left; font-size: 16px; }
.nav li a:hover { color: #1B8CE8; }
.login { width: 400px; height: 60px; float: right; }
.tel { width: 220px; height: 33px; float: left; margin-top: 20px; font-size: 16px; color: #37abfc; line-height: 20px; }
.tel * { vertical-align: middle; }
.login01 { width: 170px; height: 33px; margin-top: 13px; float: right; }
.button01 { width: 80px; height: 32px; background-color: #fff; box-sizing: border-box; border: solid 1px #37abfc; border-radius: 17px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #37ABFC; display: block; text-align: center; line-height: 30px; float: left; }
.button01:hover { width: 80px; height: 32px; background-color: #37abfc; box-sizing: border-box; border: solid 1px #37abfc; border-radius: 17px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #fff; display: block; text-align: center; line-height: 30px; }
.button02 { width: 80px; height: 32px; background-color: #37abfc; box-sizing: border-box; border: solid 1px #37abfc; border-radius: 17px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #fff; display: block; text-align: center; line-height: 30px; float: right; }
.button02:hover { width: 80px; height: 32px; background-color: #63bdfb; box-sizing: border-box; border: solid 1px #37abfc; border-radius: 17px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #fff; display: block; text-align: center; line-height: 30px; }
.button03 { width: 140px; height: 40px; background-color: #fff; box-sizing: border-box; border: solid 1px #37abfc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #37ABFC; display: block; text-align: center; line-height: 38px; float: left; }
.button03:hover { width: 140px; height: 40px; background-color: #37abfc; box-sizing: border-box; border: solid 1px #37abfc; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; color: #fff; display: block; text-align: center; line-height: 38px; }

/*底部*/

.foot_bottom { margin:50px 0px 0px; clear: both; width: 100%; height: 160px; background: #282b2c; }
.foot_bottom1 { width: 1200px; color: #A9B0B4; text-align: left; padding-top: 35px; margin: 0 auto; line-height: 40px; font-size: 14px; }
.foot_bottom2 { clear: both; width: 100%; height: 160px; background: #fff; }
.foot_bottom3 { width: 1200px; color: #333; text-align: left; padding-top: 35px; margin: 0 auto; line-height: 40px; font-size: 14px; }

.topback { background: url(../help_images/topback1.jpg) center center no-repeat; }
.topback:hover { background: url(../help_images/topback2.jpg) center center no-repeat; }


/*导航*/

.top_container_1 { width: 1050px; height: 80px; margin: 0 auto; }
.top_container_02 { width: 1200px; height: 80px; margin: 0 auto; }
.logo_1 { width: 310px; height: 33px; margin-top: 23px; float: left; }
.logo_2 { width: 310px; height: 33px; margin-top: 13px; float: left; }
.logo_wz { width: 170px; height: 33px; line-height: 33px; text-align: left; font-size: 16px; color: #797979; border-left: solid 1px #e4e4e4; padding-left: 15px; float: right; }
.login_1 { width: 400px; height: 80px; float: right; }
.login_2 { width: 400px; height: 60px; float: right; }
.tel_1 { width: 190px; height: 33px; margin-top: 30px; font-size: 16px; color: #37abfc; float: right; }
.tel_2 { width: 190px; height: 33px; margin-top: 18px; font-size: 16px; color: #37abfc; float: right; }
.tel_3 { width: 240px; height: 33px; margin-top: 18px; font-size: 16px; color: #37abfc; float: right; }
.tel_3 img{ margin-right: 6px; }
.tel_3 * { vertical-align: middle; }
.login_01 { width: 90px; height: 33px; margin-top: 23px; float: right; }
.login_02 { width: 90px; height: 33px; margin-top: 13px; float: right; }




/*帮助中心*/
.banner { width: 100%; height: 400px; background: url(../help_images/banner.jpg) center center no-repeat; margin-top: 50px; }

.catalog { width: 1200px; height: auto !important; margin: 0 auto;  }
.contents { width: 1200px; height: 60px; line-height: 60px; text-align: left; font-size: 14px; color: #666; border-bottom: solid 1px #e4e4e4;} 


.none { display:none;}

.nav05 h3 { font-family: "Microsoft YaHei",微软雅黑; font-size:16px; background:#f7f7f7; height:43px; line-height:43px; padding-left:12px; }
.nav05 ul li { display:inline; }
.nav05 ul li a { padding-left:30px;  font-size:14px; color:#555; display:block;  height:43px;  line-height:43px; }
.nav05 ul li a.noline { border-bottom:none; }
.nav05 ul li a:hover{ color:#8caf00;}
.nav05 ul li a.selected:hover { color:#fff; }
.nav05 ul li .selected { background-color:#8caf00;  background-position:200px -9px; color:#fff; }
.nav05 ul li {display:inline-block; width:100%; position: relative; min-height:36px; _height:36px; z-index: 10; zoom:1 }
.nav05 ul li h4 { cursor:pointer; background:url(../help_images/bg3.png) no-repeat 10px 15px; padding-left:30px;  font-size:14px; color:#555; display:block;  line-height:36px; font-weight:normal; margin-bottom: 6px; }
.nav05 ul li.noline { border-bottom:none; }
.nav05 ul li h4:hover { color:#555;  background: #F4F4F4 url(../help_images/bg3.png) no-repeat 10px 15px;  border-radius: 3px; line-height: 36px; }
.nav05 ul li.selected h4 { background-position:10px -40px;  }
.nav05 ul li a { }
.nav05 ul li .on a { color:#555; font-weight:bold;  }
.nav05 ul li a:hover { color:#555;  }
.bg-color { background-color:#555; }
.nav05 li .list-item { padding:5px 0; position:relative; zoom:1 }
.nav05 li .list-item p { padding-left:8px; }
.nav05 li .list-item a { border:none; color: #555; display:block; text-align:left;float:left; font-size:12px; width:220px; padding-left:40px;height:36px; line-height:36px; margin-bottom: 10px;}
.nav05 {  zoom:1; width:260px; float: left; margin-top: 20px;}

/*菜单悬停效果*/
.nav05 li .list-item a:hover{ background:#F4F4F4; color:#555; border-radius: 3px; width:220px; padding-left:40px;height:36px; line-height:36px;}
/*菜单选中效果*/
.nav05 li .list-item .on{ background:#F4F4F4; color:#555; border-radius: 3px; width:220px; padding-left:40px;height:36px; line-height:36px;}




/*正文样式*/
.writing { width: 900px; float: right;}
.heading { width: 900px; text-align: left; font-size: 28px; color: #333333; margin-top: 25px;}
.writing p { width: 900px; text-align: left; font-size: 14px; color: #333333; line-height:26px;  margin-top: 50px; }
.writing img { text-align: left; margin-top: 20px; }
.writing hr { border: 0px; border-top: 1px solid #E4E4E4; margin-top: 50px; }
.mark { color:#0563C1; }

/*表格样式*/
.writing table { margin-top: 20px; width: 900px; border-collapse: collapse; border: 1px solid #ccc; }
.writing table thead td { background: #fbfbfb;  font-size: 14px; color: #666; text-align: left; border: 1px solid #e4e4e4; padding-left: 30px; }
.writing table tbody tr { background: #fff; font-size: 14px; color: #666666;   }
.writing table tbody tr.alt-row { background: #fbfbfb; }
.writing table td {background: #fff; line-height: 20px; text-align: left; padding: 8px 10px 8px 30px; height: 14px; border: 1px solid #e4e4e4; }

/*框样式*/
.block {margin-top: 20px;
    width: 900px;
    height: auto;
    background: inherit;
    background-color: rgba(251, 251, 251, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    text-align: left; padding: 30px; color: #666;}


/*渐变条*/
@keyframes 
bg-generator {
    0%{background-position:0% 84%}
    50%{background-position:100% 17%}
    100%{background-position:0% 100%}
}

header {
    padding:8rem 0rem 6rem;
    position:relative;
    overflow:hidden;
    transition:padding 0.2s ease
}

header p {
    font-size:36px; 
    color:#FFFFFF; 
    letter-spacing:2px; 
    text-align:center; 
}

.header-bg {
    background-color:#F7F9FA;
    width:110%;
    height:100%;
    position:absolute;
    left:-5%;
    top:-5%;
    z-index:-1;
    transition:-webkit-filter 0.2s ease, background-image 0.2s ease;
    background:linear-gradient(223deg, #9ce8dd, #a993da, #F0CB54, #6D93A3);
    background-size:600% 600%;-webkit-animation:bg-generator 50s ease infinite;
    animation:bg-generator 50s ease infinite}