@charset"UTF-8";
* {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    box-sizing: border-box;
    letter-spacing: 0.2px;
}
body {
    background: #fff;
    color: #333;
    font-size: 14px;
}
 .com-list {
    position:fixed;
    height:126px;
    padding-top:10px;
}
.pnav {
    display:inline-block;
    margin-left:16px;
    margin-right:30px;
    float:left;
    position:relative
}
.pnav>a {
    display:block;
    line-height:60px;
    font-size:16px;
    color:#fff;
    position:relative
}
.pnav>a:after {
    z-index:3;
    width:0;
    content:"";
    position:absolute;
    height:3px;
    bottom:3px;
    left:50%;
    transform:translateX(-50%);
    transition:all 0.4s;
    border-radius:2px
}
.pnav:hover>a {
    color:rgba(255, 255, 255, 0.85)
}

.pnav.more {
    margin: 0;
    padding: 0 16px;
}
.pnav.more>a {
    font-size: 24px;
    position: relative;
    color: #fff;
}
.pnav.more>a:before {
    content:'';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #FF5A00;
    right: -6px;
    top: 50%;
    margin-top: -6px;
}
.pnav:hover>a:after {
    width:60%;
    background-color:#17A1FF;
    z-index:4;
}
.com-list.fixed {
    height:126px;
}
.com-list .search {
    width:670px;
    margin-left: -380px;
    top: 20px;
}
.com-list .search input {
    padding-right:120px;
    padding-left:10px;
}
.com-list .search .main {
    width:560px;
    margin:0;
}
.pub_head {
    height:60px;
    width:100%;
    border-bottom:1px solid #FAFAFA;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    position: relative;
    background:#fff;
    min-width:1200px;
}
.pub_head.fixed {
    position: fixed;
}
.pub_head .top_main {
    width:1300px;
    margin: 0 auto;
}
.list_nav {
    height:60px;
}
.pub_head .top_main .nav {
    margin-left:62px;
    float:left;
    display:inline;
}
.pub_head.fixed .top_main .nav {
    display: none;
}
.pub_head .top_main .nav .pnav {
    position:static;
    margin-right:16px;
}
.pub_head .top_main .nav .pnav>a {
    color: rgba(0, 0, 0, 0.65);
    color: #666\0;
}
.pub_head .top_main .nav .pnav.more>a {
    color: rgba(0, 0, 0, 0.65);
    color: #666\0;
}
.pub_head .top_main .nav .pnav:hover>a {
    color: #000;
}
.pub_head .top_main .nav .pnav .subnav {
    margin-left: 0;
    width: 100%;
    left: 0;
    top: 60px;
    box-shadow: none;
    min-height: 100px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
    background: #ffffff\0;
    top:59px\0
}
.pub_head .top_main .nav .pnav .subnav .item {
    width: 1000px;
    margin: 0 auto;
}
.pub_head .top_main .nav .pnav .subnav .item div {
    display: inline-block;
    min-width: 60px;
    float: left;
}
.pub_head .top_main .nav .pnav .subnav .item ul {
    float: left;
    width: 900px;
    text-align: left;
    margin-top: 12px;
}
.pub_head .top_main .nav .pnav.more {
    position: relative;
}
.pub_head .top_main .nav .pnav.more .subnav {
    margin-left: -88px;
    width: 176px;
    left: 50%;
    top: 60px;
    top:59px\0
}
.pub_head .top_main .nav .pnav.more .subnav .item {
    width: auto;
}
.pub_head .top_main .nav .pnav.more .subnav ul {
    width: auto;
}
.pub_head.fixed .login_out, .pub_head.fixed .login_in {
    margin-top: 0;
}
.top_bar .hidden_top, .top_bar .f-logo {
    display: none;
}
.top_bar .logo, .top_bar .f-logo {
    margin-top:16px;
    width:100px;
    height:30px;
}

.top_bar .search {
    width: 540px;
    position: absolute;
    top:35px;
    left: 50%;
    margin-left:-330px;
}
.top_bar .search .main {
    width:100%;
    margin:0 auto;
    height:40px;
    position:relative;
    margin-top:0px;
    padding:0
}
.top_bar .search input {
    width:100%;
    height:40px;
    position:relative;
    box-sizing:border-box;
    border-radius:4px;
    padding-right:280px;
    padding-left:22px;
    font-size:14px;
    background-color:rgba(255, 255, 255, 0.85);
    color:rgba(0, 0, 0, 0.65);
    outline:none;
    border:0;
    line-height: 40px;
    border: 1px solid rgba(23, 161, 255, 0.65);
    border:1px solid #17A1FF;
}
.top_bar .search input:focus {
    color:rgba(0, 0, 0, 0.85);
    background-color:rgba(255, 255, 255, 0.95)
}
.top_bar .search .btn {
    width:86px;
    height:100%;
    position:absolute;
    right:0px;
    top:0px
}
.top_bar .search .btn a {
    display:block;
    width:100%;
    border-radius:4px;
    box-sizing:border-box;
    height:38px;
    line-height:38px;
    position:relative;
    margin:1px 0 0 0;
    text-align:center;
    color:#fff;
    background-color:#17A1FF;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.top_bar .search .btn a:hover {
    transition:all 0.3s;
    opacity: .9;
}
.top_bar .search .type {
    position:absolute;
    top:0px;
    left:0;
    z-index:2;
    background:rgba(0, 0, 0, 0.02);
    width:120px;
}
.top_bar .search .type span {
    display:block;
    width:100%;
    border-radius:4px;
    box-sizing:border-box;
    height:39px;
    line-height:39px;
    position:relative;
    margin:0px;
    text-align:center;
    padding:0 0 10px 0px;
    color:#8C8C8C;
    font-size:16px;
    cursor:pointer;
    height: 50px\0;
}
.top_bar .search .type span i {
    margin-left:5px;
    font-size: 14px;
    transition: transform .3s;
}
.top_bar .search .type span:after {
    content:"";
    position:absolute;
    height:100%;
    width:1px;
    background:rgba(23, 161, 255, 0.65);
    ;
    right:0;
    height: 40px\0;
}
.top_bar .search .type:hover span i {
    transform:rotate(180deg);
    display:inline-block;
    transition: transform .3s;
}
.top_bar .search .type ul {
    display:none;
    margin-top: -5px\0;
}
.top_bar .search .type:hover ul {
    display:block;
    background-color:#DFF2FF;
    padding:10px 0;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.top_bar .search .type:hover ul li {
    padding:10px;
    text-align:center;
    cursor:pointer;
    color:rgba(0, 0, 0, 0.65)
}
.top_bar .search .type:hover ul li:hover {
    background:#f3f9ff
}
.top_bar .search .hot {
    padding-left:20px;
    box-sizing:border-box;
    margin:6px auto 0;
    font-size:14px;
    line-height:20px;
    height:20px;
    overflow:hidden;
    letter-spacing:0.2px;
    color:rgba(255, 255, 255, 0.45)
}
.top_bar .search .hot span {
    float:left
}
.top_bar .search .hot ul li {
    float:left;
    padding:0 10px
}
.top_bar .search .hot ul li a:hover {
    color:#fff
}
.top_bar.fixed {
    height:61px;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 300;
}
.top_bar.fixed .login_out, .top_bar.fixed .login_in {
    margin-top:10px;
}
.top_bar.fixed .slogan, .top_bar.fixed .text {
    display: none;
}
.top_bar.fixed .hidden_top, .top_bar.fixed .f-logo {
    display: block;
}
.top_bar.fixed ul.login_in>li.message .news-info {
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
}
.top_bar.fixed ul.login_in>li.head .user {
    box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
}
.top_bar.fixed .search .type ul {
    margin-top: 3px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    margin-top: -10px\0;
}
.top_bar.fixed .search input {
    padding-right: 150px;
}
.tag_category {
    width:80px;
    height:40px;
    position:absolute;
    top:0;
    line-height:38px;
    left:-96px;
    box-sizing:border-box;
    background:rgba(0, 0, 0, 0.02);
    border-radius:4px;
    z-index:10;
    border:1px solid rgba(0, 0, 0, 0.05);
    text-align:center
}
.tag_category:hover {
    background: rgba(0, 0, 0, 0.05);
}
.tag_category .sort {
    display:block;
    width:100%;
    cursor:pointer;
    font-size:16px;
    color:rgba(0, 0, 0, 0.85);
}
.tag_category .sort i {
    font-size:12px;
    margin-right:10px;
    color:rgba(0, 0, 0, 0.15)
}
.tag_category:hover .nav_one {
    display:block
}
.nav_one {
    position:relative;
    top:-5px;
    text-align:left;
    padding-top:16px;
    display:none
}
.nav_one ul {
    width:156px;
    background:#fff;
    box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05);
    border-radius:6px 0px 6px 6px;
    position:relative
}
.nav_one ul li {
    height:48px;
    line-height:48px
}
.nav_one ul li:hover {
    background-color:#F3FCFF
}
.nav_one ul li span {
    display:block;
    width:100%;
    height:100%;
    padding-left:16px
}
.nav_one ul li span a {
    display:inline-block;
    line-height:48px;
    color:rgba(0, 0, 0, 0.65);
    font-size:14px
}
.nav_one ul li span a:hover {
    text-decoration:underline
}
.nav_one ul li span i {
    float:right;
    margin-right:32px;
    color:rgba(0, 0, 0, 0.45);
    font-size:12px;
    transform:rotate(-90deg)
}
.nav_one ul li:hover .sub_two {
    display:block
}
.sub_two {
    display:block;
    padding-bottom:12px;
    position:absolute;
    padding:10px 0 20px 33px;
    box-sizing:border-box;
    top:0;
    left:156px;
    min-height:100%;
    background-color:#fff;
    box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05);
    border-radius:0px 4px 4px 4px;
    overflow:hidden;
    width:510px;
    display:none
}
.sub_two .items {
    padding-top:16px;
    height:auto;
    overflow:hidden;
    border-bottom:1px solid rgba(0, 0, 0, 0.03);
    padding-bottom:16px;
    margin-right:16px
}
.sub_two .items:last-child {
    border:none;
    padding-bottom:0px
}
.sub_two .items dt {
    width:100%;
    color:#FFC001;
    display:block;
    float:left;
    line-height:22px;
    font-size:14px;
    position:relative;
    padding-left:10px;
}
.sub_two .items dt:before {
    content:'';
    position:absolute;
    width:2px;
    height:12px;
    border-radius:2px;
    bottom:5px;
    left:0;
    background-color:#17A1FF
}
.sub_two .yellow dt:before {
    background-color:#FF9400
}
.sub_two .items dd {
    float:left;
    line-height:28px;
    color:rgba(0, 0, 0, 0.65);
    font-size:14px;
    padding:10px 40px 0 0;
}
.com-list {
    position: fixed;
    height: 136px;
    padding-top: 10px;
	z-index: 999;
}
.holder {
    height: 136px;
    overflow: hidden;
}
.hot_search {
    position:absolute;
    width: 700px;
    left:-90px;
    top:55px;
    height:40px;
}
.hot_search ul li {
    display:inline-block;
    float:left;
    margin-right:13px;
    position:relative;
    transition:all 0.4s
}
.hot_search ul li a {
    display:block;
    padding:0 5px 16px;
    line-height:24px;
    color:rgba(0, 0, 0, 0.65)
}
.hot_search ul li a:hover {
    color:#000
}
.hot_search ul li.one a {
    color:#17A1FF;
    font-weight:800;
}
.hot_search ul li.one:after {
    content:'';
    background-color:#17A1FF;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    height:3px;
    border-radius:2px;
    transition:all 0.4s;
    width:32px
}
.hot_search ul li:after {
    content:'';
    background-color:#17A1FF;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    height:3px;
    border-radius:2px;
    transition:all 0.4s;
    width:0
}
.hot_search ul li:hover:after {
    width:32px
}
.hot_search ul li:last-child {
    margin-right:0;
}
.hot_search ul li.pnav {
    margin-left:-16px;
}
.hot_search ul li.pnav.more a {
    color:rgba(0, 0, 0, 0.65);
    padding:0;
}
.hot_search ul li.pnav:after, .hot_search ul li.pnav li:after {
    background-color:#ffffff;
}
.hot_search ul li.pnav .subnav {
    top:38px;
}
.hot_search ul li.pnav .subnav li {
    padding:0;
    margin:0 0 8px 0;
}
.conbox {
    background-color: #F9F9F9;
    min-height: 450px;
}
.top_bar .loginbar {
    height:40px;
    margin:10px 0 0 0;
}
ul.login_out li {
    float:left;
    height:40px;
    position:relative;
    margin:5px 10px 0 0;
    display:inline;
}
ul.login_out li a {
    display:inline-block;
    font-size:14px;
    height:30px;
    line-height:30px;
    padding: 0 10px;
    color:rgba(0, 0, 0, 0.65)
}
ul.login_out li a:hover {
    color:#17A1FF;
    background:#fff;
}
ul.login_out li.qq a {
    width:105px;
    line-height:28px;
    border:1px #00b7d6 solid;
    padding:0;
    text-align:center;
    border-radius:2px;
    color: #00b7d6;
    background-color: #fff;
    transition: all .3s;
}
ul.login_out li.weibo a {
    width:105px;
    line-height:28px;
    border:1px #ff734a solid;
    padding:0;
    text-align:center;
    border-radius:2px;
    color: #ff734a;
    background-color: #fff;
    transition: all .3s;
}
ul.login_out li.weixin a {
    width:105px;
    line-height:28px;
    border:1px #00bd2c solid;
    padding:0;
    text-align:center;
    border-radius:2px;
    color: #00bd2c;
    background-color: #fff;
    transition: all .3s;
}
ul.login_out li.qq .iconfont, ul li.weibo .iconfont, ul li.weixin .iconfont {
    font-size:22px;
    margin-right:5px;
}
ul.login_out li.qq a:hover {
    background-color: #00b7d6;
    color: #fff;
}
ul.login_out li.weibo a:hover {
    background-color: #ff734a;
    color: #fff;
}
ul.login_out li.weixin a:hover {
    background-color: #00bd2c;
    color: #fff;
}
.pnav .subnav{visibility:hidden;opacity:0;padding-bottom:12px;position:absolute;width:460px;top:54px;border-radius:4px;left:50%;margin-left:-217px;padding:10px 20px;box-sizing:border-box;background-color:rgba(255,255,255,0.95);z-index:3;background: #fff\0;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05);}
.pnav:hover .subnav{display:block;visibility:visible;opacity:1}
.pnav .subnav .item div{color:#17A1FF;display:block;min-width:45px;line-height:22px;margin-top:12px;padding-left:6px;position:relative;text-align:left;margin-bottom:4px;font-weight:400;font-size:14px;}
.pnav .subnav .item div:before{content:'';position:absolute;width:2px;height:12px;border-radius:2px;bottom:5px;left:0;background-color:#17A1FF}
.pnav .subnav .item ul li{min-width:136px;float:left;text-align:left;margin-bottom:8px;color:rgba(0,0,0,0.65);line-height:22px;display:inline-block;font-size:14px}
.pnav .subnav .item ul li a{color:#333;}
.pnav .subnav .item ul li a:hover{color:#17A1FF}
.pnav.more .subnav{width: auto;margin-left: -70px;}
.pnav.more .subnav ul li{display: block;}
.pnav .subnav .nav-tag ul li{min-width:140px;}
.pnav .subnav .nav-tag ul li a,.pnav .subnav .h5-tag ul li a{color:#808080;}
.pnav:hover .subnav {
    display: block;
    visibility: visible;
    opacity: 1;
}
/*面包屑*/
.bread-nav{height:60px;line-height:60px;font-size:13px;color:#a6a6a6;}
.bread-nav span{font-family:"新宋体";margin:0 10px}
.bread-nav em,.bread-nav .tbr{color:#ff2a00;font-weight:400;}
.bread-nav h1 {
    float: right;
    color:#17A1FF;
    margin-right:20px
}
.de-box .bread-nav {width: 100%;height:60px;line-height:60px;font-size:13px;color:#a6a6a6;}
.de-box .bread-nav h1 {   float: right;color:#17A1FF;margin-right: 0; }
/*模板特效*/
.block {
    position: relative;
}

.pins-box{background-color:#f5f5f5;width:100%;height:auto;overflow:hidden;padding-bottom:45px}
.pins-box h2{padding-top:50px;padding-bottom:24px;text-align:center;position:relative;font-weight:normal;font-size:24px;color:rgba(0,0,0,0.85);line-height:32px}
.more-link{position:absolute;right:0;top: 56px;display:block}
.more-link a{color:#17A1FF;display:inline-block;font-size:14px;line-height:22px;margin-left:16px}
.more-link a i{display:inline-block;margin-left:2px;font-size:12px}
.more-link a:hover{opacity:0.9}

.category{height:auto;overflow:hidden;width:100%}
.category ul{height:auto;overflow:hidden;width:100%;padding-top:10px}
.category ul li{float:left;display:inline-block;width:160px;height:50px;line-height:50px;text-align:center;font-size:14px;color:#38386f;background:#f4f9ff;margin-bottom:20px;margin-right:35px;-webkit-box-shadow:0px 0px  4px rgba(231,234,241,1);-moz-box-shadow:0px 0px 4px rgba(231,234,241,1);box-shadow:0px 0px 4px rgba(231,234,241,1);}
.category ul li:nth-child(7n){margin-right:0}
.category ul li a{display:block;width:100%;height:100%;border-radius:2px;font-weight: normal;}
.category ul li a:hover{background:#17A1FF;color:#fff;}

.pins-list{height:auto;width:100%;padding-top:10px;}
.pins-list li{float:left;width:317px;height:250px;border-radius:4px;margin-right:20px;overflow:hidden;position:relative;background:#fff;padding:10px 12px 0px 12px;margin-bottom:20px;box-sizing:border-box;}
.pins-list li .pic{display:block;position:relative;width:100%;height:200px;overflow:hidden;background:#fff;}
.pins-list li .pic a{display:block;width:100%;height:100%;position:relative;background-color: rgb(214 214 214 / 50%);position: relative;border-radius: 8px;}
.pins-list li .pic a img{display:block;width:100%;height:auto;animation-duration:.3s;background:url(../images/loading.gif) no-repeat center center;position: absolute;top: 50%;transform: translateY(-50%);}
.pins-list li .pic a img:hover{opacity: .9;}
.pins-list li .pic .view{position:absolute;width:100%;bottom:0;}
.pins-list li .pic .view > i{position:absolute;left:10px;bottom:5px;display:block;width:26px;height:30px;}
.pins-list li .pic .view > i.shangyong{background:url(orgIconblue.svg) center center no-repeat;background-size:100%;}
.pins-list li .pic .view > i.fufei{background:url(fufei.svg) center center no-repeat;background-size:100%;}
.pins-list li .pic .view > i.yuanchuang{background:url(yuan.svg) center center no-repeat;background-size:100%;}
.pins-list li .pic .view a{width:62px;height:32px;line-height:32px;background:#f6f6f6;display:block;position:absolute;right:0;bottom:-32px;transition:all .2s;text-align:center;color:rgba(0,0,0,0.65)}
.pins-list li .pic .view a i{margin:0 3px 0 0}
.pins-list li .pic .view a:hover{background:#05920a;color:#fff}
.pins-list li p.title{font-size:14px;color:#1761cc;line-height:46px;height:46px;overflow:hidden;padding:0 0 16px 0;}
.pins-list li p.title a{color:#a6a6a6;}
.pins-list li p.title a:hover{text-decoration:underline;}
.pins-list li h3.title{font-size:14px;color:#1761cc;line-height:46px;height:46px;overflow:hidden;padding:0 0 16px 0;font-weight: normal;}
.pins-list li h3.title a{color:#a6a6a6;}
.pins-list li h3.title a:hover{text-decoration:underline;}
/* 继承pins瀑布流列表 */
.waterfall,.bg-box{width:1300px;margin:0 auto;padding-top:20px;}
.waterfall li{margin-right:0;width:310px;height:auto;padding-left:10px;padding-right:10px;}
.waterfall li .pic{height:220px;}
.waterfall li .hover_show span{margin-left:18px;}
.waterfall li .hover_show a{margin-right:18px;}
.waterfall li p.title{margin-bottom:-3px;}
.waterfall li .longpins{height:395px;}

/* 免扣和背景模块pins瀑布流列表 */
.bg-box{width:1300px;margin:0 auto;padding-top:0px;}
.fleximageBox{box-sizing:border-box;margin-left:11px;}
.fleximageBox li{padding:0;width:100%;max-height:600px;height:100%;background:none;}
.fleximageBox li .pic{height:100%;}
.fleximageBox li .pic a img{height:100%;min-height:auto;}
.fleximageBox li:nth-child(4n){margin-right:20px;}

.fleximageBox li .bg-btn,.waterfall li .bg-btn{width:auto;text-align:center;}
.fleximageBox li:hover .bg-btn{top:10px;}
.fleximageBox li .bg-btn .star{float:none;margin:2px 10px 10px 0;}
.fleximageBox li .bg-btn .down{float:none;margin-right:10px;margin-bottom:10px;}
.fleximageBox li .bg-btn .bl,.waterfall li .bg-btn .bl{background:#17a1ff;border:1px solid #17a1ff;}
.waterfall li .bg-btn .star{float:none;margin:0 16px 0 0;}
.waterfall li .bg-btn .down{float:none;margin-right:17px;}

.fleximageBox .title{position:absolute;left:0;right:0;bottom:-38px;background:linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(25, 37, 55, 0.8));background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(14, 22, 32, 0.4));transition:.25s;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);opacity:0;text-align:center;}
.fleximageBox .title a{color:#fff;}
.fleximageBox li:hover .title{bottom:0;opacity:1;}
.pins-list li .hover_show{position:absolute;top:-50px;right:0;height:42px;line-height:42px;transition:.25s;opacity:0;width:100%}
.pins-list li .hover_show span{float:left;border:1px solid #d2d2d2;background:#fff;margin-left:22px;display:inline-block;font-size:18px;height:36px;line-height:36px;cursor:pointer;width:37px;text-align:center;color:#a7a7a7;border-radius:4px;}
.pins-list li .hover_show span i{font-size:18px;color:#a7a7a7;}
.pins-list li .hover_show span:hover i,.pins-list li .hover_show span i.selected{color:#FF9400;}  
/* 隐藏列表卡片中下载按钮 */
.pins-list li .hover_show a{float:right;border:1px solid #05920a;background:#05920a;color:#fff;margin-right:22px;display:none;border-radius:4px;font-size:14px;height:40px;line-height:40px;cursor:pointer;padding:0 10px}
.pins-list li .hover_show a i{margin-left:5px;font-size:16px;}
.pins-list li:hover .hover_show{top:18px;opacity:1;}
.pins-list li:hover .view a{bottom:0;}

.pins-list li:nth-child(4n){margin-right:0}
.pins-list li:hover{box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);}

.pins-list li .stag{height:34px;overflow:hidden;}
.pins-list li .stag a{color:#9D9D9D;display:inline-block;line-height:28px;margin:0 10px 0 0;font-size:12px;float:left;}
.pins-list li .stag a:hover{color:#9D9D9D;text-decoration:underline;}

.pins-list li .class{color:#ff6600;line-height:30px;}

/*素材内容页*/
em {
    font-style: normal;
}
.de-box .left{float:left;width:920px;box-sizing:border-box;border-radius:4px;background:#fff;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.01)}
.de-box .left .title{position:relative;color:rgba(0,0,0,0.85);border-bottom:1px solid #f5f5f5;width:100%;height:auto;overflow:hidden}
.de-box .left .title img{display:inline-block;float:left;padding:20px 0 20px 20px;}
.de-box .left .title h1{float:left;font-size:20px;padding:20px;line-height:26px;white-space:nowrap;}
.de-box .left .title h1 a{font-size:20px;}
.de-box .left .title em{position:absolute;top:15px;right:21px;display:inline-block;width:100px;height:36px;border:1px solid #e5e5e5;border-radius:40px;background:#fafafa;color:#a1a1a1;text-align:center;font-size:13px;line-height:36px;cursor:pointer}
.de-box .left .title em i{margin-right:5px}
.left .detail{width:100%;position:relative;padding:25px;line-height:25px;color:rgba(0,0,0,.85);font-size:14px;height:auto;overflow:hidden}
.left .detail img{max-width:90%!important;display:block;margin:0 auto;margin-bottom:20px}
.left .detail .desc{padding:0 10px}
.left .detail .tags{margin-top:30px;border-top:1px solid #f5f5f5}
.left .detail .tags h3{height:36px;font-size:16px;margin:25px 0 0 0}
.left .detail .tags a,.tj-text a{float:left;display:block;overflow:hidden;margin-right:10px;margin-bottom:9px;padding:0 10px;height:30px;border-radius:4px;background:#f3f4f9;color:#999;text-align:center;font-size:14px;line-height:30px}
.left .detail .tags a:hover,.tj-text a:hover{background:#17A1FF;color:#fff;text-decoration:none;}
.tj-text{padding:10px 0 20px 0;}
.de-box .right{float:left;width:360px;margin-left:20px}
.right .view-down{padding:24px 24px 10px 24px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.01);margin-bottom:20px}
.view-down a{display:block;position:relative;width:100%;height:44px;border-radius:4px;margin-right:12px;font-size:18px;line-height:44px;font-weight:normal;color:#fff;letter-spacing:1.5px;text-align:center}
.view-down .view{background-color:#17A1FF;margin-bottom:18px}
.view-down .down{background-color:#17a1ff;margin-bottom:18px}
.view-down .data,.intall .data{color:#838383;text-align:center;font-size:15px;height:50px;}
.view-down .data span,.intall .data span{display:inline-block;width:33.33%;float:left;line-height:50px;}
.view-down .data span i,.intall .data span i{margin-right:10px}
.right .info{padding:24px 34px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.01);margin-bottom:20px}
.right .info ul li{display:inline-block;width:100%;height:33px;color:#838383;font-size:13px;line-height:33px}
.right .info ul li span.l{float:left;display:inline-block;margin-right:10px;color:#000;}
.right .info ul li span.r{float:right;display:inline-block;color:#838383}
.right .info ul li span.r a{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;max-width:120px;display:block;}
.right .info ul li.copyright{margin-top:13px;height:41px;border-top:1px solid #eceff1;line-height:51px}
.right .info ul li.copyright em{position:relative;display:inline-block;width:16px;height:16px;border-radius:40px;background:#c4c4c4;color:#fff;vertical-align:0;line-height:16px;text-align:center}
.right .info ul li .sm{position:absolute;top:-228px;left:-395px;display:none;padding:17px 19px 25px 28px;width:395px;height:auto;border:1px solid #dfdfdf;background:#fff;color:#af9178;cursor:pointer}
.right .info ul li .sm .title{height:50px;font-size:18px;line-height:50px}
.right .info ul li .sm    p{text-align:left;text-indent:26px;font-size:13px;line-height:20px}
.right .info ul li.copyright em:hover .sm{display:block}
.right .like-work{margin-bottom:20px;padding:20px 20px 10px 20px;background-color:#fff;border-radius:4px;box-shadow:0px 0px 4px 2px rgba(0,0,0,0.01);height:auto;overflow:hidden}
.right .like-work .title{width:100%;height:30px;color:#333;text-align:left;font-size:16px;line-height:30px;margin-bottom:10px;padding:0 5px}
.right .like-work .title a{float:right;color:#aaa;text-align:right;font-size:14px;cursor:pointer;font-weight:normal}
.right .like-work ul li{width:33.33%;float:left;padding:10px 5px 10px 5px;}
.right .like-work ul li .pic{display: block;height:80px;overflow:hidden;border:solid 1px #efefef;}
.right .like-work ul li img{width:100%;height:auto;position: relative;top: 50%;transform: translateY(-50%);}
.right .like-work ul li p{font-size:12px;line-height:24px;height:60px;overflow:hidden;padding:5px 0 0 0;}
.right .like-work ul li p a{color:#999;}
.right .like-work ul li p a:hover{color:#17A1FF;text-decoration:none;}
.right .like-work ul li h2{font-size:12px;line-height:24px;height:60px;overflow:hidden;padding:5px 0 0 0;font-weight: normal;}
.right .like-work ul li h2 a{color:#999;word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.right .like-work ul li h2 a:hover{color:#17A1FF;text-decoration:none;}
.use-tip {
    margin: 50px 0 0 0;
}
.use-tip h3{font-size:14px;color:#5e5e5e;height:36px;}
.use-tip p{line-height:28px;font-size:12px;color:#999;}

.listpages, .pagelink { text-align:center; font-size:14px;padding: 40px 0; clear:both;}
.listpages a, .listpages b, .pagelink a, .pagelink b { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; background-color:#e9ebee; padding:8px 15px; margin-right:5px; }
.listpages>span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; background-color:#f5f5f5; padding:8px 15px; margin-right:3px; }
.listpages b, .pagelink b { font-weight:500; color:#ffffff; background-color:#1a5284; }
.listpages a:hover, .pagelink a:hover { text-decoration:none; background-color:#1765aa; color:#ffffff; }

.downpos {
    top: 140px!important;
}
ul.login_in>li{float:left;line-height:50px;position:relative;padding-right: 6px;}
ul.login_in>li a{display:inline-block;font-size:14px;height:26px;padding:0 10px;line-height:26px;color:rgba(0,0,0,0.65)}
ul.login_in li a:hover,ul.login_in>li.upload a:hover i{color:#17A1FF}
ul.login_in>li.upload{margin-right:0}
ul.login_in>li.vip{margin-right:0}
ul.login_in>li.upload i{font-size:18px;color:#888c8f;}
ul.login_in>li.vip i{color:#008aff;font-size:18px;}
ul.login_in>li.message{margin-right: 5px;}
ul.login_in>li.message i{position:absolute;top:2px;right:3px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:#ff5a00;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
ul.login_in>li.head{position:relative;padding:0;margin:8px 0 0 5px;width:36px;height:36px;}
ul.login_in>li.head>a{display:block;width:100%;height:100%;padding:0}
ul.login_in>li.head i{position:absolute;top:-14px;right:-10px;color:#ff6600;font-weight: 800;}
ul.login_in>li.head img{width:100%;border-radius:50%; height:100%;}
ul.login_in>li.head .user{display:none;position:absolute;width:200px;right:0;background:#fff;border-radius:6px;top:40px;padding:0 5px;box-sizing:border-box;box-shadow:0px 0px 6px 3px rgba(0, 0, 0, 0.05);}
ul.login_in>li.head:hover{background:#fff;}
ul.login_in>li.head:hover .user{display:block}
ul.login_in>li.head .user .user_info{position:relative;text-align:center;border-bottom:1px solid #FAFAFA;padding:12px 9px 10px;overflow:hidden;padding-bottom:0}
ul.login_in>li.head .user .user_info .img{border:1px solid rgba(0,0,0,0.05);display:inline-block;width:36px;height:36px;float:left;overflow:hidden;border-radius:50px}
ul.login_in>li.head .user .user_info span.name{text-align:left;color:rgba(0,0,0,0.85);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px 0 6px;height:53px;line-height:22px}
ul.login_in>li.head .user .user_info span.name span{display:block;text-align:left;display:block;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,0.45)}
ul.login_in>li.head .user li{padding-left:19px;height:35px;line-height:35px}
ul.login_in>li.head .user li.quit{height:44px;line-height:44px;text-align:center;border-top:1px solid #FAFAFA;padding-left:0}
ul.login_in>li.head .user li.quit a{line-height:44px}
ul.login_in>li.head .user li a{display:block;width:100%;height:100%;padding:0}