@charset "UTF-8";
/*
***重置样式***
*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,pre,hr,table,th,td,form,input,button,textarea{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;}
i,em{font-style:normal;}
li,ul,ol{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
textarea{overflow:auto;resize:none;}
label{cursor:default;}
button,input[type="button"], input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
a,a:hover,a:active{color:#333;text-decoration:none;}
input,textarea,button{ background:none;  border:none; outline:none; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif; font-size:12px; }
select{-webkit-appearance:none; appearance:none;}

/*
***全局公共样式***
*/
html {  font-size: 62.5%;}
body{font-size: 14px; font-size: 1.4rem;  color: #333;  margin: 0 auto;  font-family: 'Microsoft YaHei',Helvetica,Arial,sans-serif;  -webkit-tap-highlight-color: transparent;}
/*浮动*/
.fl ,.lt {  float: left;  }
.fr ,.rt {  float: right;  }
/*清除浮动*/
.clearfix{zoom:1;}
.clear {clear:both;}
.clearfix:after{display:block;height:0;content:"";clear:both}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
/*placeholder 颜色*/
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666;}
input:-ms-input-placeholder{ color: #666;}
input::-webkit-input-placeholder{ color: #666; }


.color-999{color: #999;}
.fs16{font-size: 16px;}
.f-box{margin: 0 auto;width: 1200px;max-width: 100%;overflow: visible;box-sizing: border-box;}
@media screen and (max-width:1419px){
    .f-box{width: 1200px;}
}
@media screen and (max-width:1219px){
    .f-box{width: 960px;}
}

@media screen and (max-width:991px){
    .f-box{width: 720px;}
}

@media screen and (max-width: 767px){
    .f-box{padding: 0 15px;}
}
/* 多行末尾省略号 */
.ellipsis1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/* 首页 */
body{font-family:Arial, Helvetica, sans-serif}
.nav-box{background: #a371f6;width: 100%;height: 100px;}
.nav-box .blog-f-box-nav{display: block;color: #000;line-height: 30px;font-weight: 300 !important;padding: 33px 0;font-size: 32px;text-transform: uppercase;font-family: lato;}
.blog-box{display: flex;padding-top: 25px;justify-content: space-between;}
.blog-box .blog-right{    width: 330px;}
.blog-box .widgetbox{background-color: #F6F4F4;padding: 10px;margin-bottom: 20px; }
.search-form{display: flex;align-items: center;margin-bottom: 10px;justify-content: space-between;}
.search-form .index-inp{width: 70%;}
.search-form .search-input{    border: 1px #eee solid;background-color: #fff;padding: 8px 23px 8px 23px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width: 100%;margin-right: 5px;}
.search-form .search-submit{border: none;color: #ffffff;padding: 8px 15px; cursor: pointer;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #000000;}
.widgetbox .title-right{background-color: #000000;display: block;padding: 12px 15px;margin-bottom: 1px;color: #fff;font-size: 18px;}
.widgetbox .index-right-list{padding: 10px 0;list-style: disc;width: 100%;}
.widgetbox .index-right-list li{display: flex;align-items: center;position: relative;line-height: 20px;}
.widgetbox .index-right-list li a{color: #3b3b3b;display: inline-block!important;padding-left: 10px;}
.widgetbox .index-right-list li::before{content: "";display: block;border-radius: 50%;width: 5px;height: 5px;background-color: #3b3b3b;}
.blog-box .blog-left{    width: 790px;margin: 0;padding: 0;}
.blog-box .blog-left .blog-item{    margin: 0 0 25px 0;padding-bottom: 25px;border-bottom: 1px solid #f7f7f7;}

.blog-box .blog-item .title-h1{color: #484f5e;font-size: 24px;margin-bottom: 6px;}
.blog-box .blog-item .title-h2{color: #000;font-size: 14px;padding: 5px 0;}
.blog-box .blog-item .blog-con p{margin-bottom: 15px;color: #727370;}
.blog-f-box{margin: 0 auto;width: 1200px;max-width: 100%;overflow: visible;box-sizing: border-box;}
@media screen and (max-width: 1169px) and (min-width: 768px){
.blog-f-box{width: auto;padding: 20px 20px 0 20px;}

.blog-box .blog-right{width: 30%;}
.blog-box .blog-left{width: 70%;}
}
@media screen and (max-width: 767px){
.blog-box{flex-wrap: wrap;}
.blog-box .blog-right{width: 100%;}
.blog-box .blog-left{width: 100%;}
.blog-f-box{width: auto;padding: 20px 20px 0 20px;}
}
/* 列表 */
.blog-list .blog-list-item{background-color: #F5F5F5;margin-bottom: 30px;padding: 26px 0 28px;display: flex;align-items: center;}
.blog-list .blog-list-item .blog-list-top{display: flex;align-items: center;margin:0 2.9%;}
.blog-list .blog-list-item .blog-num{width: 28px;height: 28px;line-height: 28px;border-radius: 50%;text-align: center;color: #fff;background-color: #F8B628;margin: 0 0 0 0;}
.blog-list .blog-list-item .blog-time{text-align: center;font-size: 18px;font-size: 1.8rem;line-height: 24px;color: #4d4d4d;margin-left: 20px;}
.blog-list .blog-list-item .blog-time .b-time-year{font-size: 14px;font-size: 1.4rem;border-top: solid 1px #c9c9c9;display: inline-block;padding-top: 3px;margin-top: 4px;}
.blog-list .blog-list-item .blog-img{    width: 200px;margin-right: 2.66667%;}
.blog-list .blog-list-item .blog-img img{width: 100%;}
.blog-list .blog-list-item .blog-msg{flex: 1;padding-right: 20px;}
.blog-list .blog-list-item .blog-list-title{margin-top: 2px;font-size: 16px;font-size: 1.6rem;line-height: 26px;}
.blog-list .blog-list-item .blog-list-con{margin-top: 10px;font-size: 14px;font-size: 1.4rem; line-height: 30px;height: 60px;overflow: hidden;color: #666;}
.blog-list .blog-list-item .blog-btn{display: inline-block;line-height: 24px;padding: 5px;min-width: 115px;border: solid 1px #F8B628;color: #F8B628;text-align: center;margin-top: 13px;}
.blog-list .blog-list-item .blog-list-title a:hover {color: #F8B628 !important;}
.blog-list .blog-list-item .blog-list-con a:hover {color: #F8B628 !important;}
.blog-list .blog-list-item .blog-btn:hover{background-color: #F8B628;color: #fff;}
.page-box{text-align: center;display: flex;justify-content: center;}
.pages-btn{display: flex;}
.pages-btn a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;-moz-box-sizing: border-box;box-sizing: border-box;border: solid 1px #AEAEAE;line-height: 38px;text-align: center;border-radius: 50%;color: #999;font-size: 16px;font-size: 1.6rem;margin: 0 5px 10px;}
.pages-btn a:hover, .pages-btn a.page-active{    border-color: #F8B628;background-color: #F8B628;color: #fff;}
@media screen and (max-width: 767px){
    .blog-list .blog-list-item{flex-wrap: wrap;padding: 20px 0;}
    .blog-list .blog-list-item .blog-list-top{width: 100%;margin-left: 2.5%;margin-bottom: 15px;}
    .blog-list .blog-list-item .blog-img{margin: 0 2.5%;}
    .blog-list .blog-list-item .blog-time{display: flex;align-items: center;}
    .blog-list .blog-list-item .blog-time .b-time-year{margin-top: 0;padding-top: 0;border: 0;margin-left: 5px;}

    .pages-btn a{    width: 30px;height: 30px;line-height: 28px;font-size: 14px;font-size: 1.4rem;margin: 0 2px 10px;}
}
/* 详情 */
.blog-details {width: 70%;padding-top: 20px;}
.blog-details .detail-title {font-size: 20px;font-size: 2rem;line-height: 26px;}
.blog-details .detail-date {margin-top: 21px;display: inline-block;vertical-align: middle;line-height: 26px;font-size: 14px;font-size: 1.4rem;line-height: 26px;color: #666;}
.blog-details .detail-desc{    margin-top: 19px;padding: 12px 0 39px; border-top: solid 1px #F8B628;font-size: 16px;font-size: 1.6rem;line-height: 30px;}
.blog-details .detail-desc p{min-height: 30px;}
.blog-details .detail-desc img{max-width: 100%;}
.blog-details .detail-group{}
.blog-details .detail-group .detail-skip{margin: 10px 0;display: flex;align-items: center;}
.blog-details .detail-group .detail-skip i{width: 25px;height: 25px;background: #c29b6a;color: #fff;font-size: 20px;font-weight: 700;text-align: center;line-height: 25px;}
.blog-details .detail-group .detail-skip a{color: #333;margin-left: 10px;}
.blog-details .detail-group .detail-skip a span{    color: #888; }
.blog-details .detail-group .detail-skip a:hover{color: #c29b6a;}
@media screen and (max-width: 991px){
    .blog-details{width: 100%;}
}

/* login */
.login-btn {
    display: block;
    float: right;
    font-size: 18px;
    background-color: #fff;
    text-align: center;
    height: 30px;
    margin-top: -70px;
    margin-right: 70px;
    padding: 5px;
    line-height: 30px;
    border-radius: 5px;
}

@media screen and (max-width: 1700px){
    .login-btn {
        right: 150px;
        top: 50%;
    }
}

@media screen and (max-width: 1250px){
    .login-btn {
        right: 50px;
        top: 50%;
    }
}

.login-box {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    z-index: 9999;
}

.login-box form {
    position:relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 35px 0;
    width: 460px;
    background-color: #f5f5f5;
    z-index: 999;
}

.login-box .login-close {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 20px;cursor: pointer;
}

.login-box .login-item p {
    text-align: center;
    margin-bottom: 18px;
}

.login-box .login-item input {
    border-radius: 3px;
    margin: 5px 10px;
    line-height: 30px;
    height: 30px;
    width: 50%;
    padding-left: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}

.login-box .login-submit {
    text-align: center;
}

.login-box .login-submit button {
    width: 100px;
    height: 36px;
    background-color: #1e9fff;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
}

.tag {
    width: 100%;
    padding: 10px 0;
}

.prtag2 {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    position: relative;
    overflow: hidden;
    max-height: 92px;
}
.tag-list {
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.tag-list a {
    margin-right: 30px;
}
.detail-desc a,a:active{color:#0b53ee;text-decoration:none;}
.detail-desc a:hover{color:#333;text-decoration:none;}