﻿body {
    background-color:#EDEDEF;    
}
body,button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"\5b8b\4f53";
}
.w-960{
    width:960px;
    margin:0 auto;
}
/*#region header*/
.header{
    background-color:#24292c;
    height:80px;
}
.header-logo{
    float:left;
    width:260px;
    padding-left:15px;
    font-size:40px;
    color:#fff;
    line-height:60px;
}
.header-navs{
    float:right;
    padding-top:28px;
}
.header-navs li{
    float:left;
    padding:0 21px;
    font-size:16px;
    color:#fff;
    line-height:35px;
    height:52px;
    position:relative;
}
.header-navs a,.header-navs a:visited{
    color:#999;
}
.header-navs a:hover{
    color:#fff;
    text-decoration:none;
}
.header-navs li.active em{
    position:absolute;
    border:10px solid #EDEDEF;
    border-color:#24292c #24292c #EDEDEF #24292c;
    bottom:0;
    left:50%;
    margin-left:-10px;
    width:0;
    height:0;
    overflow:hidden;
}
.header-btn a,
.header-btn a:visited{
    background-color:#308db4;
    border-radius:3px;
    color:#fff;
    letter-spacing:5px;
    display:block;
    width:88px;
    height:32px;
    line-height:32px;
    position:relative;
    text-indent:18px;
    text-shadow:0 1px 1px rgba(0, 51, 102, 0.5);
}
.header-btn a em{
    position:absolute;
    border:8px solid #f0fafb;
    border-color:#308db4 #308db4 #308db4 #f0fafb;
    top:9px;
    right:5px;
    width:0;
    height:0;
    overflow:hidden;
    text-shadow:0 1px 1px rgba(0, 51, 102, 0.5);
}
.header-btn a:hover{
    background-color:#37a5c5;
}
.header-btn a:hover em{
    border-color:#37a5c5 #37a5c5 #37a5c5 #f0fafb;
}
/*#endregion*/
/*#region content*/
#content{
    padding:30px 0 20px;
}
.content-main{
    background-color:#fff;
    border:1px solid #D4D4D5;
    padding:40px;
}
/*#region 引言*/
.block-introduction {
    text-align:center;
    overflow:hidden;
    padding:40px 0;
}
.block-introduction .block-hd{
    color:#333;
    font-size:70px;
    line-height:90px;
}
.block-introduction .block-hd2{
    font-size:28px;
    line-height:30px;
}
.block-introduction .block-text{
    padding:20px 0 50px;
    line-height:22px;
    font-size:14px;
}
/*#endregion*/
/*#region 秘籍*/
.block-mainbody .block-hd{
    font-size:50px;
    color:#333;
    padding-bottom:50px;
	text-align: center;
}
.block-mj{
    position:relative;
    line-height:22px;
    font-size: 14px;
    padding:10px 0;    /*首页上两个秘籍间的空白距离，原值 50 */
}
.mj-block{
    text-align:left;
    width:410px;
    position:relative;
    z-index:2;
    display:inline-block;
    *display:inline;
    *zoom:1;    
}
.mj-hd{    
    color:#333;
    border-bottom: 1px solid #E7E7E7;
    font-size: 28px;
    margin-bottom:5px;
    padding: 0 0 2px;
}
.mj-bd{
    position:relative;
    padding:10px 0 0 75px;
    min-height:430px;   /*首页上两个秘籍间的空白距离，原值 480 */
    _height:430px;
}
.mj-logo{
    position:absolute;
    width:50px;
    height:80px;
	max-height: 80px;
    border: 0px solid #EBEBEC;
    left:0;
    top:14px;
}
.mj-content{
    text-indent:28px;
}
.mj-feature{
    padding-top:10px;
}
.mj-img{
    position:absolute;
    top:0;
    z-index:1;
}
.mj1 .mj-img,
.mj3 .mj-img,
.mj5 .mj-img,
.mj7 .mj-img{
    right:-40px;
}
.mj2 .mj-img,
.mj4 .mj-img,
.mj6 .mj-img,
.mj8 .mj-img{
    left:-40px;
}
.mj2,
.mj4,
.mj6,
.mj8{
    text-align:right;
}

/*#endregion*/
/*#endregion*/
/*#region footer*/
#footer{
    padding-bottom:20px;
    color:#74808B;
    text-align:center;
}
.footer-navs{
    display:inline-block;
    padding-right:30px;
    *display:inline;
    *zoom:1;   
}
.footer-navs a{
    color:#74808B;
    margin:0 10px;
}
.footer-copyright{
    display:inline-block;
    *display:inline;
    *zoom:1;   
}
/*#endregion*/

/*#region 功能*/
.provideList li{
    float:left;
    width:25%;
    text-align:center;
    line-height:18px;
    padding:25px 0 10px 0;
}
.provideList a,
.provideList .provide-logo-gray,
.provideList .provide-title,
.provideList .provide-info{
    display:block;
}
.provideList a{
    width:160px;
    height:165px;
    margin:0 auto;
}
.provide-logo-gray,.provide-logo-hover{
    width:80px;
    height:80px;
    margin:0 auto;
}
.provideList .provide-logo-hover,
.provideList a:hover .provide-logo-gray{
    display:none;
}
.provideList a:hover .provide-logo-hover{
    display:block;
}
.provideList a:hover{
    text-decoration:none;
}
.provideList .provide-title{
    color:#333;
    font-size:16px;
    height:18px;
    padding-top:10px;
    overflow:hidden;

}
.provideList .provide-info{
    color:#999;
    font-size:12px;
    height:36px;
    overflow:hidden;
    padding-top:5px;
}
.content-provide{
    padding:0;
    overflow:hidden;
}
.productBlock-hd{
    float:right;
    width:169px;    /* Firefox 奇怪地差1像素*/
    text-align:center;
    font-size:14px;
    color:#333;
    border-left:1px solid #D4D4D5;
    background-color:#f8f8f8;
    padding-bottom:9999em;
    margin-bottom:-9999em;
}
.productBlock-hd li{
    padding:10px;
    border-bottom:1px solid #D4D4D5;
    border-top:1px solid #fff;
}
.productBlock-hd li.first-child{
    border-top:none;
}
.productBlock-hd li.active,
.productBlock-hd li:hover{
    background-color:#7d7d7d;
    color:#fff;
    border-top-color:#7d7d7d;
}
.productBlock-hd li:hover{
    cursor:pointer;
}
.productBlock-hd li.active:hover{
    cursor:default;
}
.productBlock-hd ul{
    border-bottom:1px solid #fff;
}
.productBlock-bd{
    float:left;
    width:787px;
}
.productBlockItem{
    padding:20px;
    display:none;
}
.productBlockItem-hd{
    font-size:28px;
    color:#333;
    padding-bottom:12px;
    border-bottom:1px solid #D4D4D5;
}
.productBlockItem-bd{
    padding:10px 0;
    font-size:14px;
}
.productBlockItem-bd p{
    line-height:20px;
    text-indent:30px;
    padding:10px 0;
}
.productBlockItem-img{
    text-align:center;
    padding:10px 0;
}
/*#endregion*/
/*#region 版本*/
.choose-table .col1{
    width:14%;
}
.choose-table .col2{
    width:16%;
}
.choose-table .col3{
    width:10%;
}
.choose-table .col4,
.choose-table .col5,
.choose-table .col6,
.choose-table .col7,
.choose-table .col8,
.choose-table .col9{
    width:10%;
}
.choose-table th,.choose-table td{
    border:1px solid #EDEDEF;
    padding:6px 0;
    text-align:center;
}
.choose-table-firstHD th{
    background-color:#24292c;
    font-weight:bold;
    font-size:18px;
    color:#fff;
    padding:10px 0;
}
.choose-table-firstHD th.choose-hd-bg{
    background-color:#7030a0;
}
.choose-hd-bg-small{
    font-size:14px;
}
.choose-table-secondHD th{
    background-color:#ff9;
    font-size:14px;
    color:#333;
}
.choose-table .choose-price{
    font-size:20px;
    font-weight:bold;
    color:#0c0;
}
.choose-red{
    color:#f00;
}
.choose-tick,
.choose-fork{
    background:url(../images/bg-icon.png) no-repeat 0 0;
    width:16px;
    height:16px;
    margin:0 auto;
    overflow:hidden;
    display:block;
}
.choose-fork{
    background-position:-16px 0;
}
.choose-table tr:hover td{
    background-color:#E8F2FF;
}
.choose-table tr:hover td.first-child{
    background-color:#fff;
}
/*#endregion*/
/*#region 帮助*/
.content-help{
    padding:0;
    overflow:hidden;
}
.helpBlock-hd{
    float:left;
    width:199px;    /* Firefox 奇怪地差1像素*/
    font-size:14px;
    color:#333;
    border-right:1px solid #D4D4D5;
    padding-bottom:9999em;
    margin-bottom:-9999em;
}
.helpBlock-hd li{
    border-bottom:1px solid #D4D4D5;
}
.helpBlock-hd .title-hd{
    background-color:#f3f3f3;
    padding:10px 10px 10px 30px;
    position:relative;    
}
.helpBlock-hd .title-hd:hover{
    cursor:pointer;
}
.helpBlock-hd li.active .title-hd:hover{
    cursor:default;
}
.helpBlock-hd .title-hd em{
    background:url(../images/bg-icon.png) no-repeat 0 -16px;
    width:11px;
    height:11px;   
    overflow:hidden;
    display:block;
    position:absolute;
    left:10px;
    top:50%;
    margin-top:-5px;
}
.helpBlock-hd li.active .title-hd em{
    background-position:-11px -16px;
}
.helpBlock-hd .title-bd{
    display:none;
    margin-right:-1px;
    background-color:#fff;
    border-top:1px solid #D4D4D5;
}
.helpBlock-hd .title-bd a{
    display:block;
    padding:10px 10px 10px 30px;
    border-top:1px solid #fff;
    background-color:#f8f8f8;
}
.helpBlock-hd li.active .title-bd{
    display:block;
}
.helpBlock-hd li a:hover{
    color:#333;
    text-decoration:none;
}
.helpBlock-hd li a.active{
    background-color:#fff;
    font-weight:bold;
}
.helpBlock-hd li a.active:hover{
    cursor:default;
    color:#666;
    text-decoration:none;
}
.helpBlock-bd{
    float:right;
    width:757px;
    padding-bottom:9999em;
    margin-bottom:-9999em;
}
.HelpBlockItem{
    padding:20px;
    display:none;
}
.HelpBlockItem-hd{
    font-size:20px;
    font-weight:bold;
	color: #333;
}
.HelpBlockItem-bd{
    padding:10px 0;
    font-size:14px;
}
.HelpBlockItem-bd p{
    line-height:20px;
    text-indent:30px;
    padding:10px 0;
	color: #333;
}
.HelpBlockItem-bd .boldtext{
    line-height:20px;
    text-indent:0px;
    padding:10px 0;
	font-weight: bold;
}
.HelpBlockItem-bd .noindent{
    text-indent:0px;
}
.HelpBlockItem-img{
    text-align:center;
    padding:10px 0;
}
/*#endregion*/
/*#region 代理商*/
.joinUsBlock{
    background-color:#fff;
    border:1px solid #D4D4D5;
    border-top:0;
    border-bottom-color:#dbdbdd;
    margin-bottom:29px;
}
.joinUsBlock-hd{
	color:#333;
    height:60px;
    line-height:60px;
    font-size:24px;
    text-align:center;
    font-weight:bold;
    border-bottom:1px solid #eee;
}

.joinUsBlock-ft{
    border-top:1px solid #eee;
    border-bottom:1px solid #b7b7b8;
    background-color:#f9f9f9;
    height:60px;
}
.joinUsBlock-last{
    margin-bottom:0;
}
.joinUsList1 li{
    float:left;
    border-left:1px solid #eee;
    width:258px;    /* Firefox 奇怪地差1像素*/
    height:320px;
    overflow:hidden;
    text-align:center;
    padding:30px;
}
.joinUsList1 li.first-child{
    border-left:0;
    width:258px;
}
.joinUsList1 li p{
    font-size:16px;
    text-align:left;
    text-indent:30px;
    padding-bottom:15px;
    line-height:25px;
    height:65px;
    overflow:hidden;
}
.joinUsList2{
    padding:0 30px 30px 30px;
}
.joinUsList2 dt{
	color:#555;
    font-size:24px;
    font-weight:bold;
    padding:15px 0 10px 0;
}
.joinUsList2 dd{
    background:url(../images/arrows-blue.png) no-repeat 0 center;
    padding:5px 0 5px 18px;
    font-size:16px;
}
.joinUsList3-lcImg{
    text-align:center;
    padding:30px 0;
}
.joinUsList3{
    padding-left:1px;
    width:864px;
    margin:0 auto;
}
.joinUsList3 li{
    float:left;
    width:176px;
    font-size:16px;
    padding:0 20px 20px 20px;
}
.joinUsBox-left{
	color:#333;
    float:left;
    width:480px;
    padding:70px 0 0 95px;
}
.joinUsBox-left dt{
    font-size:24px;
    font-weight:bold;
    padding-bottom:10px;
}
.joinUsBox-left dd{
    font-size:16px;
    padding:5px 0;
}
.joinUsBox-left a{
    color:#333;
}
.joinUsBox-right{
     float:right;
     width:340px;
     padding:30px 0 60px 0;
}
/*#endregion*/