.nav{background: #30303c;color: #fff;padding-top: 10px;padding-bottom: 10px;font-size: 14px;}
.nav a{color: #fff;font-size: 14px;}
.nav i{width: 16px;height: 16px;vertical-align: middle;background: url(/images/article/divider.png);margin: 0px 5px;}
.banner{background: url(/images/author/banner.jpg) no-repeat center center;padding-top:34px;padding-bottom: 58px;}
.banner_box>img{max-width: 100px;width: 100%;}
.banner-summary{background: linear-gradient(90deg,#0067cc,#00ebb4);padding-top: 78px;padding-bottom: 78px;}
.banner-summary h1{font-size: 46px;color: #fff;text-align: center;line-height: 54px;margin-bottom: 20px;}
.banner-summary p{font-size: 16px;color: #fff;text-align: center;line-height: 30px;max-width: 900px;width: 100%;margin: auto;}
.summary{margin-top: 80px;margin-bottom: 80px;-webkit-justify-content: space-evenly;justify-content: space-evenly;}
.summary li{max-width: 382px;width: 100%;padding: 46px 45px 40px;border-radius: 10px;box-shadow: 0 0 8px rgba(0, 27, 57, .14);text-align: center;color: #4c5562;border-top: 4px solid #0dceff;box-sizing: border-box;margin-bottom: 25px;}
.summary li img{max-width: 114px;width: 100%;border: 2px solid #0dceff;border-radius: 50%;margin: auto;}
.summary li>a{font-size: 24px;display: block;margin-top: 20px;margin-bottom: 14px;}
.summary li>a:hover{color: #21c1f5;text-decoration: none;}
.summary li>p{font-size: 16px;line-height: 30px;}
.summary li>span{font-size: 20px;display: block;margin-top: 16px;}
.summary li>div{justify-content: space-around;margin-top: 4px;}
.summary li>div a{width: 125px;height: 28px;line-height: 28px;background: #eee;display: block;border-radius: 28px;margin-top: 18px;font-size: 16px;}
.summary li>div a:hover{color: #fff;background: #21c1f5;text-decoration: none;}
.banner_box{-webkit-align-items: end;align-items: end;max-width: 900px;width: 100%;}
.banner_box div{max-width: 700px;width: 100%;}
.banner_box div h1{font-size: 40px;line-height: 40px;color: #fff;font-weight: 550;margin-bottom: 20px;}
.banner_box div h1 span{font-size: 16px;color: #fff;width: 148px;height: 30px;line-height: 28px;border: 2px solid #fff;border-radius: 4px;font-weight: normal;display: inline-block;text-align: center;box-sizing: border-box;vertical-align: 5px;margin-left: 18px;}
.banner_box div p{font-size: 16px;color: #fff;line-height: 30px;}
.banner_box div ul li{font-size: 16px;color: #fff;margin-top: 20px;}
.banner_box div ul li i{width: 17px;height: 15px;background: url(/images/author/checked.png);margin-right: 12px;vertical-align: -1px;}
.hotArticles_box{padding-top: 90px;padding-bottom: 100px;}
h2{font-size: 34px;color: #444;line-height: 40px;text-align: center;}
.hotArticles_box ul{margin-top: 10px;}
.hotArticles_box li{max-width: 285px;width: 100%;padding: 14px;box-shadow: 0 0 13px rgba(112, 112, 112, .23);box-sizing: border-box;margin-top: 20px;}
.hotArticles_box li p{font-size: 16px;color: #444;line-height: 30px;margin-top: 15px;}
.allArticle_box h2{text-align: left;}
.allArticle_box .laest{max-width: 760px;width: 100%;}
.allArticle_box .laest ul{margin-top: -10px;}
.allArticle_box .laest li{border-bottom: 1px solid #e6e6e6;padding-bottom: 28px;}
.allArticle_box .laest li a:nth-child(1){font-size: 20px;color: #333;line-height: 26px;margin-bottom: 15px;margin-top: 35px;display: inline-block;}
.allArticle_box .laest li p{font-size: 16px;color: #666;line-height: 26px;margin-bottom: 14px;}
.allArticle_box .laest li i{background: url(/images/resource/icon.png);width: 18px;height: 18px;vertical-align: -3px;margin-right: 5px;}
.allArticle_box .laest li i:nth-of-type(1){background-position-y: -120px;}
.allArticle_box .laest li i:nth-of-type(2){background-position-y: -102px;}
.allArticle_box .laest li span{margin-right:15px;}
.allArticle_box .laest li span,.allArticle_box .laest li a:last-child{font-size: 16px;color: #979ca4;}
.allArticle_box div>div{max-width: 296px;width: 100%;}
.allArticle_box div>div span{font-size: 30px;color: 444;line-height: 30px;}
.allArticle_box div>div div{background: #2d8cff;padding-top: 20px;text-align: center;padding-bottom: 12px;margin-top: 40px;border: 1px solid #2d8cff;box-sizing: border-box;border-radius: 5px;}
.allArticle_box div>div div a.name{font-size: 22px;color: #fff;position: relative;}
.allArticle_box div>div div a.name:hover{text-decoration: none;}
.allArticle_box div>div div a.name::after{clear: both;content: "";width: 118px;height: 1px;background: #fff;position: absolute;bottom: -5px;left: 50%;margin-left: -59px;}
.allArticle_box div>div div p{font-size: 16px;color: #fff;line-height: 20px;margin-top: 15px;margin-bottom: 18px;}
.allArticle_box div>div div .down{margin: 12px auto 0;font-size: 18px;color: #fff;border: 2px solid #fff;text-align: center;width: 160px;height: 40px;box-sizing: border-box;line-height: 36px;border-radius: 4px;}
.allArticle_box div>div div .down i{width: 20px;height: 20px;background: url(/images/author/pro-win-mac.png);vertical-align: -4px;margin-right: 6px;}
.allArticle_box div>div div .down:hover{background: #2da9ff;border-color: #2da9ff;}
.allArticle_box div>div div .down.win_btn i{background-position-y: -0px;}
.allArticle_box div>div div .down.mac_btn i{background-position-y: -20px;}
.allArticle_box .laest li{display: none;}
.allArticle_box .laest li.active{display: block;}
/** 分页样式**/
.page_box{text-align: center;margin-bottom: 110px;margin-top: 60px;}
.page_box a,.page_box .current,.page_box span{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;font-size: 18px;color: #46acf4;box-shadow: 0 0 20px rgba(84, 94, 101, .2);display: inline-block;margin:0px 10px;}
@media screen and (max-width:1180px){
    .banner{background: url(/images/author/banner.jpg) no-repeat center center/cover;}
    .hotArticles_box ul{max-width: 600px;justify-content: space-around;margin: auto;}
    .allArticle_box h2{text-align: center;}
    .allArticle_box>div{justify-content: space-around;}
    .allArticle_box div>div span{text-align: center;display: block;margin-top: 30px;}
    .page_box,.allArticle_box div>div{margin-bottom: 40px;}
    .allArticle_box div>div div .down{display: none;}
    .allArticle_box div>div div{padding-bottom: 0px;}
    .allArticle_box .laest{max-width: 100%;}
    .summary{max-width: 770px;}
    .summary li{max-width: 330px;padding:40px 25px;}
}
@media screen and (max-width:850px){
    .banner_box{justify-content: space-around;} 
    .banner_box>img{margin-bottom: 30px;}
}
@media screen and (max-width:600px){
    h2{font-size: 28px;line-height: 34px;}
    .nav a,.nav {font-size: 12px;}
    .banner_box div h1 span{margin-left: 0px;}
    .banner{padding-top: 35px;}
    .banner_box>img{margin-bottom: 15px;}
    .hotArticles_box{padding-top: 50px;padding-bottom: 50px;}
}