html{font-size:inherit;color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
body,html{font-family:Helvetica,Arial,sans-serif;color:#333;font-size:.6rem;background:#f5f5f5}
article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:after,q:before{content:""}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{vertical-align:middle}
i{font-style:normal}
a{color:#585858}
a,a:hover,ins{text-decoration:none}
*,:after,:before{max-height:100000px}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_448496_u0ex6yyvg4q2gldi.eot);src:url(//at.alicdn.com/t/font_448496_u0ex6yyvg4q2gldi.eot#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_448496_u0ex6yyvg4q2gldi.woff) format("woff"),url(//at.alicdn.com/t/font_448496_u0ex6yyvg4q2gldi.ttf) format("truetype"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E") format("svg")}
.icon{font-family:iconfont!important;font-size:.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-menu:before{content:"\e605"}
.icon-search:before{content:"\e63e"}
.icon-top:before{content:"\e63f"}
.icon-time:before{content:"\e68b"}
.icon-tag:before{content:"\e62c"}
.icon-more:before{content:"\e60c"}
.common-box,.common-nav,.common-title{zoom:1}
.common-box:after,.common-box:before,.common-nav:after,.common-nav:before,.common-title:after,.common-title:before{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.header-search .icon-search{font-size:20px}
.header-search [data-dpr="2"] .icon-search,[data-dpr="2"] .header-search .icon-search{font-size:40px}
.header-search [data-dpr="3"] .icon-search,[data-dpr="3"] .header-search .icon-search{font-size:60px}
.detail-info{border-bottom:1px solid #ddd}
[data-dpr="2"] .detail-info{border-bottom:2px solid #ddd}
[data-dpr="3"] .detail-info{border-bottom:3px solid #ddd}
.common-list li,.common-title{border-bottom:1px solid #eee}
.common-list [data-dpr="2"] li,[data-dpr="2"] .common-list li,[data-dpr="2"] .common-title{border-bottom:2px solid #eee}
.common-list [data-dpr="3"] li,[data-dpr="3"] .common-list li,[data-dpr="3"] .common-title{border-bottom:3px solid #eee}
#gotop{border:1px solid #eee}
[data-dpr="2"] #gotop{border:2px solid #eee}
[data-dpr="3"] #gotop{border:3px solid #eee}
.common-nav a{border:1px solid #ddd}
.common-nav [data-dpr="2"] a,[data-dpr="2"] .common-nav a{border:2px solid #ddd}
.common-nav [data-dpr="3"] a,[data-dpr="3"] .common-nav a{border:3px solid #ddd}
#gotop{display:none;position:fixed;right:.8rem;bottom:.8rem;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;background:#f6f6f6;border-radius:50%;color:#999}
.container{max-width:16rem;margin-left:auto;margin-right:auto;background:#fff}
.header{position:relative;height:2.5rem;background:#00BCD4;display:-webkit-box}
.header-logo{display:block;width:5rem;height:2rem;padding:.25rem;background:url(../img/logo.png) no-repeat .25rem .25rem;background-size:5rem 2rem;text-indent:-99999em}
.header-search{position:relative;box-sizing:border-box;width:9rem;height:1.5rem;margin-top:.5rem;background:#fff;-webkit-box-flex:1;border-radius:.125rem;overflow:hidden;line-height:1.5rem;color:#999}
.header-search .icon-search{position:absolute;right:.25rem}
.search-text{width:6.45rem;margin:.25rem 2rem .25rem .3rem;border:none;color:#999;font-size:.5rem}
.header-menu{width:2rem;height:2.5rem;line-height:2.5rem;text-align:center;}
.header-menu .icon-menu{display:inline-block;font-size:1.2rem;color:#fff;position: relative;z-index: 99;}
.header-menu ul{display:none;position:absolute;z-index:999;right:0;top:2.5rem;padding:0 .25rem;background:hsla(0,0%,100%,.95);box-shadow:0 2px 6px rgba(0,0,0,.4);}
.header-menu ul:before{content:"";display:inline-block;position:absolute;top:-.25rem;right:.6rem;border-width:0 .3rem .3rem;border-style:solid;border-color:#fff transparent}
.header-menu li{display:block;width:5rem;height:1.6rem;line-height:1.6rem;border-bottom:1px dashed #ddd;text-align:center;font-size:.7rem}
[data-dpr="2"] .header-menu li{border-bottom:2px dashed #ddd}
[data-dpr="3"] .header-menu li{border-bottom:3px dashed #ddd}
.header-menu li:last-child{border-bottom:none}
.footer{background:#f6f6f6;padding:0 .5rem .5rem;border-top:1px solid #e9e9e9;font-size:.6rem;color:#777}
.footer p{margin-top:.5rem;text-align:center}
.common-margin{height:.25rem;background:#ededed;border-style:solid;border-color:#e9e9e9;border-width:1px 0}
[data-dpr="2"] .common-margin{border-width:2px 0}
[data-dpr="3"] .common-margin{border-width:3px 0}
.common-box{padding:0 .5rem;background:#fff}
.common-box .lazyloading,.common-box .lazyload{opacity:0}
.common-box .lazyloaded{opacity:1;transition:opacity 500ms}
.common-title{height:1rem;padding:.7rem 0;line-height:1rem;}
.common-title a{display:block}
.common-title h2 {
	float: left;	
	border-left: 3px solid #00BCD4;
	padding-left: .25rem;
	font-size: .9rem
}[data-dpr="2"] .common-title h2 {
	border-left: 6px solid #00BCD4
}[data-dpr="3"] .common-title h2 {
	border-left: 9px solid #00BCD4
}
.common-title span{color:#999;font-size:.6rem}
.common-title .icon-more{float:right;color:#ddd;font-size:.9rem}
.common-list .pic , .common-images img {background: #eee/* url(../img/loading.gif) no-repeat 50%*/;background-size:1rem 1rem}
.common-images ul{margin-left:-.5rem;margin-top:.5rem}
.common-images a{display:block;margin-left:.5rem}
.common-images li{float:left;width:33.333%}
.common-images img{width:4.6665rem;height:4.6665rem;}
.common-images p{height:1.6rem;line-height:1.6rem;text-align:center;font-size:.6rem;overflow:hidden}
.common-list,.common-list li{padding-bottom:.5rem}
.common-list a{display:-webkit-box;margin-top:.5rem}
.common-list .pic{overflow:hidden;margin-right:.5rem;}
.common-list .pic,.common-list .pic img{width:5rem;height:3.6rem}
.common-list .text{-webkit-box-flex:1}
.common-list .text h3{font-size:.7rem;line-height: 1.2rem;max-height: 2.4rem;overflow: hidden;}
.common-list .text p.description {height: 1.6rem;overflow: hidden;}
.common-list .text p{vertical-align:middle;height:.8rem;line-height:.8rem;margin-top:.3rem;font-size:.6rem;color:#ccc}
.common-list .text .icon-time{display:inline-block;font-size:.6rem;margin-right:.25rem}
.common-link,.common-tags,.detail-tags{padding-bottom:.4rem}
.common-link a,.common-tags a,.detail-tags a{display:inline-block;margin:.4rem .4rem 0 0;padding:.15rem .3rem}
.common-tags a{color:#fff;background:#00BCD4}
.common-crumbs{padding:.5rem;font-size:.7rem;color:#585858}
.common-nav{padding:.25rem}
.common-nav li{float:left;width:33%}
.common-nav a{display:block;margin:.25rem;text-align:center;padding:.2rem 0}
.common-nav a.active{background:#00BCD4;color:#fff;border-color:#00BCD4}
.common-pages{position:relative;overflow:hidden;display:-webkit-box;font-size:.6rem;padding:0 .5rem}
.common-pages .p-next,.common-pages .p-prev{position:relative;-webkit-box-flex:1;height:2.5rem;line-height:2.5rem;z-index:999;font-family:iconfont}
.common-pages .p-next:after{content:"\e631";margin-left:.3rem}
.common-pages .p-prev:before{content:"\e633";margin-right:.3rem}
.common-pages .p-prev{display:block;text-align:left}
.common-pages .p-next{display:block;text-align:right}
.common-pages .pageindex{position:absolute;z-index:99;left:0;top:0;display:inline-block;width:100%;line-height:2.5rem;text-align:center;color:#00BCD4}
.common-page{padding:0 0 .5rem;color:#585858;width:100%;text-align:center}
.common-page a,.common-page span{display:inline-block;padding:.2rem .4rem;border:1px solid #ddd;margin-top:.5rem;margin:.5rem .1rem 0 0}
[data-dpr="2"] .common-page a,[data-dpr="2"] .common-page span{border:2px solid #ddd}
[data-dpr="3"] .common-page a,[data-dpr="3"] .common-page span{border:3px solid #ddd}
.common-page .current{background:#00BCD4;color:#fff;border:1px solid #00BCD4}
[data-dpr="2"] .common-page .current{border:2px solid #00BCD4}
[data-dpr="3"] .common-page .current{border:3px solid #00BCD4}
.foucs{position:relative}
.foucs img{width:16rem;height:8rem}
.foucs .bd{height:8rem;overflow:hidden}
.foucs .hd{position:absolute;bottom:.5rem;left:0;height:.1rem;width:100%}
.foucs .hd ul{text-align:center}
.foucs .hd li{display:inline-block;height:.1rem;width:.5rem;margin:.1rem;text-indent:-99999em;background:#f1f1f1}
.foucs .hd li.on{background:#00BCD4;width:1rem}
.detail{margin:0 .5rem}
.detail-title{font-size:.95rem;margin:.5rem 0;line-height:1.5}
.detail-info{padding-bottom:.5rem;color:#888;font-size:.6rem}
.detail-info .detail-time .icon-time{margin-right:.25rem}
.detail-compiler,.detail-count{float:right}
.detail-compiler{margin-right:.5rem}
.detail-content{margin-top:.5rem;font-size:.8rem;line-height:1.8;color:#3d3d3d;word-wrap:break-word;overflow:hidden;padding-bottom:.5rem}
.detail-content p{margin-top:.75rem}
.detail-content img{width: 100% !important;display:block;margin:.25rem auto;}
.detail-content h2,.detail-content h3{margin-top:.75rem;font-weight:700}
.detail-content h2{color:#00BCD4;font-size:.9rem}
.detail-content h3,.detail-content strong{color:orange;font-size:.8rem}
.detail-content a.keylink{color:#00BCD4;text-decoration:underline}
.detail-more,.special-more{width:100%;position:relative;margin-bottom:.5rem}
.detail-more:before,.special-more:before{content:"";display:block;width:100%;height:4rem;position:absolute;left:0;top:-4rem;background-image:linear-gradient(-180deg,hsla(0,0%,100%,0),#fff)}
.detail-more button,.special-more button{width:100%;height:1.8rem;background:#00BCD4;border:none;color:#fff;border-radius:.3rem;font-size:.7rem}
.related-list li{display:block;height:1.25rem;line-height:1.25rem;margin-top:.25rem;font-size:.7rem;overflow:hidden;margin:.75rem 0;padding-left:.5rem;text-overflow:ellipsis;border-left:2px solid #fd5e00}
[data-dpr="2"] .related-list li{border-left:4px solid #fd5e00}
[data-dpr="3"] .related-list li{border-left:6px solid #fd5e00}
.related-list li.ppt2{border-color:#5b68eb}
.related-list li.ppt3{border-color:#00a535}
.related-list li.ppt4{border-color:#00c4c3}
.related-list li.ppt5{border-color:#b82400}
.related-list li.ppt6{border-color:#e07e00}
.related-list li.ppt7{border-color:#26c88f}
.related-list li.ppt8{border-color:#e41a90}
.detail-pernext{color:#999;font-size:.7rem;padding:.5rem 0;width:100%;overflow:hidden;border-top:1px dashed #e9e9e9;margin-top:.5rem}
[data-dpr="2"] .detail-pernext{border-top:2px dashed #e9e9e9}
[data-dpr="3"] .detail-pernext{border-top:3px dashed #e9e9e9}
.detail-pernext li{height:1.2rem;line-height:1.2rem;overflow:hidden}
.detail-tags{margin-bottom:.5rem}
.detail-tags a{color:#fff;background:#00BCD4;}
.special{padding:.5rem;font-size:.8rem}
.special-desc{margin-top:.5rem}
.special-pic img{width:15rem;height:9.5rem}
.special-title{background:#eee;font-size:.9rem;text-align:center;padding:.25rem;margin-bottom: .5rem}
.special-desc{padding-top:5px;color:#666;line-height:1.6;display:inline-block;overflow:hidden}
.special-desc.hide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.special-info{line-height:1.6;margin-top:1rem}
.special-info .info-title{float:left;color:#333;width:4rem}
.special-info .info-content{margin-left:4rem;color:#666;word-wrap:break-word}
.special-info .info-content a{color:#00BCD4}
.special-more{margin-top:.5rem;margin-bottom:0}
.special-more:before{display:none}
.no-search{font-size:.7rem;line-height:2}
.no-search span{color:red}
.no-search p{margin:.5rem 0}