.article-body{min-width:1200px}.wrapper{width:1200px;margin:0 auto}.banner{width:875px;margin:10px 0 15px;position:relative;background:#fff;height:70px;box-shadow:0 0 5px #dbdbdb;padding:0 15px}.banner .txt{position:absolute;left:25px;color:#314559;font-size:16px}.banner .hot-btn{position:absolute;right:126px;margin-right:15px;color:#314559;font-size:14px;border-radius:5px}.banner .new-btn{position:absolute;right:15px;margin-right:15px;color:#314559;font-size:14px;border-radius:5px}.banner .active{border:1px solid #a5bbc7;radius:5px;height:36px;width:96px;background-color:transparent;box-shadow:none}ul,ol,li{margin:0;list-style-type:none}.article-list{background:#fff;float:left;position:relative;width:875px;box-shadow:0 0 5px #dbdbdb}.code{margin-top:10px;width:300px;height:200px;background:#fff;margin-bottom:15px;box-shadow:0 0 5px #dbdbdb}.float-code-img{float:left;margin-left:20px}.float-code-img img{height:140px;width:140px;margin:30px 0}.float-code-text{float:left;height:140px;margin-left:12px}.float-code-text span{display:block;font-size:14px;color:#7aa3cc}.float-code-text span:nth-child(1){margin-top:70px;margin-bottom:10%}.icon-exprience{display:inline-block}.recommend{background:#fff}.style-a .authorPhoto{weight:50px;height:50px}.style-a .articlePhoto{weight:200px;height:150px}.style-b .articlePhoto{weight:255px;height:155px}.articles{width:870px;position:relative}.style-a .article-left{float:left;position:relative;clear:left}.style-a .article-right{float:right;position:relative;margin-right:20px;clear:right}.style-b .article-right{margin-right:20px;clear:right}.style-b .article-left{float:left;position:relative;clear:left}.style-a .articles{margin-bottom:10px}.style-b .articles{margin-top:20px;margin-bottom:20px}*{padding:0;margin:0;border:0;list-style:none}.article-img{position:relative}.nav-right{width:300px;margin-top:20px;margin-bottom:20px;background-color:white;box-shadow:0 0 5px #dbdbdb}.nav-head{height:40px;width:100%;border-bottom:1px solid #dbdbdb}.nav-head span{display:inline-block;vertical-align:middle;color:#314559;font-size:16px}.article-img img{width:100%;height:100%}.placeholder{width:5px;height:40px;display:inline-block;margin-right:15px}.placeholder.yellow{background-color:#ff9600;margin-right:15px}.placeholder.green{background-color:#00a5f5}.img-holder img{width:90px;height:66px}.nav-ul li{height:96px;padding:15px 0;border-bottom:1px solid #f5f5f5;margin:0 15px}.nav-ul li:last-child{border-bottom:0}.nav-ul li>a>div{display:block;float:left;word-wrap:break-word;word-break:normal;height:66px}.nav-ul li>a>div:nth-child(1){width:90px;margin-right:10px}.nav-ul li>a>div:nth-child(2){width:170px}.nav-ul li>a>div:nth-child(2) span{font-size:14px;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:block;height:50px}.nav-ul li>a>div:nth-child(2) span:nth-child(2){color:#989898}.nav-title{min-height:47px;margin-top:-6px}.nav-title:hover{color:#ff3a00}.nav-ul a{color:#314559}.nav-editor{bottom:0}.body-ul{width:875px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:white}.body-ul .stuyle-b{padding:15px 0;border-bottom:1px solid #f5f5f5;margin:0 20px}.body-ul .style-a{padding-top:20px;margin-right:30px;padding-bottom:10px;margin-left:25px;border-bottom:1px solid #f5f5f5;position:relative}.body-ul .style-b{margin-right:30px;padding-bottom:10px;margin-left:25px;border-bottom:1px solid #f5f5f5}.style-a .article-details{width:605px}.style-a .article-img{width:200px;float:right}.style-a .article-title{height:80px}.style-b .article-details{width:545px;margin-top:14px;margin-left:275px}.style-b .article-img{width:255px;margin-right:20px;position:absolute;height:155px}.article-title{height:72px}.article-title>div{float:left}.title-img{width:60px;height:60px}.title-img-div{margin-right:25px;position:absolute;float:none}.style-a .article-title .title{margin-left:85px}.article-title-info .title{margin-left:15px}.title>span{width:520px;display:block}.title>span>*{display:inline-block;vertical-align:middle}.title-text{font-size:20px;color:#333;word-wrap:break-word;word-break:normal;white-space:pre-wrap}.title-text:hover{color:#ff3a00}.body-ul>li>a{display:block;text-decoration:none}.article-info{color:#989898;font-size:14px;height:35px;vertical-align:middle;width:98%;border-bottom:1px solid #f5f5f5}.edit-time-img{width:16px;height:16px}.edit-time{margin-right:20px}.style-a .article-remark span{width:605px;display:block;word-wrap:break-word;word-break:normal;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;color:#666;line-height:20px;height:60px}.style-a .article-remark span:hover{color:#666;text-decoration:none}.style-a .title-img img{width:100%}.style-b .article-remark span{display:block;width:540px;word-wrap:break-word;word-break:normal;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;color:#666;line-height:20px;height:60px;text-decoration:none}.style-b .article-remark>span:hover{color:#666;text-decoration:none}.article-details>a{color:#666;text-decoration:none}.article-tips>span,.article-tips>a{font-size:14px;color:#989898;margin-top:10px;height:30px;vertical-align:middle;display:inline-block}.article-tips>span>a{font-size:14px;color:#989898;height:30px;vertical-align:middle;display:inline-block}.style-a .title-img{width:60px;height:60px}.style-a .article-img{width:200px;height:150px}.right-article-img{position:absolute;top:20px;right:0}.article-title-info{background:#fff;float:left;position:relative;width:875px;padding-top:20px}.article-details .article-info{border-bottom:0}.article-content{background:#fff;float:left;position:relative;width:875px;text-indent:2em;padding:0 25px;font-size:16px;line-height:1.8em}.article-content p{color:#333;font-size:16px;overflow:hidden}.article-content p img{max-width:100%}.authorInfo{width:300px;height:200px;background:#fff;margin-bottom:20px;margin-top:40px}.authorInfo a{color:#314559;text-decoration:none}.authorName .author-img img{width:60px;height:60px;margin:24px}.authorName{height:108px;border-bottom:1px solid #f5f5f5;margin:0 10px}.article-title-info .title .title-text{font-size:20px;color:#333;line-height:30px;padding-left:10px}.article-title-info .article-info{font-size:12px;color:#b2b2b2;line-height:35px;padding-bottom:10px;padding-left:10px}.article-title-info .article-info>span{margin-right:30px}.author-img{float:left}.float-author-text{float:left}.float-author-text span{display:block;font-size:14px;color:#314559;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:21px}.float-author-text .name{margin-top:24px;font-size:16px;color:#314559}.introduce{margin-top:15px;font-size:14px;color:#314559;text-indent:2em;padding:0 10px;word-wrap:break-word;word-break:normal;white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:block;height:65px}.more{height:215px;width:875px;padding-top:82px;padding-bottom:83px;background-color:white}.more a{border:1px solid RGB(0,163,245);border-radius:5px;cursor:pointer;display:block;text-align:center;text-decoration:none;height:40px;padding-top:4px;width:670px;vertical-align:middle;color:RGB(0,163,245);font-size:16px;margin:auto}.nav-right nav-ul a:link{color:#f00}.share{margin-top:85px;background:#fff;width:875px;height:100px;clear:both}.holderline{background-color:#f5f5f5;height:1px;width:96%;margin:0 2%}.weibo{margin-left:355px;margin-top:30px}.share-item.wx .wx-mask{display:none}.share-item.wx:hover .wx-mask{display:block}.footer-right>a{margin-right:-55px;margin-top:-20px}.style-b a,.style-a a{text-decoration:none}.banner>*{display:inline-block;font-size:16px;color:#314559;vertical-align:middle;height:25px;margin:22.5px 0;text-decoration:none}.banner>a.all{float:right}.banner>a:hover{color:#ff3a00;text-decoration:none}.banner>.act{color:#ff9800}.banner>.act:hover{color:#ff3a00;text-decoration:none}.tags{height:45px;padding:10px 20px;font-size:16px;color:#888}.tag-area{background-color:white;padding:30px 0 30px 25px;font-size:0;box-shadow:0 0 5px #dbdbdb}.tag-area a{display:inline-block;width:120px;height:36px;vertical-align:middle;font-size:14px;color:#314559;text-align:center;border:1px solid #a3bbcc;border-radius:5px;margin-right:20px;margin-bottom:20px;text-decoration:none;padding-top:5px;line-height:23px}.tag-area a:hover{background-color:#00a3f5;border:1px solid #00a3f5;color:white}.article-tips>a>span:hover{color:#ff3a00}.labels a{color:#b2b2b2;text-decoration:none}.labels a:hover{color:#ff3a00}.detail_banner a{color:#314559;text-decoration:none;line-height:5px}.detail_banner a:hover{color:#ff3a00}.detail_banner a.act{color:#ff9600}.detail_banner a.act:hover{color:#ff3a00}.hot-btn,.new-btn:hover{color:#314559!important}.article-title-info h1{display:block;width:100%;overflow:hidden;word-break:break-all;line-height:30px;font-size:20px;margin:0;margin-left:10px}