*{margin:0;padding:0;border:0;}
body{font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei","微软雅黑","Hiragino Sans GB", "Helvetica Neue",Helvetica,Arial,sans-serif, tahoma, "\5B8B\4F53","宋体";font-size:12px;color: #000000;}
body,h1,h2,h3,h4,h5,p,ul,li,ol,dl,dd,fieldset,textarea{margin:0;padding:0;}
ul,li{list-style-type:none;list-style-position:inside;}
em{font-style:normal;}

/*字体颜色*/
.text-black, a.text-black:link, a.text-black:visited{color:#000;}
a.text-black:hover{color:#666;}
.text-gray, a.text-gray:link, a.text-gray:visited{color:#999;}
.text-white, a.text-white:link, a.text-white:visited{color:#fff;}
.text-red, a.text-red:link, a.text-red:visited{color:#e33;}
.text-yellow, a.text-yellow:link, a.text-yellow:visited{color:#f60;}
.text-blue, a.text-blue:link, a.text-blue:visited{color:#0ae;}
.text-green, a.text-green:link, a.text-green:visited{color:#2c7;}
.text-red-light, a.text-red-light:link, a.text-red-light:visited{color:#fdc;}
.text-yellow-light, a.text-yellow-light:link, a.text-yellow-light:visited{color:#fec;}
.text-blue-light, a.text-blue-light:link, a.text-blue-light:visited{color:#def;}
.text-green-light, a.text-green-light:link, a.text-green-light:visited{color:#ded;}

/*清除浮动影响*/
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix{zoom:1;}

/*主体容器*/
.container{width:1170px;margin:0 auto;}

/*通用信息框*/
.callout{float: left;width:353px;padding: 15px 10px;margin-top: 20px;margin-left: 15px;background-color:#FFFFFF;border: 1px solid #e2e2e2;border-radius: 5px;border-left: 6px solid #e2e2e2;text-align: left;font-size: 14px;}
.callout.first{margin-left: 0px;}
.callout h3{font-size: 18px;margin-bottom: 8px;}
.callout-green{border-color:#1fa67a;}
.callout-green h3{color: #1fa67a;}
.callout-blue{border-color: #0ae;}
.callout-blue h3{color: #0ae;}
.callout-orange{border-color: #e96900;}
.callout-orange h3{color: #e96900;}
.callout-dull-red{border-color: #E83531;}
.callout-dull-red h3{color: #E83531;}
.callout-black{border-color: #000000;}
.callout-black h3{color: #000000;}


/*顶部导航条*/
.finch-navbar{font-size: 14px;}
.finch-navbar .brand {font-size: 20px;float: right;font-weight: bold;color: #666;text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}

/*顶部主体*/
.finch-bg{position: relative;color: #fff;margin:0;padding-bottom:60px;text-align: center;text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);background: #194C7E; background: -moz-linear-gradient(45deg, #194C7E 0%, #2164A6 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#194C7E), color-stop(100%,#2164A6)); background: -webkit-linear-gradient(45deg, #194C7E 0%,#2164A6 100%); background: -o-linear-gradient(45deg, #194C7E 0%,#2164A6 100%);background: -ms-linear-gradient(45deg, #194C7E 0%,#2164A6 100%);background: linear-gradient(0, #194C7E 0%,#2164A6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194C7E', endColorstr='#2164A6',GradientType=1 );-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); }
.finch-bg:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/bg-pattern.png) repeat center center;opacity: 0.4;}
.finch-info{position: relative;z-index: 2;}
.finch-info  .title{margin-top:90px;opacity: 0;display: inline-block;position: relative;font-size: 96px;line-height: 1.2em;letter-spacing: -2px;font-weight: bold;}
.finch-info  .title .subtitle {position: absolute;top: 20px;right: -106px;letter-spacing: 2px;font-size: 16px;line-height:16px;margin:0;font-weight:normal;}
.finch-info  .pursue{margin-top:50px;opacity: 0;font-size: 30px;line-height: 1.2em;font-weight: 200;}
.finch-info  .desc{margin-top:50px;opacity: 0;font-size: 22px;line-height: 1.2em;font-weight: 200;}
.finch-info  .works{margin-top:70px;opacity: 0;}
.finch-info  .links{opacity: 0;font-size:14px;margin-top: 30px;}
.finch-info  .links li{display: inline;padding: 0 10px;}
.finch-info  .links a {color: rgba(255,255,255,.5);}
.finch-info  .links a:hover {color: #fff;text-shadow: 0 0 10px rgba(255,255,255,.25);}


/*中间主体*/
.finch-task{text-align: center;color: #5a5a5a;background-color:#fafafa;padding:50px;}
.finch-task .title{margin-bottom:30px;font-size: 45px;font-weight: bold;color:#3c3c3c;line-height: 1;letter-spacing: -1px;}
.finch-task .subtitle{margin-bottom: 40px;font-size: 16px;font-weight: 300;line-height: 25px;color: #666;}
.finch-task .item-tip {margin: 25px 0 20px;font-size: 14px;}
.finch-task .item-style{font-size: 22px;color: #666;}
.finch-task hr.soften{margin: 60px 0 10px 0;}

/*加入*/
.finch-join{background-color:#FFFFFF;}
.finch-join .title{margin: 50px 0 30px;font-size: 36px;font-weight: bold;line-height: 1;letter-spacing: -1px;color:#3c3c3c;text-align: center;}
.finch-join .subtitle{margin-bottom: 40px;font-size: 16px;font-weight: 300;line-height: 25px;color: #666;text-align: center;}
.finch-join .joinad{text-align: center;}


/*商业服务*/
.finch-buss{background-color:#fafafa;}
.finch-buss .title{margin: 50px 0 30px;font-size: 36px;font-weight: bold;letter-spacing: -1px;color:#3c3c3c;text-align: center;}
.finch-buss .subtitle{margin-bottom: 40px;font-size: 16px;font-weight: 300;line-height: 25px;color: #666;text-align: center;}
.finch-buss .bussad{text-align: center;margin-bottom: 50px;}


/*友情连接*/
.finch-links{text-align: left;padding: 30px 0;}
.finch-links  ul{display: inline;}
.finch-links  ul  li{display: inline;margin-right: 5px;}


/*底部*/
.finch-foot{padding: 30px 0;border-top: 1px solid #e5e5e5;background-color: #f5f5f5;font-size: 13px;text-align: center;}

/*回到顶部*/
.scroll-up{display:block; width:40px; height:40px; background:rgba(33, 100, 166, 0.8); border:1px solid rgba(33, 100, 166, 0.85); border-radius:5px; position:fixed; bottom:40px; right:30px; color:#FFF; text-shadow:0 1px #666;
 -webkit-transition: all .2s linear;-moz-transition: all .2s linear;transition: all .2s linear;}
.scroll-up:hover{background:rgba(33, 100, 166, 0.9); color:#FFF;}
.scroll-up:visited{color:#FFF;}
.scroll-up i{line-height:38px;}


/* loading start */
.loading{position:fixed; bottom:10px; width:100%; z-index:20;display: none;}
.loading-box{background:rgba(0, 0, 0, 0.5); border:1px #666 solid; border-radius:3px;padding:10px 0 10px 30px; width:140px; height:32px; margin:0 auto;}
.loading-box img{float:left;}
.loading-text{margin:4px 0 0 10px; font-size:16px; color:#fff; font-weight:bold; float:left;}
/* loading end */


/*开发手册*/
.sidebar-main{margin-top:60px;margin-bottom:20px;}
.sidebar-left{float: left;width: 250px;padding:10px;font-size: 15px;background-color: #f6f6f6; border-radius: 5px;position: fixed;}
.sidebar-right{float: right;width: 860px;color: #333;font-size: 14px;}

.sidebar-left dt{padding-left: 12px;line-height: 32px;}
.sidebar-left dd{padding-left: 25px;line-height: 26px;}
.sidebar-left a{color: #333333;text-decoration:none;}
.sidebar-left .active a{color: #0088cc;font-weight:bold;}
.sidebar-left .active-a a{color: #0088cc;font-weight:bold;}
.sidebar-left dt.active{border-right: 4px solid #0088cc;background-color: #F1F1F1;}
.sidebar-left dd.active{border-right: 2px solid #0088cc;background-color: #F1F1F1;}


.sidebar-right ul,.sidebar-right li{list-style-type: disc;font-size: 14px;line-height: 1.6;}
.sidebar-right .h1{font-weight:bold;font-size: 30px;height: 30px;padding: 12px 0px;border-bottom: 1px solid #ddd;}
.sidebar-right .h2{position: relative;font-weight:bold;font-size: 22px;height: 22px;padding: 12px 5px;padding-left: 22px;margin-top:20px;}
.sidebar-right .h2:before {content: "#";color: #0088cc;position: absolute; left: 0px;top: 12px;font-size: 22px;font-weight: bold;}
.sidebar-right .h3{font-size: 16px;height: 16px;padding: 12px 0px;font-weight: bold;margin-bottom:15px;border-bottom: 1px solid #ddd;}
.sidebar-right p{line-height: 30px;}
.sidebar-right p.mt10{margin-top:10px;}
.sidebar-right p.mt20{margin-top:20px;}
.sidebar-right p.mt30{margin-top:30px;}
/*tip-blue类，用于提示信息*/
.sidebar-right p.tip{position: relative;padding: 12px 24px 12px 30px;}
.sidebar-right p.tip-blue{border-left: 4px solid #D0E3F0;background-color: #F0F7FD;border-bottom-right-radius: 2px;border-top-right-radius: 2px; color: #0382AD;}
/*tip-orange类，用于注意事项*/
.sidebar-right p.tip-orange{border-left: 4px solid #f66;background-color: #f8f8f8;border-bottom-right-radius: 2px;border-top-right-radius: 2px; color: #ff4d46;}
.sidebar-right p.tip-orange:before {position: absolute;top: 14px;left: -12px;background-color: #f66;color: #fff;content: "!";width: 20px;height: 20px;border-radius: 100%;text-align: center;line-height: 20px;font-weight: bold;}
.sidebar-right .tip-table{margin-top:20px;border: 1px solid #D1D1D1;padding: 12px 20px;}
.sidebar-right .tip-table p{border-bottom: 1px solid #D1D1D1;padding:20px 0px;}

.sidebar-right .tip-code{display:block;padding:15px;color: #dd1144;white-space: nowrap;background-color: #f7f7f9;border: 1px solid #e1e1e8; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}