@charset "utf-8";
/*public*/
body,html{background-color: #f7f7f7;min-width:1060px;}
body,ul,p,div,input{margin: 0;padding: 0}
button{border: none;background: 0 0;outline: none}
a:hover{text-decoration: none !important}
li{list-style-type: none}
a{text-decoration: none}
.clear{clear: both}
/*header*/
.header{width: 100%;height: 80px;background-color: #006eff;text-align: center;position: relative;}
.header .header-container{margin:0 auto;width:1060px;}
.header .header-container .logo{display: block;float: left;margin-top: 10px}
.header .header-container .search{float: left;margin: 25px 0 0 0;width: 200px;height: 30px;line-height:28px;background-color: rgba(244,248,255,0.2);border-radius: 5px;position: relative;padding-left: 5px;text-align: left}
.header .header-container .search .key{font-size: 14px;color: #caced1;background-color: rgba(0,0,0,0);outline: none;width: 165px;padding-left: 5px;border:0;}
.header .header-container .search .key::-webkit-input-placeholder{color:#d5d5d5;}
.header .header-container .search .icon-search{position: absolute;width: 16px;height: 16px;right: 10px;top:50%;margin-top: -8px;}
.header .header-container .user{font-size: 14px;margin-left: 14px;float: left;line-height: 80px;}
.header .header-container .user a{color: #fff;}
.header .header-container .navs{width: 530px;line-height: 80px;height: 80px; overflow: hidden;margin-left: 24px;float: left;}
.header .header-container .navs>li{float: left;margin-left: 22px;}
.header .header-container .navs>li a{font-size: 14px;color: #d5d5d5;}
.header .header-container .navs .active a{color: #fff;border-bottom: 2px #fff solid;padding-bottom: 6px}
.header .nav-wrap{position: absolute;left:0;right: 0;top:80px;background-color: #006eff;z-index: 10;border-top: 1px solid #4486b2;font-size: 14px;color: #666666;display: none}
.header .nav-wrap .nav-wrap-box{margin:0 auto;width:1060px;}
.header .nav-wrap .nav-wrap-box .nav-wrap-head {font-size: 16px;color: #ffffff;font-weight: bold;margin-top: 50px;margin-bottom: 26px;text-align: left}
.header .nav-wrap .nav-wrap-box .nav-wrap-list {margin-bottom: 50px; text-align: left; min-height: 40px}
.header .nav-wrap .nav-wrap-box .nav-wrap-list li {width: 120px;line-height: 36px;text-align: center;background-color: #ffffff;margin-right: 8px;margin-bottom: 8px;cursor: pointer; float: left }
.header .nav-wrap .nav-wrap-box .nav-wrap-list > li a {display: block;font-size: 14px;color: #666; }
/*footer*/
.footer{width: 100%;margin: 0 auto;background-color: #222c3a;text-align: center;font-size: 12px;padding: 39px 0 34px;}
.footer .navs a,.footer .navs i{color: #ffffff;margin: 0 3px;font-style: normal;}
.footer .copy{font-size: 12px;color: #ffffff;margin-top: 12px;}

.down01{width: 10px;height: 6px;background: url("../img/bottom01.png") no-repeat center;background-size: 100% auto;display: inline-block;vertical-align: middle;}
.top01{width: 10px;height: 6px;background: url("../img/top01.png") no-repeat center;background-size: 100% auto;display: inline-block;vertical-align: middle;}
.down02{width: 10px;height: 6px;background: url("../img/bottom02.png") no-repeat center;background-size: 100% auto;display: inline-block;vertical-align: middle;}
.container{width: 1060px;margin: 0 auto;}
.title-style{padding-bottom: 8px;background: url(../img/title-line.png) bottom left no-repeat;position: relative;margin-top: 10px;}
.title-style span{display: inline-block;height: 42px;border-left:6px #0066ff solid;padding-left: 10px;color: #333333;font-size: 30px;position: relative;z-index: 2;}
.title-style strong{font-size: 34px;color: #e6e6ed;position: absolute;top:-10px;left: 12px;font-weight: 300;}

/*首页*/
.home .conter{overflow: hidden;margin-top: 10px;}
.home .conter-left{width: 660px;margin-bottom: 10px;}
.home .conter-right{width: 380px;float: right;}
.home .homeSwiper1{width: 660px;height: 440px;}
.home .homeSwiper1 .swiper-slide{position: relative;}
.home .homeSwiper1 .swiper-slide img{width: 660px;height: 440px;}
.home .homeSwiper1 .swiper-slide div{position: absolute;height: 58px;background-color:rgba(0,0,0,0.6);left: 0;bottom: 0;text-align: center;line-height: 58px;font-size: 18px;color: #f1f1f1;width: 100%;}
.home .homeSwiper1 .swiper-slide div p{width: 500px;overflow: hidden;word-break: break-all;text-overflow: ellipsis;white-space: nowrap;margin: 0 auto}
.home .homeSwiper1 .swiper-slide div p span{margin-right: 10px;color: #ffffff;}
.home .homeSwiper1 .swiper-slide div p span i{font-size: 28px;color: #ff0000;font-weight: 800;}
.home .btn-next-1{position: absolute;width: 13px;height: 24px;bottom: 17px;right: 36px;background: url(../img/btn-next-1.png) center center no-repeat;z-index: 2;cursor: pointer;}
.home .btn-prev-1{position: absolute;width: 13px;height: 24px;bottom: 17px;left: 36px;background: url(../img/btn-prev-1.png) center center no-repeat;z-index: 2;cursor: pointer;}
.home .contend{width: 380px;height: 300px;position: relative;}
.home .contend>a>img{width: 380px;height: 300px;}
.home .contend p span{height: 18px;padding-left: 8px;border-left: 2px #ffffff solid;}
.home .contend .icon-contend{position: absolute;top:8px;left: -11px;z-index: 2;width:100px}

/*导读*/
.hot-article-big{width: 380px;}
.hot-article-big li{width: 380px;height: 214px;position: relative;margin-top: 8px;}
.hot-title{position: absolute;width: 380px;height: 44px;background: rgba(0,0,0,0.5);bottom: 0;left: 0}
.hot-title p{width: 320px;text-align: left;line-height: 22px;font-size: 16px;color: #ffffff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;margin:11px 20px;padding: 0 10px;border-left: 2px solid #fff;height: 22px}

.hot-article-list{width: 380px;box-sizing:border-box;-webkit-box-sizing:border-box;padding: 0 10px;background-color:#ffffff;margin-top: 8px;}
.hot-article-list li{overflow: hidden;padding: 10px 0;border-bottom: 1px solid #eee}
.hot-article-list li:last-child{border-bottom: none}
.hot-article-list-left{width: 118px;height: 67px;float: left;position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -o-align-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction:column;
    -o-flex-direction:column;
    background-color: #f8f8f8
    }
.hot-article-list-left img{max-width: 100%;max-height: 100%;}
.hot-article-list-right{width: 220px;float: right;}
.hot-article-list-right p{font-size: 14px;color: #666666;padding: 0;}
.hot-article-list-right i{font-size: 12px;color: #999999;display: inline-block;margin-top: 5px;}

.hot-article-big a{
    display: block;
    width: 380px;
    height: 214px;
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -o-align-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction:column;
    -o-flex-direction:column;
    background-color: #fff
}
.hot-article-big a img{
    max-width: 100%;
    max-height: 100%;
}

.jiao {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: url("../img/icon06.png") no-repeat center;
    background-size: 100% auto; }
.jiao span {
    font-size: 12px;
    color: #ffffff;
    position: absolute;
    top: 7%;
    left: 20%;
    -webkit-transform: rotateZ(-35deg);
    -moz-transform: rotateZ(-35deg);
    -ms-transform: rotateZ(-35deg);
    -o-transform: rotateZ(-35deg);
    transform: rotateZ(-35deg); }

.textEllipsis {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    width: 100%;
    display: block;
}
.bzwz{
    width: 100%;
    height: 80px;
}

.over-ellipsis{
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    word-break: normal !important;
    width: 100%;
    display: block;
}

.save_nav_btn{border: 1px solid #fff;width: 70px;height: 25px;line-height: 23px;font-size: 13px;text-align: center;color: #fff;margin-left: 10px;cursor: pointer;border-radius: 2px;font-weight: normal;}

/*标题样式*/
.title-style2{width: 295px;margin: 22px auto 0;text-align: center;font-size: 22px;color: #0066ff;background: url(../img/title-line2.png) bottom 3px center no-repeat;}

/*列表样式*/
.nl-container{width:660px;}
.nl-container .nl-title,.page_search .searchs-box .title{position: relative;margin-bottom: 10px}
.nl-container .nl-title span{display: inline-block;height: 42px;border-left:6px #0066ff solid;padding-left: 10px;font-size: 30px;position: relative;z-index: 2;}
.nl-container .nl-title strong{font-size: 34px;color: #e6e6ed;position: absolute;top:-10px;left: 12px;font-weight: 300;}
.nl-container .nl-title div,.page_search .searchs-box .title div{margin-top: 6px;height: 1px;width: 100%;
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0066ff,endColorStr=#f7f7f7); /*IE 6 7 8*/ 
    background: -ms-linear-gradient(left, #0066ff,  #f7f7f7);        /* IE 10 */
    background:-moz-linear-gradient(left,#0066ff,#f7f7f7);/*火狐*/ 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#0066ff), to(#f7f7f7));/*谷歌*/ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066ff), to(#f7f7f7));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(left, #0066ff, #f7f7f7);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(left, #0066ff, #f7f7f7);  /*Opera 11.10+*/
}
.nl-container .new-list{background-color: #fff;}
.nl-container .new-list .new-item{padding: 12px;border-bottom: 1px solid #eee;position: relative}
.nl-container .new-list .new-item.top{background: url("../img/icon-top.png") no-repeat;background-size: 40px 40px;background-position: top right;}
.nl-container .new-list .new-item:last-child{border-bottom: none;}
.nl-container .new-list .new-item:hover{background-color: #eff3f8}
.nl-container .new-list .new-item a{display: block;width: 100%;height: 100%}
.nl-container .new-list .new-item .title{height: 36px;font-weight: bold;color: #4c4c4c;font-size: 18px;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;overflow: hidden;}
.nl-container .new-list .new-item .summary{line-height:20px;height: 42px;color: #888;font-size: 14px;text-overflow: ellipsis;word-break: break-all;overflow: hidden;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: 7px}
.nl-container .new-list .new-item .tao{color: #bbb;font-size: 12px;}
.nl-container .new-list .new-item .tao .time{margin-right: 15px}
.nl-container .new-list .type1{height: 106px;}
.nl-container .new-list .type1 .item-left{float: left;width: 188px;height: 106px;position: relative;
display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -o-align-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction:column;
    -o-flex-direction:column;
    background-color: #f8f8f8
}
.nl-container .new-list .type1 .item-left img{max-height: 100%;
    max-width: 100%;}
.nl-container .new-list .type1 .item-right{height: 106px;float: left;width: 430px;margin-left: 15px}
.nl-container .new-list .type3{height: 106px;}
.nl-container .new-list .type3 .item-left{float: left;width: 188px;height: 106px;position: relative;
display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -o-align-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction:column;
    -o-flex-direction:column;
    background-color: #f8f8f8
}
.nl-container .new-list .type3 .item-left img{max-width: 100%;max-height: 100%;}
.nl-container .new-list .type3 .item-right{height: 106px;float: left;width: 430px;margin-left: 15px}
.nl-container .new-list .type4{height: 165px;}
.nl-container .new-list .type4 .imgs{height: 106px;width: 100%;overflow-y: hidden;margin-bottom: 5px}
.nl-container .new-list .type4 .imgs li{width: 209px;float: left;margin-right: 4px;
    height: 106px;
    background-color: #f8f8f8;
    position: relative;
    -webkit-box-flex: 1;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -o-align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -o-align-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
}
.nl-container .new-list .type4 .imgs li:last-child{margin-right: 0;}
.nl-container .new-list .type4 .imgs li img{max-width: 100%;max-height: 100%;}
.nl-container .loadMore{width: 216px;font-size: 14px;color: #949494;padding: 38px 0 38px;background: url(../img/click-more.png) center center no-repeat;margin: 0 auto 0;text-align: center;cursor: pointer;}
.nl-container .loadMore:hover{color: #000}

/*个人中心*/
.page_ucenter{margin: 20px 0}
.page_ucenter .user-box{background-color: #fff;width: 380px;height: 380px;float: left;margin-right: 20px}
.page_ucenter .collect-box{width: 660px;float: right;}
.page_ucenter .user-box{text-align: center;}
.page_ucenter .uhead img{height: 118px;width:118px;border-radius: 50%}
.page_ucenter .uhead{margin: 30px auto;width: 118px;height: 118px;}
.page_ucenter .unickname{font-size: 22px;color: #4d4d4d}
.page_ucenter .uaccount{margin: 10px 0 25px 0}
.page_ucenter .uedit{display: block;width: 110px;height: 38px;line-height: 38px;border: 1px solid #ccc;margin: 0 auto;color: #888;font-size: 15px}
.page_ucenter .uout{display: block;width: 110px;height: 38px;line-height: 38px;border: 1px solid #ff0000;margin: 15px auto;color: #ff0000;font-size: 15px;}

/*个人信息编辑*/
.page_uedit{margin: 20px 0;background-color: #fff}
.page_uedit .edit-box{margin: 0 auto;width: 360px}
.page_uedit .edit-box .title{padding: 60px 0 37px;font-size: 24px;line-height: 24px;color: #323232}
.page_uedit .edit-box label{display: block;float: left;width: 50px;line-height: 40px;font-size: 15px;}
.page_uedit .edit-box .head-box{height: 60px}
.page_uedit .edit-box .uphead img{width: 60px;height: 60px;float: left;border-radius: 50%}
.page_uedit .edit-box .uphead .file-box{width: 60px;height: 20px; position: relative;float: left;margin: 40px 0 0 15px;color: blue;font-size: 13px;}
.page_uedit .edit-box .uphead .file-box #file{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.page_uedit .edit-box .nick-box{height: 40px;margin-top: 30px}
.page_uedit .edit-box .nick-box .input-box{display: block;float: left;position: relative;}
.page_uedit .edit-box .nick-box .input-box input{height: 40px;width: 260px;padding: 0 30px 0 10px}
.page_uedit .edit-box .nick-box .input-box span{position: absolute;top: 10px;right:10px;color: #ccc}
.page_uedit .edit-box .subBtn{font-size: 18px;line-height: 42px;color: #323232;height: 42px;margin: 30px 0 50px 0;text-align: center;background-color: #006eff;color: #fff;width: 360px;cursor: pointer;}
.page_uedit .edit-box .bindPhoneBtn{font-size: 18px;line-height: 42px;color: #323232;height: 42px;margin: -15px 0 50px 0;text-align: center;border: 1px solid #006eff;width: 360px;cursor: pointer;}
.page_uedit .edit-box #clipArea {position: fixed;top: 50%;left: 50%;width: 400px;height: 400px;background-color: white;margin: -200px 0 0 -200px;box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); }
.page_uedit .edit-box #clipArea button {cursor: pointer; }

/*作者作品列表*/
.page_author{margin: 20px 0}
.page_author .nl-container{float: left;margin-right: 20px}
.page_author .right-box{float: right;width: 380px;background-color: #fff}
.page_author .right-box .top{height: 35px;border-bottom: 1px solid #f5f5f5;padding: 15px}
.page_author .right-box .top .aname{width: 102px;
    height: 34px;
    background: url(../img/icon01.png) no-repeat center;
    background-size: 100% auto;
    position: relative;
    line-height: 32px;
    margin-right: 7px;padding-left: 12px;color: #fff}
.page_author .right-box .top .aacount{font-size: 12px;color: #999;margin-top: 12px;display: inline-block;}
.page_author .right-box .last-news-title{color: #999;padding: 10px 20px 0 20px;font-size: 14px}
.page_author .right-box .author-news li{padding: 10px 20px}
.page_author .right-box .author-news li .title{color: #4c4c4c;font-size: 14px}
.page_author .right-box .author-news li .time{color: #999;font-size: 13px}

/*搜索*/
.page_search{margin: 20px 0}
.page_search .searchs-box{float: right;width: 380px;margin-top: 50px;background-color: #fff}
.page_search .searchs-box{float: right;width: 340px;margin-top: 50px;background-color: #fff;padding: 20px 20px 10px 20px}
.page_search .searchs-box .title span{display: inline-block;height: 22px;border-left:4px #0066ff solid;padding-left: 10px;font-size: 18px;position: relative;z-index: 2;}
.page_search .searchs-box .title i{width: 16px;height: 16px;background: url(../img/delete01.png) no-repeat center;background-size: 100% auto; position: absolute; right: 0;top: 5px;cursor: pointer;}
.page_search .searchs-box ul{margin-top: 20px}
.page_search .searchs-box ul li{display: inline-block;margin-bottom: 12px;margin-right: 8px;font-size: 14px;border: 1px solid #cdcdcd;-webkit-border-radius: 28px;-moz-border-radius: 28px;border-radius: 28px;}
.page_search .searchs-box ul li a{color: #808080;display: block;line-height: 28px;padding: 0 22px;}
.page_login{
    background-color: #fff;
    margin: 20px 0;
}
.page_login>.login-box{
    width: 364px;
    margin: 0 auto;
}
.page_login>.login-box>.title{
    font-size: 25px;
    line-height: 100px
}
.page_login .form-item,.bindPhoneModal .form-item{
    margin-bottom: 20px;
}
.page_login .form-item input,.bindPhoneModal .form-item input{
    height: 42px;
    width: 340px;
    padding: 0 10px;
    font-size: 16px;
    border: 1px solid #e7e7e7;
}
.page_login .form-item.mobile-code input,.bindPhoneModal .form-item.mobile-code input{
    width: 200px;
    margin-right: 5px;
}
.page_login .form-item.mobile-code .sendCode,.bindPhoneModal .form-item.mobile-code .sendCode{
    width: 130px;
    text-align: center;
    border: 1px solid #00BFFF;
    height: 42px;
    display: block;
    float: right;
    line-height: 44px;
    cursor: pointer;
    color: #00BFFF;
}
.page_login .form-item.mobile-code .sendCode.off,.bindPhoneModal .form-item.mobile-code .sendCode.off{
    background-color: #eee;
    border-color: #eee;
    color: #888;
}
.page_login .form-item.verify-code input,.bindPhoneModal .form-item.verify-code input{
    width: 200px;
    margin-right: 5px;
}
.page_login #login_btn,.bindPhoneModal .bindBtn{
    width: 360px;
    text-align: center;
    background-color: #006eff;
    height: 44px;
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    cursor: pointer;
}
.page_login #login_btn.disabled{
    background-color: #006eff;
}
.page_login .wx-login{
    height: 100px
}
.page_login #wx_login_btn{
    display: block;
    width: 360px;
    text-align: center;
    border: 1px solid #32CD32;
    background-color: #fff;
    color: #32CD32;
    height: 42px;
    cursor: pointer;
    line-height: 42px
}