/* 重置类 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,html,body,iframe{border:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
em,i,small,caption,th{font-weight:normal;font-style:normal;font-size:100%;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;font-size:100%;}
caption,th{text-align:left;}
body{word-wrap:break-word;font:12px/normal "Consolas";color:#555;background:#fff;}
textarea,input,button,select,pre{outline:0;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;}
textarea{overflow:auto;resize:none;}
a,button{cursor:pointer;outline:0;}
a,a:hover{text-decoration:none;color:#37bc9b;}
::selection{text-shadow:none;color:#fff;background-color:rgba(0,102,255,0.8);}
::-webkit-input-placeholder{color:#bbb !important;}
/* 清除浮动 */
.g-in:after,.m-list ul:after,.m-anform .cnt ul:after{display:block;visibility:hidden;height:0;overflow:hidden;clear:both;content:".";}
.g-in,.m-list ul,.m-anform .cnt ul{zoom:1;}
/* 背景图调用 */
.g-hd,.m-head h1{background:url(../images/bg/hd3.png?13010900) no-repeat -9999px -9999px;}
.g-nv,.m-nav li,.m-nav li a,.m-nav li,.m-nav li i,.m-error .error,.m-mask{background:url(../images/bg/nav.png?13010900) no-repeat -9999px -9999px;}
.g-bna{background:#c3e2c9 url(../images/bg/bn.jpg?13010900) repeat-x;}
.g-bn,.g-boxa,.g-boxc,.m-menu li a{background:url(../images/bg/dotx.png?13010900) repeat-x -9999px -9999px;}
.g-boxb,.g-boxd{background:url(../images/bg/doty.png?13010900) repeat-y -9999px -9999px;}
.g-bnb,.m-ban{background:url(../images/bg/banner.jpg?13010900) no-repeat -9999px -9999px;}
.m-ban h2,.m-ban .paobg,.m-ban .paoit i{background:url(../images/bg/pao.png?13010900) no-repeat -9999px -9999px;}
.m-enter li a,.m-feature h3,.m-care .care li a,.m-menu li.crt a,.m-tool .info h2 b,.m-tool .warm{background:url(../images/bg/icn1.png?13011800) no-repeat -9999px -9999px;}
.u-line,.u-line .linea,.u-line .lineb{background:url(../images/bg/line.png?13010900) no-repeat -9999px -9999px;}
.m-share li a{background:url(../images/bg/icn2a.png?13010900) no-repeat -9999px -9999px;}
.m-tool .bwrapin,.m-tool .btns a,.m-share-2 li a,.u-ver,.u-verbox{background:url(../images/bg/icn2.png?13010900) no-repeat -9999px -9999px;}
.u-load{background:url(../images/bg/load.gif?13010900) no-repeat -9999px -9999px;}
/* 特殊字体设置 */
.u-ttb,.m-enter h3,.u-ttb2,.m-tool .info h2,.m-tool .list a{font-weight:normal;font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
/* 过渡效果 */
a{-webkit-transition:color 0.3s;-moz-transition:color 0.3s;-ms-transition:color 0.3s;transition:color 0.3s;}
.m-list a h4,.m-case li a{-webkit-transition:border-color 0.3s;-moz-transition:border-color 0.3s;-ms-transition:border-color 0.3s;transition:border-color 0.3s;}
.m-care .care li a{-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;transition:opacity 0.3s;}
/* 定义动画 */
/* 首页水泡 */
@-webkit-keyframes paobg1{0%{background-position:0 0;}100%{background-position:0 0;}}
@-moz-keyframes paobg1{0%{background-position:0 0;}100%{background-position:0 0;}}
@-ms-keyframes paobg1{0%{background-position:0 0;}100%{background-position:0 0;}}
@keyframes paobg1{0%{background-position:0 0;}100%{background-position:0 0;}}
@-webkit-keyframes paobg2{0%{background-position:0 -194px;}100%{background-position:0 -194px;}}
@-moz-keyframes paobg2{0%{background-position:0 -194px;}100%{background-position:0 -194px;}}
@-ms-keyframes paobg2{0%{background-position:0 -194px;}100%{background-position:0 -194px;}}
@keyframes paobg2{0%{background-position:0 -194px;}100%{background-position:0 -194px;}}
@-webkit-keyframes paoi{0%{top:186px;}100%{top:-56px;}}
@-moz-keyframes paoi{0%{top:186px;}100%{top:-56px;}}
@-ms-keyframes paoi{0%{top:186px;}100%{top:-56px;}}
@keyframes paoi{0%{top:186px;}100%{top:-56px;}}
/* 显示动画 */
@-webkit-keyframes show{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes show{0%{opacity:0;}100%{opacity:1;}}
@-ms-keyframes show{0%{opacity:0;}100%{opacity:1;}}
@keyframes show{0%{opacity:0;}100%{opacity:1;}}
/* 进入动画 */
@-webkit-keyframes enter{0%{-webkit-transform:translateX(50px);opacity:0;}100%{-webkit-transform:translateX(0);opacity:1;}}
@-moz-keyframes enter{0%{-moz-transform:translateX(50px);opacity:0;}100%{-moz-transform:translateX(0);opacity:1;}}
@-ms-keyframes enter{0%{-ms-transform:translateX(50px);opacity:0;}100%{-ms-transform:translateX(0);opacity:1;}}
@keyframes enter{0%{transform:translateX(50px);opacity:0;}100%{transform:translateX(0);opacity:1;}}
/* 动画调用 */
.g-bnb,.g-bd .g-in,.m-article dl,.m-list .list{-webkit-animation:show 0.5s ease-out;-moz-animation:show 0.5s ease-out;-ms-animation:show 0.5s ease-out;animation:show 0.5s ease-out;}
/* 布局类 */
html{overflow-y:auto;}
/* 页宽 */
body{min-width:900px;}
.g-in{width:900px;margin:0 auto;}
/* 头部 */
.g-hd,.g-nv{position:relative;background-position:0 0;background-repeat:repeat-x;}
.g-hd{height:64px;background-color:#37bc9b;}
/* 导航布局 */
.g-nv{z-index:100;height:45px;background-color:#f8f8f8;-ms-box-shadow:0 2px 0 0 rgba(0,0,0,0.02);box-shadow:0 2px 0 0 rgba(0,0,0,0.02);}
/* 页脚布局 */
.g-ft{padding:30px 0 10px;border-top:1px solid #dbdbdb;background:-webkit-linear-gradient(#f9f9f9,#fff 30px);background:-moz-linear-gradient(#f9f9f9,#fff 30px);background:-ms-linear-gradient(#f9f9f9,#fff 30px);background:linear-gradient(#f9f9f9,#fff 30px);}
/* 首页banner布局 */
.g-bna,.g-bnb,.g-bn .g-in{height:366px;}
.g-bn{padding:0 0 1px;background-position:0 bottom;}
.g-bn .g-in{position:relative;}
.g-bnb{background-position:center 0;}
/* 主体 */
.g-bd{padding:50px 0 40px;}
.g-bd .g-in{width:850px;min-height:400px;padding:0 25px;}
.g-bd1{padding:20px 0;background:#efefef;}
.g-bd2{}
.g-bd2 .g-in{width:auto;}
/* 主侧栏 */
.g-sd{position:relative;float:left;width:160px;padding:36px 16px 40px 40px;border-right:1px solid #e7e7e7;}
.g-mn{float:right;width:100%;margin-left:-220px;}
.g-mnc{min-height:500px;margin-left:216px;padding:40px 50px 40px 40px;border-left:1px solid #e7e7e7;background-position:0 0;}
/* 线框 */
.g-boxa,.g-boxd{background-position:0 0;}
.g-boxb{background-position:right 0;}
.g-boxc{background-position:0 bottom;}
.g-boxd{padding:20px 30px;}
/* 线框白盒 */
.g-box1,.g-box2{background:#fff;}
.g-box1{float:left;width:561px;}
.g-box1 .g-boxd{padding:20px 40px;}
.g-box2{float:right;width:329px;}
/* 代码库特殊布局 */
.g-tool{position:absolute;top:109px;left:0;right:0;bottom:59px;_position:relative;_top:0;_height:100%;}
/* 动画工具布局 */
.g-an,.g-anbd,.g-anmn,.g-ansd,.g-anft{position:absolute;left:0;}
.g-an{top:120px;right:0;bottom:0;min-width:900px;cursor:default;overflow:hidden;}
.g-anbd{top:0;right:0;bottom:50px;}
.g-antime{position:absolute;top:0;left:10px;height:30%;right:460px;z-index:30;}
.g-anview{position:absolute;top:30%;left:10px;bottom:0;right:460px;z-index:20;background:#fff;-webkit-transition:top 0.3s ease-out,right 0.3s ease-out;}
.g-ansd{top:0;right:0;bottom:0;left:auto;width:460px;z-index:10;}
.g-anft{right:0;bottom:0;height:50px;background:#eee;z-index:5;}
.g-anview.z-full{top:0!important;right:0!important;z-index:100!important;}
/* 模块类 */
/* logo */
.m-head{position:relative;width:100%;}
.m-head a,.m-head a:hover{color:#fff;background: none;}
.m-head h1{position:absolute;top:0;left:-137px;width:257px;height:50px;padding:14px 0 0 137px;background-position:0 -76px;}
.m-head h1 a{display:block;height:38px;overflow:hidden;text-indent:-2000px;background: none;}
.m-head p{position:absolute;top:26px;right:0;white-space:nowrap;word-wrap:normal;line-height:16px;}
/* 导航 */
.m-nav{height:37px;padding:8px 0 0;line-height:35px;text-align:center;text-shadow:1px 1px #fff;}
.m-nav,.m-nav li{font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;}
.m-nav li,.m-nav li a{display:inline-block;*display:inline;*zoom:1;height:35px;}
.m-nav li{position:relative;padding-left:2px;background-position:-91px -55px;}
.m-nav li a{padding:0 20px;font-weight:bold;font-size:14px;letter-spacing:normal;word-spacing:normal;color:#556165;}
.m-nav li a:hover{color:#488c9d;}
.m-nav li i{display:none;position:absolute;left:50%;top:35px;width:14px;height:8px;margin-left:-6px;overflow:hidden;background-position:0 -66px;}
.m-nav li.first{background:none;}
.m-nav li.crt i{display:block;}
/* 首页banner */
.m-ban{position:absolute;top:0;left:0;width:100%;height:100%;background-position:-93px 0;}
.m-ban h2,.m-ban .pao{position:absolute;top:75px;left:171px;width:487px;height:186px;overflow:hidden;}
.m-ban h2{text-indent:-2000px;-webkit-animation:paobg1 1s infinite;-moz-animation:paobg1 1s infinite;-ms-animation:paobg1 1s infinite;animation:paobg1 1s infinite;}
.m-ban .paobg,.m-ban .paoit{position:absolute;top:0;left:0;width:100%;height:100%;}
.m-ban .paobg{z-index:5;-webkit-animation:paobg2 1s infinite;-moz-animation:paobg2 1s infinite;-ms-animation:paobg2 1s infinite;animation:paobg2 1s infinite;}
.m-ban .paoit i{position:absolute;z-index:3;top:100%;width:53px;height:56px;overflow:hidden;text-indent:-2000px;background-position:-507px 0;-webkit-animation:paoi 7s 2s infinite;-moz-animation:paoi 7s 2s infinite;-ms-animation:paoi 7s 2s infinite;animation:paoi 7s 2s infinite;}
.m-ban .paoit i:nth-child(1){left:25px;-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s;}
.m-ban .paoit i:nth-child(2){left:85px;-webkit-animation-duration:6s;-moz-animation-duration:6s;-ms-animation-duration:6s;animation-duration:6s;-webkit-animation-delay:6s;-moz-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s;background-position:-507px -64px;}
.m-ban .paoit i:nth-child(3){left:148px;-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:7s;-moz-animation-delay:7s;-ms-animation-delay:7s;animation-delay:7s;}
.m-ban .paoit i:nth-child(4){left:190px;-webkit-animation-delay:4s;-moz-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s;background-position:-507px -140px;}
.m-ban .paoit i:nth-child(5){left:285px;-webkit-animation-duration:5s;-moz-animation-duration:5s;-ms-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:8s;-moz-animation-delay:8s;-ms-animation-delay:8s;animation-delay:8s;}
.m-ban .paoit i:nth-child(6){left:350px;background-position:-507px -64px;}
.m-ban .paoit i:nth-child(7){left:400px;-webkit-animation-delay:5s;-moz-animation-delay:5s;-ms-animation-delay:5s;animation-delay:5s;}
/* 首页模块等高设置 */
.m-feature,.m-care{height:138px;overflow:hidden;}
/* 首页特色介绍 */
.m-feature h3{position:relative;float:left;width:167px;height:82px;overflow:hidden;text-indent:-2000px;background-position:0 0;}
.m-feature .cnt{float:right;width:100%;margin-left:-167px;line-height:21px;}
.m-feature .cnt p{margin-left:187px;}
/* 首页关注我们 */
.m-care .care ul{margin:-10px 0 0 -30px;}
.m-care .care li,.m-care .care li a{float:left;width:40px;height:40px;}
.m-care .care li{display:inline;margin:10px 0 0 30px;}
.m-care .care li a{overflow:hidden;text-indent:-2000px;opacity:0.6;filter:alpha(opacity=60);}
.m-care .care li a:hover{opacity:1;filter:alpha(opacity=100);}
.m-care .care li a.c1{background-position:-50px -98px;}
.m-care .care li a.c2{background-position:0 -98px;}
.m-care .care li a.c3{background-position:-100px -98px;}
.m-care .care li a.c4{background-position:-150px -98px;}
.m-care .care li a.c5{background-position:0 -138px;}
/* 底部模块 */
.m-ft{line-height:19px;text-align:center;color:#999;}
.m-ft a{margin:0 6px;color:#999;}
.m-ft a:hover{color:#555;}
/* 入口页介绍 */
.m-intro{position:relative;margin:0 0 20px;line-height:2;}
.m-intro .ver{position:relative;padding-left:80px;zoom:1;text-indent:-58px;}
.m-intro .ver .u-ver{position:absolute;top:1em;left:0;margin-top:-7px;}
.m-intro .booklist{margin:20px 0 0;}
.m-intro .booklist a{position:relative;float:left;width:137px;height:186px;margin-right:50px;border:3px solid #e7e7e7;text-align:center;color:#555;}
.m-intro .booklist a:hover{border-color:#b1d6dd;}
.m-intro .booklist em,.m-intro .booklist i{display:block;margin:5px 0;font-weight:normal;}
.m-intro .booklist img{display:block;margin:0 auto;}
.m-intro .booklist i{position:absolute;left:0;bottom:0;width:100%;color:#999;}
.m-intro .bookslide,.m-intro .bookslide .group,.m-intro .bookslide img{position:absolute;top:0;right:0;width:200px;height:260px;}
.m-intro .bookslide{top:auto;bottom:0;-webkit-perspective:2000px;-webkit-transform:perspective(2000px) rotateX(30deg);-webkit-transform-origin:50% 100%;-webkit-transform-style:preserve-3d;}
.m-intro .bookslide img{-webkit-backface-visibility:hidden;}
.m-intro .bookslide img.cover{z-index:3;}
.m-intro .bookslide .group{z-index:4;-webkit-transform:rotateY(0deg);-webkit-transform-origin:0 50%;-webkit-transform-style:preserve-3d;-webkit-transition:1s ease-in-out;}
.m-intro .bookslide .group img:last-child{-webkit-transform:rotateY(180deg);}
.m-intro:hover .bookslide .group{-webkit-transform:rotateY(-180deg);-webkit-transition-duration:2s;}
/* 入口列表 */
.m-enter{}
.m-enter ul{margin:0 0 0 -65px;}
.m-enter li{display:inline;float:left;margin:65px 0 0  65px;}
.m-enter li a{display:block;width:200px;height:136px;padding:15px 19px 0 21px;background-position:0 -260px;}
.m-enter li a:hover{background-position:0 -420px;}
.m-enter h3{height:31px;line-height:31px;font-size:22px;}
.m-enter p{margin:25px 0 0;line-height:21px;color:#666;}
/* 菜单 */
.m-menu{width:160px;color:#444;}
.m-menu li{float:left;width:100%;}
.m-menu li a{position:relative;z-index:8;display:block;width:100%;height:36px;text-indent:40px;line-height:36px;font-size:14px;color:#444;background-position:0 bottom;}
.m-menu li a:hover{color:#448aca;}
.m-menu li:last-child a{background-position:9999px 9999px;}
.m-menu li.crt a{z-index:9;margin:-3px -36px -3px 0;padding:3px 36px 3px 0;color:#448aca;background-position:0 -194px;}
.m-menu-fixed{position:fixed;top:12px;left:40px;}
/* 文章内容 */
.m-article{font-size:12px;line-height:1.8;}
.m-article dt,.m-article dd,.m-article h3,.m-article h4,.m-article p,.m-article ul,.m-article ol,.m-article li,.m-article table{margin:0 0 0.6em;}
.m-article dt{margin-top:2em;font-size:1.167em;font-weight:bold;color:#444;}
.m-article dd{margin-bottom:1.6em;}
.m-article ul,.m-article ol{padding-left:2em;}
.m-article ul li{list-style:outside disc;}
.m-article ol li{list-style:outside decimal;}
.m-article caption{padding:0 0 0.3em;}
.m-article th,.m-article td{padding:0.3em 1em;border:1px solid #e1e1e8;vertical-align:top;empty-cells:show;}
.m-article th{background:#f7f7f7;}
.m-article pre{position:relative;zoom:1;margin:10px 0;padding:5px 0 5px 43px;border:1px solid #e1e1e8;border-radius:5px;line-height:17px;background:#f7f7f9;}
.m-article pre:after{position:absolute;top:0;left:0;bottom:0;width:30px;border-right:1px solid #ececf0;border-radius:5px 0 0 5px;content:'';background:#fbfbfc;}
/* 内容列表 */
.m-list{}
.m-list h3{padding:0 19px 15px;margin:30px 0 0;font-size:14px;color:#555;}
.m-list .list{overflow:hidden;zoom:1;}
.m-list ul{margin:0 0 0 -35px;}
.m-list li{position:relative;display:inline;float:left;margin:35px 0 0 35px;}
.m-list a.link{display:block;width:186px;border:1px solid #e7e7e7;border-width:1px 1px 3px;color:#333;}
.m-list a.link:hover{color:#128ec2;}
.m-list li:hover a.link{border-bottom-color:#b1d6dd;}
.m-list p{padding:1px;border-bottom:1px solid #e7e7e7;}
.m-list p img{display:block;width:184px;height:138px;}
.m-list h4{width:120px;height:30px;padding:0 0 0 8px;border-width:0 1px 3px;font-weight:normal;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.m-list .u-load{margin-top:100px;}
.m-list .ver{position:absolute;top:150px;left:130px;cursor:default;}
.m-list .u-ver{float:left;margin-right:5px;}
/* 工具 */
.m-tool,.m-tool .awrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.m-tool .awrap,.m-tool .cwrap{position:relative;height:49.99%;overflow:hidden;}
.m-tool .bwrap{position:relative;z-index:8;height:58px;border-bottom:1px solid #aaa;-ms-box-shadow:0 3px 6px rgba(0,0,0,0.2);box-shadow:0 3px 6px rgba(0,0,0,0.2);}
.m-tool .toggle{position:relative;height:5px;overflow:hidden;border-top:1px solid #a8a8a8;border-bottom:1px solid #c2c2c2;cursor:n-resize;}
.m-tool .togglein{height:3px;overflow:hidden;border-top:1px solid #afaeae;border-bottom:1px solid #c6c6c6;}
.m-tool .togglein2{height:1px;overflow:hidden;border-top:1px solid #b5b5b5;border-bottom:1px solid #c2c2c2;background:#bcbcbc;}
.m-tool .toggle i{position:absolute;top:50%;left:50%;width:10px;height:1px;margin:0 0 0 -5px;overflow:hidden;border-top:2px dotted #fff;}
.m-tool .bwrapin{position:relative;height:51px;padding:0 0 0 15px;background-color:#e5e5e5;background-repeat:repeat-x;background-position:0 -182px;}
.m-tool .info{float:left;width:100%;margin-right:-400px;cursor:default;}
.m-tool .info h2{height:24px;line-height:22px;overflow:hidden;margin:4px 320px 3px 0;font-size:16px;color:#444;}
.m-tool .info h2 b{float:left;margin-right:5px;font-weight:normal;}
.m-tool .info h2 b.more{padding-right:15px;cursor:pointer;background-position:right -577px;}
.m-tool .info p{height:15px;line-height:15px;overflow:hidden;margin:0 320px 0 0;}
.m-tool .u-verbox,.m-tool .warm{float:left;margin:2px 0 0 5px;}
.m-tool .warm{width:185px;padding:0 0 0 11px;height:21px;line-height:21px;overflow:hidden;font-size:12px;font-family:"Consolas";color:#777;background-position:0 -620px;}
.m-tool .list{position:absolute;top:29px;left:4px;*width:255px;-ms-box-shadow:0 1px 0 rgba(0,0,0,0.1);box-shadow:0 1px 0 rgba(0,0,0,0.1);background:#ededed;}
.m-tool .list a{position:relative;display:block;height:33px;padding:0 10px;border:1px solid #ccc;margin-top:-1px;line-height:33px;font-size:14px;color:#444;background:-webkit-linear-gradient(#efefef,#eaeaea);background:-moz-linear-gradient(#efefef,#eaeaea);background:-ms-linear-gradient(#efefef,#eaeaea);background:linear-gradient(#efefef,#eaeaea);background-color:#ededed;}
.m-tool .list a:hover{background:#fff;}
.m-tool .list b{display:block;width:100%;height:33px;overflow:hidden;font-weight:normal;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.m-tool .btns{display:inline;float:right;}
.m-tool .btns a{float:left;width:62px;height:51px;border-style:solid;border-width:0 1px;border-color:#eee #eee #eee #bbb;overflow:hidden;text-indent:-2000px;cursor:pointer;background-color:#d5d5d5;}
.m-tool .btns a.run{background-position:0 -239px;}
.m-tool .btns a.run:hover{background-position:0 -292px;}
.m-tool .btns a.reset{border-right:0;background-position:0 -345px;}
.m-tool .btns a.reset:hover{background-position:0 -398px;}
.m-tool .code{position:absolute;top:0;width:49%;height:100%;}
.m-tool .code-l{left:1%;}
.m-tool .code-r{right:0;}
.m-tool .code-toggle{z-index:8;left:50%;width:3px;overflow:hidden;cursor:w-resize;}
.m-tool .code-toggle .vline{position:absolute;top:0;left:1px;width:1px;height:100%;overflow:hidden;background:#ccc;}
.m-tool .code textarea{position:absolute;top:0;left:0;width:100%;height:100%;border:0;word-wrap:break-word;line-height:1.5;color:#000;font-family: "Consolas","Courier New",Courier,mono,serif;-webkit-tab-size:4;-moz-tab-size:4;-ms-tab-size:4;tab-size:4;}
/* 透明遮罩 */
.m-mask{position:absolute;top:0;left:0;z-index:7;width:100%;height:100%;_padding-bottom:168px;}
/* 案例 */
.m-case{width:780px;margin:30px auto 0;}
.m-case ul{margin:0 0 0 -30px;}
.m-case li{display:inline;float:left;margin:30px 0 0 30px;}
.m-case li a,.m-case li img{height:114px;}
.m-case li a{float:left;border:3px solid #ececec;}
.m-case li a:hover{border-color:#b1d6dd;}
/* 分享到 */
.m-share{position:fixed;_position:absolute;z-index:20;right:0;top:230px;width:30px;padding:6px;border:1px solid #dedede;background:#fff;}
.m-share li,.m-share li a{float:left;width:30px;height:30px;}
.m-share li a{overflow:hidden;text-indent:-2000px;}
.m-share li a.s1{background-position:0 0;}
.m-share li a.s2{background-position:0 -30px;}
.m-share li a.s3{background-position:0 -60px;}
.m-share li a.s4{background-position:0 -90px;}
.m-share li a.s5{background-position:0 -120px;}
.m-share li a:hover{background-position-x:-30px;}
/* 分享到-在工具页 */
.m-share-2{float:right;position:static;width:150px;padding:11px 25px 0 0;border:0;background:none;}
.m-share-2-1{float:none;position:absolute;top:0;right:0;padding:0;}
/* 页面错误 */
.m-error{padding:50px 0;text-align:center;font-size:14px;}
.m-error .error{display:inline-block;*display:inline;*zoom:1;padding:10px 0 10px 60px;background-position:0 -125px;}
.m-error h3{margin:0 0 20px;}
/* 动画时间轴 */
.m-antime .antime{position:absolute;top:0;left:0;right:0;bottom:30px;padding-top:30px;overflow:hidden;background:-webkit-linear-gradient(#fff,#fff) repeat-y 100px 0/12px 100% content-box,-webkit-linear-gradient(#fff,#fff 1px,#f7f7f7 1px,#f7f7f7 21px,#fff 21px,#fff 22px) 0 0/100% 22px content-box;}
.m-antime .antime:after{content:'';position:absolute;z-index:15;top:0;right:0;width:5px;height:12px;background:#fff;}
.m-antime .timeline{position:absolute;top:0;left:110px;right:0;bottom:0;overflow:hidden;overflow-x:scroll;}
.m-antime .meter{position:absolute;z-index:10;top:0;left:0;right:0;height:30px;background:#fff;}
.m-antime .meter .item{float:left;position:relative;width:50px;height:20px;background:-webkit-linear-gradient(left,#666 0,#666 1px,transparent 1px) 0 100%/1px 6px no-repeat,-webkit-linear-gradient(left,#999 0,#999 1px,transparent 1px) 0 100%/10px 3px repeat-x;}
.m-antime .meter .item:first-child{margin-left:2px;}
.m-antime .meter .item:last-child{margin-right:-2px;}
.m-antime .meter .num{position:absolute;top:0;width:62px;left:-30px;text-align:center;-webkit-text-size-adjust:none;-webkit-transform:scale(0.8);}
.m-antime .antime li{position:relative;z-index:3;height:20px;border:1px solid #fff;border-width:1px 0;line-height:20px;background:#ddd;-webkit-animation:showline 0.3s;}
.m-antime .insert{display:none;position:absolute;z-index:8;left:0;right:0;height:2px;background:#f00;-webkit-transition:opacity 0.1s,top 0.1s;}
.m-antime .insert.z-show{display:block;}
@-webkit-keyframes showline{0%{background:#ccc;}100%{background:#ddd;}}
.m-antime .antime li.z-sel{z-index:7;background:#ccc;-webkit-animation-direction:reverse;}
.m-antime .antime li.z-drag{opacity:0.2;}
.m-antime .antime li:hover{z-index:8;}
.m-antime .line,.m-antime .ctrl{position:absolute;top:30px;left:0;right:0;bottom:0;overflow:hidden;overflow-y:auto;}
.m-antime .line ul,.m-antime .ctrl ul{position:relative;padding-bottom:1px;}
.m-antime .line ul{padding-left:2px;}
.m-antime .ctrl{right:auto;width:108px;overflow-x:scroll;}
.m-antime .ctrl ul{width:100px;}
.m-antime .antime .parent:before{content:'-';}
.m-antime .antime li.z-fold .parent:before{content:'+';}
.m-antime .antime .child:before{content:'.';}
.m-antime .an{position:absolute;top:2px;bottom:2px;background:#aaa;}
.m-antime .breaks{height:100%;margin:0 2px;}
.m-antime .break{position:absolute;top:0;width:4px;height:100%;margin:0 -2px;background:#888;}
.m-antime .break:hover{background:#666;}
.m-antime .break.from{left:0%;}
.m-antime .break.to{left:100%;}
.m-antime .break.z-sel{background:#333;}
.m-antime .break i{display:none;position:absolute;bottom:100%;left:50%;width:24px;margin-left:-12px;text-align:center;line-height:10px;-webkit-transform:scale(0.8);pointer-events:none;}
.m-antime li:first-child .break i{bottom:auto;top:100%;}
.m-antime .break:hover i,.m-antime .break:active i{display:block;}
.m-antime .oprate,.m-antime .resize{position:absolute;bottom:0;left:0;bottom:0;right:0;height:30px;background:#ddd;}
.m-antime .oprate .forline{float:right;}
.m-antime .oprate li{position:relative;float:left;padding:5px 10px;line-height:20px;}
.m-antime .oprate li.z-dis{opacity:0.5;}
.m-antime .oprate .mwrap{position:absolute;top:100%;right:0;white-space:nowrap;overflow-y:auto;min-width:100%;max-height:100px;opacity:0;-webkit-transition:opacity 0.3s;}
.m-antime .oprate .mitem{display:block;padding:0 10px;background:#ddd;}
.m-antime .oprate .mitem:hover{background:#bbb;}
.m-antime .oprate li:hover .mwrap{opacity:1;}
.m-antime .resize{height:4px;background:none;cursor:s-resize;}
/* 动画预览 */
.m-anview iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/* 动画全局设置 */
.m-anglobal{position:absolute;left:10px;right:10px;bottom:10px;}
.m-anglobal h1,.m-anglobal p{position:absolute;pointer-events:none;text-indent:-9999px;}
.m-anglobal .form li{float:left;margin:0 20px 0 0;}
.m-anglobal input{padding:5px;}
.m-anglobal button{margin:0 10px;padding:5px;}
.m-anglobal button:disabled{cursor:default;}
/* 动画表单 */
.m-anform{display:none;position:absolute;top:0;left:10px;right:0;bottom:0;}
.m-anform .hd{position:absolute;top:0;left:0;bottom:0;width:45px;border-right:1px solid #ddd;}
.m-anform .hd ul{position:absolute;top:0;left:0;bottom:0;right:0;margin-right:-1px;}
.m-anform .hd li{border:1px solid #ddd;padding:10px 5px 10px 0;margin-top:10px;background:#eee;text-align:right;}
.m-anform .hd li:first-child{margin-top:0;}
.m-anform .hd li.z-sel{border-right:0;background:#fff;}
.m-anform .bd{position:absolute;top:0;left:45px;right:0;bottom:0;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.m-anform .cnt{display:none;position:absolute;top:5px;right:0;bottom:5px;left:5px;overflow:hidden;overflow-y:auto;}
.m-anform .cnt h3{width:48px;padding:5px 0;text-align:right;}
.m-anform .cnt > ul{padding:5px 0;border-bottom:1px dashed #ddd;}
.m-anform .cnt > ul:last-child{border-bottom:0;}
.m-anform .cnt > ul > li{float:left;width:50%;box-sizing:border-box;padding:4px 5px;}
.m-anform .cnt .lab{float:left;width:60px;text-align:right;line-height:23px;}
.m-anform .cnt .iptwrap{overflow:hidden;}
.m-anform .cnt input,.m-anform .cnt textarea{box-sizing:border-box;width:100%;height:23px;line-height:15px;padding:3px;border:1px solid #aaa;}
.m-anform .cnt textarea{margin-top:10px;height:38px;}
.m-anform .cnt.z-show{display:block;}
.m-anform.z-show{display:block;}
/* 元件类 */
/* 小标题 */
.u-tts{margin:0 0 20px;font-size:14px;line-height:normal;}
/* 大标题 */
.u-ttb,.u-ttb2{line-height:normal;color:#444;}
.u-ttb{margin:0 0 15px;font-size:48px;}
.u-ttb2{margin:0 0 35px;font-size:24px;}
/* 加载动画 */
.u-load{width:99px;height:19px;overflow:hidden;margin:0 auto;text-indent:-2000px;background-position:center center;}
/* 修饰分割线 */
.u-line,.u-line .linea,.u-line .lineb{height:3px;overflow:hidden;}
.u-line{background-position:0 -8px;background-repeat:repeat-x;}
.u-line .linea,.u-line .lineb{width:373px;}
.u-line .linea{float:left;margin-right:-373px;background-position:0 0;}
.u-line .lineb{float:right;margin-left:-373px;background-position:0 -4px;}
/* 空白 */
.u-blank{display:block;height:10px;overflow:hidden;}
/* 版本图标 */
.u-ver{display:block;width:14px;height:14px;overflow:hidden;text-indent:-2000px;}
span.u-ver{opacity:0.3;filter:alpha(opacity=30);}
.u-ver-1{background-position:0 -480px;}
a.u-ver-1:hover,i.u-ver-1{background-position:0 -500px;}
.u-ver-2{background-position:-20px -480px;}
a.u-ver-2:hover,i.u-ver-2{background-position:-20px -500px;}
.u-ver-3{background-position:-40px -480px;}
a.u-ver-3:hover,i.u-ver-3{background-position:-40px -500px;}
/* 版本图标外框 */
.u-verbox{display:block;padding:3px 3px 4px;}
.u-verbox-crt{background-position:0 -454px;}
/* 功能类 */
.f-cb:after{clear:both;display:block;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb{zoom:1;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
/* 皮肤类 */
.s-fc0,a.s-fc0:hover{color:#128ec2;}
.s-fc1,a.s-fc1:hover{color:#555;}
.s-fc2,a.s-fc2:hover{color:#999;}
/* 小屏 */
@media screen and (max-width:899px){
	.m-menu-fixed{position:static;}
	.m-share:not(.m-share-2){display:none;}
}
/* 打印时 */
@media print{
	@page{margin:20px;}
    .g-ft,.m-ban .pao,.m-nav li.crt i,.m-share,.p-article .g-sd,.p-category .g-sd,.u-line .linea,.u-line .lineb,.m-tool .toggle,.m-tool .btns{display:none;}
    .m-head h1 a{text-indent:0;font-size:20px;color:#333;}
    .g-nv,.m-tool .bwrap,.m-tool .cwrap{box-shadow:none;border-bottom:1px solid #dbdbdb;}
    .m-tool .bwrap{border-top:1px solid #dbdbdb;margin-top:-3px;}
    .m-nav{text-shadow:none;}
    .m-nav li.crt a{color:#000;}
    .g-bna,.g-bnb,.g-bn .g-in,.m-ban h2{height:100px;}
    .m-ban h2{top:0;line-height:100px;text-align:center;text-indent:0;font-size:28px;}
    .m-feature h3{text-indent:0;font-size:32px;}
    .m-care .care li a{text-indent:0;font-size:16px;opacity:1;filter:alpha(opacity=100);}
    .p-article .g-mn,.p-category .g-mn{width:100%;margin-left:0;}
    .p-article .g-mnc,.p-category .g-mnc{margin-left:0;padding:40px 0 0;border-left:0;}
    .u-line{border-bottom:1px dashed #dbdbdb;}
    .m-list ul{margin-left:-40px;}
    .m-list li{padding-left:40px;}
    .m-tool .code textarea,div.syntaxhighlighter{overflow:hidden;}
    .m-tool .code-toggle{border-left:1px solid #dbdbdb;}
}
*::-webkit-scrollbar-thumb {
    height: 4px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(#E0FFCD,#F3F0D1,#FEFFDF,#C7F2E3); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#E0FFCD,#F3F0D1,#FEFFDF,#C7F2E3); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#E0FFCD,#F3F0D1,#FEFFDF,#C7F2E3); /* Firefox 3.6 - 15 */
    background: linear-gradient(#E0FFCD,#F3F0D1,#FEFFDF,#C7F2E3); /* 标准的语法（必须放在最后） */
}
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}
*::-webkit-scrollbar {
    width: 10px;
    height: 6px;
    background-color: #f5f5f5;
}