@charset "utf-8";
/*CSSlipi reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; vertical-align:top; }
address, caption, cite, code, dfn, em, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
hr { margin: 0; border-width: 1px 0 0 0; border: 0; height: 1px; background: #f0f0f0; }
abbr, acronym { border:0; font-variant:normal; }
.bgwhite { background: #fff !important; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#666; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline: none; }
input, button, textarea, select { *font-size:100%;
}
a { text-decoration: none; color:#666; }
body { font-family: "微软雅黑"; font-size: 14px; color: #666; background: #f7f8fa; }
.after:after, .n-back:after, .n-back-1:after, .con-right:after, .footer-nav:after, .kefu_q3 .bor-ul:after { visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; line-height:0; overflow:hidden }
/***== 字体 ==***/
b{ font-weight:normal;}
.ht { font-family: '黑体'; }
.ar { font-family: 'Arial'; }
.st { font-family: '宋体'; }
.bold { font-weight: bold; }
.upper { text-transform: uppercase; }
.t-color { color: #75c01f; }
/* 字号 */
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
/* 字体颜色 */
.white, .white a { color: white; }
.yellow, .yellow a { color: yellow; }
.blue, .blue a { color: blue; }
.red, .red a { color: red; }
.zfa { color: #0057ff!important; }
/***== 公用属性 ==***/
.hgclear { height:1px; clear: both; }
.hg5, .hg6, .hg7, .hg8, .hg9, .hg10, .hg11, .hg12, .hg13, .hg14, .hg15, .hg16, .hg17, .hg18, .hg19, .hg20, .hg23, .hg25, .hg26, .hg28, .hg30, .hg35, .hg38, .hg40, .hg44, .hg45, .hg48, .hg50, .hg55, .hg60, .hg65, .hg70, .hg75, .hg80, .hg683 { width: 100%; clear: both; }
.hg5 { height: 5px; }
.hg6 { height: 6px; }
.hg7 { height: 7px; }
.hg8 { height: 8px; }
.hg9 { height: 9px; }
.hg10 { height: 10px; }
.hg11 { height: 11px; }
.hg12 { height: 12px; }
.hg13 { height: 13px; }
.hg14 { height: 14px; }
.hg15 { height: 15px; }
.hg16 { height: 16px; }
.hg17 { height: 17px; }
.hg18 { height: 18px; }
.hg19 { height: 19px; }
.hg20 { height: 20px; }
.hg22 { height: 22px; }
.hg23 { height: 23px; }
.hg25 { height: 25px; }
.hg26 { height: 26px; }
.hg28 { height: 28px; }
.hg30 { height: 30px; }
.hg35 { height: 35px; }
.hg38 { height: 38px; }
.hg40 { height: 40px; }
.hg44 { height: 44px; }
.hg45 { height: 45px; }
.hg48 { height: 48px; }
.hg50 { height: 50px; }
.hg55 { height: 50px; }
.hg60 { height: 60px; }
.hg65 { height: 65px; }
.hg70 { height: 70px; }
.hg75 { height: 75px; }
.hg80 { height: 80px; }
.hg683 { height: 683px; }
/* 行距 */
p { line-height: 22px; }
.line-height18 { line-height: 18px; }
.line-height20 { line-height: 20px; }
.line-height22 { line-height: 22px; }
.line-height24 { line-height: 24px; }
.line-height25 { line-height: 25px; }
/* 宽度 */
.width100 { width: 100%; }
.wul105 { width: 105%; }
.wul110 { width: 110%; }
.width500 { width: 500px; }
.container { width: 1180px; min-width: 1180px; margin: 0 auto; position: relative; }
.wap_width { margin: 0 auto; }
.width783 { width: 783px; margin: 0 auto; }
.width832 { width: 832px; margin: 0 auto; }
.width945 { width: 945px; margin: 0 auto; }
.width956 { width: 956px; margin: 0 auto; }
.clear1 { width: 100%; clear: both; }
.clear-hg { clear:both; height:1px; width: 100%; }
.fl { float: left !important; }
.fr { float: right !important; }
.hide { display: none}
.block { display: block !important; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/*定位*/
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.bc { margin-left:0; margin-right:0; }
.cl { clear:left; }
.cr { clear:right; }
.vm { vertical-align:middle; }
.pr { position:relative; }
.pa { position:absolute; }
.abs-right { position:absolute; right:0 }
.zoom { zoom:1; }
.hidden { display: none }
.none { display:none; }
.cursor { cursor: pointer }
/* webkit内核 滚动条*/
::-webkit-scrollbar {
width:10px;
background-color:#006eff;
}
::-webkit-scrollbar-thumb {
width:10px;
background-color:#aeaeae;
}
::-webkit-scrollbar-track-piece {
width:10px;
background-color:#f8f8f8;
}
::-webkit-scrollbar-thumb:hover {
width:10px;
background-color:#0057ff;
}
/*边距*/
.m0 { margin: 0 !important; }
.m5 { margin:5px; }
.m8 { margin:8px; }
.m10 { margin:10px; }
.m15 { margin:15px; }
.m18 { margin:18px; }
.m20 { margin:20px; }
.m30 { margin:30px; }
/* 外上边距 */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top:5px; }
.mt8 { margin-top:8px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt18 { margin-top:18px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt65 { margin-top:65px; }
.mt70 { margin-top:70px; }
.mt75 { margin-top:75px; }
.mt80 { margin-top:80px; }
.mt100 { margin-top:100px; }
/* 外下边距 */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom:5px; }
.mb8 { margin-bottom:8px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb23 { margin-bottom:23px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }
.mb50 { margin-bottom:50px; }
.mb55 { margin-bottom:55px; }
.mb60 { margin-bottom:60px; }
.mb65 { margin-bottom:65px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
/* 外左边距 */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }
.ml50 { margin-left:50px; }
.ml100 { margin-left:100px; }
/* 外右边距 */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr22 { margin-right:22px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }
.mr50 { margin-right:50px; }
.mr100 { margin-right:100px; }
.pt0 { padding-top: 0 }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt16 { padding-top:16px; }
.pt18 { padding-top:18px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top: 25px; }
.pt28 { padding-top: 28px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt36 { padding-top: 36px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right:5px; }
.pr8 { padding-right:8px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right: 25px; }
.pr28 { padding-right: 28px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pb5 { padding-bottom:5px; }
.pb8 { padding-bottom:8px; }
.pb10 { padding-bottom:10px; }
.pb13 { padding-bottom:13px; }
.pb15 { padding-bottom:15px; }
.pb18 { padding-bottom:18px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb28 { padding-bottom:28px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.pb55 { padding-bottom:55px; }
.pb60 { padding-bottom:60px; }
.pb70 { padding-bottom:70px; }
.pb80 { padding-bottom:80px; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left:5px; }
.pl15 { padding-left:15px; }
.pl8 { padding-left:8px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left: 25px; }
.pl28 { padding-left: 28px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
​.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; clear:both; }
tr.header{ background:none;}
/**==========================  网站公共模块  ===========================**/
.fixed { width:100%; position:fixed; top:0px; z-index:10005; }
.fix { }
.back-model { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0, 0, 0, .5); z-index:1; display:none;}
/*+------------------------------
 + 头部
 +-------------------------------*/
.user_header {
    min-width: 1180px;
    height:64px;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
}
.header_left>ul>li,.header_right>ul>li{
    float: left;
    padding: 8px 12px;
    margin-left: 4px;
    border-radius: 12px;
}
.header_left>ul>li:hover,.header_right>ul>li:hover{
    background: #EFEFEF;
}
.user_header>ul>li>a{
    font-size: 16px;
    color: #5C5C5C;
}
.header_left,.header_right,.header_right>ul{
    display: flex;
    align-items: center;
}
.header_right ul li a{
    display: flex;
    align-items: center;
}
.user_banner{
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}
.userWorks{
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 26.5%;
}
.userWorks>a{
    display: block;
    height: 40px;
    font-size: 24px;
    color: #F7F8FA;
    text-shadow: 1px 1px gray;
}
.selectWorks{
    font-weight: 600;
    border-bottom: 4px solid rgba(63,177,99,1);
}




.header .logo { margin: 18px 0 0 0; }
.header .menu { width: 65%; text-align: center; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 5; }
.header .menu ul li { position: relative; display: inline-block; margin-right: 3px; }
.header .menu ul li a { display: block; padding: 6px 21px; color: #fff; border-radius: 35px; }
.header .menu ul li:hover a, .header .menu ul li a.on { background: #0057ff; }
.header .menu ul li.menu-more { position: relative; width: 85px; height: 60px; line-height: 60px; cursor: pointer; }
.header .menu ul li.menu-more a { display: block; padding: 0; border-radius: 0; }
.header .menu ul li.menu-more .ico-more { display: inline-block; width: 9px; height: 6px; background: url("../images/more-ico.png") no-repeat; margin-left: 5px; vertical-align: middle;  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.header-dask { display:none; width:100%; height:60px; }
.header:hover { overflow:inherit; }
.header .menu ul li .more-child { display: none; position: absolute; top: 60px; left: 0; width: 140px; background: #fff; text-align: left; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
.header .menu ul li .more-child a { height: 40px; line-height: 40px; color: #333; margin-bottom: 5px; text-indent: 21px; background: #fff; }
.header .menu ul li.menu-more:hover .more-child { display: block; }
.header .menu ul li.menu-more:hover .ico-more { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.header .menu ul li .more-child a.on, .header .menu ul li .more-child a:hover { background: #0057ff; color: #fff; }
/*+------------------------------
 + 搜索
 +-------------------------------*/
.form-search { width:100%; height:100%; position:absolute; top:-62px; left:0; background:#191919;  transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
}
.form-search.show { top:0; }
.form-search .form-search-con:after { display: block; content: ""; clear: both; }
.form-search .form-search-con { width: 425px; margin:22px auto 0; }
.form-search .colse { width:12px; height:12px; background-position:-88px 0; cursor:pointer; margin-top:5px; }
.form-search .select-type { border:0; background:transparent; color:#fff; margin: 0 15px; }
.form-search .select-type option { color:#666; }
.form-search .stype { position: relative; width: 90px; height: 38px; margin: 0 15px; cursor: pointer; }
.form-search .stype .opation { display:block; color:#fff; text-align:center; }
.form-search .stype .opation i { display: block; float: right; width: 9px; height: 6px; margin-top: 8px; background-position: -52px -132px;  transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.form-search .stype ul { display:none; position:absolute; top:30px; left:0; width:100%; padding:5px 0; box-shadow:0 3px 10px #dcdcdc; background:#fff; border-radius:5px; text-align:left; z-index:999; overflow:hidden; }
.form-search .stype ul li { width:100%; line-height:33px; text-align:center; }
.form-search .stype ul li:hover { color:#0057ff; background:#f7f8fa; }
.form-search .stype:hover .opation i { transform:rotate(180deg); -webkit-transform:rotate(180deg) }
.form-search .stype:hover ul { display:block; }
.form-search input::-webkit-input-placeholder {
color:#fff;
}
.form-search input::-moz-placeholder {
color:#fff;
}
.form-search. input:-ms-input-placeholder {
color:#fff;
}
.form-search .keywords { padding:0 5px; border:0; background:transparent !important; color:#fff; border-bottom: 1px solid #4e4e4e; }
.form-search .submit { display:inline-block; width:18px; height:18px; background-position:0 -3px; border:0; cursor:pointer; margin-left:15px; }
.form-search-all { position:relative; width:370px; height:38px; border:1px solid #eee; border-radius:5px; }
.form-search-all .keywords { width:270px; height:38px; border:0; padding:0 10px; color:#666; border-radius:5px; }
.form-search-all .submit { position:absolute; top:-1px; right:-1px; width:80px; height:40px; background:#0057ff url("../images/search.png") no-repeat 34px 10px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; }
/*+------------------------------
 + Ads[Index]
 +-------------------------------*/
.ads { width:100%; height:80px; border-radius:5px; overflow:hidden; }
.ads img { border-radius: 5px; }
/*+------------------------------
 + 右侧
 +-------------------------------*/
.user-info ul li { position:relative; padding-left:30px; float:left; height: 60px; }
.user-info ul li:first-child { margin-left: 0; }
.ico { display: block; background: url("../images/ico.png") no-repeat 0 0; }
.user-info ul li .search, .user-info ul li .notice { cursor: pointer; }
.user-info ul li .search { width:18px; height:18px; margin-top:22px; background-position:0 -3px; }
.user-info ul li .notice { margin-top:19px; width:22px; height:21px; background-position:-20px -127px; }
.user-info ul li.login-regsi { height:35px; margin-top:22px; background:url("../images/li.png") no-repeat 85px 5px; }
.user-info ul li.login-regsi a { padding:0 12px; color:#fff; }
.user-info ul li.login-regsi-y img { border-radius:150%; margin-top:12px; }
.user-info ul li.login-regsi-y:hover .drop-down-user { display: block; }
.user-info ul li .drop-down-user { display: none; width: 190px; height: auto; position: absolute; top: 60px; right: 20px; background: #fff; padding-bottom: 5px; text-indent: 20px; border-radius: 5px; z-index:180;box-shadow: 0 0 5px lightgray; }
.user-info ul li .drop-down-user h5 { height: 55px; line-height: 55px; font-weight: bold; overflow: hidden; }
.user-info ul li .drop-down-user h5 a { color: #333; }
.user-info ul li .drop-down-user ul li { position: relative; width: 100%; height: 40px; line-height: 40px; padding-left: 0; border-top: 1px solid #eee; }
.user-info ul li .drop-down-user ul li i { position:absolute; top:12px; right:20px; display:block; width:18px; height:18px; line-height:18px; text-align:center; background:red; color:#fff; text-indent:0; font-style:normal; font-size:12px; border-radius:65px; overflow:hidden; }
.user-info ul li .drop-down-user ul li a { display:block; }
.user-info ul li .drop-down-user ul li:hover { background:#f0f0f0; }
.user-info ul li .notice-i { position:absolute; top:10px; right:0; display:block; width:10px; height:10px; background:red; border-radius:35px; z-index:999; }
/*+------------------------------
 + 找回密码
 +-------------------------------*/
.register.backpwd { min-height: 420px; }
.register.backpwd.yesh { min-height: 395px; height: 395px; overflow: hidden }
.register.backpwd .backpwd-yes { text-align: center; }
.register.backpwd .backpwd-yes .back-yes-p { margin: 15px 0 30px; }
.register.backpwd .backpwd-yes .back-on { display: block; width: 100%; height: 40px; line-height: 40px; background: #0057ff; border-radius: 5px; color: #fff; }
#wechat-load { padding: 37px 80px; width: 198px; height: 246px; position: fixed; top: 50%; left: 50%; background: #f7f8fa; margin:  -225px 0 0 -179px; border-radius: 5px; text-align: center; overflow: hidden; z-index: 1002; }
#wechat-load .colse-wechat { position: absolute; top: 10px; right: 10px; display: block; width: 25px; height: 25px; background: url(../images/colse.png) no-repeat; background-size: 25px; }
/*+------------------------------
 + 私信
 +-------------------------------*/
.letter-show { width: 450px; position: fixed; top: 30%; left: 50%; background: #fff; border-radius: 5px; margin: 0 0 0 -225px; z-index: 10002; }
.letter-show h5 { height: 50px; line-height: 50px; border-bottom: 1px solid #eee; padding: 0 20px; font-size: 16px; }
.letter-con { position: relative; width:410px; margin:20px auto 30px; }
.letter-con.user-letter .letter-name { cursor: pointer; }
.letter-show .letter-name { width:402px; height:40px; line-height:40px; border:0px; padding:0 5px; background:#eee; border-radius:5px; }
.letter-show .lettre-intro { width:390px; height:80px; padding:10px; border-radius:5px; border:1px solid #eee; margin:15px 0; resize: none; }
.letter-show .tips-letter { display: block; margin:0 0 15px 0; }
.letter-show .letter-sub { width:100%; height:40px; line-height:40px; background:#0057ff; border:0px; border-radius:5px; color:#fff; cursor:pointer; }
.letter-show .colse { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.user-follow { width: 100%; height: 202px; background: #fff; border-radius: 5px; border: 1px solid #eee; position: absolute; top: 43px; left: 0; overflow-x: hidden; z-index: 300 }
.user-follow ul li { line-height: 30px; padding: 10px 20px; cursor: pointer; }
.user-follow ul li:hover { background: #f5f5f5 }
.user-follow ul li .l-pic { display: block; float: left; width: 30px; height: 30px; overflow: hidden; border-radius: 50px; margin-right:8px; }
.user-follow ul li img { width: 100%; height: 100%; }
/*+------------------------------
 + 意见反馈
 +-------------------------------*/
.feedback-list { padding: 20px 20px 50px; }
.feedback-list .remark { color: #333; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.feedback-list ul:after, .feedback-list ul li:after { display: block; content: ""; clear: both; }
.feedback-list ul { width: 100%; }
.feedback-list ul li { margin-top: 20px; }
.feedback-list ul li label { display:block; width: 90px; float: left; }
.feedback-list ul li .feedb-type p { width: 95px; float: left; cursor: pointer; }
.feedback-list ul li .feedb-type .on { color: #0057ff; }
.feedback-list ul li .feedb-type .on span { background: #0057ff; }
.feedback-list ul li .feedb-type span { position:relative; display:block; float:left; width:15px; height:15px; border:1px solid #eee; border-radius:35px; margin: 3px 6px 0 0; }
.feedback-list ul li .feedb-type span i { position:absolute; top:8px; left:49%; display:block; width:8px; height:8px; transform: translate(-43%, -55%); -webkit-transform: translate(-43%, -55%); background: #fff; border-radius: 35px; }
.feedback-list ul li .upload { position: relative; width:280px; height:210px; background:#f4f4f4; text-align:center; border-radius: 5px; overflow: hidden; }
.feedback-list ul li .upload em { position: absolute; top: 80px; left: 123px; display: block; width: 32px; height: 32px; background: url("../images/kicon.png") no-repeat; margin: 0 auto; }
.feedback-list ul li #head_photo_thumb { display: none; position: absolute; top: 0px; left: 0px; width: 280px; height: 210px; z-index: 0; }
.feedback-list ul li .upload p { line-height: 255px; }
.feedback-list ul li .upload input[type=file] { position: absolute; top: 0px; left: 0px; width: 280px; height: 210px; cursor: pointer; opacity: 0; }
.feedback-list ul li .fcontent { float: left; padding: 10px; border: 1px solid #eee; background: #f4f4f4; resize: none; border-radius: 5px; }
.feedback-list ul li span { display: block; float: left; }
.feedback-list ul li.fcontent-li span { margin-top: 30px; }
.feedback-list ul li.input-li span { margin-top: 9px; }
.feedback-list ul li.input-li { line-height: 37px; }
.feedback-list ul li input[type=text] { float: left; padding: 0 5px; height: 35px; line-height: 35px; border: 1px solid #eee; background: #f4f4f4; border-radius: 5px; }
.feedback-list ul li .fcontent:focus, .feedback-list ul li input[type=text]:focus { background: transparent; }
.feedback-list ul li .feedb-sub { margin-left: 90px; width: 85px; height: 35px; border:0px; background: #0057ff; color: #fff; border-radius: 5px; cursor: pointer; }
/*+------------------------------
 + 页脚
 +-------------------------------*/
.footer:after, .copyright:after { display: block; content: ""; clear: both; }
.footer { width:100%; background:#191919; padding:45px 0 30px; min-width: 1180px; }
.footer .footer-top { position: relative; padding-bottom: 35px; border-bottom: 1px solid #303030; }
.footer h3 { font-size: 22px; color: #fff; margin-bottom: 15px; }
.footer .links a { position: relative; padding: 0 15px; color:#676767; background: url("../images/footer-li.jpg") no-repeat center right; }
.footer .links a:first-child { padding-left: 0px; }
.footer .links a:last-child { background: none; }
/* 移动版 */
.footer .links a.mobel-wap:hover .mobel-img, .footer .links a.mobel-wx:hover .mobel-img { display:block; }
.mobel-img { display: none; position:absolute; top:-145px; left:-40px; background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); z-index: 66; }
.mobel-wx .mobel-img { left: -25px; }
.mobel-img i { position: absolute; bottom: -6px; left:55px; display: block; width: 15px; height: 15px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.mobel-img img { padding:5px; }
.footer .share { position: absolute; right: 0px; top: 8px; }
.footer .share a { float: left; display: block; width: 41px; height: 41px; margin-left: 10px; cursor: pointer; }
.footer .share a.wx { background-position: -10px -59px; }
.footer .share a.qq { background-position: -60px -59px; }
.footer .share a.uz { background-position: -109px -59px; }
.footer .share .two_code { display: none; position: absolute; top: -160px; left: -38px; padding: 20px 20px 8px; background: #fff; border-radius: 5px; text-align: center; }
.footer .share .two_code p { padding-top: 5px; }
.footer .share .two_code em { display: block; width: 15px; height: 15px; background: #fff; position: absolute; bottom: -7px; left: 45%; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.footer .share a.wx:hover .two_code { display: block; }
.copyright { padding: 30px 0px 0px; font-size: 12px; }
.copyright p, .copyright p a { color: #676767 }
.copyright p a:hover, .footer .links a:hover { color: #fff; }
/*+------------------------------
 + Return
 +-------------------------------*/
.go-return { position:fixed; bottom:35px; right: 1%; z-index: 10001; }
.go-return ul li { position: relative; width: 42px; height: 42px; background: #0057ff; margin-top: 6px; border-radius: 5px; cursor: pointer; }
.go-return ul li a { display: block; width: 100%; height: 100%; }
.go-return ul li.go-top { display: none; background: #ddd; }
.go-return ul li i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.go-return ul li.go-top i { width: 16px; height: 9px; background-position: -72px -132px; }
.go-return ul li.go-qq i { width: 16px; height: 16px; background-position: -80px -164px; }
.go-return ul li.go-code-two i { width: 24px; height: 24px; background-position: -206px 0; }
.go-return ul li.go-feedb i { width: 24px; height: 26px; background-position: -106px -155px; }
.go-return ul li.go-top:hover { background:#0057ff; }
.go-return ul li.go-code-two .show-code { display:none; position:absolute; top:-89px; right:65px; padding:15px; border-radius:5px; box-shadow:0 0 10px rgba(0, 0, 0, .3); text-align:center; background:#fff; z-index:255; }
.go-return ul li.go-code-two .show-code em { position:absolute; bottom:29%; right:-5px; width:14px; height:14px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.go-return ul li.go-code-two:hover .show-code { display: block; }
/** 微信登录覆盖 **/
.impowerBox { line-height:1.6; position:relative; width:200px; z-index:1; text-align:center; margin: 0 auto; }
.impowerBox .qrcode { width:150px; margin-top:15px; border:1px solid #E2E2E2; }
.impowerBox .qrcode img { margin:0 auto; }
.impowerBox .title { text-align:center; font-size:20px; }
.impowerBox .info { width:200px; }
.impowerBox .status { text-align:center; }
.impowerBox .status p { font-size:13px; }
/*==========以下部分是Validform必须的===========*/
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(../images/onload.gif) no-repeat left center; }
.Validform_error { background-color:#ffe7e7 !important; }
#Validform_msg { display: none !important; color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #000; border-top:none; text-align:left; }
.uz-slider:after, .uz-ads:after, .uz-works-title:after, .uz-works-list:after, .uz-designer .uz-designer-hd:after, .uz-designer:after, .uz-article:after, .uz-partner:after, .uz-links .uz-links-con:after { display: block; content: ""; clear: both; }
.uz-slider { border-bottom: 1px solid #eee; }
.works-lists .works-lists-con ul li, .uz-designer .uz-designer-bd ul li .designer-user {  transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.works-lists .works-lists-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
/*+------------------------------
 + Slide
 +-------------------------------*/
.uz-banner { width:100%; height:320px; border-radius: 5px; overflow:hidden; }
.uz-banner .swiper-container { width:100%; height:320px; border-radius: 5px; }
.uz-banner .swiper-button-prev, .uz-banner .swiper-button-next { width:45px; height:45px; top:50%; background: url("../images/slider.png") no-repeat 0 0; }
.uz-banner .swiper-button-prev { left:35px; }
.uz-banner .swiper-button-next { right:35px; background-position:-55px 0 }
/*分页器*/
.uz-banner .swiper-pagination { top:auto; bottom:50px; background:none; }
.uz-banner .swiper-pagination-bullet { display: inline-block; width: 11px; height: 11px; margin: 0 3px; cursor: pointer; background: none; border-radius:0; opacity: 1; }
.uz-banner .swiper-pagination-bullet span { width: 11px; height: 11px; display: block; background: rgba(255, 255, 255, .6); border-radius: 5px; }
.uz-banner .swiper-pagination-bullet-active span { background: #fff; }
.uz-banner .swiper-pagination-bullet-active, .uz-banner .swiper-pagination-bullet-active span { width: 30px; height: 11px; border-radius: 5px; overflow: hidden; }
.uz-banner .autoplay .swiper-pagination-bullet-active span { width:30px; height:11px; background:rgba(255, 255, 255, .6); }
.uz-banner .swiper-pagination-bullet i { background: #fff; width: 30px; height: 11px; transform:scaleX(0); transform-origin: 2%; display: block; border-radius: 5px; overflow: hidden; }
.uz-banner .autoplay .firsrCurrent i { transition:transform 4.9s linear; transform:scaleX(1); }
.uz-banner .autoplay .current i { transition:transform 6s linear; transform:scaleX(1); }
.uz-banner .swiper-slide { background-size: auto 100%; }
/*+------------------------------
 + Ads
 +-------------------------------*/
.uz-ads ul li { width: 280px; height: 160px; margin-right: 20px; float: left; border-radius: 5px; overflow: hidden; }
.uz-ads ul li img { width: 100%; height: 100%; }
.uz-ads ul li:last-child { margin-right: 0px; }
/*+------------------------------
 + Works[Index]
 +-------------------------------*/
.uz-works-title { width: 100%; height: 75px; line-height: 75px; }
.uz-works-title h2 { font-size: 16px; color: #333; font-weight: bold; margin-right: 15px; }
.uz-works-title .uz-love { width: 550px; height: 20px; line-height: 20px; margin-top: 29px; overflow: hidden; }
.uz-works-title .uz-love i { float: left; width: 13px; height: 13px; margin: 3px 5px 0 0; background-position: -137px -107px; }
.uz-works-title .uz-love ul li { font-size: 14px; }
.uz-works-title .uz-love ul li a { color:#0057ff; }
.uz-works-title .uz-love ul li .time { padding-left: 10px; color: #999; }
.uz-works-title .n-works a { display:block; float:right; width:90px; height:36px; line-height:36px; text-align:center; background:#0057ff; color:#fff; border-radius:5px; margin:18px 0 0 10px; }
/* 优秀作品 */
.uz-works-list-2 { padding: 40px 0 20px; min-width: 1180px; }
.uz-works-list-2 .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-works-list-2 .h5-tit a { color: #666; font-size: 14px; font-weight: normal; }
.uz-works-list-2 .h5-tit a:hover { color:#0057ff; }
.uz-works-list-2 .works-lists .works-lists-con ul li { width: 278px; height:371px; border:1px solid #eee; }
.uz-works-list-2 .works-lists .works-lists-con ul li .zf-bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.uz-works-list-2 .works-lists .works-lists-con ul li .user-relevant .bottom ul li { margin-right: 5px; }
/*+------------------------------
 + Designer[Index]
 +-------------------------------*/
.uz-designer { padding: 40px 0 20px; }
.uz-designer .uz-designer-hd { line-height: 40px; }
.uz-designer .uz-designer-hd ul li { float: left; width: 105px; height: 40px; text-align: center; color:#333; border-radius: 5px; cursor: pointer; }
.uz-designer .uz-designer-hd ul li.on { background:#0057ff; color:#fff; }
.uz-designer .uz-designer-hd .more:hover { color:#0057ff; }
.uz-designer .uz-designer-bd ul li { width: 100%; }
.uz-designer .uz-designer-bd ul li .designer-user { width:342px; min-height: 155px; padding: 20px; margin:20px 17px 0 0; float: left; background: #fff; border-radius: 5px; }
.uz-designer .uz-designer-bd ul li .designer-user:nth-of-type(3n) {
margin-right: 0px;
}
.uz-designer .uz-designer-bd ul li .designer-user .top { position: relative; height: 60px; }
.uz-designer .uz-designer-bd ul li .designer-user .top .bor-u { display:block; width:60px; height:60px; margin-right: 15px; border-radius: 35px; overflow: hidden }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 { font-weight: bold; color: #333; padding: 13px 0 3px 0; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .top h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom span { color:#999; margin-right:15px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom i { display:inline-block; margin-right:5px; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .view i { width:15px; height:14px; background-position:0px -188px; vertical-align: middle; }
.uz-designer .uz-designer-bd ul li .designer-user .title-bottom .us i { width:13px; height:14px; background-position:-71px -186px; vertical-align: unset; }
.uz-designer .uz-designer-bd ul li .designer-user .button { display: block; float: left; width: 73px; height: 33px; line-height: 32px; text-align: center; border: 1px solid #eee; border-radius: 5px; margin: 14px 0 0 10px; background: #fff; color: #666; font-size: 12px; }
.uz-designer .uz-designer-bd ul li .designer-user .button.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a { float: left; display:block; width:110px; height:80px; border-radius:5px; margin-right:6px; overflow:hidden; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a img { width: 100%; height: 80px; }
.uz-designer .uz-designer-bd ul li .designer-user .bottom .works-a:last-child { margin-right: 0px; }
.uz-designer .uz-designer-bd ul li .designer-user:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
/*+------------------------------
 + Article[Index]
 +-------------------------------*/
.uz-article { padding: 40px 0 20px; min-width: 1180px; }
.uz-article .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-article .h5-tit a { font-size: 14px; color: #666; font-weight: normal; }
.uz-article .h5-tit a:hover { color: #0057ff; }
.uz-article .h5-tit .news-a { padding-left: 25px; }
.uz-article.works-lists .works-lists-con ul li { position: relative; width: 340px; height: 218px; padding: 20px 20px 0; margin: 0 17px 17px 0px; border: 1px solid #eee; }
.uz-article.works-lists .works-lists-con ul li:nth-of-type(3n) {
margin-right: 0px;
}
.uz-article.works-lists .works-lists-con ul li:nth-of-type(4n) {
margin-right: 17px;
}
.uz-article.works-lists .works-lists-con ul li .bor-img { width: 110px; height: 82px; border-radius: 5px; float: left; }
.uz-article.works-lists .works-lists-con ul li img { width: 100%; height: 100%; }
.uz-article.works-lists .works-lists-con ul li .title { width: 56%; float: left; height: 52px; overflow: hidden; }
.uz-article.works-lists .works-lists-con ul li .title h6 { font-weight: bold; color:#333; padding-bottom: 5px; }
.uz-article.works-lists .works-lists-con ul li .title h6 a { font-size: 14px; }
.uz-article.works-lists .works-lists-con ul li .remark { min-height: 40px; padding: 20px 0; line-height: 20px; font-size: 12px; }
.uz-article.works-lists .works-lists-con ul li .bot-t { position: absolute; bottom: 55px; left: 0px; width: 100%; height: 1px; background: #eee; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom { border-top: 0px; }
.uz-article.works-lists .works-lists-con ul li .user-relevant { left: -21px; }
.uz-article.works-lists .works-lists-con ul li .user-relevant .bottom ul li { padding: 0px; border: 0px; }
.uz-article.works-lists .works-lists-con ul li .zf-bottom { padding:0px; }
/*+------------------------------
 + Partner[Index]
 +-------------------------------*/
.uz-partner { padding: 40px 0 20px; }
.uz-partner .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-partner ul li { width: 180px; height: 113px; float: left; margin: 0px 20px 20px 0px; border-radius: 5px; overflow: hidden; }
.uz-partner ul li img { width: 100%; height: 100%; }
.uz-partner ul li:nth-of-type(6n) {
margin-right: 0px;
}
/*+------------------------------
 + Links[Index]
 +-------------------------------*/
.uz-links .h5-tit { font-size:16px; color:#333; font-weight:bold; padding-bottom:20px; }
.uz-links .uz-links-con { padding: 20px 20px 5px; border-radius: 5px; }
.uz-links .uz-links-con a { display: block; float: left; margin: 0 15px 15px 0; }
.uz-links .uz-links-con a:hover { color:#0057ff; }
/*+------------------------------
 + 作品、文章列表
 +-------------------------------*/
/*  筛选 */
.works-lists-top { background: #fff; }
.works-lists-top:after { display: block; clear: both; content: ""; }
.w-screen { height: 40px; padding: 20px 0 0; }
.w-screen .w-screen-l ul li { position: relative; width: 108px; height: 38px; line-height: 38px; float: left; border: 1px solid #eee; border-radius: 5px; color: #333; text-indent: 16px; margin-right: 8px; cursor: pointer; }
.w-screen .w-screen-l ul li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.w-screen .w-screen-l ul li .c-name { display: block; width: 78px; height: 38px; overflow: hidden; float: left; }
.w-screen .w-screen-l ul li i { display: block; float: left; width: 9px; height: 6px; background-position: -73px -107px; margin:16px 0 0 5px;  transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.w-screen .w-screen-r a { display: block; width: 90px; height: 36px; line-height: 36px; text-align: center; background: #0057ff; color:#fff; border-radius: 5px; }
.w-screen .screen-type { width: 100%; padding: 10px 0; position: absolute; top: 39px; left: -1px; background: #fff; z-index: 350; box-shadow: 0 0 30px #c3c3c3; border-radius: 5px; }
.w-screen .screen-type a { display: block; }
.w-screen .screen-type a.t-on, .w-screen .screen-type a:hover { background: #f7f8fa; color: #0057ff; }
.screen-type.works-cate { width: 117px; }
.screen-type.works-cate ul li:after { display: block; content: ""; clear: both; }
.screen-type.works-cate ul li { position: relative; width: 100%; float: none; border: 0px; }
.screen-type.works-cate ul li a { border-radius: 5px; }
.screen-type.works-cate ul li .nth-of-type { display: none; position: absolute; top: 0px; right: -318px; background: #fff; width:298px; padding: 10px; z-index: 300; border-top-right-radius: 5px; border-bottom-right-radius: 5px; box-shadow:0 0 10px #ccc; }
.screen-type.works-cate ul li:hover .nth-of-type { display: block; }
.screen-type.works-cate ul li .nth-of-type a { float: left; text-indent: 0px; text-align: center; padding: 0 15px; color: #666; }
.screen-type.works-cate ul li.t-on, .screen-type.works-cate ul li:hover { background: #f7f8fa; }
.screen-type.works-cate ul li.t-on .first a, .screen-type.works-cate ul li:hover .first a { color: #0057ff; }
.screen-type.works-cate ul li .nth-of-type a:hover, .screen-type.works-cate ul li .nth-of-type a.t-on { color: #0057ff }
.works-lists .works-lists-con:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li { position: relative; width:280px; height:255px; float:left; margin:0 20px 20px 0; border-radius:20px; overflow: hidden; }
.works-lists .works-lists-con ul li:nth-of-type(4n) {
margin-right: 0px;
}
.works-lists .works-lists-con ul li .bor-img { display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.works-lists .works-lists-con ul li img { width:280px; height:210px; }
.works-lists .works-lists-con ul li .title { position: relative; padding:15px 18px;/*border-radius: 5px;*/ }
.works-lists .works-lists-con ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.works-lists .works-lists-con ul li .title .istype.j-x { background-position: -101px -130px; }
.works-lists .works-lists-con ul li .title .istype.y-x { background-position: -157px -158px; }
.works-lists .works-lists-con ul li .title .istype.tj-0 { right: 0px; }
.works-lists .works-lists-con ul li h6 a { font-size:14px; color:#333; }
.works-lists .works-lists-con ul li p { margin:5px 0; color:#999; font-size: 12px; }
.works-lists .works-lists-con ul li .title-bottom:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .title-bottom i { float: left; margin-right: 5px; }
.works-lists .works-lists-con ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.works-lists .works-lists-con ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.works-lists .works-lists-con ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.works-lists .works-lists-con ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.works-lists .works-lists-con ul li .title-bottom .creatime i { width: 14px; height: 14px; background-position: -92px -186px; vertical-align: text-top; }
.works-lists .works-lists-con ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.works-lists .works-lists-con ul li .zf-bottom a { color: #999; }
.works-lists .works-lists-con ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta { position: relative; width:60%; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta-pic { display: block; width: 25px; height: 25px; float: left; margin:16px 5px 0 0; border-radius: 35px; overflow: hidden; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta-pic img { width: 100%; height: 100%; }
.works-lists .works-lists-con ul li .zf-bottom .user-sta:hover .user-relevant { display:block; }
.works-lists .works-lists-con ul li .user-relevant { display: none; width: 347px; position: absolute; bottom: 56px; /*39*/ left: -16px; background: #fff; border-radius: 5px; padding: 20px 20px 10px; box-shadow: 0px 10px 30px #dcdcdc; z-index: 200; }
.works-lists .works-lists-con ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.works-lists .works-lists-con ul li .user-relevant .top { margin-bottom: 15px; }
.works-lists .works-lists-con ul li .user-relevant .top .left { width: 53%; height: 60px; }
.works-lists .works-lists-con ul li .user-relevant .top .left h5 { height: 20px; line-height: 20px; color: #333; font-weight: bold; padding-top: 10px; }
.works-lists .works-lists-con ul li .user-relevant .top .left p { margin: 0px; }
.works-lists .works-lists-con ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; overflow:hidden; }
.works-lists .works-lists-con ul li .user-relevant .top .pic img { width:100%; height:100%; }
.works-lists .works-lists-con ul li .user-relevant .top .operation { margin-top: 10px; }
.works-lists ul li .user-relevant .top .operation .button { display: block; float:left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; color:#666; font-size: 12px; }
.works-lists .works-lists-con ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; border:0; }
.works-lists ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:75px; background:transparent; border:1px solid #0057ff; color: #0057ff; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li { float: left; width: 110px; height: 80px; margin-right: 8px; border-radius: 5px; overflow: hidden; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li:last-child { margin-right: 0px; }
.works-lists .works-lists-con ul li .user-relevant .bottom ul li img { width: 100%; height: 100%; }
.works-lists .works-lists-con ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.news-comment { margin: 40px auto 0; }
.news-comment .n-title { font-size: 16px; color: #333; font-weight: bold; padding-bottom: 20px; }
.news-comment .works-lists-con ul li { margin-bottom: 0px; }
/*+------------------------------
 + 酷站列表
 +-------------------------------*/
.works-lists .works-lists-con.cool-list ul li { height: 307px; }
.w-screen .screen-type.ku-color { width: 264px; padding: 10px 10px 5px; }
.screen-type.ku-color a { display: block; float: left; width: 85px; height: 35px; text-indent: 8px; margin: 0 3px 5px 0px; border-radius: 5px; }
.screen-type.ku-color a:first-child { text-indent: 0px; text-align: center; }
.screen-type.ku-color a:nth-of-type(4n), .screen-type.cate-cool a:nth-of-type(4n) {
margin-right: 0px;
} {
margin-right: 0px;
}
.screen-type.ku-color em { display: block; float: left; width: 15px; height: 15px; border-radius: 35px; margin: 11px 0 0 10px; }
.screen-type.cate-cool { padding: 10px 10px 5px; width: 350px; }
.screen-type.cate-cool a { float: left; text-indent: 0; width: 85px; border-radius: 5px; margin: 0 3px 5px 0px; text-align: center; }
/*+------------------------------
 + 设计师
 +-------------------------------*/
.design-list .d-screen:after, .design-list .d-screen-top:after, .design-list .d-screen-bottom:after { display: block; content: ""; clear: both; }
.design-list .d-screen { background: #fff; }
.design-list .d-screen .d-screen-l ul li { position: relative; }
.design-list .d-screen .d-screen-l ul li .scre-occ { padding:10px 10px 5px; width:175px; position:absolute; top:40px; left:0px; background: #fff; border-radius: 5px; box-shadow: 0 0 30px #c3c3c3; z-index: 310; }
.design-list .d-screen .d-screen-l ul li .scre-occ a:hover, .design-list .d-screen .d-screen-l ul li .scre-occ a.t-on { background: #f7f8fa; color: #0057ff; }
.design-list .d-screen .d-screen-l ul li .scre-occ a { display:block; float: left; width: 85px; text-align: center; border-radius: 5px; margin:0 5px 5px 0; }
.design-list .d-screen .d-screen-l ul li .scre-occ a:nth-of-type(2n) {
margin-right: 0px;
}
.design-list .d-screen .d-screen-l ul li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.design-list .d-screen-top { padding: 20px; }
.design-list .d-screen-top ul li { position: relative; line-height:40px; margin: 0 15px; float: left; cursor: pointer; }
.design-list .d-screen-top ul li.scre { margin: 0px; cursor: default; }
.design-list .d-screen-top ul li .c-name { display: block; float: left; }
.design-list .d-screen-top ul li i { display: block; float: left; width: 9px; height: 6px; background-position: -73px -107px; margin:17px 0 0 5px;  transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
}
.design-list .d-screen-r a { display: block; width: 90px; height: 38px; line-height: 38px; text-align: center; float: left; color: #333; border: 1px solid #fff; border-radius: 5px; margin-left: 3px; }
.design-list .d-screen-r a:hover, .design-list .d-screen-r a.on { border-color:#e5e5e5; color: #0057ff; }
.design-list .d-screen-bottom { padding: 15px 20px; border-top: 1px solid #eee; line-height: 35px; }
.design-list .d-screen-bottom .tips i { float: left; width: 16px; height: 16px; background-position: -115px -106px; margin:10px 5px 0 0; }
.design-list .d-screen-bottom .news-works { color: #999; }
.design-list .d-screen-bottom .news-works a { display: block; float: right; width: 80px; height: 35px; line-height: 35px; text-align: center; background: #0057ff; border-radius: 5px; color: #fff; margin-left: 15px; }
.design-lists-con ul li:after { display: block; content: ""; clear: both; }
.design-lists-con ul li { padding: 30px 20px; border-bottom: 1px solid #eee; }
.design-lists-con .follow-left .pic { display:block; width:100px; height:100px; margin-top: 5px; border-radius:150px; margin-right:20px; overflow:hidden; }
.design-lists-con .follow-left .pic img { width:100px; height:100px; }
.design-lists-con .follow-left .follow-top-a h5 { font-weight: bold; line-height: normal; padding:10px 0 0 0; }
.design-lists-con .follow-left .follow-top-a h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.design-lists-con .follow-left .follow-top-a h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.design-lists-con .follow-left .follow-top-a h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.design-lists-con .follow-left .follow-top-a h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.design-lists-con .follow-left .follow-top-a p { margin: 8px 0px; }
.design-lists-con .follow-left .follow-top-a p em { color: #333; }
.design-lists-con .follow-left .follow-top-a .button { display: block; float: left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; background: #fff; border-radius: 5px; margin-right: 8px; color: #666; font-size: 12px; }
.design-lists-con .follow-left .follow-top-a .button:last-child { background: #0057ff; color: #fff; border: 0; }
.design-lists-con .follow-left .follow-top-a .button.is_follow1 { width: 75px; background: transparent; border: 1px solid #0057ff; color: #0057ff; }
.design-lists-con .follow-right { width:645px; }
.design-lists-con .follow-right ul li { float:left; width:150px; height:112px; border-radius:5px; margin-right:15px; padding:0px; border-bottom:0px; overflow:hidden; }
.design-lists-con .follow-right ul li:last-child { margin-right: 0px; }
.design-lists-con .follow-right ul li img { width: 100%; height: 100%; }
/*+------------------------------
 + 设计导航
 +-------------------------------*/
.navigation-top { padding:0 30px; height:80px; line-height:80px; }
.navigation-top ul li { float: left; font-weight: bold; color: #333; margin-right: 15px; cursor: pointer; }
.navigation-top ul li:hover { color: #0057ff; }
.navigation-lists-con .navig-li:after { display: block; clear: both; content: ""; }
.navigation-lists-con .navig-li { padding: 0 30px; }
.navigation-lists-con .navig-li h5 { font-size: 16px; font-weight: bold; color: #333; padding: 25px 0px; }
.navigation-lists-con .navig-li ul li { position: relative; width: 218px; float: left; line-height: 40px; margin-bottom: 20px; }
.navigation-lists-con .navig-li ul li img { margin-right: 10px; }
.navigation-lists-con .navig-li ul li .dask { display: none; width: 240px; padding: 20px; position: absolute; top: 50px; background: #fff; border-radius: 5px; border: 1px solid #eee; z-index: 310; }
.navigation-lists-con .navig-li ul li .dask i { position: absolute; top: -9px; left: 60px; display: block; width: 13px; height: 9px; background: url("../images/top.png"); }
.navigation-lists-con .navig-li ul li:hover .dask { display: block; }
/*+------------------------------
 + 单页管理
 +-------------------------------*/
.page-left { width:220px; padding-bottom: 20px; border-radius:5px; text-indent:30px; overflow:hidden; }
.page-left h5 { height:55px; line-height:55px; background:#0057ff; }
.page-left h5 a { color:#fff; }
.page-left h5 a, .page-left ul li a { display: block; font-size:16px; }
.page-left ul li { height:35px; line-height:35px; margin-top:15px; }
.page-left ul li a { border-left: 2px solid #fff; text-indent: 28px; }
.page-left ul li a.on, .page-left ul li:hover a { color:#0057ff; border-left-color: #0057ff; }
.page-right { width: 940px; border-radius:5px; overflow:hidden; }
.page-right h5 { height: 55px; line-height: 55px; border-bottom: 1px solid #eee; text-indent: 20px; font-size: 16px; }
.page-right .page-content { padding: 20px; line-height: 25px; }
.page-right .page-content p { line-height: 25px; }
/*+------------------------------
 + 榜单
 +-------------------------------*/
.ulist-lists:after, .ulist-lists ul li:after, .ulist-lists ul li .title-bottom:after { display:block; content:""; clear:both; }
.ulist-lists { border-radius: 5px; }
.ulist-lists .utitle { padding:30px 60px; margin: 20px 0 0; border-bottom: 1px solid #eee; }
.ulist-lists .utitle .count { font-size:22px; color: #333; }
.ulist-lists .utitle .only-qi { display: inline-block; padding-left: 60px; color: #666; }
.ulist-lists .utitle .only-qi .number { font-size: 22px; color: #333; padding: 0 5px; }
.ulist-lists .utitle .utime { padding-left: 10px; }
.ulist-lists .utitle .see-ulist { position: relative; cursor: pointer; }
.ulist-lists .utitle .see-ulist i { display: inline-block; width: 9px; height: 6px; background-position: -73px -107px; vertical-align: middle; margin-left:5px;  transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.ulist-lists .utitle .see-ulist .old-bangdan { display: none; position: absolute; top: 20px; left: -70px; width: 200px; max-height: 620px; padding: 10px 0; background: #fff; border-radius: 5px; overflow-y: auto; -webkit-box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.2); z-index: 600; }
.ulist-lists .utitle .see-ulist .old-bangdan a { display: block; padding: 12px 25px; }
.ulist-lists .utitle .see-ulist .old-bangdan h5 { color: #666; }
.ulist-lists .utitle .see-ulist .old-bangdan p { color: #999; font-size: 12px; }
.ulist-lists .utitle .see-ulist:hover .old-bangdan { display: block; }
.ulist-lists .utitle .see-ulist:hover i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.ulist-lists .utitle .see-ulist .old-bangdan a.on, .ulist-lists .utitle .see-ulist .old-bangdan a:hover { background: #f9f9f9; }
.ulist-lists .utitle .see-ulist .old-bangdan a.on h5, .ulist-lists .utitle .see-ulist .old-bangdan a:hover h5, .ulist-lists .utitle .see-ulist .old-bangdan a.on p, .ulist-lists .utitle .see-ulist .old-bangdan a:hover p { color: #333; }
/* webkit内核 滚动条*/
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar {
width:3px;
background-color:#006eff;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb {
width:3px;
background-color:#999;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-track-piece {
width:3px;
background-color:#f8f8f8;
}
.ulist-lists .utitle .see-ulist .old-bangdan::-webkit-scrollbar-thumb:hover {
width:3px;
background-color:#0057ff;
}
.ulist-lists ul li { position:relative; padding:30px 50px 30px 70px; border-bottom: 1px solid #eee; }
.ulist-lists ul li .top-num { position:relative; width:82px; margin-right:65px; }
.ulist-lists ul li .top-num img { width: 100%; margin: 55px 0 0 0; }
.ulist-lists ul li .top-num .top-num { display: block; font:normal bold 30px arial; color: #ffb829; padding:95px 0 0 7px; }
.ulist-lists ul li .bor-img { display:block; float:left; width:280px; height:210px; border-radius:5px; overflow:hidden; }
.ulist-lists ul li .bor-img img { width:100%; }
.ulist-lists ul li .ulists .works-tit { float:left; width:600px; margin-left:30px; }
.ulist-lists ul li .ulists .h5 { padding:25px 0 8px; }
.ulist-lists ul li .ulists .h5 a { font-size:24px; color:#333; }
.ulist-lists ul li .ulists .subtitle { font-size:12px; color:#999; }
.ulist-lists ul li .title-bottom { margin:15px 0 30px; }
.ulist-lists ul li .title-bottom span { display:block; float:left; font-size:12px; color:#999; margin-right:15px; }
.ulist-lists ul li .title-bottom .view i { margin-top:3px; width:15px; height:11px; background-position: 0px -188px; }
.ulist-lists ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.ulist-lists ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.ulist-lists ul li .title-bottom i { float: left; margin-right: 5px; }
.ulist-lists ul li .user-data .u img { width: 40px; height: 40px; border-radius: 55px; }
.ulist-lists ul li .user-data .uname { font-size: 14px; color: #333; font-weight: bold; line-height: 40px; margin-left:5px; }
.ulist-lists ul li .user-data .level-u { margin: 10px 0 0 5px; }
.ulist-lists ul li .user-data .level-u span { display:inline-block; width:19px; height:22px; margin:0 3px; }
.ulist-lists ul li .user-data .level-u .is_off { background-position: -25px -161px; vertical-align: middle; }
.ulist-lists ul li .user-data .level-u .is_real { background-position: -51px -161px; vertical-align: middle; }
.ulist-lists ul li .user-data .level-u .interview { background-position: 0 -161px; vertical-align: middle; margin-left: 8px; }
.ulist-lists ul li .button-a { position: absolute; bottom: 45px; right: 50px; }
.ulist-lists ul li .button-a .works-ls { display: inline-block; width: 88px; border: 1px solid #eee; font-size: 12px; height:34px; line-height:34px; text-align: center; border-radius: 5px; background: #fff; }
.ulist-lists ul li .button-a .works-ls:hover { background: #0057ff; color: #fff; border-color: #0057ff; }
.ulist-lists ul li .button-a .add-follow { width: 80px; height: 36px; background: #0057ff; color: #fff; font-size: 12px; border: 0; border-radius: 5px; margin-left: 8px; }
.ulist-lists ul li .button-a .button.is_follow1 { width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.ulist-lists .remark { padding: 40px 30px; }
.ulist-lists .remark h6 { font-weight: bold; color: #333; padding-bottom: 12px; }
.ulist-lists .remark p { font-size: 12px; }
.ulist-lists .remark .sm { margin-top: 25px; }
.ulist-lists .jiaoliu { font-size: 14px; color: #333; margin-top: 20px; }
.ulist-lists .jiaoliu span { color:#ffb829; font-size: 14px; }
/*+------------------------------
 + 专访
 +-------------------------------*/
.interview-lists-con { border-radius: 5px; }
.interview-lists-con ul li:after { display: block; content: ""; clear: both; }
.interview-lists-con ul li { padding: 25px; border-bottom: 1px solid #e6e6e6; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.interview-lists-con ul li:last-child { border-bottom: none; }
.interview-lists-con ul li .bor-img { display: block; width: 285px; height: 211px; border-radius: 5px; margin-right: 25px; overflow: hidden; }
.interview-lists-con ul li .bor-img img { width: 100%; }
.interview-lists-con ul li .remark h5 { font-size: 22px; color: #333; padding-top: 40px; }
.interview-lists-con ul li .remark h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.interview-lists-con ul li .remark h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.interview-lists-con ul li .remark h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.interview-lists-con ul li .remark h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.interview-lists-con ul li .remark p { min-height: 50px; color: #333; padding: 20px 0 25px; line-height: 24px; }
.interview-lists-con ul li .remark .more { color: #999; }
.interview-lists-con ul li:hover { background: #fafafa; }
.interview-lists-con ul li:hover .more { color: #0057ff; }
/*+------------------------------
 + 品牌企业
 +-------------------------------*/
.scree-rec:after, .brand-ceng .brand-input:after, .brand-ceng .brand-input ul li:after { display:block; content:""; clear:both; }
.scree-rec { padding:28px 0; }
.scree-rec .scree-l { width:65%; }
.scree-rec .scree-l ul li { line-height:33px; }
.scree-rec .scree-l a { padding:7px 15px; border-radius:65px; margin-left:5px; }
.scree-rec .scree-l a:hover, .scree-rec .scree-l a.on { background:#fe3a2c; color:#fff; }
.scree-rec .txt-brand span { color: #999; line-height: 33px; padding-right: 15px; }
.scree-rec .go-brand { cursor: pointer; padding:7px 22px; background:#0057ff; color:#fff; border-radius:65px; }
/** 列表 **/
.brand-index .brand-ul li { width: 280px; height: 350px; background: #fff; float: left; margin: 20px 20px 0 0; border-radius: 5px;  transition: all .4s ease-out;
-webkit-transition: all .4s ease-out;
}
.brand-index .brand-ul li:nth-of-type(4n) {
margin-right: 0;
}
.brand-index .brand-ul li .img-logo { border-bottom: 1px solid #f0f0f0; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.brand-index .brand-ul li .remark { padding: 20px 15px; }
.brand-index .brand-ul li .remark h5 { font-size: 14px; color: #333; padding-bottom: 7px; font-weight: bold; }
.brand-index .brand-ul li .remark p { line-height: 25px; color: #999; }
.brand-index .brand-ul li .remark p a:hover { color: #0057ff; }
.brand-index .brand-ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); }
/** 层 **/
.brand-ceng { position: absolute; top: 50%; left: 50%; width: 600px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); border-radius: 5px; z-index: 1005; }
.brand-ceng .colse-x { position: absolute; top: 16px; right: 16px; display: block; width: 11px; height: 11px; background: url("../images/colse-samll.png") no-repeat; cursor: pointer; transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
.brand-ceng .colse-x:hover { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }
.brand-ceng .tit { font-size: 24px; color: #333; height: 70px; line-height: 70px; border-bottom: 1px solid #e6e6e6; text-align: center; }
.brand-ceng .brand-input { width: 438px; margin: 20px auto 0; padding-bottom: 45px; }
.brand-ceng .brand-input ul li { height: 48px; line-height: 48px; margin: 0 0 10px 0; }
.brand-ceng .brand-input label { display: block; width: 58px; float: left; text-align: right; color: #333; }
.brand-ceng .brand-input .int-right { position: relative; width: 358px; height: 46px; float: right; border: 1px solid #e6e6e6; border-radius: 5px; overflow: hidden; }
.brand-ceng .brand-input .int-right .up-img { position: relative; width: 92px; height: 40px; line-height: 40px; font-size: 12px; color: #333; border-radius: 5px; background: #fc3b2c; color: #fff; text-align: center; margin: 3px 0 0 3px; cursor: pointer; overflow: hidden; }
.brand-ceng .brand-input .int-right .up-img #up-logo { width: 100%; height: 40px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 5; font-size: 60px; }
.brand-ceng .brand-input .int-right .size { font-size: 12px; padding-right: 20px; }
.brand-ceng .brand-input ul li.up-img-load { display: none; height: auto; line-height: inherit; }
.brand-ceng .brand-input .up-img-load .int-right { height: auto; line-height: inherit; border: 0; }
.brand-ceng .brand-input .up-img-load .int-right img { border: 1px solid #e6e6e6; border-radius: 5px; }
.brand-ceng .brand-input .int-right .text-class { width: calc(100% - 20px); height: 48px; border: 0; padding: 0 10px; }
.brand-ceng .brand-input .int-right.subtit { border-color: #0057ff; margin-top: 10px; }
.brand-ceng .brand-input .int-right.subtit .input-sub { display: block; background: #0057ff; color: #fff; width: 100%; height: 46px; border: 0; cursor: pointer; }
.brand-input .tips-r { display: block; margin:20px 0 0 75px; }
/**  分页 **/
.pagination { text-align: center; }
.pagination li { display: inline-block; width: 38px; height: 38px; line-height: 40px; text-align: center; border: 1px solid #eee; margin-right: 5px; background: #fff; border-radius: 5px; }
.pagination li a { display: block; font-family: "Arial"; }
.pagination li span, .pagination li a { color: #999; }
.pagination li.active { background: #0057ff; }
.pagination li.disabled.prev, .pagination li.disabled.next { display: none; }
.pagination li.active span, .pagination li.active a { color: #fff }
/** 没有数据 **/
.empty-img { position: relative; padding: 50px 0; text-align: center; }
/*内容页*/
.guess-love .works-lists-con ul li, .scroll-show-user {  transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.guess-love .works-lists-con ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.empty { padding: 50px 20px; background: #fff; font-size: 16px; }
/** 悬浮 **/
.scroll-show-user { position: fixed; left: 0; top: 0; width: 100%; height: 0px; line-height: 60px; background: #fff; overflow: hidden; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); z-index: 10006; }
.scroll-show-user.fix-show { height: 60px; overflow: visible; }
.scroll-show-user .l-u-img { position: relative; }
.scroll-show-user .bor-rad { display: block; float: left; width: 30px; height: 30px; margin: 15px 8px 0 0; border-radius: 65px; overflow: hidden; }
.scroll-show-user h1 { float: left; font-size: 16px; color:#333; }
.scroll-show-user .bor-rad img { width: 100%; }
.scroll-show-user .istype { display:block; float:left; margin:19px 0 0 8px; width: 16px; height: 20px; background-position: -134px -130px; }
.scroll-show-user .istype.j-x { background-position: -101px -130px; }
.scroll-show-user .istype.y-x { background-position: -157px -158px; }
.scroll-show-user .r-u-type .scro-but { width: 80px; height: 30px; line-height: 30px; border: 1px solid #eee; border-radius: 5px; text-indent: -13px; background: #fff; cursor: pointer; margin-left: 10px; font-size: 12px; }
.scroll-show-user .r-u-type .collection:disabled { background: #999; color: #fff; border: 0px; }
.scroll-show-user .r-u-type .scro-but i { float: left; width: 15px; height: 15px; }
.scroll-show-user .r-u-type .collection i { background-position: -136px 0; margin: 7px 0 0 19px; }
.scroll-show-user .r-u-type .comm-md i { background-position: -110px -34px; margin: 9px 0 0 15px; }
.scroll-show-user .user-left-show { width: 30px; height: 60px; padding-right: 10px; }
.scroll-show-user .user-left-show:hover .user-relevant { display: block; }
.scroll-show-user .user-relevant { display: none; width:135px; position:absolute; top:60px; left:0; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 0px 30px #dcdcdc; z-index:200; }
.scroll-show-user .user-relevant .top:after { display: block; content: ""; clear: both; }
.scroll-show-user .user-relevant .top { margin-bottom: 15px; text-align: center; }
.scroll-show-user .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.scroll-show-user .user-relevant .top .left p { margin: 0px; }
.scroll-show-user .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.scroll-show-user .user-relevant .top .pic img { width:100%; height:100%; }
.scroll-show-user .user-relevant .top .operation { margin-top: 10px; }
.scroll-show-user .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.scroll-show-user .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; }
.scroll-show-user .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border-color:#0057ff; color: #0057ff; }
.scroll-show-user .user-relevant .bottom-ico { position: absolute; top: -5px; left: 15px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.works-show .works-show-top .top-title { max-width: 640px; }
.works-show .works-article .works-show-top .top-title { max-width: 100%; }
.works-show-top .top-title h1 { font-size: 24px; color: #333; }
.works-show-top .top-title .istype { display:inline-block; margin-left:15px; width:16px; height:20px; background-position: -134px -130px; }
.works-show-top .top-title .istype.j-x { background-position: -101px -130px; }
.works-show-top .top-title .istype.y-x { background-position: -157px -158px; }
.works-show-top:after { display: block; clear: both; content: "" }
.works-show-top { padding: 30px 25px; border-radius: 5px; }
.works-show-top .title-bottom { margin: 8px 0 }
.works-show-top .title-bottom i { display: inline-block; margin-right: 5px; }
.works-show-top .title-bottom span { color:#999; margin-right: 15px; }
.works-show-top .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.works-show-top .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.works-show-top .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.works-show-top .top-title p, .works-show-top .top-title p a { color: #999 }
.works-show-top .top-links { margin:22px 0 0 60px; }
.works-show-top .top-links .button { display: block; float: left; width: 73px; height: 33px; line-height: 32px; text-align: center; border: 1px solid #eee; border-radius: 5px; margin-left: 10px; background: #fff; color: #666; font-size: 12px; }
.works-show-top .top-links .button:last-child { background:#0057ff; color:#fff; border: 0; }
.works-show-top .top-links .button.is_follow1 { width:75px; background:transparent; border: 1px solid #0057ff; color: #0057ff; }
.works-show-top .top-user .user-pic { display: block; width: 80px; height: 80px; border-radius: 50px; margin-right:12px; overflow: hidden; }
.works-show-top .top-user .user-name h5 { font-size:16px; color:#333; margin-top:20px; }
.works-show-top .top-user .user-name h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.works-show-top .top-user .user-name h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.works-show-top .top-user .user-name h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.show-works-back { background: #fff; }
.works-show-content { padding:0; text-align:center; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow:hidden; }
.works-show-content img { max-width:100%; display: block; margin: 0 auto; }
.works-show-content .works-remark { padding: 20px; text-align: initial; }
.works-show-content .works-remark.class-black { color: rgba(255, 255, 255, .7); }
.works-show-content .works-remark.class-defult { color: rgba(255, 255, 255, .8); }
.works-show-content .works-remark.article { padding: 25px 20px; background: #f7f8fa; border-radius: 5px; margin-bottom: 20px; color: #333; }
.works-show-content .works-video { width: 600px; height: 400px; margin: 0 auto 15px; overflow: hidden; }
.works-show-content .data-url { padding: 20px 0px 20px 20px; text-align: left; font-size: 12px; }
.works-show-content .data-url a { color: #999; }
.works-show-share { position:relative; border-top: 1px solid #eee }
.works-show-share:after, .works-show-share-top:after, .works-show-share-bottom:after { display: block; content: ""; clear: both; }
.works-show-share-top { padding:55px 20px 50px; border-bottom: 1px solid #eee }
.works-show-share .share { width: 30%; }
.works-show-share .share span { display:block; float:left; line-height:32px; color:#999; }
.works-show-share .share .bdshare-button-style0-32 a { margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_tsina { background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_sqq { background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_qzone { background-position: -127px -5px; }
/** 点赞 **/
.works-show-share .dzan { position:absolute; top:18px; left:50%; width:150px; height:70px; background:#0057ff; border-radius:35px; margin: 0 auto; color:#fff; text-align:center; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border: 0px; }
.works-show-share .dzan:disabled { background:#999 }
.works-show-share .dzan .bg-zan { display:block; width:21px; height:21px; background:url("../images/dzan.png") no-repeat; margin:7px auto 0; }
.works-show-share .dzan .zan-num { font-size: 16px; }
.works-show-share .dzan.article-top { top: 75px; }
.works-show-share #add-num { display: none; }
.works-show-share #add-num.add-animation { color: #eb4f38; position:absolute; top:-15px; left: 63px; font-size: 18px; opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; animation: mypraise 0.5s; -moz-animation: mypraise 0.5s; -webkit-animation: mypraise 0.5s; -o-animation: mypraise 0.5s; font-style:normal; }
@keyframes mypraise {  0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
@-moz-keyframes mypraise {  0% {
top:-15px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
 25% {
top:-20px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 50% {
top:-25px;
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity:1;
}
 75% {
top:-30px;
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity:0.5;
}
 100% {
top:-35px;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity:0;
}
}
.works-show-share .dzan.ku-color-go { line-height: 70px; }
.y-hidden .works-show-share .dzan { width: 100px; height: 45px; position: fixed; top:95%; left: 50%; z-index: 100010; }
.y-hidden .works-show-share .dzan.ku-color-go { line-height: 45px; }
.y-hidden .works-show-share .dzan .bg-zan { float: left; margin: 0 0 0 26px; }
.y-hidden .works-show-share .dzan .zan-num { float: left; margin-left: 8px; }
.y-hidden .works-show-share #add-num.add-animation { left: 38px; top: 0px; }
.y-hidden .show-big-thumb { display: block; }
.show-big-thumb { display:none; position:fixed; width:50px; bottom:2%; right:2%; z-index:100010; }
.show-big-thumb ul li { width:50px; height:50px; line-height:50px; text-align:center; border-radius:65px; color:#fff; font-size:12px; margin-top:12px; background:#0057ff; cursor:pointer; overflow:hidden; }
.show-big-thumb ul li.img { background:transparent; }
.show-big-thumb ul li img { width:100%; }
.show-big-thumb ul li .collection { width:50px; height:50px; background:transparent; border:0; color:#fff; }
.show-big-thumb ul li .collection:disabled { background:#999; }
.y-hidden .register { z-index:100015; }
.y-hidden .back-model.invita { background:rgba(0, 0, 0, .8); z-index:100011; }
/** 收藏 **/
.works-show-share .coll-rep { line-height:40px; }
.works-show-share .coll-rep span { display: block; float: left; margin-right: 50px; }
.works-show-share .coll-rep .is-coll { padding: 0 25px; }
.works-show-share .coll-rep .collection { width:98px; height:38px; line-height:38px; border:1px solid #eee; border-radius:5px; text-indent:-22px; background: #fff; }
.works-show-share .coll-rep .report i, .works-show-share .coll-rep .collection i { float:left; width:15px; height:15px; }
.works-show-share .coll-rep .collection i { background-position:-136px 0; margin:11px 0 0 20px; }
.works-show-share .coll-rep .report i { background-position:-134px -34px; margin:14px 7px 0 0px; }
.works-show-share .coll-rep .collection:disabled { background: #999; color: #fff; border: 0px; }
.works-show-share .coll-rep .collection:hover { border-color: #b9b9b9; }
.works-show-share-bottom { position: relative; padding: 20px; }
.works-show-share-bottom.wfile .labels, .works-show-share-bottom.wfile .new-zan { width: 45%; }
.works-show-share .labels, .works-show-share .new-zan { width: 50%; }
.works-show-share .labels { margin-top: 5px; }
.works-show-share .labels span { display: block; color: #999; float: left; }
.works-show-share .labels a { padding:5px 15px; border:1px solid #eee; border-radius:5px; margin:0 5px 0 2px; font-size: 12px; }
.works-show-share .labels a:hover { background: #0057ff; color: #fff; border-color: #0057ff; }
.works-show-share-bottom.wfile .url-file { display: block; }
.works-show-share .url-file { display: none; position: absolute; top: 6px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); cursor: pointer; color: #0057ff; }
.works-show-share .url-file i { float: left; width: 18px; height: 18px; margin-right: 3px; background-position: -140px -182px; }
.url-file-org { width: 360px; position: fixed; top: 50%; left: 50%; background: #fff; border-radius: 5px; ; margin: 0 0 0 -180px; z-index: 10007; }
.url-file-org h5 { font-size: 16px; color: #333; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px solid #e6e6e6; }
.url-file-org .url-file-list { padding: 15px 15px 30px; }
.url-file-org .url-file-list ul li { height: 35px; line-height: 35px; overflow: hidden; }
.url-file-org .url-file-list ul li a { color: #0057ff; }
.url-file-org .colse-url { position:absolute; top:10px; right:10px; display:block; width: 25px; height: 25px; background: url(../images/colse.png) no-repeat; background-size: 25px; cursor: pointer; }
.url-file-org .url-file-list ul li .copy-pwds { margin-left: 10px; padding: 3px 10px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; }
.works-show-share .new-zan { text-align: right; }
.works-show-share .new-zan span { line-height: 26px; margin-left: 15px; }
.works-show-share .new-zan a { display: block; float: right; width: 26px; height: 26px; border-radius: 35px; margin-left: 5px; border: 1px solid #eee; overflow: hidden; }
.works-show-share .new-zan img { width: 100%; vertical-align: middle; }
.works-article { border-radius: 5px; }
.works-article .works-show-top .title-bottom { margin: 0 }
.works-article .works-show-content { padding: 20px; text-align: inherit; border-top: 1px solid #eee; }
.works-article .works-show-content p, .works-article .works-show-content p span { white-space: normal !important; }
.works-article .works-show-content .data-url { padding: 20px 0px 0; text-align: left; font-size: 12px; }
.works-article .works-show-content .data-url a { color: #999; }
/** 酷站 **/
.works-show-top.cool-show .title-bottom .creatime i { width:17px; height:17px; background-position:-89px -107px; vertical-align:text-top; margin-right:5px; }
.cool-show .go-web { padding: 5px 15px; background: #0057ff; color: #fff; border-radius: 5px; }
.thank-user { padding: 20px; }
.thank-user p a { color:#0057ff; }
/** 专访 **/
.interview-show { position: relative; }
.interview-show .ico-int { position: absolute; top: -8px; right: 28px; display: block; width: 50px; height: 61px; background: url(../images/inter.png)no-repeat; }
.interview-txt .works-desc h6 { font-size: 16px; color: #333; padding-bottom: 10px; }
.interview-txt .works-desc { color: #333; line-height: 24px; padding-bottom:35px; border-bottom: 1px solid #eee; margin-bottom: 35px; }
.interview-txt .inter-content, .interview-txt .inter-content p { line-height: 25px; color: #333; }
.interview-txt .dialogue { color: #0057ff; padding-bottom:15px; }
.interview-txt .inter-contact { padding-top:30px; margin-top: 30px; border-top:1px solid #eee; }
.interview-txt .inter-contact h6 { font-size: 14px; color: #333; padding-bottom: 15px; font-weight: bold; }
.interview-txt .inter-contact ul:after { display: block; content: ""; clear: both; }
.interview-txt .inter-contact ul { padding: 25px 25px 10px; border: 1px solid #eee; border-radius: 5px; }
.interview-txt .inter-contact ul li { width: 45%; float: left; margin-bottom: 15px; }
.interview-txt .inter-contact ul li, .interview-txt .inter-contact ul li a { color: #333; }
.interview-txt .inter-contact ul li a:hover { color: #0057ff; }
.inter-contact .is-no-user { color: #999 !important; cursor: pointer; }
.interview-txt .inter-recommend { margin: 15px 0; padding: 25px; background: #f7f8fa; }
.interview-txt .inter-recommend .recomm-aend:hover, .interview-txt .inter-recommend a { color: #0057ff; }
.interview-txt .inter-recommend .recomm-aend { color: #666; }
.interview-txt .works-show-share-top { border-bottom: 0; min-height: 18px; padding: 55px 20px 65px; }
.interview-txt .works-show-share-top a:hover { color: #0057ff; }
.user-left .interview-top .user-pic img { margin: 40px 0 15px; }
.interview-user-top { position: absolute; top: 18px; right: 20px; }
.interview-user-top span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.interview-user-top .is_off { background-position: -25px -161px; vertical-align: middle; }
.interview-user-top .is_real { background-position: -51px -161px; vertical-align: middle; }
.interview-user-top .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.user-left .interview-top .copy-u-url { padding: 30px 0 10px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.user-left .user-left-top .copy-url { width: 80px; height: 40px; text-align: center; line-height: 40px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }
/* 用户基本信息 */
.com-h5 { font-size: 16px; line-height: 55px; color: #333; text-indent: 15px; }
.com-h5 em { font-size: 12px; color: #999; padding-right: 15px; }
input:focus { border:1px solid #7cb1ff }
.user-left { width: 280px; }
.user-left.w220 { width:220px; }
.tabs-user .u-zf-tabs ul li, .u-dt-tabs ul li, .u-tj-tabs ul li, .collajax-sc-ul li {  transition: all .4s ease-out;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 -ms-transition:all .4s ease-out;
}
.tabs-user .u-zf-tabs ul li:hover, .u-dt-tabs ul li:hover, .u-tj-tabs ul li:hover, .collajax-sc-ul li:hover { box-shadow: 0 0 30px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .3); overflow: inherit; }
/* 上边 */
.user-left .user-left-top { position: relative; text-align: center; padding-bottom: 20px; border-radius: 5px; }
.user-left .user-pic img { width:90px; max-height:90px; border-radius:50px; margin:62px 0 15px; overflow:hidden; }
.copy-u-url { padding: 30px 0 20px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.copy-u-url.recru-code { padding: 20px 0 0; margin-top: 20px; }
.user-left .user-left-top .copy-url { width: 80px; height: 40px; text-align: center; line-height: 40px; background: #0057ff; color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }
.user-left .user-left-top .sm-top { position: absolute; top: 10px; }
.user-left .user-left-top .sm-top.u-l, .user-left .user-left-top .sm-top.u-r { right: 10px; }
.user-left .user-left-top .sm-top span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.user-left .user-left-top .is_off { background-position: -25px -161px; vertical-align: middle; }
.user-left .user-left-top .is_real { background-position: -51px -161px; vertical-align: middle; }
.user-left .user-left-top .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.user-left .user-left-top h5 { font-size: 14px; color:#333; font-weight: bold; }
.user-left .user-left-top span { font-size: 12px; color: #666 }
.user-left .u-mun { margin: 0 auto; }
.user-left .u-mun ul li { width:25%; display:inline-block; }
.user-left .u-mun ul li span { color:#999; padding: 15px 0 5px; }
.user-left .u-mun ul li strong { color:#333; }
.user-left .u-mun ul li span, .user-left .u-mun ul li strong { display: block; }
.user-left .u-sign { display: block; width:120px; height: 35px; line-height: 35px; background:#0057ff; color: #fff; border-radius: 5px; margin: 20px auto 0; }
/* 下边 */
.user-left-bottom { border-radius: 5px; }
.user-left-bottom ul li { height: 40px; line-height: 40px; text-indent: 15px; margin-bottom: 1px; }
.user-left-bottom ul li a { display: block; color: #333 }
.user-left-bottom ul li.on, .user-left-bottom ul li:hover { background: #deebff; border-left: 2px solid #0057ff; }
/*+------------------
  + 右侧样式
  +-----------------*/
.b-bor { border-bottom: 1px solid #eee }
.user-right { position: relative; width: 880px; border-radius: 5px; }
.user-right.w940 { width: 940px }
.user-right h5 { font-size: 16px; color: #333; line-height: 55px; padding: 0 20px; }
.user-right h5 .recru-go { display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; color: #fff; background: #0057ff; border-radius: 65px; margin: 13px 0 0 0; }
.user-right .portrait:after { display: block; content: ""; clear: both; }
.user-right .portrait { padding: 30px 20px; border-bottom: 1px solid #eee; }
.user-right .portrait .u-por-thumb { width:100px; height:100px; position:relative; margin-right:20px; border-radius:50px; overflow:hidden; }
.user-right .portrait .u-por-thumb .user-thumb { display: none; position: absolute; top: 0; left: 0; width: 100px; height: 100px; line-height: 100px; background: rgba(0, 0, 0, .6); color: #fff; text-align: center; cursor: pointer; z-index: 55; }
.user-right .portrait .u-por-thumb:hover .user-thumb { display: block; }
#head_photo { position: absolute; top: 0; left:0; width: 100%; height: 100px; opacity: 0; cursor: pointer; z-index:9; }
.user-right .portrait .u-pro-name { float: left; position: relative; margin-top: 18px; }
.user-right .portrait .nickname { display: block; height: 35px; line-height: 35px; padding: 0 5px; border: 1px solid #fff; border-bottom: 1px solid #7cb1ff; }
.user-right .portrait .nickname:focus { border-bottom-color:#7cb1ff; }
.user-right .portrait .u-yes { display: block; position: absolute; top:10px; left: 372px; width: 15px; height: 15px; background: url("../images/sign-check-icon.png") no-repeat; background-size: 15px; }
.user-right .portrait .u-pro-name span { padding-left: 5px; }
/* 封面图 */
.user-right .cate-img { position: relative; width:880px; height:380px; border-radius:5px; overflow:hidden; }
.user-right .cate-img .cover-pic { position: absolute; top: 0px; right: 0px; padding: 6px 15px; background: rgba(0, 0, 0, .8); color: #fff; border-radius: 5px; font-size: 12px; }
.up-ordinary { position:relative; float:right; width:60px; height:20px; line-height:20px; margin:14px 30px 0 0; color:#0057ff; cursor: pointer; overflow:hidden; }
.up-ordinary input[type=file] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
/* 城市选择 */
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background:#fff; }
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
/* 手机 */
.u-basic.user-li { padding-bottom: 15px; }
.u-basic .phone p { height: 40px; line-height: 40px; color: #333 }
.u-basic .phone p a { color:#7cb1ff; padding:0 15px; }
.u-basic .phone p .edit-phone.pl0 { padding-left: 0px; }
.u-basic .phone p span { color:#999 }
.u-basic .textarea { height: 107px; }
.u-basic .new-phone { width:400px; position:fixed; top:40%; left:50%; background:#fff; border-radius:5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:10002; }
.new-phone h6 { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-phone .new-phone-tel { padding:20px; }
.new-phone #get-code-p, .new-phone #get-code-pedit { width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-phone #get-code-p.h, .new-phone #get-code-pedit.h { background: #c8c8c8; color: red }
.new-phone .submit-p { height: auto; }
.new-phone .submit-p .tips-phone { margin-bottom:10px; }
.new-phone .new-phone-submit { width:165px; height:40px; line-height:40px; background:#0057ff; color:#fff; border:0px; border-radius:5px; margin-left:85px; }
.new-phone .close { position:absolute; top:10px; right:10px; display:block; width:25px; height:25px; background:url("../images/colse.png") no-repeat; background-size:25px; }
/* 密码 */
.user-pwds .new-pwds { width:400px; position:fixed; top:40%; left:50%; background:#fff; border-radius:5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:10004; }
.new-pwds h6 { padding: 0 20px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.new-pwds .new-pwds-tel { padding:20px; }
.new-pwds #get-code-ps { width: 100px; height: 41px; line-height: 41px; background: #0057ff; border: 0px; color: #fff; border-radius: 5px; }
.new-pwds #get-code-ps.h { background: #c8c8c8; color: red }
.new-pwds .submit-p { height: auto }
.new-pwds .submit-p .tips-phone { margin-bottom:10px; }
.new-pwds .new-pwds-submit { width:165px; height:40px; line-height:40px; background:#0057ff; color:#fff; border:0px; border-radius:5px; margin-left:85px; }
.new-pwds .close { position:absolute; top:10px; right:10px; display:block; width:25px; height:25px; background:url("../images/colse.png") no-repeat; background-size:25px; }
/* 联系方式 */
.user-li.u-education ul li select { width: 206px; }
/* 社交 */
.u-social.user-li h5 { padding-right:0px; }
.u-social.user-li input[type=text] { float: left; }
.u-logo { float: left; }
.u-logo .logo-up { float:left; position:relative; display:block; width:180px; height:40px; background:#f4f4f4; color:#666; border-radius:5px; text-align:center; margin:0 15px; }
.u-logo img { margin: 4px 10px 0 0; }
.u-logo .jiany { font-size:12px; color:#999 }
.u-logo .social_photo { position: absolute; top: 0; left:0; width: 100%; height: 40px; opacity: 0; cursor: pointer; z-index:9; }
.u-social .soc-button { width:70px; height:30px; border:1px solid #eee; cursor:pointer; background:#fff; color:#666; border-radius:5px; font-size:12px; }
.u-social .soc-button.del-soc { margin:0 5px 0 65px; }
.u-social .soc-button.add-soc { margin-top: 10px; }
.u-social .soc-button.save-soc { background:#0057ff; color:#fff; border-color:#0057ff; margin-top: 5px; }
/* 标签 */
.u-label:after { display: block; content: ""; clear: both }
.u-label.user-li { padding-bottom: 30px; border-bottom: none; }
.u-label.user-li ul li { height: auto; }
.u-label-b { margin:12px 0 0 80px; }
.u-label-b a { display:block; float:left; padding:0px 10px; height:30px; line-height:30px; background:#eee; color:#666; border-radius:5px; margin:0 5px 5px 0; }
.u-label-b a span { font-size: 16px; padding:0 3px 0 10px; cursor: pointer; }
/* 实名验证 */
.user-card.user-li:after { display: block; content: ""; clear: both; }
.user-card.user-li ul li { float: left; position: relative; }
.user-card.user-li ul li .card-bor { width: 280px; height: 210px; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.user-card.user-li h5 em { position: absolute; top: 15px; left: 100px; width: 50px; height: 25px; line-height: 25px; text-align: center; font-size: 12px; background: #0057ff; color: #fff; border-radius: 5px; }
.user-card.user-li h5 em.n { background: transparent; border: 1px solid #eee; color: #333; }
.user-card.user-li h5 em.s { background: #fff3e7; color: #e88f3a; }
.user-card.user-li ul li.card-h, .user-card.user-li ul li.card_thumb_back { margin-left: 30px; }
.user-card.user-li ul li.card_thumb_just, .user-card.user-li ul li.card_thumb_back { height: 210px; line-height: 210px; }
.user-card.user-li ul li input[type=file] { position: absolute; top: 0px; left: 85px; width: 280px; height: 210px; opacity: 0; z-index:5; cursor: pointer; }
.user-card.user-li .u-submit { top: 55px; }
.open-span { position: absolute; top: 13px; right: 20px; width: 75px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 5px; cursor: pointer; font-size: 14px; border:1px solid #eee; }
/* 公共样式 */
.user-li { padding: 0 20px; position:relative; border-bottom:1px solid #eee; }
.user-li h5 { padding-left: 0; }
.user-li ul li { height:40px; line-height:40px; margin-bottom:15px; }
.user-li ul li label { width:75px; float:left; color:#999; text-align:right; margin-right:10px; }
.user-li ul li input[type=text], .user-li ul li input[type=password], .user-li ul li select { height:40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; }
.user-li ul li input[type=text], .user-li ul li input[type=password] { padding: 0 5px; }
.user-li ul li select { width: 480px; color: #333; padding: 0px 5px; }
.user-li ul li textarea { padding: 5px; width: 468px; color: #666; border-radius: 5px; border: 1px solid #eee; resize: none; }
.user-li ul li input[type=radio] { vertical-align: middle; }
.user-li ul li input[type=text]:focus, .user-li ul li select:focus, .user-li ul li textarea:focus { border:1px solid #7cb1ff }
.user-li .u-submit { position:absolute; right:20px; top:20px; width:70px; height:30px; line-height:30px; border:0; background:#0057ff; color:#fff; border-radius:5px; cursor:pointer; font-size:12px; }
/* 修改密码 */
.user-li.user-pwds .edit-pwds { position:absolute; top:13px; right:20px; width:75px; height:30px; line-height:30px; text-align:center; background:#fff; border-radius:5px; cursor:pointer; font-size:14px; border:1px solid #eee; }
.user-li.user-pwds .tips { font-size:12px; color:#888; }
/*+-------------------------------------
  + 职业招聘
  +-------------------------------------*/
.recru-members .user-li ul li.industry:after, .recru-info ul:after, .recru-info ul li:after { display: block; content: ''; clear: both; }
.recru-members .user-right .portrait .u-pro-name { margin-top:25px; }
.recru-members .r-name { font-size: 16px; color: #333; padding: 0 0 5px 0; }
.recru-members .user-li ul li.industry { height: auto; }
.recru-members .check-remark { float: left; }
.recru-members .check-remark .check { width:20%; float:left; margin-top:10px; line-height:normal; cursor:pointer; }
.recru-members .check-remark .check .checkbox { display: block; float: left; margin: 2px 5px 0 0; width: 17px; height: 17px; background: url("../images/ico.png") no-repeat 0 -42px; }
.recru-members .check-remark .check.on .checkbox { background-position: -22px -42px; }
.recru-members .check-remark .check.on { color: #0057ff; }
.recru-members .u-twocode.user-li ul li:after { display: block; content: ""; clear: both; }
.recru-members .u-twocode.user-li ul li { height: auto; }
.recru-members .u-twocode.user-li { padding: 0 20px 30px; border:1px solid #eee; border-width: 1px 0 0; }
.recru-members .u-twocode.user-li label { width: 95px; margin-top: 52px; }
.recru-members .u-twocode.user-li .remark-img .code-imgs { display: none; width: 100%; height: 100%; }
.recru-members .u-twocode.user-li .remark-img .code-imgs.show { display: block; }
.recru-members .u-twocode.user-li .remark-img { float: left; position: relative; width: 140px; height: 140px; border: 1px solid #eee; background:#dbdbdb url("../images/kicon.png") no-repeat 50px 55px; overflow: hidden; }
.recru-members .u-twocode.user-li .file-code-img { position:absolute; top:0; left:0; width:100px; height:100%; font-size: 100px; opacity: 0; z-index: 66; }
.recru-members .u-twocode.user-li .tips-code { display:block; line-height:140px; margin-left: 20px; }
.recru-members .u-twocode.user-li .opac-code-hover { position:absolute; top:0; left:0; display:none; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); color: #fff; line-height: 140px; text-align: center; cursor: pointer; z-index: 5; }
.recru-members .u-twocode.user-li .remark-img:hover .opac-code-hover { display:block; }
/*+-------------------------------------
  + 招聘信息
  +-------------------------------------*/
.recru-info #loadrecru { padding: 20px 20px 0; }
.recru-info #loadrecru li span { display: block; float: left; color: #333; }
.recru-info #loadrecru li span:nth-of-type(1) {
width: 300px;
padding: 0 0 0 20px;
}
.recru-info #loadrecru li span:nth-of-type(2) {
width: 80px;
}
.recru-info #loadrecru li span:nth-of-type(3) {
width: 80px;
}
.recru-info #loadrecru li span:nth-of-type(4) {
width: 120px;
}
.recru-info #loadrecru li span:nth-of-type(5) {
width: 90px;
}
.recru-info #loadrecru li.firsh { height: 60px; line-height: 60px; background: #f7f8fa; }
.recru-info #loadrecru li.firsh span { color: #333; font-weight: bold; }
.recru-info #loadrecru li { line-height: 80px; border-bottom: 1px solid #f0f0f0; }
.recru-info #loadrecru li .tit a { color: #0057ff; }
.recru-info #loadrecru li .butt { padding: 6px 12px; border-radius: 5px; margin-left: 5px; background: #dcdcdc; font-size: 12px; }
.recru-info #loadrecru li .butt.recru-stop.on { background: #0057ff; color: #fff; }
.recru-info #loadrecru li .butt.recru-refresh.on { background: #fe3a2c; color: #fff; }
/*+-------------------------------------
  + 个人资料
  +-------------------------------------*/
.user-level { padding: 0px 0 20px; height: 62px }
.user-level ul { background: #fff; border: 0; border-radius: 3px; width: 100% }
.user-level ul li { float: left; width: 20%; position: relative }
.user-level ul li:first-child span { -webkit-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px }
.user-level ul li:last-child span::before, .user-level ul li:last-child span::after {
display: none
}
.user-level ul li:last-child span { border-radius:0 5px 5px 0 }
.user-level ul li:hover .breadcrumbs-tips { display: block; }
.user-level ul .current, .user-level ul .current:hover { background:#0057ff; color:#fff }
.user-level ul span { font-size:16px; text-align:center; width:70%; height:62px; line-height:62px; padding: 0 30px 0 40px; float: left; text-decoration: none; color: #777; position: relative; background-color: #fff }
.user-level ul span:hover { background: #fff }
.user-level ul span:hover::after {
border-left-color: #fff
}
.user-level ul span::after, .user-level ul span::before {
content: "";
position: absolute;
top: 50%;
margin-top: -31px;
border-top: 31px solid transparent;
 border-bottom: 31px solid transparent;
border-left: 30px solid;
right: -30px
}
.user-level ul span::after {
z-index: 2;
border-left-color: #fff
}
.user-level ul span::before {
border-left-color: #f6f6f6;
right: -31px;
z-index: 1
}
.user-level ul span.current::after, .user-level ul span.current::before {
border-left-color: #0057ff
}
.user-level ul span.current .zheng { display: inline-block; width: 20px; height: 20px; line-height: 20px; background:#ff892a; color:#fff; font-size:12px; border-radius: 35px; margin-left: 10px; vertical-align: text-bottom; cursor: pointer; }
.user-level ul span .zheng { display: none; }
/*.user-level ul span .apply-cert{ display: none; }*/
.user-level ul span .apply-cert, .user-level ul span .apply-cert-up { display: block; position:absolute; top:3px; right:0px; font-size:12px; padding: 0 5px; height:25px; line-height:25px; background:#ff892a; border-radius:3px; cursor: pointer; color: #fff; }
.cert { position:fixed; top:30%; left:50%; width:402px; height:520px; background:#fff; border-radius:5px; transform:translate(-50%, -20%); -webkit-transform: translate(-50%, -20%); z-index:10003; }
.cert img { width:365px; height:480px; padding:20px; }
.cert .close { position:absolute; top:-12px; right:-12px; display:block; width:25px; height:25px; background:url(../images/colse-f.png) no-repeat; background-size:25px; cursor:pointer; }
.cert .magni { position:absolute; top:35px; right:35px; display:block; width:20px; height:20px; background: url("../images/big.png") no-repeat; cursor:pointer; }
.user-left.user-index-l .u-mun ul li { width: 35%; background: url("../images/li12.jpg") no-repeat 100% 14px; }
.user-left.user-index-l .u-mun ul li:last-child { background: none; }
.user-left.user-index-l .u-mun ul li span, .user-left.user-index-l .u-mun ul li strong { display: inline-block; }
.user-left.user-index-l .u-mun ul li span { font-size: 14px; padding-top: 10px; }
.user-left.user-index-l .u-mun ul li strong { font-weight:normal; color:#666; }
.si-gz { padding: 35px 0px 20px; margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button { display:inline-block; width:83px; height:35px; line-height:35px; text-align:center; border:1px solid #eee; color:#666; border-radius:5px; margin-right:5px; background: #fff; color: #666; font-size: 12px; }
.si-gz .button:last-child { background: #0057ff; color: #fff; border-color: #fff; margin-right: 0px; }
.si-gz .button.is_follow1 { width:75px; background:transparent; border-color:#0057ff; color: #0057ff; }
/* 站点 */
.user-web { border-radius: 5px; }
.user-web ul:after { display: block; content: ""; clear: both; }
.user-web ul { padding: 0px 20px 15px; }
.user-web ul li { width: 32px; height: 32px; float: left; margin:15px 15px 0 0; border-radius: 35px; overflow: hidden; }
.user-web ul li:nth-of-type(5n) {
margin-right: 0px;
}
/* 访客 */
.user-left-fanke:after { display: block; content: ""; clear: both; }
.user-left-fanke { border-radius:5px; padding-bottom:20px; }
.user-left-fanke ul li { float: left; width: 33.3333333%; text-align: center; margin-top: 15px; }
.user-left-fanke ul li .u-visitor { display: block; width: 50px; height: 50px; border-radius: 35px; margin: 0 auto; overflow: hidden; }
.user-left-fanke ul li h6, .user-left-fanke ul li p { font-size: 12px; }
.user-left-fanke ul li h6 { width:100%; height:17px; color:#333; padding:5px 0 0px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; }
.user-left-fanke ul li p { color: #999; }
/* -------- 右侧 -------- */
.empty { padding: 10px 0 20px; }
.empty.e-works { padding: 50px 0; text-align: center; }
.empty a { color:#0057ff }
.user-index-r .cate-menu { width:100%; height:60px; line-height:60px; margin:20px 0; position:relative; overflow:hidden; }
.user-index-r .cate-menu ul li { float:left; padding:0 20px; font-size:16px; color:#666; margin-right: 2px; }
.user-index-r .cate-menu ul li { border-bottom: 2px solid #fff; margin-top: -2px; }
.user-index-r .cate-menu ul li:hover, .user-index-r .cate-menu ul li.on { border-bottom-color: #336de3; color: #333 }
.user-index-r .cate-menu ul li.on .c-type { display: block; }
.user-index-r .cate-menu ul li .c-type { display: none; position:absolute; top:0px; right:20px; }
.user-index-r .cate-menu ul li .c-type a { padding:0 5px; font-size:14px; color:#999; }
.user-index-r .cate-menu ul li .c-type a:hover, .user-index-r .cate-menu ul li .c-type a.on { color: #0057ff }
.user-index-r .cate-menu ul li .c-type a:last-child { padding-right: 0px; }
.tabs-user .u-tabs-list { position: relative; }
/*------------ 作品 ------------*/
.tabs-user .u-zf-tabs ul li { position: relative; width:280px; height: 358px; float:left; margin:0 20px 20px 0; border-radius: 5px; overflow: hidden; }
.tabs-user .u-zf-tabs ul li:nth-of-type(3n) {
margin-right: 0px;
}
.tabs-user .u-zf-tabs ul li img { width:280px; height:210px; }
.tabs-user .u-zf-tabs ul li .title { position: relative; padding:15px 18px; }
.tabs-user .u-zf-tabs ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.tabs-user .u-zf-tabs ul li .title .istype.j-x { background-position: -101px -130px; }
.tabs-user .u-zf-tabs ul li .title .istype.y-x { background-position: -157px -159px; }
.tabs-user .u-zf-tabs ul li h6 a { font-size:14px; color:#333; }
.tabs-user .u-zf-tabs ul li p { margin:5px 0; color:#999; font-size: 12px; }
.tabs-user .u-zf-tabs ul li .title-bottom:after { display: block; content: ""; clear: both; }
.tabs-user .u-zf-tabs ul li .title-bottom i { float: left; margin-right: 5px; }
.tabs-user .u-zf-tabs ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.tabs-user .u-zf-tabs ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.tabs-user .u-zf-tabs ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.tabs-user .u-zf-tabs ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.tabs-user .u-zf-tabs ul li .zf-bottom { border-top: 1px solid #eee; padding: 15px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a { color: #999; padding-right: 15px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a.sta { color: #0057ff }
.tabs-user .u-zf-tabs ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.tabs-user .u-zf-tabs ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
/*------------ 关注 ------------*/
.tabs-user .u-gz-tabs ul li:after { display: block; content: ""; clear: both; }
.tabs-user .u-gz-tabs ul li { padding: 30px 20px; border-bottom: 1px solid #eee; }
.tabs-user .u-gz-tabs .follow-left .pic { display:block; width:65px; height:65px; border-radius:35px; margin:20px 12px 0 0; overflow:hidden; }
.tabs-user .u-gz-tabs .follow-left .pic img { width:100%; height:100%; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 { font-weight: bold; line-height: normal; padding:10px 0 0 0; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 span { display: inline-block; width: 19px; height: 22px; margin: 0 3px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_off { background-position: -25px -161px; vertical-align: middle; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .is_real { background-position: -51px -161px; vertical-align: middle; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a h5 .interview { background-position: 0px -161px; vertical-align: middle; margin-left: 8px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a p { margin: 8px 0px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a p em { color: #333; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button { display: block; float: left; width: 65px; height: 30px; line-height: 28px; border: 1px solid #eee; background: #fff; border-radius: 5px; margin-right: 8px; color: #666; font-size: 12px; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button:last-child { background: #0057ff; color: #fff; border: 0; }
.tabs-user .u-gz-tabs .follow-left .follow-top-a .button.is_follow1 { width: 75px; background: transparent; border:1px solid #0057ff; color: #0057ff; }
.tabs-user .u-gz-tabs .follow-right { width:480px; }
.tabs-user .u-gz-tabs .follow-right ul li { float:left; width:150px; height:112px; border-radius:5px; margin-right:15px; padding:0px; border-bottom:0px; overflow:hidden; }
.tabs-user .u-gz-tabs .follow-right ul li:last-child { margin-right: 0px; }
.tabs-user .u-gz-tabs .follow-right ul li img { width: 100%; height: 100%; }
/*------------ 动态、推荐 ------------*/
.u-dt-tabs ul li .zf-bottom:after, .u-tj-tabs ul li .zf-bottom:after, .collajax-sc-ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.u-dt-tabs ul li, .u-tj-tabs ul li, .collajax-sc-ul li { position: relative; width:280px; height:255px; float:left; margin:0 20px 20px 0; border-radius:5px; overflow: hidden; }
.u-dt-tabs ul li:nth-of-type(3n), .u-tj-tabs ul li:nth-of-type(3n), .collajax-sc-ul li:nth-of-type(3n) {
margin-right: 0px;
}
.u-dt-tabs ul li .bor-img, .u-tj-tabs ul li .bor-img, .collajax-sc-ul li .bor-img { display: block; width: 280px; height: 210px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
.u-dt-tabs ul li img, .u-tj-tabs ul li img, .collajax-sc-ul li img { width:280px; height:210px; }
.u-dt-tabs ul li .title, .u-tj-tabs ul li .title, .collajax-sc-ul li .title { position: relative; padding:15px 18px; }
.u-dt-tabs ul li .title .istype, .u-tj-tabs ul li .title .istype, .collajax-sc-ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.u-dt-tabs ul li .title .istype.j-x, .u-tj-tabs ul li .title .istype.j-x, .collajax-sc-ul li .title .istype.j-x { background-position: -101px -130px; }
.u-dt-tabs ul li h6 a, .u-tj-tabs ul li h6 a, .collajax-sc-ul li h6 a { font-size:14px; color:#333; }
.u-dt-tabs ul li p, .u-tj-tabs ul li p, .collajax-sc-ul li p { margin:5px 0; color:#999; font-size: 12px; }
.u-dt-tabs ul li .title-bottom i, .u-tj-tabs ul li .title-bottom i, .collajax-sc-ul li .title-bottom i { display: inline-block; margin-right: 5px; }
.u-dt-tabs ul li .title-bottom span, .u-tj-tabs ul li .title-bottom span, .collajax-sc-ul li .title-bottom span { color:#999; margin-right: 15px; }
.u-dt-tabs ul li .title-bottom .view i, .u-tj-tabs ul li .title-bottom .view i, .collajax-sc-ul li .title-bottom .view i { width: 20px; height: 17px; background-position: -83px -30px; vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .hits i, .u-tj-tabs ul li .title-bottom .hits i, .collajax-sc-ul li .title-bottom .hits i { width: 17px; height: 17px; background-position: -30px -35px; vertical-align: text-top; }
.u-dt-tabs ul li .title-bottom .comment i, .u-tj-tabs ul li .title-bottom .comment i, .collajax-sc-ul li .title-bottom .comment i { width: 17px; height: 17px; background-position: -56px -35px; vertical-align: text-top; }
.u-dt-tabs ul li .zf-bottom, .u-tj-tabs ul li .zf-bottom, .collajax-sc-ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height:56px; line-height:56px; }
.u-dt-tabs ul li .zf-bottom a, .u-tj-tabs ul li .zf-bottom a, .collajax-sc-ul li .zf-bottom a { color: #999; }
.u-dt-tabs ul li .zf-bottom a.time, .u-tj-tabs ul li .zf-bottom a.time, .collajax-sc-ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.u-dt-tabs ul li .zf-bottom .user-sta, .u-tj-tabs ul li .zf-bottom .user-sta, .collajax-sc-ul li .zf-bottom .user-sta { position: relative; width:55%; cursor: pointer; }
.u-dt-tabs ul li .zf-bottom .user-sta-pic, .u-tj-tabs ul li .zf-bottom .user-sta-pic, .collajax-sc-ul li .zf-bottom .user-sta-pic { display: block; width: 25px; height: 25px; float: left; margin:16px 5px 0 0; border-radius: 35px; overflow: hidden; }
.u-dt-tabs ul li .zf-bottom .user-sta-pic img, .u-tj-tabs ul li .zf-bottom .user-sta-pic img, .collajax-sc-ul li .zf-bottom .user-sta-pic img { width: 100%; height: 100%; }
.u-dt-tabs ul li .zf-bottom .user-sta:hover .user-relevant, .u-tj-tabs ul li .zf-bottom .user-sta:hover .user-relevant, .collajax-sc-ul li .zf-bottom .user-sta:hover .user-relevant { display:block; text-align: center; }
.u-dt-tabs ul li .user-relevant, .u-tj-tabs ul li .user-relevant, .collajax-sc-ul li .user-relevant { display:none; width:100%; position:absolute; bottom:56px; left:-15px; background: #fff; border-radius:5px; padding:20px 20px 10px; box-shadow:0px 10px 30px #dcdcdc; z-index:200; }
.u-dt-tabs ul li .user-relevant .top:after, .u-tj-tabs ul li .user-relevant .top:after, .collajax-sc-ul li .user-relevant .top:after { display: block; content: ""; clear: both; }
.u-dt-tabs ul li .user-relevant .top, .u-tj-tabs ul li .user-relevant .top, .collajax-sc-ul li .user-relevant .top { margin-bottom: 15px; }
.u-dt-tabs ul li .user-relevant .top .left h5, .u-tj-tabs ul li .user-relevant .top .left h5, .collajax-sc-ul li .user-relevant .top .left h5 { color: #333; font-weight: bold; padding: 6px 0 0; line-height: normal; }
.u-dt-tabs ul li .user-relevant .top .left p, .u-tj-tabs ul li .user-relevant .top .left p, .collajax-sc-ul li .user-relevant .top .left p { margin: 0px; }
.u-dt-tabs ul li .user-relevant .top .pic, .u-tj-tabs ul li .user-relevant .top .pic, .collajax-sc-ul li .user-relevant .top .pic { display:block; width:60px; height:60px; border-radius:35px; margin-right:10px; margin:0 auto; overflow:hidden; }
.u-dt-tabs ul li .user-relevant .top .pic img, .u-tj-tabs ul li .user-relevant .top .pic img, .collajax-sc-ul li .user-relevant .top .pic img { width:100%; height:100%; }
.u-dt-tabs ul li .user-relevant .top .operation, .u-tj-tabs ul li .user-relevant .top .operation, .collajax-sc-ul li .user-relevant .top .operation { margin-top: 10px; }
.u-dt-tabs ul li .user-relevant .top .operation .button, .u-tj-tabs ul li .user-relevant .top .operation .button, .collajax-sc-ul li .user-relevant .top .operation .button { display: block; float:left; width: 60px; height: 30px; line-height: 28px; border: 1px solid #eee; border-radius: 5px; text-align: center; margin-left: 5px; cursor: pointer; background: #fff; font-size: 12px; }
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow, .u-tj-tabs ul li .user-relevant .top .operation .button.add-follow, .collajax-sc-ul li .user-relevant .top .operation .button.add-follow { background: #0057ff; color: #fff; border: 0; }
.u-dt-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1, .u-tj-tabs ul li .user-relevant .top .operation .button.add-follow.is_follow1, .collajax-sc-ul li .user-relevant .top .operation .button.add-follow.is_follow1 { width:65px; background:transparent; border:1px solid #0057ff; color: #0057ff; }
.u-dt-tabs ul li .user-relevant .bottom-ico, .u-tj-tabs ul li .user-relevant .bottom-ico, .collajax-sc-ul li .user-relevant .bottom-ico { position: absolute; bottom: -6px; left: 63px; display: block; width: 12px; height: 12px; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/*------------ 收藏 ------------*/
.tabs-user .u-sc-tabs:after { display: block; content: ""; clear: both; }
.collection-show { position: fixed; top: 45%; left: 50%; width: 450px; border-radius: 5px; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10002; }
.collection-show h5 { font-size: 16px; color: #333; height: 60px; line-height: 60px; border-bottom: 1px solid #eee; }
.collection-show ul { width: 400px; margin: 0 auto; }
.collection-show ul li { margin-top: 20px; }
.collection-show ul li input[type=text] { width: 387px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; padding:0 5px; }
.collection-show ul li input[type=radio] { vertical-align: middle; }
.collection-show ul li.is_open { margin-top: 10px; }
.collection-show ul li.is_open em { font-size: 12px; color: #999 }
.collection-show ul li textarea { width: 380px; height: 70px; padding: 8px; border: 1px solid #eee; resize: none; border-radius: 5px; }
.collection-show ul li input[type=submit] { width: 100%; height: 42px; line-height: 42px; background: #0057ff; color: #fff; border: 0px; border-radius: 5px; margin-bottom:30px; cursor: pointer; }
.collection-show .close, .edit-coll .close { position: absolute; top:15px; right:15px; cursor: pointer; display: block; width:20px; height:20px; background: url("../images/colse.png") no-repeat; background-size:20px; }
.collection-show .tips-coll { display: block; margin: 20px 0 0 0; }
.tabs-user .u-sc-tabs ul li { width:280px; height: 369px; float:left; margin:0 20px 20px 0; border-radius: 5px; overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics { display: block; width: 280px; height: 210px; background: #eee; overflow: hidden; }
.tabs-user .u-sc-tabs ul li .pics img, .tabs-user .u-sc-tabs ul li .pics-cool img { width: 100%; height: 210px; }
.tabs-user .u-sc-tabs ul li:nth-of-type(3n) {
margin-right: 0px;
}
.tabs-user .u-sc-tabs ul li .title { padding:15px 18px; }
.tabs-user .u-sc-tabs ul li h6 a { font-size:14px; color:#333; }
.tabs-user .u-sc-tabs ul li .title em { width: 11px; height: 14px; background-position: -50px -107px; }
.tabs-user .u-sc-tabs ul li p { margin:5px 0; color:#999; }
.tabs-user .u-sc-tabs ul li .title-bottom:after, .tabs-user .u-sc-tabs ul li .zf-bottom:after { display: block; content: ""; clear: both; }
.tabs-user .u-sc-tabs ul li .title-bottom .sc-i { float: left; margin-right: 5px; }
.tabs-user .u-sc-tabs ul li .title-bottom span { float:left; color:#999; margin-right:15px; }
.tabs-user .u-sc-tabs ul li .title-bottom .count-pic i { width: 16px; height: 13px; background-position: 0px -107px; margin-top: 3px; }
.tabs-user .u-sc-tabs ul li .title-bottom .xing i { width: 15px; height: 15px; margin-top: 2px; background-position: -25px -107px; }
.tabs-user .u-sc-tabs ul li .zf-bottom { border-top: 1px solid #eee; padding:0 15px; height: 56px; line-height: 56px; }
.tabs-user .u-sc-tabs ul li .zf-bottom a { color: #999; }
.tabs-user .u-sc-tabs ul li .zf-bottom a.sta { color: #0057ff }
.tabs-user .u-sc-tabs ul li .zf-bottom a.time { padding-left: 0px; }
.tabs-user .u-sc-tabs ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
.tabs-user .u-sc-tabs ul li .zf-bottom a.del-collect { padding-left:10px; }
/** 酷站 **/
.tabs-user .u-sc-tabs ul li.coolku { height: 307px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span { display: block; float: left; font-size: 12px; color: #999; margin-right: 15px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom i { float: left; margin-right: 5px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom span { display: block; float: left; font-size: 12px; color: #999; margin-right: 15px; }
.tabs-user .u-sc-tabs ul li.coolku .title-bottom .creatime i { width: 14px; height: 14px; background-position: -92px -186px; vertical-align: text-top; }
/*------------ 收藏课程 ------------*/
.tabs-user .u-sc-tabs ul li.coll-kecheng { height: 350px; }
.tabs-user ul.ajax-content-kecheng li { height: 342px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng h6 a, .tabs-user ul.ajax-content-kecheng li h6 a { font-size: 16px; }
.tabs-user .u-sc-tabs ul li.coll-kecheng p .type, .tabs-user ul.ajax-content-kecheng li p .type { color: #ff3b2c; }
/* 修改收藏夹 */
.edit-coll { position: fixed; top: 35%; left: 50%; width: 400px; background:#fff; border-radius: 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 10002; }
.edit-coll h5 { border-bottom: 1px solid #eee }
.edit-coll .edit-coll-con { width: 345px; margin: 20px auto 30px; }
.edit-coll .edit-coll-con input[type=text] { width: 332px; padding: 0 5px; height: 40px; line-height: 40px; border-radius: 5px; border: 1px solid #eee; }
.edit-coll .edit-coll-con ul li.is_open { margin: 20px 0 }
.edit-coll .edit-coll-con input[type=radio] { vertical-align: middle; }
.edit-coll .edit-coll-con ul li.is_open em { font-size: 12px; color: #999 }
.edit-coll .edit-coll-con ul li.input-sub input[type=submit] { width: 100%; height: 40px; line-height: 40px; border: 0; background: #0057ff; border-radius: 5px; color: #fff; cursor: pointer; }
.edit-coll .tips-e { display: block; margin: 0 0 15px 0; }
/* 移除 */
.collajax-sc-ul li { position: relative; }
.collajax-sc-ul li:hover .remove-coll { display: block; }
.collajax-sc-ul li .remove-coll { display:none; position:absolute; top:0px; right:0px; z-index:240; padding: 5px 15px; cursor: pointer; border-radius: 5px; color: #fff; background: rgba(0, 0, 0, .6); }
/*------------ 个人资料 ------------*/
.tabs-user .u-basic-tabs:after, .tabs-user .basic-bottom ul li:after { display: block; content: ""; clear: both; }
.tabs-user .u-basic-tabs { padding: 25px 0px 10px; }
.tabs-user .u-basic-tabs .basic { padding: 0 20px 25px; border-bottom: 1px solid #eee; }
.tabs-user .u-basic-tabs h5 { line-height: normal }
.tabs-user .u-basic-tabs .basic ul li { width:45%; float:left; margin-top:20px; color:#666; }
.tabs-user .u-basic-tabs .basic ul li label { color: #999; padding-right: 5px; }
.tabs-user .u-remark h6 { color: #999; margin: 0px 0 10px; }
.tabs-user .u-remark p { line-height: 25px; }
.tabs-user .basic-bottom ul li { padding: 20px; border-bottom: 1px solid #eee; }
.tabs-user .basic-bottom ul li:last-child { border-bottom: none }
.tabs-user .basic-bottom ul li label { width: 85px; display: block; float: left; color: #333; }
.tabs-user .basic-bottom ul li p { float: left }
.tabs-user .basic-bottom ul li.social label, .tabs-user .basic-bottom ul li.label label { padding-top: 5px; }
.tabs-user .basic-bottom ul li.social a { display:block; float:left; padding-right:15px; }
.tabs-user .basic-bottom ul li.label { padding-bottom: 15px; }
.tabs-user .basic-bottom ul li.label a { display: block; float: left; padding: 0px 10px; height: 30px; line-height: 30px; background: #eee; color: #666; border-radius: 5px; margin: 0 5px 5px 0; }
/*------------ 私信 ------------*/
.send-letter { font-size: 13px; color: #666 }
.letter-ul { margin: 0 20px; }
.letter-ul li:after, .letter-ul li .letter-top:after { display: block; content: ""; clear: both; }
.letter-ul li { position: relative; padding: 20px 0; border-bottom: 1px solid #eee; }
.letter-ul li .letter-top { position: relative; }
.letter-ul li .pic { display: block; width: 65px; height: 65px; border-radius: 50px; margin-right: 15px; overflow: hidden; }
.letter-ul li .pic img { width: 100%; height: 100%; }
.letter-ul li h6 { padding: 7px 0 10px 0; }
.letter-ul li h6 strong { font-size:14px; color:#333; }
.letter-ul li h6 span { padding:0 10px 0 0; font-size: 12px; }
.letter-ul li h6 em { color:#999; font-size:12px; }
.letter-ul li .type-cz { position:absolute; top:35px; right:2px; }
.letter-ul li .type-cz a { padding-left:20px; cursor:pointer; }
.letter-ul li .type-cz a.del-letter-u { color:#999; }
.letter-ul li .is_open { position:absolute; right:0px; top:5px; padding:4px 10px; font-size:12px; background:#fff3e7; color:#e88f3a; border-radius:5px; }
.replay-letter-txt { width:792px; margin:10px 0 0 80px; background:#f4f4f4; padding:15px; border-radius:5px; }
.replay-letter-txt a { font-size:14px; font-weight:bold; color:#333; padding-bottom:3px; }
.replay-letter-txt h2 { color:#333 }
.replay-letter-txt h2 .time { color:#999; font-size:12px; }
.replay-letter:after { display: block; content: ""; clear: both; }
.replay-letter { margin:10px 0 0 80px; }
.replay-letter .r-intro { width:792px; padding:15px; background:#f4f4f4; border-radius:5px; border:0px; resize:none; }
.replay-letter .but-replay { width: 100px; height: 35px; background: #0057ff; border: 0px; border-radius: 5px; color: #fff; margin: 15px 0 0 0; cursor: pointer; }
.more-letter, .more-notice { padding: 25px 0px; text-align: center; line-height: 39px; }
.more-letter a, .more-notice a { color: #0057ff; }
/** 评论 **/
.letter-ul li .reply-message { display:inline-block; color:#999; margin-left:15px; cursor:pointer; vertical-align:sub; }
.letter-ul li .reply-message i { width: 15px; height:15px; background-position:-110px -33px; }
.letter-ul li .reply-form { margin: 15px 0 0 75px; }
.letter-ul li .reply-comment { padding:15px; }
.letter-ul li .reply-comment .level-2 { padding: 0 0 5px 0; }
/*------------ 通知 ------------*/
.user-index-r .cate-menu-notic { width:100%; height:60px; line-height:60px; margin: 0px 0px 1px; position:relative; overflow:hidden; }
.user-index-r .cate-menu-notic ul li { position: relative; float:left; padding:0 20px; font-size:16px; color:#666; margin:-2px 2px 0 0; border-bottom: 2px solid #fff; }
.user-index-r .cate-menu-notic ul li:hover, .user-index-r .cate-menu-notic ul li.on { border-bottom-color: #336de3; color: #333; }
.user-index-r .cate-menu-notic ul li i { position: absolute; top:17px; right:12px; display: block; width: 10px; height: 10px; background:red; border-radius: 35px; }
.user-index-r .cate-menu-notic .all-du { display: block; padding-right: 20px; font-size: 12px; color:#e88f3a; cursor: pointer; }
.user-index-r .cate-menu-notic .all-du.also { color: #666; }
.user-index-r .cate-menu-notic .all-du.also em { display: block; }
.user-index-r .cate-menu-notic .all-du em { display: none; float:left; margin:23px 5px 0 0; width:15px; height:15px; background-position:-185px -185px; }
.user-index-r .cate-menu-notic .all-du.also em.on { background-position: -167px -185px; }
.user-index-r .cate-menu-notic ul li.on .c-type { display: block; }
.user-index-r .cate-menu-notic ul li .c-type { display: none; position:absolute; top:0px; right:20px; }
.user-index-r .cate-menu-notic ul li .c-type a { padding:0 5px; font-size:14px; color:#999; }
.user-index-r .cate-menu-notic ul li .c-type a:hover, .user-index-r .cate-menu-notic ul li .c-type a.on { color: #0057ff }
.user-index-r .cate-menu-notic ul li .c-type a:last-child { padding-right: 0px; }
.letter-ul.notice-ul .type-cz { position: absolute; top: 50px; }
.letter-ul.notice-ul .type-cz a { padding: 4px 10px; font-size: 12px; border: 1px solid #0057ff; border-radius: 5px; color: #0057ff; }
.letter-ul.notice-ul .type-cz a:hover { background: #0057ff; color: #fff }
/* 评论 */
.comment-works { border-radius: 5px; }
.comment-works-top:after, .comment-works-bottom:after, .comment-works-bottom .comment-content li:after, .reply-form:after { display:block; content:""; clear: both; }
.comment-works-top { padding: 20px; border-bottom: 1px solid #eee; }
.comment-works-top .comment { width: 827px; height: 70px; border:1px solid #eee; border-radius: 5px; padding: 5px; resize: none; background: #f4f4f4;  transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
}
.comment-works-top .comment:focus { background: #fff; }
.comment-works-top .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; }
.comment-works-top.comm-disabled .comment { background: #f4f4f4; }
.comment-works-top.comm-disabled .comm-submit { background:#f4f4f4; color: #666; }
.comment-works-top .comment:focus { border-color: #eee }
.comment-works-top .tips-c, .tips-rep { display: block; float: left; margin: 15px 0 0 0; }
.comment-works-top .tips-c .font-col { color: #bfbfbf; }
.comment-works-bottom { padding: 20px 20px 0; }
.comment-works-bottom h5 { font-size:16px; font-weight:bold; color:#333; padding: 0; }
.comment-works-bottom h5 span { font-size: 14px; font-weight: normal; color: #999 }
.comment-works-bottom .comment-content li { padding: 25px 0px; border-bottom: 1px solid #eee; }
.comment-works-bottom .comment-content li:last-child { border-bottom: none; }
.comment-works-bottom .comment-content li .user-pic { display:block; width:60px; height:60px; border-radius:35px; overflow:hidden; margin-right:15px; }
.comment-works-bottom .comment-content li .user-pic img { width:60px; height:60px; }
.comment-works-bottom .comment-content li .user-comment-right { width:763px; }
.comment-works-bottom .comment-content li .user-comment-right .a-invita { color: #0ca156; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 { font-weight:bold; color:#333; padding:10px 0 5px; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 .time { color:#999; font-weight:normal; padding-left:15px; font-size: 12px; }
.comment-works-bottom .user-comment-oper { width: 100%; height: 10px; }
.comment-works-bottom .user-comment-oper a { display:block; float:left; color:#999; margin-left:25px; cursor:pointer; }
.comment-works-bottom .user-comment-oper a.c-report i { width:15px; height:15px; float:left; vertical-align:middle; margin:3px 5px 0 0; background-position:-134px -34px; }
.comment-works-bottom .user-comment-oper a.c-reply i { width:15px; height:15px; background-position:-110px -33px; }
.comment-works-bottom .user-comment-oper a.c-zan i { float:left; width:13px; height:13px; background-position:-28px -11px; margin:3px 5px 0 0; }
.comment-works-bottom .user-comment-oper a.c-del i { width:12px; height:15px; background-position:-136px -155px; }
.back-33 { color: #333; }
/* 回复 */
.reply-comment { position:relative; width:725px; padding:20px; background:#f4f4f4; border-radius:5px; margin:15px 0 0 75px; }
.reply-comment .level-2 a { font-weight:bold; color:#333; }
.reply-comment .level-2 span { font-size: 12px; font-weight: normal; color: #999 }
.reply-comment .top-ico, .reply-form .top-ico { position:absolute; top:-7px; left:30px; display:block; width:13px; height:13px; background:#f4f4f4; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.reply-form { position: relative; width: 765px; margin: 15px 0 25px 75px; }
.reply-form .reply-content { width: 725px; padding: 20px; border: 0px; background: #f4f4f4; border-radius: 5px; resize: none; }
.reply-form .comm-submit { display:block; width:100px; height:35px; border-radius:5px; border:0px; cursor:pointer; margin-top:12px; float:right; background:#0057ff; color:#fff; }
.more-comment { padding: 25px 0px; text-align: center; border-top: 1px solid #eee; }
.more-comment a { color:#0057ff; }
.more-comment .load-more-comment.load { text-indent: -9999px; display: inline-block; width: 39px; height: 39px; background: url("../images/login-1.gif"); }
/* 回收箱 */
.user-right .recovery-ul:after { display: block; content: ""; clear: both; }
.user-right .recovery-ul { padding: 20px; }
.user-right .recovery-ul li { position: relative; width:280px; height: 362px; float:left; margin:0 27px 27px 0; border-radius: 5px; border: 1px solid #ededed; overflow: hidden; }
.user-right .recovery-ul li:nth-of-type(3n) {
margin-right: 0px;
}
.user-right .recovery-ul li img { width:280px; height:210px; }
.user-right .recovery-ul li .title { position: relative; padding:15px 18px; }
.user-right .recovery-ul li .title .istype { position: absolute; top: 14px; right: 20px; width: 16px; height: 20px; background-position: -134px -130px; }
.user-right .recovery-ul li .title .istype.j-x { background-position: -101px -130px; }
.user-right .recovery-ul li h6 a { font-size:16px; color:#333; }
.user-right .recovery-ul li p { margin:5px 0; color:#999; }
.user-right .recovery-ul li .title-bottom:after { display: block; content: ""; clear: both; }
.user-right .recovery-ul li .title-bottom i { float: left; margin-right: 5px; }
.user-right .recovery-ul li .title-bottom span { display: block; float:left; font-size: 12px; color:#999; margin-right: 15px; }
.user-right .recovery-ul li .title-bottom .view i { margin-top: 3px; width: 15px; height: 11px; background-position: 0px -188px; }
.user-right .recovery-ul li .title-bottom .hits i { width: 14px; height: 14px; background-position: -24px -186px; }
.user-right .recovery-ul li .title-bottom .comment i { margin-top: 1px; width: 14px; height: 14px; background-position: -48px -186px; }
.user-right .recovery-ul li .zf-bottom { border-top: 1px solid #eee; padding: 15px; }
.user-right .recovery-ul li .zf-bottom a { color: #999; padding-right: 15px; }
.user-right .recovery-ul li .zf-bottom a.sta { color: #0057ff }
.user-right .recovery-ul li .zf-bottom a.time { padding-right: 0px; font-size: 12px; }
.user-right .recovery-ul li .zf-bottom a:not(.time):hover {
color:#0057ff;
}
/*------------ 异步分页 ------------*/
/*------------ 加载 ------------*/
.loging { position: absolute; top: 100px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.loging img { margin-right: 8px; }
.loging { line-height: 35px; }
/**  分页 **/
.pagination { text-align: center; }
.pagination li { display: inline-block; width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #eee; margin-right:5px; background: #fff; border-radius: 5px; }
.pagination li a { display:block; font-family:"Arial"; }
.pagination li span, .pagination li a { color: #999; }
.pagination li.active { background:#0057ff; border-color:#0057ff; }
.pagination li.active span, .pagination li.active a { color:#fff; }
/** 没有数据 **/
.empty-img { position:relative; padding:50px 0; text-align:center; }
/** 图片上传 **/
.upload-img { position:fixed; top:50%; left:50%; width:670px; min-height:465px; background:#fff; z-index:10003; margin:-250px 0 0 -322px; border-radius: 5px; }
.upload-img .tit-h5 { position:relative; height:50px; line-height:50px; padding:0 25px; color:#282828; border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover { position:absolute; right:25px; top:19px; width:11px; height:11px; background-position:-159px 0; cursor:pointer;  transition:all .4s ease-out;
-webkit-transition:all .4s ease-out;
}
.upload-img .cropper-container { position:absolute; top:25px; left:25px; z-index:50; }
.upload-img .tit-h5 .colse-cover:hover { transform:rotate(90deg); -webkit-transform:rotate(90deg); }
.upload-lists-cover { position:relative; padding:25px; }
.docs-preview { width:205px; overflow:hidden; }
.upload-img .img-container { width:420px; height:310px; background:#f2f2f2; }
.img-preview { background-color:#f7f7f7; overflow:hidden; width:100%; text-align:center; }
.docs-preview { margin-right:-15px; margin-bottom:10px; }
.img-preview { float:left; margin-right:10px; margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px; height:148px; }
.preview-md { width:139px; height:78px; }
.preview-sm { width:69px; height:39px; }
.upload-img .file-upload { position: absolute; top: 25px; left: 25px; width: 420px; height: 310px; background: #f2f2f2; cursor: pointer; overflow: hidden; }
.upload-img .file-upload #inputImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 25 }
.upload-img .cover-title { position: absolute; top: 100px; left: 80px; width: 235px; height: 108px; line-height: normal; color: #999; text-align: center; z-index: 15; }
.upload-img .cover-title i { width: 32px; height: 32px; background-position: -168px -17px; margin: 0 auto; }
.upload-img .cover-title span { display: block; padding: 10px 0 0px; }
.upload-img .cover-title p { padding: 0px !important; color: #999; font-size:12px; line-height:inherit; }
.upload-img .js-covers-covers { display: none; padding: 0 25px; height: 50px; line-height: 50px; }
.upload-img #dataWidth, .upload-img #dataHeight { display: inline-block; background: transparent; padding: 0px; text-align: center; color: #666; }
.upload-img #dataWidth, .upload-img #dataHeight { min-width: 35px; max-width: 35px; border: 0px; }
.upload-img .cover-type { display: none; width: 420px; height: 40px; float: left; }
.upload-img .cover-type-but .btn { float: left; width: 20px; height: 20px; background-position: -180px -55px; border: 0px; margin-left: 25px; cursor: pointer; }
.upload-img .cover-type-but { margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j, .upload-img .cover-type-but .btn.rotate-y { width: 21px; }
.upload-img .cover-type-but .btn.zoom-y { background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j { background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y { background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover { background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover { background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover { background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover { background-position: -155px -134px; }
.upload-img .res-title { display: none; line-height: 30px; color: #fff; font-size: 12px; text-align: center }
.upload-img .sub-bor { border-top: 1px solid #eee; padding: 25px 0; text-align: center; }
.upload-img .sub { width: 120px; height: 34px; border: 1px solid #eee; background: #fff; cursor: pointer; border-radius: 5px; }
.upload-img .sub.submit-cover { background: #0057ff; color: #fff; }
.upload-img .sub.reset-cover { margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover { margin-top: -25px; }
.upload-img.open .js-covers-covers { display: block; }
.upload-img.open .file-upload { top: 345px; width: 80px; height: 30px; background: #0057ff; border-radius: 5px; }
.upload-img.open .cover-title { display: none; }
.upload-img.open .res-title { display: block; }
.upload-img.open .cover-type { display: block; }
/*发布页面*/
.works:after,.works-update:after,.works-update ul li:after{ display: block;content: "";clear: both; }
.works-head{ position:relative;padding:0 20px;height:70px;line-height:70px;text-align:center;border-bottom:1px solid #eee;margin-bottom: 50px; }
.works-head.cool a{margin: 0;}
.works-head a{ font-size: 18px;color: #333;margin-right: 45px; }
.works-head a:nth-of-type(2){margin-right: 0px;}
.works-head a.on{color: #0057ff; border-bottom: 2px solid #0057ff;padding-bottom: 22px;}
.works-head span{ position:absolute;right:20px;top:0px;font-size:12px;color:#999; }
.works-update{ width:840px; margin:0 auto; }
.works-update ul li{ height:50px;line-height:50px;margin-bottom:25px;}
.works-update ul li.textarea{ height: 120px; }
.works-update ul li.cover-lis{min-height: 83px;height: auto}
.works-update ul li.cover-li{ }
.works-update ul li.cover-li img{ cursor: pointer; }
.works-update ul li.labels{ min-height: 83px;height: auto ;}
.works-update ul li label{ display:block;float:left;width:10%; }
.works-update ul li .works-input{ width:90%; }
.works-update ul li input[type=text],
.works-update ul li select{ height:48px;line-height:48px;border:1px solid #eee;border-radius:5px;padding:0 5px;background: #f4f4f4; }
.works-update ul li input[type=text]{ width:100%; }
.works-update ul li.share-file input[type=text]{ width: 85%; }
.works-update ul li.share-file input[type=text].name-wpwd{ width: 10%;float: right;margin-right: -11px; }
.works-update ul li select{ width: 280px;color:#666; }
.works-update ul li textarea{ padding:5px;width:100%;height:108px;border:1px solid #eee;border-radius:5px;resize:none;background: #f4f4f4; }
.works-update ul li input[type=text]:focus,
.works-update ul li textarea:focus{ background: transparent; }
/** 视频管理 **/
.works-update ul li.videos-lis{ height: auto;min-height: 50px; }
.works-update ul li.videos-lis .works-input .video-demo{ position: relative; display: block;float: left; width: 150px;height: 40px;line-height: 40px;
    color: #fff;border-radius: 5px; text-align: center; margin: 5px 10px 0 0;cursor: pointer;overflow: hidden; }
.works-update ul li.videos-lis .works-input .update-video{ background: #0057ff; }
.works-update ul li.videos-lis .works-input .save-video-url{ height: 38px; color: #333;background: #fff;border: 1px solid #f0f0f0; }
.video-url{  position: fixed;top: 50%;left: 50%; width: 480px;height: 215px;background: #fff;
    border-radius: 5px;margin: -107.5px 0 0 -240px; z-index: 1008; }
.video-url .tit-h5{ position:relative;height:50px;line-height:50px;padding:0 25px;color:#282828;border-bottom:1px solid #eaeaea; }
.video-url .tit-h5 .colse-video{
    position: absolute;right: 25px;top:19px; width: 11px;height: 11px;background-position: -159px 0;cursor: pointer;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.video-url .tit-h5 .colse-video:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.video-url .video-url-con{ padding: 30px; }
.video-url .video-url-con .video-url-input{ width: 97%;height: 45px;line-height: 45px;border: 1px solid #f0f0f0;
    padding: 0 5px;border-radius: 5px;background: #f4f4f4; }
.video-bottom{ text-align: center; }
.video-bottom button{ width: 120px;height: 40px;line-height: 40px;background: #0057ff;
    color: #fff;border: 0;border-radius: 5px;cursor: pointer;margin: 20px 10px 0 0; }
.video-bottom button.cancel-ton{ border:1px solid #f0f0f0;background: transparent;color: #333; }

.video-list { height: 20px;line-height: 20px;margin:20px 0 10px; }
.video-list h6 i{ display: block;float: left; width: 20px;height: 20px;background: url("../images/play.png") no-repeat;
    margin-right: 5px;
}
.video-list h6 .vurl{ display: block;float:left; width: 250px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.video-list .colse-v{ display: block;width: 20px;height: 20px;background: url("../images/colse.png") no-repeat;
    background-size: 20px;cursor: pointer;
}
.video-list .upstatus{ width: 280px;margin-right: 15px; }
.video_box{ position:fixed;top:30%;left:50%;width:408px;background-color:#fff;
    border-radius:5px;margin:0 0 0 -204px;z-index:1009; }
.video_box .tit-h5{ position:relative;height:50px;line-height:50px;padding:0 25px;color:#282828;border-bottom:1px solid #eaeaea; }
.video_box .tit-h5 em{ font-size: 12px;color: #0057ff; }
.video_box .tit-h5 .colse-video{
    position: absolute;right: 25px;top:19px; width: 11px;height: 11px;background-position: -159px 0;cursor: pointer;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.video_box .tit-h5 .colse-video:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.video-outs{ padding: 30px; }
.video_upload_btn { border:2px dashed #ccc;color:#ccc;display:block;font-size:40px;font-weight:700;height:80px;
    line-height:75px;text-align:center;width:80px;vertical-align:bottom;cursor:pointer;margin:0 auto; }
.video_box .video-bottom button{ margin: 0 10px 0 0; }
.video_textarea_upload{ position: relative; }
.video_words_num{ color:#808080;position: absolute;bottom: 12px;right:9px; }
.clicked{ border-color: #eb7350; }
.video_name_box{ display:block;vertical-align:bottom;border:1px solid #f0f0f0;padding:0 5px;box-shadow:none;
    height:30px;line-height:30px;border-radius:5px;color:#eb7350;
    background-color:#f0f0f0;position:relative;width:100%; }
.video_file_name{max-width: 90%;vertical-align: top;color: #0057ff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.upload_video_area{text-align: center;margin:20px 0 0}
.loading_bar{background: #f2f2f5 none repeat scroll 0 0;border-radius: 6px;display: inline-block;font-size: 0;height: 10px;overflow: hidden;text-align: left;width: 250px;}
.loading_bar em{background: #0057ff none repeat scroll 0 0;display: inline-block;height: 10px;vertical-align: top;}
.layer_point{ position:relative;text-align:center;}
.percentnum{ position:absolute;font-size:12px;top:1px;right:16px;color:#0057ff;}
.layer_point .point dd p{ text-align: center;font-size: 12px; }
.updesc,.upload_succ{ padding: 5px 0;font-size: 14px }
.upload_know{ margin:30px 0 0; }
.send_succpic{display: none;height: 42px;left: 0;margin-top: -21px;overflow: hidden;position: absolute;text-align: center;top: 50%;width: 100%;}
.send_succpic .txt{display: inline-block;font: 16px/22px Microsoft Yahei;margin: 0 0 0 10px;vertical-align: middle;}
.send_succpic .icon_succB, .send_succpic .icon_errorB{vertical-align: middle;}
.icon_succB{background-position: -375px 0;}
.icon_succB, .icon_warnB, .icon_questionB, .icon_rederrorB{height: 42px;width: 38px;}
.moxie-shim{ left: 0!important;width: 100%!important;height: 35px!important; }
/** 分类选择 **/
.works-update ul li .sele-jq{ position: relative; display:inline-block;height:48px;border:1px solid #eee;padding:0 20px;background:#f4f4f4;border-radius:5px;cursor: pointer; }
.works-update ul li .sele-jq i{ display: inline-block;width:9px;height: 7px;background: url("../images/sele-ico.png") no-repeat;margin-left:10px; }
.works-update ul li .works-cate { display: none; min-width: 165px; position: absolute;top: 49px;left: 0px;background: #fff;
    border: 1px solid #eee; z-index: 250;border-radius: 5px;box-shadow: 0 0 6px #ddd; overflow: hidden; }
.works-update ul li .sele-jq:hover .works-cate{ display: block; }
.works-update ul li .works-cate.bwidth .bor-lt{ display: block; }
.works-update ul li .works-cate .bor-lt{ display: none; position: absolute;left: 165px;top: 50px; width: 1px;height: 100%;
    background: #eee; }
.works-update ul li .works-cate.bwidth{ min-width: 302px; }
.works-update ul li .works-cate .works-is-type{ padding: 0 20px;border-bottom: 1px solid #eee; }
.works-update ul li .works-cate .works-is-type p{ display: inline-block;cursor: pointer;margin-right: 10px; }
.works-update ul li .works-cate .works-is-type p:nth-of-type(2){ margin-right: 0px; }
.works-update ul li .works-cate .works-is-type .on{ color: #0057ff; }
.works-update ul li .works-cate .works-is-type .on span { background: #0057ff; }
.works-update ul li .works-cate .works-is-type span { position:relative;display:block;float:left;width:15px;height:15px;
    border:1px solid #eee;border-radius:35px;margin: 3px 6px 0 0; }
.works-update ul li .works-cate .works-is-type span em { position:absolute;top:8px;left:49%;display:block;width:8px;height:8px;
    transform: translate(-43%,-55%); -webkit-transform: translate(-43%,-55%); background: #fff;border-radius: 35px; }
.works-update ul li .works-cate .works-cate-ul{ min-width:165px; }
.works-update ul li .works-cate .works-cate-ul-er{ min-width:136px;height:100%; }
.works-update ul li .works-cate .works-cate-ul,
.works-update ul li .works-cate .works-cate-ul-er{ float:left;padding:6px 0; }
.works-update ul li .works-cate .works-cate-ul li,
.works-update ul li .works-cate .works-cate-ul-er li{ padding:0 20px;height:32px;line-height:32px;margin-bottom: 0px; color: #333; }
.works-update ul li .works-cate .works-cate-ul li:hover,
.works-update ul li .works-cate .works-cate-ul-er li:hover{ background: #e2e2e2; }
.works-update ul li .works-cate .works-cate-ul li.active{ color: #0057ff; }
/** 简洁 **/
.works-update ul li .sele-jq-concise{ position: relative; display:inline-block;height:48px;border:1px solid #eee;padding:0 20px;background:#f4f4f4;
    border-radius: 5px;cursor: pointer;margin-left: 25px;
}
.works-update ul li .sele-jq-concise i{ display: inline-block;width:9px;height: 7px;background: url("../images/sele-ico.png") no-repeat; margin-left: 10px; }
.works-update ul li .sele-jq-concise .works-select{ display:none;width:270px;padding:5px 0;position:absolute;
    top:49px;left:0;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 0 6px #ddd;
    overflow: hidden;z-index:10004; }
.works-update ul li .sele-jq-concise .works-select p{ padding: 0 20px; line-height: 32px;color: #333; }
.works-update ul li .sele-jq-concise .works-select p.on{ color: #0057ff; }
.works-update ul li .sele-jq-concise .works-select p:hover{ background: #e2e2e2; }
.works-update ul li .sele-jq-concise:hover .works-select{ display: block; }
/** 酷站 **/
.works-update ul li .sele-jq-concise.ku-web{ margin-left: 0px; }
.works-update ul li .sele-jq-concise.ku-web .works-select{ width: 200px; }
.works-update ul li .sele-jq-concise.ku-web .works-select p{ width: 60px; float: left;text-align: center; }
.works-update ul li .sele-jq-color{ position: relative; display:inline-block;height:48px;border:1px solid #eee;padding:0 20px;background:#f4f4f4;
    border-radius: 5px;cursor: pointer;margin-left: 25px;
}
.works-update ul li .sele-jq-color i{ display: inline-block;width:9px;height: 7px;background: url("../images/sele-ico.png") no-repeat; margin-left: 10px; }
.works-update ul li .sele-jq-color .works-select-col{ display:none;width:145px;padding:5px 0;position:absolute;
    top:49px;left:0;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 0 6px #ddd;
    overflow: hidden;z-index:10004; }
.works-update ul li .sele-jq-color .works-select-col p{ padding: 0 20px; line-height: 32px;color: #333; }
.works-update ul li .sele-jq-color .works-select-col p.on{ color: #0057ff; }
.works-update ul li .sele-jq-color .works-select-col p:hover{ background: #e2e2e2; }
.works-update ul li .sele-jq-color:hover .works-select-col{ display: block; }
.works-update ul li .ku-color{ display: inline-block;width: 30px;height: 30px; border-radius: 50px;
    background: transparent;vertical-align: middle;margin-left: 10px;
}
/** Common **/
.works-update ul li.cover-li p{ font-size: 12px;color: #999;padding: 15px 0; }
.works-update ul li.cover-li .cover-up,
.works-update ul li.cover-lis .cover-ups{width: 148px;height: 38px;line-height: 38px; border: 1px solid #0057ff;
    text-align: center;color: #0057ff;border-radius: 5px;
}
.works-update ul li.cover-li .cover-up{ position: absolute;top: 225px;right: 445px;width: 60px;border: 0px;height: 22px;
    line-height: 22px;font-size: 12px;overflow: hidden; }
.works-update ul li.cover-li .cover-up #cover-pic{ position: absolute;width: 100%;height: 40px;top: 0;left: 0;opacity: 0;cursor: pointer; }
.works-update ul li.cover-lis .cover-ups{ float:left;background:#0057ff;color:#fff;margin-top:5px; }
.works-update ul li.cover-lis span{font-size:12px;}
.submit-input{ padding: 35px 0 50px;border-top: 1px solid #eee; }
.submit-input input[type=submit]{ width:280px;height:50px;background:#0057ff;border:0px;border-radius: 5px;font-size: 16px;color: #fff;
    cursor: pointer; margin-left: 254px; }
.works-update ul li .remark-cs{ height:38px !important;top: 80px !important; }
/* 标签 */
.works-update ul li.labels #textarea{ position:relative;width:765px;min-height:48px;border:1px solid #eee;border-radius:5px; }
.works-update ul li.labels #textarea input[type=text]{width: 98%; border:0;float: left}
#textarea .textkey{ width: 100%; background: #fff; }
#textarea .textkey:after{ display: block;clear: both; content: ""; z-index:999; }
#textarea span{ float:left;display:block;padding:0 10px;height:30px;line-height:30px;background:#f6f6f6;
    color:#666;text-align:center;margin:9px 0 6px 15px;border-radius:5px;}
#textarea span.error{ background:#d50041;color:#fff; }
#textarea span i{display: inline-block;width: 15px; cursor:pointer;padding-left:5px;font-style:normal; }
.f12-99{ font-size: 12px;color: #999; }
.works-update ul li.labels-n{ height: 100%  ; }
.works-update ul li.labels-n input[type=text]{ width: 40%; }
.works-update ul li.labels-n:after,
.works-update ul li .labels-list:after{ display: block;content: "";clear: both; }
.works-update ul li .labels-list span{
    float: left;
    display: block;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: #f6f6f6;
    color: #666;
    text-align: center;
    margin: 9px 10px 0 0;
    border-radius: 5px;
}
.works-update ul li .labels-list span em {
    display: inline-block;
    width: 15px;
    cursor: pointer;
    padding-left: 5px;
    font-style: normal;
}
.tips-span{ display: block;line-height: 20px;padding-top: 15px; }
.works-update ul li .labels-list span.tag-warning {
    background-color: #ffb752; color: #fff;
}
/* 作品更多设置 */
.works-update ul li.works-more{ height: auto; }
.works-update ul li.works-more .bottom-down{ display: none; }
.works-update ul li.works-more.open .bottom-down{ display: block; }
.works-update ul li.works-more .w-more-list:after{ display: block;content: "";clear: both; }
.works-update ul li.works-more .w-more-list{ margin-bottom: 10px; }
.works-update ul li.works-more label{ cursor: pointer; }
.works-update ul li.works-more .down{ display: inline-block;width: 9px;height: 6px;background: url("../images/sele-ico.png") no-repeat;
    margin-left: 4px;
}
.works-update ul li.works-more .works-input span{ color: #999;padding-left: 10px;font-size: 12px; }
.works-update ul li.works-more .bottom-down h6{ width: 10%;float: left;text-align: center;color: #999; }
.works-update ul li.works-more .bottom-down .w-r{ width: 89%;float: right; }
.works-update ul li.works-more .color-ps{ display: block;float: left;margin-right: 15px;cursor: pointer; }
.works-update ul li.works-more .color-ps em{ position: relative; display: block;float: left;width: 15px;height: 15px;
    border: 1px solid #eee;border-radius: 35px;margin:17px 3px 0 0; }
.works-update ul li.works-more .color-ps.on em{ background: #0057ff; }
.works-update ul li.works-more .color-ps em i{
    position: absolute;top: 8px;left: 7px;
    display: block;width: 8px;height: 8px;transform: translate(-43%,-55%);-webkit-transform: translate(-43%,-55%);background: #fff;
    border-radius: 35px;
}
.works-update ul li.works-more .minicolors{ display: none; }
.works-update ul li.works-more .minicolors-panel{
    display: block;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
}
.works-update ul li.works-more input[type=text]{ width: 70%;height: 30px;line-height: 30px;padding-left: 30px; }
.works-update ul li.works-more .minicolors-theme-default .minicolors-swatch{ top: 15px;border-radius: 65px;
    overflow: hidden; }
.works-update ul li.works-more input[type=text].spacing-inp{ width:35px;padding: 0 5px; }

/* 强制验证样式 */
.works-update ul li.cover-li .works-input{position: relative}
.works-update ul li .Validform_checktip{display: none !important;}
.works-update ul li.cover-li .Validform_checktip{ display: block !important;position:absolute;bottom:155px;left:290px; }
/* 编辑作品 */
#uploader #queueList .filelist{padding-top: 52px;}
/*------------ 经验分享[文章] ------------*/
.works-update ul li.article-content{height: auto;}
.works-update ul li.article-content li,
.works-update ul li.article-content .works-input{ line-height: normal;height: auto;margin-bottom: 0px; }
.works-update ul li.article-content .works-input .edui-container .edui-toolbar{ box-shadow: none; }
.works-update ul li.article-content .works-input .edui-container{ box-shadow:none;border:1px solid #eee;border-radius:5px; }
.works-update ul li.article-content li label{ width:70%; }
.works-update ul li.article-content .edui-link-table label{ display:inline-block;width: 100%; }
.works-update ul li.article-content .edui-link-table input[type=text]{
    width: 300px;
    height: 21px;
    line-height: 21px;
    border: 1px solid #d7d7d7;
}
.works-update ul li.article-content .edui-link-table #edui-link-Jtarget{position: absolute; left: 125px; top: 80px;}
/** 图片上传 **/
.upload-img{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 670px;
    min-height: 465px;
    background: #fff;
    z-index: 10003;
    margin: -250px 0 0 -322px;
    border-radius: 5px;
}
.upload-img .tit-h5{ position:relative;height:50px;line-height:50px;padding:0 25px;color:#282828;border-bottom:1px solid #eaeaea; }
.upload-img .tit-h5 .colse-cover{
    position: absolute;right: 25px;top:19px; width: 11px;height: 11px;background-position: -159px 0;cursor: pointer;
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out;
}
.upload-img .cropper-container{ position: absolute;top: 25px;left: 25px;z-index: 50 }
.upload-img .tit-h5 .colse-cover:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg); }
.upload-lists-cover{ position: relative; padding: 25px; }
.docs-preview{ width: 205px;overflow: hidden; }
.upload-img .img-container{ width: 420px;height: 310px;background: #f2f2f2; }
.img-preview { background-color:#f7f7f7;overflow:hidden;width:100%;text-align:center; }
.docs-preview { margin-right:-15px;margin-bottom:10px;  }
.img-preview { float:left;margin-right:10px;margin-bottom:10px; }
.img-preview > img { max-width:100%; }
.preview-lg { width:263px;height:148px;  }
.preview-md { width:139px;height:78px; }
.preview-sm { width:69px;height:39px; }
.upload-img .file-upload{ position: absolute;top: 25px;left: 25px; width: 420px;height: 310px;background: #f2f2f2;cursor: pointer;overflow: hidden; }
.upload-img .file-upload #inputImage{ position: absolute;top: 0;left: 0;  width: 100%;height: 100%;opacity: 0; z-index: 25}
.upload-img .cover-title{ position: absolute;top: 100px;left: 80px; width: 235px;height: 108px;line-height: normal;color: #999; text-align: center; z-index: 15;}
.upload-img .cover-title i{ width: 32px;height: 32px;background-position: -168px -17px;margin: 0 auto; }
.upload-img .cover-title span{ display: block;padding: 10px 0 0px; }
.upload-img .cover-title p{ padding: 0px !important;color: #999;font-size:12px;line-height:inherit; }
.upload-img .js-covers-covers{ display: none; padding: 0 25px;height: 50px;line-height: 50px; }
.upload-img #dataWidth,.upload-img #dataHeight{ display: inline-block;background: transparent;padding: 0px;text-align: center;color: #666; }
.upload-img #dataWidth,
.upload-img #dataHeight{ min-width: 35px;max-width: 35px; border: 0px; }
.upload-img .cover-type{ display: none; width: 420px;height: 40px; float: left; }
.upload-img .cover-type-but .btn{ float: left; width: 20px;height: 20px;background-position: -180px -55px;
    border: 0px;margin-left: 25px;cursor: pointer; }
.upload-img .cover-type-but{ margin-top: 10px; }
.upload-img .cover-type-but .btn.rotate-j,.upload-img .cover-type-but .btn.rotate-y{ width: 21px; }
.upload-img .cover-type-but .btn.zoom-y{ background-position: -180px -81px; }
.upload-img .cover-type-but .btn.rotate-j{ background-position: -179px -109px; }
.upload-img .cover-type-but .btn.rotate-y{ background-position: -179px -134px; }
.upload-img .cover-type-but .btn.zoom-j:hover{ background-position: -157px -55px; }
.upload-img .cover-type-but .btn.zoom-y:hover{ background-position: -157px -81px; }
.upload-img .cover-type-but .btn.rotate-j:hover{ background-position: -154px -109px; }
.upload-img .cover-type-but .btn.rotate-y:hover{ background-position: -155px -134px; }
.upload-img .res-title{ display: none;line-height: 30px;color: #fff;font-size: 12px;text-align: center }
.upload-img .sub-bor{ border-top: 1px solid #eee;padding: 25px 0;text-align: center; }
.upload-img .sub{ width: 120px;height: 34px;border: 1px solid #eee;background: #fff;cursor: pointer;border-radius: 5px; }
.upload-img .sub.submit-cover{ background: #0057ff;color: #fff; }
.upload-img .sub.reset-cover{ margin: 0 0 0 15px; }
.upload-img.open .upload-lists-cover{ margin-top: -25px; }
.upload-img.open .js-covers-covers{ display: block; }
.upload-img.open .file-upload{ top: 345px; width: 80px;height: 30px;background: #0057ff;border-radius: 5px; }
.upload-img.open .cover-title{ display: none; }
.upload-img.open .res-title{ display: block; }
.upload-img.open .cover-type{ display: block; }
/*内容页*/
.guess-love .works-lists-con ul li,
.scroll-show-user{
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
}
.guess-love .works-lists-con ul li:hover{
    box-shadow: 0 0 30px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
    overflow: inherit;
}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:hover{
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.empty{ padding: 50px 20px; background: #fff; font-size: 16px; }
/** 悬浮 **/
.scroll-show-user{position: fixed;left: 0;top: 0; width: 100%;height: 0px;line-height: 60px; background: #fff;overflow: hidden;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);z-index: 10006; }
.scroll-show-user.fix-show{ height: 60px;overflow: visible; }
.scroll-show-user .l-u-img{ position: relative; }
.scroll-show-user .bor-rad{ display: block;float: left; width: 30px;height: 30px;margin: 15px 8px 0 0; border-radius: 65px; overflow: hidden; }
.scroll-show-user h1{ float: left;font-size: 16px;color:#333; }
.scroll-show-user .bor-rad img{ width: 100%; }
.scroll-show-user .istype{ display:block;float:left;margin:19px 0 0 8px;width: 16px;height: 20px;background-position: -134px -130px; }
.scroll-show-user .istype.j-x{ background-position: -101px -130px; }
.scroll-show-user .istype.y-x{ background-position: -157px -158px; }
.scroll-show-user .r-u-type .scro-but { width: 80px; height: 30px; line-height: 30px; border: 1px solid #eee; border-radius: 5px;
    text-indent: -13px; background: #fff; cursor: pointer; margin-left: 10px; font-size: 12px; }
.scroll-show-user .r-u-type .collection:disabled{ background: #999; color: #fff; border: 0px; }
.scroll-show-user .r-u-type .scro-but i { float: left; width: 15px; height: 15px; }
.scroll-show-user .r-u-type .collection i { background-position: -136px 0; margin: 7px 0 0 19px; }
.scroll-show-user .r-u-type .comm-md i { background-position: -110px -34px; margin: 9px 0 0 15px; }
.scroll-show-user .user-left-show{ width: 30px;height: 60px;padding-right: 10px; }
.scroll-show-user .user-left-show:hover .user-relevant{ display: block; }
.scroll-show-user .user-relevant{
    display: none; width:135px;position:absolute;
    top:60px;left:0;background: #fff;
    border-radius:5px;padding:20px 20px 10px;box-shadow:0px 0px 30px #dcdcdc;z-index:200;
}
.scroll-show-user .user-relevant .top:after{display: block;content: "";clear: both;}
.scroll-show-user .user-relevant .top{ margin-bottom: 15px;text-align: center; }
.scroll-show-user .user-relevant .top .left h5{ color: #333;font-weight: bold;padding: 6px 0 0; line-height: normal; }
.scroll-show-user .user-relevant .top .left p{margin: 0px;}
.scroll-show-user .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;margin:0 auto;overflow:hidden; }
.scroll-show-user .user-relevant .top .pic img{width:100%;height:100%;}
.scroll-show-user .user-relevant .top .operation{margin-top: 10px;}
.scroll-show-user .user-relevant .top .operation .button{
    display: block;float:left; width: 60px;height: 30px;line-height: 28px;border: 1px solid #eee;border-radius: 5px;text-align: center;
    margin-left: 5px;cursor: pointer;background: #fff;font-size: 12px;  }
.scroll-show-user .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;}
.scroll-show-user .user-relevant .top .operation .button.add-follow.is_follow1{width:65px;background:transparent;border-color:#0057ff;color: #0057ff;}
.scroll-show-user .user-relevant .bottom-ico{ position: absolute;top: -5px;left: 15px; display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); }

.works-show .works-show-top .top-title{ max-width: 640px; }
.works-show .works-article .works-show-top .top-title{ max-width: 100%; }
.works-show-top .top-title h1{ font-size: 24px; color: #333; }
.works-show-top .top-title .istype{ display:inline-block;margin-left:15px;width:16px;height:20px;background-position: -134px -130px; }
.works-show-top .top-title .istype.j-x{ background-position: -101px -130px; }
.works-show-top .top-title .istype.y-x{ background-position: -157px -158px; }
.works-show-top:after{display: block;clear: both;content: ""}
.works-show-top{padding: 30px 25px;border-radius: 5px;}
.works-show-top .title-bottom{margin: 8px 0}
.works-show-top .title-bottom i{ display: inline-block; margin-right: 5px; }
.works-show-top .title-bottom span{color:#999;margin-right: 15px;}
.works-show-top .title-bottom .view i{ width: 20px;height: 17px; background-position: -83px -30px;vertical-align: text-top; }
.works-show-top .title-bottom .hits i{ width: 17px;height: 17px; background-position: -30px -35px;vertical-align: text-top; }
.works-show-top .title-bottom .comment i{ width: 17px;height: 17px; background-position: -56px -35px;vertical-align: text-top; }
.works-show-top .top-title p,.works-show-top .top-title p a{color: #999}

.works-show-top .top-links{margin:22px 0 0 60px;}
.works-show-top .top-links .button{
    display: block;
    float: left;
    width: 73px;
    height: 33px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-left: 10px;
    background: #fff;
    color: #666;
    font-size: 12px;
}
.works-show-top .top-links .button:last-child{background:#0057ff;color:#fff;border: 0;}
.works-show-top .top-links .button.is_follow1{width:75px;background:transparent;border: 1px solid #0057ff;color: #0057ff;}
.works-show-top .top-user .user-pic{ display: block;width: 80px;height: 80px;border-radius: 50px; margin-right:12px;overflow: hidden; }
.works-show-top .top-user .user-name h5{ font-size:16px;color:#333;margin-top:20px; }
.works-show-top .top-user .user-name h5 span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.works-show-top .top-user .user-name h5 .is_off{ background-position: -25px -161px; vertical-align: middle;}
.works-show-top .top-user .user-name h5 .is_real{ background-position: -51px -161px; vertical-align: middle;}
.works-show-top .top-user .user-name h5 .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.show-works-back{ background: #fff; }
.works-show-content{padding:0; text-align:center; border-top-left-radius: 5px;border-top-right-radius: 5px; overflow:hidden; }
.works-show-content img{ max-width:100%; display: block; margin: 0 auto; }
.works-show-content .works-remark{ padding: 20px; text-align: initial; }
.works-show-content .works-remark.class-black{ color: rgba(255,255,255,.7); }
.works-show-content .works-remark.class-defult{ color: rgba(255,255,255,.8); }
.works-show-content .works-remark.article{ padding: 25px 20px;background: #f7f8fa;border-radius: 5px;margin-bottom: 20px;color: #333; }
.works-show-content .works-video{ width: 600px;height: 400px;margin: 0 auto 15px;overflow: hidden; }
.works-show-content .data-url{padding: 20px 0px 20px 20px; text-align: left;font-size: 12px; }
.works-show-content .data-url a{ color: #999;}
.works-show-share{ position:relative;border-top: 1px solid #eee}
.works-show-share:after,.works-show-share-top:after,.works-show-share-bottom:after{ display: block;content: "";clear: both; }
.works-show-share-top{padding:55px 20px 50px;border-bottom: 1px solid #eee }
.works-show-share .share{ width: 30%; }
.works-show-share .share span{ display:block;float:left;line-height:32px;color:#999; }
.works-show-share .share .bdshare-button-style0-32 a{ margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_tsina{ background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_sqq{ background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style0-32 a.bds_qzone{ background-position: -127px -5px; }
/** 点赞 **/
.works-show-share .dzan{ position:absolute;top:18px;left:50%;width:150px;height:70px;background:#0057ff;border-radius:35px;
    margin: 0 auto;color:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border: 0px; }
.works-show-share .dzan:disabled{background:#999}
.works-show-share .dzan .bg-zan{ display:block;width:21px;height:21px;background:url("../images/dzan.png") no-repeat;margin:7px auto 0; }
.works-show-share .dzan .zan-num{ font-size: 16px; }
.works-show-share .dzan.article-top{ top: 75px; }
.works-show-share #add-num{display: none;}
.works-show-share #add-num.add-animation{color: #eb4f38; position:absolute;top:-15px;left: 63px;font-size: 18px;
    opacity: 0;filter:alpha(opacity=0);-moz-opacity:0;animation: mypraise 0.5s ;-moz-animation: mypraise 0.5s ;
    -webkit-animation: mypraise 0.5s ;-o-animation: mypraise 0.5s ;font-style:normal;}
@keyframes mypraise{
    0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
}
@-moz-keyframes mypraise{
    0%{top:-15px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
    25%{top:-20px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    50%{top:-25px;opacity: 1;filter: alpha(opacity=100);-moz-opacity:1;}
    75%{top:-30px;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity:0.5;}
    100% {top:-35px;opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;}
}
.works-show-share .dzan.ku-color-go{ line-height: 70px; }
.y-hidden .works-show-share .dzan{ width: 100px;height: 45px; position: fixed; top:95%;left: 50%; z-index: 100010;  }
.y-hidden .works-show-share .dzan.ku-color-go{ line-height: 45px; }
.y-hidden .works-show-share .dzan .bg-zan{ float: left;margin: 0 0 0 26px; }
.y-hidden .works-show-share .dzan .zan-num{ float: left;margin-left: 8px; }
.y-hidden .works-show-share #add-num.add-animation{ left: 38px;top: 0px; }
.y-hidden .show-big-thumb{ display: block; }
.show-big-thumb{ display:none;position:fixed;width:50px;bottom:2%;right:2%;z-index:100010; }
.show-big-thumb ul li{ width:50px;height:50px;line-height:50px;text-align:center;border-radius:65px;
    color:#fff;font-size:12px;margin-top:12px;background:#0057ff;cursor:pointer;overflow:hidden; }
.show-big-thumb ul li.img{ background:transparent; }
.show-big-thumb ul li img{ width:100%; }
.show-big-thumb ul li .collection{ width:50px;height:50px;background:transparent;border:0;color:#fff; }
.show-big-thumb ul li .collection:disabled{ background:#999; }
.y-hidden .register{ z-index:100015; }
.y-hidden .back-model.invita{ background:rgba(0,0,0,.8);z-index:100011; }
/** 收藏 **/
.works-show-share .coll-rep{line-height:40px;}
.works-show-share .coll-rep span{ display: block;float: left;margin-right: 50px; }
.works-show-share .coll-rep .is-coll{padding: 0 25px;}
.works-show-share .coll-rep .collection{ width:98px;height:38px;line-height:38px;border:1px solid #eee;border-radius:5px;text-indent:-22px; background: #fff;}
.works-show-share .coll-rep .report i,
.works-show-share .coll-rep .collection i{ float:left;width:15px;height:15px; }
.works-show-share .coll-rep .collection i{ background-position:-136px 0;margin:11px 0 0 20px; }
.works-show-share .coll-rep .report i{ background-position:-134px -34px;margin:14px 7px 0 0px; }
.works-show-share .coll-rep .collection:disabled{background: #999;color: #fff;border: 0px;}
.works-show-share .coll-rep .collection:hover{ border-color: #b9b9b9; }

.works-show-share-bottom{position: relative; padding: 20px;}
.works-show-share-bottom.wfile .labels,.works-show-share-bottom.wfile .new-zan{ width: 45%; }
.works-show-share .labels, .works-show-share .new-zan{width: 50%;}
.works-show-share .labels{ margin-top: 5px; }
.works-show-share .labels span{ display: block;color: #999; float: left; }
.works-show-share .labels a{ padding:5px 15px;border:1px solid #eee;border-radius:5px;margin:0 5px 0 2px;font-size: 12px; }
.works-show-share .labels a:hover{ background: #0057ff;color: #fff;border-color: #0057ff; }
.works-show-share-bottom.wfile .url-file{ display: block; }
.works-show-share .url-file{ display: none;position: absolute;top: 6px;left: 50%; transform: translate(-50%,0);-webkit-transform: translate(-50%,0);cursor: pointer;color: #0057ff; }
.works-show-share .url-file i{float: left; width: 18px;height: 18px;margin-right: 3px; background-position: -140px -182px; }
.url-file-org{ width: 360px; position: fixed;top: 50%;left: 50%;background: #fff; border-radius: 5px;;margin: 0 0 0 -180px; z-index: 10007; }
.url-file-org h5{ font-size: 16px;color: #333; height: 50px;line-height: 50px;padding: 0 15px;border-bottom: 1px solid #e6e6e6; }
.url-file-org .url-file-list{ padding: 15px 15px 30px; }
.url-file-org .url-file-list ul li{ height: 35px;line-height: 35px; overflow: hidden; }
.url-file-org .url-file-list ul li a{ color: #0057ff; }
.url-file-org .colse-url { position:absolute;top:10px;right:10px;display:block;width: 25px;height: 25px;
    background: url(../images/colse.png) no-repeat; background-size: 25px; cursor: pointer; }
.url-file-org .url-file-list ul li .copy-pwds{ margin-left: 10px; padding: 3px 10px;background: #0057ff;color: #fff;cursor: pointer;border-radius: 5px; }

.works-show-share .new-zan{ text-align: right; }
.works-show-share .new-zan span{ line-height: 26px;margin-left: 15px; }
.works-show-share .new-zan a{display: block;float: right; width: 26px;height: 26px;border-radius: 35px; margin-left: 5px; border: 1px solid #eee; overflow: hidden; }
.works-show-share .new-zan img{ width: 100%; vertical-align: middle; }

.works-article{border-radius: 5px;}
.works-article .works-show-top .title-bottom{margin: 0}
.works-article .works-show-content{padding: 20px;text-align: inherit; border-top: 1px solid #eee;}
.works-article .works-show-content p,
.works-article .works-show-content p span{white-space: normal !important;}
.works-article .works-show-content .data-url{padding: 20px 0px 0; text-align: left;font-size: 12px; }
.works-article .works-show-content .data-url a{ color: #999;}
/** 酷站 **/
.works-show-top.cool-show .title-bottom .creatime i{ width:17px;height:17px;background-position:-89px -107px;vertical-align:text-top;margin-right:5px; }
.cool-show .go-web{ padding: 5px 15px;background: #0057ff;color: #fff;border-radius: 5px; }
.thank-user { padding: 20px; }
.thank-user p a{ color:#0057ff; }
/** 专访 **/
.interview-show{  position: relative; }
.interview-show .ico-int{position: absolute;top: -8px;right: 28px; display: block;width: 50px;height: 61px;background: url(../images/inter.png)no-repeat; }
.interview-txt .works-desc h6{ font-size: 16px;color: #333;padding-bottom: 10px; }
.interview-txt .works-desc { color: #333;line-height: 24px;padding-bottom:35px;border-bottom: 1px solid #eee;margin-bottom: 35px;  }
.interview-txt .inter-content,.interview-txt .inter-content p{ line-height: 25px;color: #333; }
.interview-txt .dialogue{ color: #0057ff;padding-bottom:15px; }
.interview-txt .inter-contact{ padding-top:30px;margin-top: 30px;border-top:1px solid #eee;  }
.interview-txt .inter-contact h6{ font-size: 14px;color: #333;padding-bottom: 15px;font-weight: bold; }
.interview-txt .inter-contact ul:after{ display: block;content: "";clear: both; }
.interview-txt .inter-contact ul{ padding: 25px 25px 10px;border: 1px solid #eee;border-radius: 5px; }
.interview-txt .inter-contact ul li{ width: 45%; float: left;margin-bottom: 15px; }
.interview-txt .inter-contact ul li,
.interview-txt .inter-contact ul li a{ color: #333; }
.interview-txt .inter-contact ul li a:hover{ color: #0057ff; }
.inter-contact .is-no-user{ color: #999 !important;cursor: pointer; }
.interview-txt .inter-recommend{margin: 15px 0; padding: 25px;background: #f7f8fa; }
.interview-txt .inter-recommend .recomm-aend:hover,
.interview-txt .inter-recommend a{ color: #0057ff; }
.interview-txt .inter-recommend .recomm-aend{ color: #666; }
.interview-txt .works-show-share-top{ border-bottom: 0;min-height: 18px;padding: 55px 20px 65px; }
.interview-txt .works-show-share-top a:hover{ color: #0057ff; }

.user-left .interview-top .user-pic img{ margin: 40px 0 15px; }
.interview-user-top{ position: absolute;top: 18px;right: 20px; }
.interview-user-top span{ display: inline-block;width: 19px;height: 22px;margin: 0 3px; }
.interview-user-top .is_off{ background-position: -25px -161px; vertical-align: middle;}
.interview-user-top .is_real{ background-position: -51px -161px; vertical-align: middle;}
.interview-user-top .interview{ background-position: 0px -161px; vertical-align: middle;margin-left: 8px;}
.user-left .interview-top .copy-u-url { padding: 30px 0 10px; border-top: 1px solid #e6e6e6; margin-top: 30px; }
.user-left .user-left-top .copy-url { width: 80px;height: 40px;text-align: center; line-height: 40px; background: #0057ff;
    color: #fff; cursor: pointer; border-radius: 5px; margin: 0 auto; }

/* 用户基本信息 */
.com-h5{ font-size: 16px; line-height: 55px; color: #333; text-indent: 15px; }
.com-h5 em{ font-size: 12px;color: #999;padding-right: 15px; }
.b-bor{border-bottom: 1px solid #eee}
.user-left{ width: 280px; }
.user-left .user-left-top{ position: relative; text-align: center;padding-bottom: 20px;border-radius: 5px; }
.user-left .user-pic img{ width:90px; max-height: 90px; border-radius: 50px; margin: 25px 0 15px; overflow: hidden; }
.user-left .user-left-top h5{ font-size: 14px;color:#333;font-weight: bold; }
.user-left .user-left-top span{ font-size: 12px;color: #666; }
.user-left .u-mun{margin: 0 auto}
.user-left .u-mun ul li{ width: 25%; display: inline-block; }
.user-left .u-mun ul li span{color:#999;padding: 15px 0 5px;}
.user-left .u-mun ul li strong{color:#333}
.user-left .u-mun ul li span,
.user-left .u-mun ul li strong{display: block}
.user-left .u-sign { display:block;width:120px;height:35px;line-height:35px;background:#0057ff;color:#fff;border-radius:5px;margin:20px auto 0; }
.user-level{ width:100%;height:60px;line-height:60px;background:#fff;margin-bottom:20px; }
.user-level ul li{ float: left;width: 20%;position: relative;text-align: center;background: url("../images/right.jpg") no-repeat center right; }
.user-level ul li:last-child{background: none;}
.user-level ul li a{font-size: 16px; color: #666;}
.user-level ul li span{ display: inline-block;width: 20px;height: 20px;line-height: 20px;background: #ff892a;color: #fff;
    border-radius: 35px;font-size: 12px;margin-left: 8px; }
.user-left.user-index-l .u-mun ul li{ width: 35%;background: url("../images/li12.jpg") no-repeat 100% 14px; }
.user-left.user-index-l .u-mun ul li:last-child{background: none;}
.user-left.user-index-l .u-mun ul li span,
.user-left.user-index-l .u-mun ul li strong{ display: inline-block; }
.user-left.user-index-l .u-mun ul li span{ font-size: 14px; padding-top: 10px;}
.user-left.user-index-l .u-mun ul li strong{ font-weight:normal;color:#666; }
.si-gz{ padding: 30px 0px 10px;margin-top: 30px; border-top: 1px solid #eee; }
.si-gz .button{ display:inline-block;width:83px;height:38px;line-height:38px;text-align:center;border:1px solid #eee;
    color:#666;border-radius:5px;margin-right:5px;background: #fff;color: #666;font-size: 12px; }
.si-gz .button:last-child{ background: #0057ff;color: #fff; border-color: #fff; margin-right: 0px; }
.si-gz .button.is_follow1{width:75px;background:transparent;border-color:#0057ff;color: #0057ff;}
/* 站点 */
.user-web{border-radius: 5px;}
.user-web ul:after{display: block;content: "";clear: both;}
.user-web ul{padding: 0px 20px 15px;}
.user-web ul li{  width: 32px;height: 32px; float: left;margin:15px 15px 0 0;border-radius: 35px; overflow: hidden; }
.user-web ul li:nth-of-type(5n){margin-right: 0px;}
/* 访客 */
.user-left-fanke:after{ display: block;content: "";clear: both; }
.user-left-fanke{ border-radius:5px;padding-bottom:20px; }
.user-left-fanke ul li{ float: left;width: 33.3333333%;text-align: center;margin-top: 15px; }
.user-left-fanke ul li .u-visitor{ display: block;width: 50px;height: 50px;border-radius: 35px;margin: 0 auto; overflow: hidden; }
.user-left-fanke ul li h6,.user-left-fanke ul li p{ font-size: 12px; }
.user-left-fanke ul li h6{ width:100%;height:17px;color:#333;padding:5px 0 0px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden; }
.user-left-fanke ul li p{ color: #999; }
/* 右侧 */
.user-right{ width: 880px; border-radius: 5px; }
/* TA的作品 */
.picscroll-works{ position: relative; padding: 20px 20px 30px; border-radius: 5px; }
.show-only-head,.picscroll-works h5{ padding-bottom: 20px; }
.picscroll-works .head-tab{ font-weight: normal;cursor: pointer; }
.picscroll-works .head-tab:nth-of-type(2){ padding-left: 20px; }
.picscroll-works .head-tab.on{ font-weight: bold;color: #333; }
.picscroll-works .bd ul li{ width: 155px;height: 115px;margin-right: 16px; float: left; }
.picscroll-works .bd ul li img{ width: 155px;height: 115px; }
.picscroll-works .hd{ position: absolute;top: 23px; right:20px; }
.picscroll-works .hd a{ display:block;float:left;width:28px;height:28px;
    background: url("../images/slide.png") no-repeat 0 0;cursor: pointer; }
.picscroll-works .hd a.prev{background-position: -33px 0px;margin-left: 5px;}
.picscroll-works .hd a:hover{background-position: 0 -42px;}
.picscroll-works .hd a.prev:hover{background-position: -33px -42px;}
.picscroll-works .bd{height: 115px; margin-top: 8px;overflow: hidden;}
.picscroll-works .bd ul li .pic{ position: relative; width: 155px;height: 115px;border-radius: 5px;overflow: hidden; }
.picscroll-works .empty,.comment-content .empty{padding: 20px;}
.picscroll-works .bd ul li a{ position: absolute;top: 0;left: 0px; display: block;width: 100%;height: 100%;z-index: 10; }
.picscroll-works .bd ul li .bg-opac{position: absolute;top: -116px;left: 0px; width: 100%;height: 100%;background: rgba(0,0,0,.5);
    transition: all .4s ease-out;-webkit-transition: all .4s ease-out; z-index: 2; }
.picscroll-works .bd ul li .tit{position: absolute;bottom: -25px;left: 0px; width: 100%;height: 20px; z-index: 5;color: #fff;text-align: center;transition: all .4s ease-out;-webkit-transition: all .4s ease-out; }
.picscroll-works .bd ul li:hover .bg-opac{ top: 0px; }
.picscroll-works .bd ul li:hover .tit{ bottom: 50px; }

/** 收藏 **/
.works-coll:after{ display: block;content: "";clear: both; }
.works-coll ul li{ width:264px;height: 355px; float:left;margin:0 20px 20px 0;border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.works-coll ul li .bor-img{ display: block; width: 264px; height: 198px; background: #eee;overflow: hidden; }
.works-coll ul li .bor-img img,
.works-coll ul li .bor-img img{ width: 100%;height: 198px; }
.works-coll ul li:nth-of-type(3n){margin-right: 0px;}
.works-coll ul li .title{ padding:15px 18px; }
.works-coll ul li h6 a{ font-size:14px;color:#333; }
.works-coll ul li .title em{ width: 11px;height: 14px;background-position: -50px -107px; }
.works-coll ul li p{ margin:5px 0;color:#999; }
.works-coll ul li .title-bottom i { display: inline-block;margin-right: 5px; }
.works-coll ul li .title-bottom .view i{ width: 20px;height: 17px; background-position: -83px -30px;vertical-align: text-top; }
.works-coll ul li .title-bottom .hits i{ width: 17px;height: 17px; background-position: -30px -35px;vertical-align: text-top; }
.works-coll ul li .title-bottom .comment i{ width: 17px;height: 17px; background-position: -56px -35px;vertical-align: text-top; }
.works-coll ul li .title-bottom:after,.tabs-user .u-sc-tabs ul li .zf-bottom:after{display: block;content: "";clear: both;}
.works-coll ul li .title-bottom .sc-i{float: left; margin-right: 5px; }
.works-coll ul li .title-bottom span{ float:left;color:#999;margin-right:15px;}
.works-coll ul li .title-bottom .count-pic i{ width: 16px;height: 13px; background-position: 0px -107px; margin-top: 3px; }
.works-coll ul li .title-bottom .xing i{ width: 15px;height: 15px;margin-top: 2px; background-position: -25px -107px; }
.works-coll ul li .zf-bottom{ border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.works-coll ul li .zf-bottom .user-sta-pic{ display:block;width:25px;height:25px;float:left;margin:16px 5px 0 0;border-radius:35px;overflow:hidden; }
.works-coll ul li .zf-bottom a{ color: #999; }
.works-coll ul li .zf-bottom a.sta{ color: #0057ff }
.works-coll ul li .zf-bottom a.time{padding-left: 0px;}
.works-coll ul li .zf-bottom a:not(.time):hover{color:#0057ff;}
.works-coll ul li .zf-bottom a.del-collect{ padding-left:10px; }
.works-coll ul li .zf-bottom .user-sta:hover .user-relevant{display:block;text-align: center;}
.works-coll ul li .zf-bottom .user-sta { position:relative;width:60%;cursor: pointer; }
.works-coll ul li .user-relevant{ display:none;width:100%;position:absolute;bottom:56px;left:-15px;background: #fff;
    border-radius:5px;padding:20px 20px 10px;box-shadow:0px 10px 30px #dcdcdc;z-index:200; }
.works-coll ul li .user-relevant .top:after{display: block;content: "";clear: both;}
.works-coll ul li .user-relevant .top{ margin-bottom: 15px; }
.works-coll ul li .user-relevant .top .left h5{ color: #333;font-weight: bold;padding: 6px 0 0; line-height: normal; }
.works-coll ul li .user-relevant .top .left p{margin: 0px;}
.works-coll ul li .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;margin:0 auto;overflow:hidden; }
.works-coll ul li .user-relevant .top .pic img{width:100%;height:100%;}
.works-coll ul li .user-relevant .top .operation{margin-top: 10px;}
.works-coll ul li .user-relevant .top .operation .button{
    display: block;float:left; width: 60px;height: 30px;line-height: 28px;border: 1px solid #eee;border-radius: 5px;text-align: center;
    margin-left: 5px;cursor: pointer;background: #fff;font-size: 12px;  }
.works-coll ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;border: 0;}
.works-coll ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:65px;background:transparent;border:1px solid #0057ff;color: #0057ff;}
.works-coll ul li .user-relevant .bottom-ico{ position: absolute;bottom: -6px;left: 63px; display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.works-coll .coll-more{display: block; width:100px;height: 35px;line-height: 35px;text-align: center; background: #0057ff;color: #fff;
    margin: 0 auto;border-radius: 5px;
}
/* 评论 */
.comment-works{border-radius: 5px;}
.comment-works-top:after,.comment-works-bottom:after,
.comment-works-bottom .comment-content li:after,.reply-form:after{ display:block;content:"";clear: both; }
.comment-works-top{ padding: 20px; border-bottom: 1px solid #eee; }
.comment-works-top .comment{
    width: 827px;
    height: 70px;
    border:1px solid #eee;
    border-radius: 5px;
    padding: 5px;
    resize: none;
    background: #f4f4f4;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.comment-works-top .comment:focus{ background: #fff; }
.comment-works-top .comm-submit{ display:block;width:100px;height:35px;border-radius:5px;border:0px;cursor:pointer;margin-top:12px;
    float:right;background:#0057ff;color:#fff;font-size: 12px; }
.comment-works-top.comm-disabled .comment{ background: #f4f4f4; }
.comment-works-top.comm-disabled .comm-submit{background:#f4f4f4;color: #666;}
.comment-works-top .comment:focus{border-color: #eee}
.comment-works-top .tips-c,.tips-rep{display: block;float: left;margin: 15px 0 0 0;}
.comment-works-top .tips-c .font-col{ font-size: 12px; color: #bfbfbf; }
.comment-works-bottom{ padding: 20px 20px 0; }
.comment-works-bottom h5{ font-size:16px;font-weight:bold;color:#333; }
.comment-works-bottom h5 span{font-size: 14px;font-weight: normal; color: #999}
.comment-works-bottom .comment-content li{ padding: 25px 0px;border-bottom: 1px solid #eee; }
.comment-works-bottom .comment-content li:last-child{border-bottom: none;}
.comment-works-bottom .comment-content li .user-pic{ display:block;width:60px;height:60px;border-radius:35px;overflow:hidden;margin-right:15px; }
.comment-works-bottom .comment-content li .user-pic img{ width:60px;height:60px; }
.comment-works-bottom .comment-content li .user-comment-right{ width:763px; }
.comment-works-bottom .comment-content li .user-comment-right .a-invita{ color: #0057ff; }
.comment-works-bottom .comment-content li .user-comment-right .level-1{ font-weight:bold;color:#333; padding:10px 0 5px; }
.comment-works-bottom .comment-content li .user-comment-right .level-1 .time{ color:#999;font-weight:normal;padding-left:15px;font-size: 12px; }

.comment-works-bottom .user-comment-oper{width: 100%;height: 20px;}
.comment-works-bottom .user-comment-oper a{ display: block;float: left;color:#999;margin-left: 35px; cursor: pointer; }
.comment-works-bottom .user-comment-oper a.c-report i{ width: 15px;height: 15px;float: left;vertical-align: middle;margin: 3px 5px 0 0;background-position: -134px -34px; }
.comment-works-bottom .user-comment-oper a.c-reply i{ width: 15px;height: 15px; background-position: -110px -33px; margin-top:3px; }
.comment-works-bottom .user-comment-oper a.c-zan i{ float: left; width: 13px;height: 13px; background-position: -28px -11px; margin:3px 5px 0 0; }
/* 回复 */
.reply-comment { position:relative;width:725px;padding:20px;background:#f4f4f4;border-radius:5px;margin: 30px 0 10px 0; }
.reply-comment .level-2{ font-weight:bold;color:#333; }
.reply-comment .level-2 span{font-size: 12px;font-weight: normal;color: #999}
.reply-comment .top-ico,
.reply-form .top-ico{ position:absolute;top:-7px;left:30px;display:block;width:13px;height:13px;background:#f4f4f4;transform: rotate(45deg);-webkit-transform: rotate(45deg); }
.reply-form{ position: relative;width: 765px; margin: 15px 0 25px 75px; }
.reply-form .reply-content{ width: 725px;padding: 20px;border: 0px;background: #f4f4f4;border-radius: 5px; resize: none; }
.reply-form .comm-submit{ display:block;width:100px;height:35px;border-radius:5px;border:0px;cursor:pointer;margin-top:12px;
    float:right;background:#0057ff;color:#fff; }
.more-comment{ padding: 25px 0px; text-align: center;border-top: 1px solid #eee; }
.more-comment a{color:#0057ff;}
.more-comment .load-more-comment.load{text-indent: -9999px;display: inline-block; width: 39px; height: 39px; background: url("../images/login-1.gif"); }
/* 猜你喜欢 */
.guess-love .love-tit{ margin: 25px 0 20px;font-size: 16px;font-weight: bold;color: #333; }
.guess-love .works-lists-con ul li .zf-bottom:after{display: block;content: "";clear: both;}
.guess-love .works-lists-con ul li{ position: relative; width:280px;height:255px;float:left;margin:0 20px 20px 0;border-radius:5px; overflow: hidden; }
.guess-love .works-lists-con ul li.amin{overflow: inherit;}
.guess-love .works-lists-con ul li:nth-of-type(3n){margin-right: 0px;}
.guess-love .works-lists-con ul li .bor-img{ display: block;width: 280px;height: 210px;border-top-left-radius: 5px;border-top-right-radius: 5px; overflow: hidden; }
.guess-love .works-lists-con ul li img{width:280px;height:210px;}
.guess-love .works-lists-con ul li .title{ padding:15px 18px; }
.guess-love .works-lists-con ul li .title{position: relative; padding:15px 18px; }
.guess-love .works-lists-con ul li .title .istype{ position: absolute;top: 14px;right: 20px; width: 16px;height: 20px; background-position: -134px -130px;}
.guess-love .works-lists-con ul li .title .istype.j-x{ background-position: -101px -130px; }
.guess-love .works-lists-con ul li .title .istype.tj-0{ right: 0px; }
.guess-love .works-lists-con ul li h6 a{ font-size:14px;color:#333; }
.guess-love .works-lists-con ul li p{ margin:5px 0;color:#999;font-size: 12px; }
.guess-love .works-lists-con ul li .title-bottom:after{ display: block;content: "";clear: both; }
.guess-love .works-lists-con ul li .title-bottom i{ float: left; margin-right: 5px; }
.guess-love .works-lists-con ul li .title-bottom span{display: block;float:left;font-size: 12px;color:#999;margin-right: 15px;}
.guess-love .works-lists-con ul li .title-bottom .view i{ margin-top: 3px; width: 15px;height: 11px; background-position: 0px -188px; }
.guess-love .works-lists-con ul li .title-bottom .hits i{ width: 14px;height: 14px; background-position: -24px -186px; }
.guess-love .works-lists-con ul li .title-bottom .comment i{ margin-top: 1px; width: 14px;height: 14px; background-position: -48px -186px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i{ width: 12px;height: 12px; background-position: -90px -107px; }
.guess-love .works-lists-con ul li .title-bottom .creatime i{ width: 12px;height: 12px; background-position: -92px -107px; }
.guess-love .works-lists-con ul li .zf-bottom{border-top: 1px solid #eee;padding:0 15px;height: 56px; line-height: 56px; }
.guess-love .works-lists-con ul li .zf-bottom a{ color: #999; }
.guess-love .works-lists-con ul li .zf-bottom a.time{padding-right: 0px;font-size: 12px;}
.guess-love .works-lists-con ul li .zf-bottom .user-sta{ position: relative; width:55%;}
.guess-love .works-lists-con ul li .zf-bottom .user-sta-pic{display: block; width: 25px;height: 25px;float: left;margin:16px 5px 0 0;border-radius: 35px; overflow: hidden;}
.guess-love .works-lists-con ul li .zf-bottom .user-sta-pic img{width: 100%;height: 100%;}

.guess-love .works-lists-con ul li .zf-bottom .user-sta:hover .user-relevant{display:block;}
.guess-love .works-lists-con ul li .user-relevant{
    display: none;
    width: 347px;
    position: absolute;
    bottom: 56px;
    left: -16px;
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 10px;
    box-shadow: 0px 10px 30px #dcdcdc;
    z-index: 200;
}
.guess-love .works-lists-con ul li .user-relevant .top:after{display: block;content: "";clear: both;}
.guess-love .works-lists-con ul li .user-relevant .top{ margin-bottom: 15px; }
.guess-love .works-lists-con ul li .user-relevant .top .left{ width: 50%;height: 60px; }
.guess-love .works-lists-con ul li .user-relevant .top .left h5{ height: 20px;line-height: 20px; color: #333;font-weight: bold;padding-top: 10px; }
.guess-love .works-lists-con ul li .user-relevant .top .left p{margin: 0px;}
.guess-love .works-lists-con ul li .user-relevant .top .pic{ display:block;width:60px;height:60px;border-radius:35px;margin-right:10px;overflow:hidden; }
.guess-love .works-lists-con ul li .user-relevant .top .pic img{width:100%;height:100%;}

.guess-love .works-lists-con ul li .user-relevant .top .operation{margin-top: 10px;}
.guess-love ul li .user-relevant .top .operation .button{
    display: block;float:left; width: 65px;height: 30px;line-height: 28px;border: 1px solid #eee;border-radius: 5px;text-align: center;
    margin-left: 5px;cursor: pointer;background: #fff;  }
.guess-love .works-lists-con ul li .user-relevant .top .operation .button.add-follow{background: #0057ff;color: #fff;}
.guess-love ul li .user-relevant .top .operation .button.add-follow.is_follow1{width:75px;background:transparent;border-color:#0057ff;color: #0057ff;}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li{
    float: left;
    width: 110px;
    height: 80px;
    margin-right: 8px;
    border-radius: 5px;
    overflow: hidden;
}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li:last-child{margin-right: 0px;}
.guess-love .works-lists-con ul li .user-relevant .bottom ul li img{width: 100%;height: 100%;}
.guess-love .works-lists-con ul li .user-relevant .bottom-ico{
    position: absolute;bottom: -6px;left: 63px; display: block;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);
}
/* 收藏提示 */
.c-collection{ position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); background: #fff;
    border-radius: 5px; z-index:100010; }
.check-coll-samll{ width: 400px; }
.check-coll-samll h5{ height: 55px;line-height: 55px; border-bottom: 1px solid #eee;padding: 0 20px; }
.check-coll-samll .load-coll{width: 40px;height: 40px; margin: 15px auto;}
.check-coll-samll ul{ margin: 0 20px; }
.check-coll-samll ul li:after{display: block;content: "";clear: both;}
.check-coll-samll ul li{ padding: 15px 0;border-bottom: 1px solid #eee; }
.check-coll-samll ul li:last-child{ border-bottom: 0px; }
.check-coll-samll ul li p{line-height: 30px;}
.check-coll-samll ul li p i{ display: inline-block; margin-left: 5px; width: 11px;height: 14px; background-position: -50px -107px; vertical-align: middle; }
.check-coll-samll ul li .click-coll{ padding: 5px 15px;background: #0057ff;color: #fff;border-radius: 5px;cursor: pointer; border: 0px; }
.check-coll-samll ul li .click-coll:disabled{background: #fff;border: 1px solid #eee;color:#333;}
.check-coll-samll ul li .click-coll .load-2{
    display: block;width:20px;height:20px;background: url("../images/login.gif") no-repeat;background-size:20px;
}
.check-coll-samll .add-jia{
    display: block;height: 60px;line-height: 60px;border-top: 1px solid #eee;text-align: center;cursor: pointer;color: #333;
}
.check-coll-samll .add-jia em{ display: inline-block;width: 18px;height: 18px;margin-right: 10px;
    background: url("../images/add-type-sprites.png") no-repeat 0 0;background-size:18px;vertical-align: middle;
}
.c-collection .close{ position: absolute;top:15px;right:15px;cursor: pointer;display: block;width:20px;height:20px;background: url("../images/colse.png") no-repeat;background-size:20px;  }
.collection-show{
    position: fixed;
    top: 45%;
    left: 50%;
    width: 450px;
    border-radius: 5px;
    background: #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 10002;
}
.collection-show h5{ font-size: 16px;color: #333;padding: 0 20px; height: 60px;line-height: 60px;border-bottom: 1px solid #eee; }
.collection-show ul{ width: 400px;margin: 0 auto; }
.collection-show ul li{ margin-top: 20px; }
.collection-show ul li input[type=text]{ width: 387px; height: 40px;line-height: 40px;border-radius: 5px;border: 1px solid #eee;padding:0 5px; }
.collection-show ul li input[type=radio]{ vertical-align: middle; }
.collection-show ul li.is_open{margin-top: 10px;}
.collection-show ul li.is_open em{font-size: 12px;color: #999}
.collection-show ul li textarea{ width: 380px; height: 70px; padding: 8px;border: 1px solid #eee; resize: none;border-radius: 5px; }
.collection-show ul li input[type=submit]{ width: 100%;height: 42px;line-height: 42px;background: #0057ff;color: #fff;border: 0px; border-radius: 5px;margin-bottom:30px; cursor: pointer; }
.collection-show .close{
    position: absolute;top:15px;right:15px;cursor: pointer;display: block;width:20px;height:20px;background: url("../images/colse.png") no-repeat;background-size:20px;
}
.collection-show .tips-coll{display: block;margin: 20px 0 0 0;}
/* 举报提示 */
.report-con{
    width: 400px;
    position: fixed;
    top: 40%;
    left: 50%;
    background: #fff;
    border-radius: 5px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index:10002;
}
.report-con h5{ font-size: 16px; color: #333; height: 50px;line-height: 50px;border-bottom: 1px solid #eee;padding: 0 20px; }
.report-con ul{ margin: 0 20px; }
.report-con ul li{ position: relative; height: 40px;line-height: 40px;border-bottom: 1px solid #eee;cursor: pointer; }
.report-con ul li.on{ color: #0057ff; }
.report-con ul li span{ position: relative; display: block;float: left;width: 15px;height: 15px;border: 1px solid #eee;border-radius: 35px;margin:12px 6px 0 0; }
.report-con ul li.on span{ background: #0057ff; }
.report-con ul li span i{
    position: absolute;top: 8px;left: 49%;
    display: block;width: 8px;height: 8px;transform: translate(-43%,-55%);-webkit-transform: translate(-43%,-55%);background: #fff;
    border-radius: 35px;
}
.report-con .colse{ position: absolute;top:15px;right:15px;cursor: pointer;display: block;width:20px;height:20px;background: url("../images/colse.png") no-repeat;background-size:20px; }
.report-bottom{ margin: 30px 0px;text-align: center; }
.report-bottom .report-but{
    width: 80px;height: 35px;line-height: 35px;border: 0px;cursor: pointer;background: #fff;border: 1px solid #eee;border-radius: 5px;
    margin-right: 10px;
}
.report-bottom .report-but.rep-quest{ background: #0057ff;color: #fff; }
/** 图片大 **/
.y-hidden{ overflow-y:hidden; }
.fs_gallery {  background:#000;left:0px;top:0px;right:0px;bottom:0px;position:fixed;z-index:10008;  }
.fs_gallery.remove-img{ width:100%;height: auto; overflow-y: scroll;overflow-x: hidden; }
.fs_gallery_close { position:absolute;top:20px;right:20px;width:39px;height:39px;cursor:pointer;
    background:url("../images/prer-next.png") no-repeat -64px 0;z-index:100010;}
.fs_gallery_close:hover { background-position: 0 0; }
.fs_gallery_prev,
.fs_gallery_next{ width:55px;height:55px;position:absolute;top:45%;
    z-index:1001;cursor:pointer;background:url("../images/prer-next.png") no-repeat -63px -115px; }
.fs_gallery_prev{ left:0;bottom:0; }
.fs_gallery_next{ right:0;bottom:0;background-position: -63px -49px; }
.fs_gallery_prev:hover{ background-position: 0 -115px; }
.fs_gallery_next:hover{ background-position: 0 -49px; }
.fs_gallery_shuft{ width:9999999px;position:relative; }
.fs_gallery_shuft::after{ clear:both;display:block;content:""; }
.fs_gallery_shuft_item{background-position:center;float:left;position:relative;background-repeat:no-repeat}
.fs_gallery_shuft_item img{left:50%;top:50%;position:absolute;box-shadow:0 0 8px rgba(0,0,0,.8)}
.fs_gallery .fs_gallery_shuft_item img:hover{ cursor: url("../../common/img/thumb-b-25-20.png"),auto; }
.fs_gallery.remove-img .fs_gallery_shuft_item img:hover{ cursor: url("../../common/img/thumb-s-20-20.png"),auto; }
.fs_gallery.remove-img .fs_gallery_prev,
.fs_gallery.remove-img .fs_gallery_next,
.fs_gallery.remove-img .fs_gallery_close{ display: none; }
.fs_gallery_shuft_item img.big-thumb-fix{
    position: static;display: block !important;margin: 0 auto !important;
    max-width: 100%; width: auto !important;height: auto !important;
}
.fs_gallery_shuft_item .loading-span{ position: absolute;top: 50%;left: 50%; display: block;width: 60px;height: 60px;background: url("../images/loading.gif") no-repeat;
    transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}



.works-show-share .share{ width: 30%; }
.works-show-share .share span{ display:block;float:left;line-height:32px;color:#999; }
.works-show-share .share .bdshare-button-style2-32 a{ margin: 0 6px 0 0; background: url("../images/share.jpg") no-repeat 0 -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_tsina{ background-position: -43px -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_sqq{ background-position: -85px -5px; }
.works-show-share .share .bdshare-button-style2-32 a.bds_qzone{ background-position: -127px -5px; }



/*错误报告*/
.popup-con { padding:10px 30px 10px 30px; width:480px; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff; }
.report-option-row { border-bottom: 1px solid #eee; }
.textarea-style, .textarea-style2 { width: 100%; max-height: 134px; padding: 10px 20px; display: block; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow: hidden; resize: none }
.input-style { width: 100%; max-height: 134px; padding: 10px 20px; display: block; box-sizing: border-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; overflow: hidden; resize: none; border: 1px solid #ddd; background: #f4f4f4; }
.textarea-style2 { height: 108px; overflow-y: auto; }
input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fff; color: #444; }
.report-option-row label { line-height:56px; }
.pop-confirm { min-width: 120px; height: 36px; margin: 20px 8px 0; padding: 0 20px; font-size: 14px; }
.article-comments .allcomment-empy, .article-comments .preview-empty { min-height: 230px; padding-top: 98px; text-align: center; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.article-comments .allcomment-empy { margin-top: -30px; padding-top: 180px; background: #fff url(../images/qiangsafa.png) no-repeat center 23px; background-size: 190px auto; }
.article-comments:after { clear: both; content: ""; display: table; }
#detail-add-comment .btn-default-main { color: #444; background: #ffd100; border: 1px solid #ffd100; border-radius: 4px; cursor: pointer; text-align: center; }
.reply-content-wrap .textarea-style { width: 100%; display: block; }
.article-comments .reply-content-wrap { margin-top: 19px; padding: 0; }
.reply-list-covers { width: 100%; }
.article-comments .commentcon .comment-list-box .quote-content-wrap { width: 100%; height: auto; margin-top: 16px; margin-bottom: 20px; padding: 16px 20px 20px; background: #f4f4f4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; position: relative; font-size: 14px; }
.article-comments .commentcon .comment-list-box .quote-content-wrap .userreply { line-height: 26px; color: #666666; word-wrap: break-word; word-break: break-all; display: block; }
.article-comments .commentcon .comment-list-box .quote-content-wrap .usernicks .usernick-box a { line-height: 26px; color: #444444; font-weight: 600; }
.article-comments .commentcon .comment-list-box .quote-content-wrap i { display: inline-block; vertical-align: middle; zoom: 1; border-top: none; border-right: 15px solid transparent; border-bottom: 15px solid #f4f4f4; border-left: 15px solid transparent; position: absolute; top: -12px; left: 15px; }
.face { display:none; }
.card-box .card-info .card-info-title .zcool-card-fire2 { background-image: url(../images/svg/bianjijingxuan.svg); background-size: auto 14px; width: 14px; height: 14px; float: right; margin-top: 3px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center top; }
.card-box .card-info .card-info-title .title-icon { margin-left: 6px; }
/*下载弹窗*/
.yuei { width: 404px; margin: 0 auto; padding-top: 90px; overflow: hidden; }
.xzsm { display: inline-block; width: 200px; height: 60px; min-height: 0px; line-height: 60px; text-align: center; background-color: #fff; border: 1px solid #5bc0de; font-size: 18px; }
.xzsm .en { font-size: 20px; font-weight: bold; }
.xza { background-color: #5bc0de; }
.yuei a { text-decoration: none; color: #fff; font-size: 20px; }


.comment-works .commentcon li { border-bottom: 1px solid #f1f1f1; }
.isEffectComment { overflow: hidden; }
.comment-works .commentcon .comment-list-box { padding: 30px 0 20px 68px; position: relative; }
.avatar-container-48.absolute { position: absolute; left: 0; top: 0; width: 48px; }
.comment-works .commentcon .comment-list-box .userimg { width: 48px; height: 48px; position: absolute; left: 0; top: 35px; display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .userimg img { border-radius: 50%; width: 100%; height: 100%; }
.comment-works .commentcon .comment-list-box .timebox { line-height: 24px; }
.comment-works .commentcon .comment-list-box span, .comment-works .commentcon .comment-list-box a { display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .usernick { margin-right: 20px; color: #444444; font-size: 14px; font-weight: 600; }
.comment-works .commentcon .comment-list-box .issuetimer { font-size: 12px; }
.comment-works .commentcon .comment-list-box .time { margin-right: 10px; color: #bbbbbb; float: left; }
.comment-works .commentcon .comment-list-box .zcoll-app { float: left; color: #d36f16; }
.comment-works .commentcon .comment-list-box .commoncon { margin-top: 8px; line-height: 24px; }
.comment-works .commentcon .comment-list-box .commontxt { color: #666666; font-size: 14px; float: left; word-break: break-word; word-break: break-all; overflow: hidden; }
.comment-works .commentcon .comment-list-box .commoncon:after { clear: both; content: ""; display: table; }
.comment-works .commentcon .comment-list-box .commenticons { width: 100%; height: 21px; margin-top: -5px; }
.comment-works .commentcon .comment-list-box .commenticons { width: 100%; height: 21px; margin-top: -5px; }
.comment-works .commentcon .comment-list-box .ricons { height: 35px; float: right; }
.comment-works .commentcon .comment-list-box .ricons .comment-report { line-height: 13px; padding: 10px 10px 10px 22px; background-position: left 10px; visibility: hidden; }
.comment-works .commentcon .comment-list-box .ricons .comment-news { width: 17px; padding: 10px; margin-left: 20px; background-image: url(../images/svg/pinglunqian.svg?v=1); background-position: 10px 11px; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan { padding: 10px 0 10px 32px; margin-left: 15px; font-size: 12px; color: #999999; background-image: url(../images/svg/pinglundianzanqian.svg?v=1); background-position: 10px 9px; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan span { float: right; }
.comment-works .commentcon .comment-list-box .ricons:after { clear: both; content: ""; display: table; }
.comment-works .commentcon .comment-list-box span, .comment-works .commentcon .comment-list-box a { display: inline-block; vertical-align: middle; zoom: 1; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan, .comment-works .commentcon .comment-list-box .ricons .comment-news, .comment-works .commentcon .comment-list-box .ricons .comment-report, .comment-works .commentcon .comment-list-box .ricons .gbook-delete { height: 16px; line-height: 15px; background-repeat: no-repeat; }
.comment-works .commentcon .comment-list-box .ricons .comment-zan { padding: 10px 0 10px 32px; margin-left: 15px; font-size: 12px; color: #999999; background-image: url(../images/svg/pinglundianzanqian.svg?v=1); background-position: 10px 9px; }
.more-comment { line-height: 14px; padding: 30px; border-top: 1px solid #eeeeee; text-align: center; background: #ffffff; }
.more-comment .view-more-text { color: #d36f16; font-size: 14px; }
.more-comment .write-comments { float: right; color: #999999; padding-left: 20px; background: url(../images/svg/xiepinglun.svg) no-repeat left center; }
.text-style, .textarea-style{
    height: 42px;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f4f4f4;
}
.textarea-style2 {color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f4f4f4;}
.btn-default-main {
    color: #fff;
    background: #0057ff;
    border:0;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
.btn-current-middle {
    min-width: 118px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.add-gbook, .add-comment-btn, .reply-comment-btn {
    float: right;
    margin: 0;
}
.article-comments .btn-current-middle {
    min-width: 100px;
}
.expression-box {
    height: 38px;
    line-height: 18px;
    margin-top: 15px;
    font-size: 12px;
    color: #666;
    position: relative;
}
#menu_burger{display:none;}
/*手机版*/
/*适配手机版*/
@media (max-width: 640px) {
  .container,.footer,.header .menu ul li.menu-more{width:100%;min-width:100%;}
  .header,.uz-works-list-2{min-width:100%;    position: relative; z-index:10;}
  .user-info,.uz-ads,.uz-works-title .news-works,.footer .share,.footer .links{display:none;}
  .header .logo {
    width: 145px;
    position: absolute;
    left: 50%;
    margin-left: -72px;
    }
    .uz-banner{ width:94%; margin:0 auto;padding-bottom:20px;}
    .uz-banner,.uz-banner .swiper-container{height:auto;}
    .uz-banner .swiper-container img,.guess-love .works-lists-con ul li img{height:auto;width:100%;}
    .uz-banner .swiper-button-prev, .uz-banner .swiper-button-next,.ads{display:none;}
    .uz-works-title,.works-lists-con,.uz-works-list-2,.h5-tit,.uz-partner,.footer .container,.w-screen,.scree-rec .scree-l,.brand-index .brand-ul li{width:94%;margin:0 auto;}
    .works-lists .works-lists-con ul li,.works-lists .works-lists-con ul li .bor-img,.uz-works-list-2 .works-lists .works-lists-con ul li{width:100%;}
    .works-lists .works-lists-con ul li img{width:100%; height:auto;}
    .uz-works-list-2{padding:0;}
    .uz-works-list-2 .h5-tit,.n-title{height: 75px;line-height: 75px;padding-bottom:0;}
    .uz-partner{overflow:hidden;}
    .uz-partner ul{ width:1000px;overflow-x:scroll;}
    .footer{padding: 45px 0;overflow: hidden;}
    .footer .container{margin:0 20px;}
    .footer .footer-top{padding-bottom: 20px;}
    .zc.fr{float:none!important;}
    .copyright{text-align:center;}
    .header .menu{left: 0;top: 0; width:auto;}
    .news-comment .n-title{background:#fff;padding:0 3%;margin-bottom:20px;}
    #menu_burger {
      display: block;
      position: absolute;
      top: 28px;
      left: 20px;
      zoom: 0.8;
      width: 22px;
      overflow: hidden;
      height: 20px;
  }
  .header .menu ul {
    position: absolute;
    top: 60px;
    background: #f9f9f9;
    width: 200px;
    display:none;
  }
  .header .menu ul li{border-bottom: 1px solid #efefef;display: block;}
  .header .menu ul li a{width: 100%;
    color: #333;
    font-size: 18px;
    position: relative;
    height: 50px;
    line-height: 50px; padding:0;}
    .shown line:nth-child(1) {
      transform: translate3d(2px,-2px,0px) rotateZ(45deg);
      -webkit-transform: translate3d(2px,-2px,0px) rotateZ(45deg);
      -moz-transform: translate3d(2px,-2px,0px) rotateZ(45deg);
  }
  .shown line:nth-child(2) {
      transform: translate3d(-10px,10px,0px) rotateZ(-45deg);
      -moz-transform: translate3d(-10px,10px,0px) rotateZ(-45deg);
      -webkit-transform: translate3d(-10px,10px,0px) rotateZ(-45deg);
  }
  .form-search,.txt-brand,.works-show-top .top-links,.top-user,.works-show-share .share,.works-show-share .coll-rep,.r-u-type,.works-show-share .new-zan{display:none;}
  .scree-rec .scree-l{float:none!important}
  .brand-index{margin-top:20px;}
  .brand-index .brand-ul li{float:none!important;margin-bottom:20px;text-align: center;}
  .works-show-content img{ height:auto!important;}
  .scroll-show-user.fix-show{    padding-left: 20px;}
  .works-show-share-top{padding: 55px 20px 85px;}
  .works-show-share-bottom{margin-top:20px;}
  .works-show-share .url-file{right:0;left:auto;}
  .user-left,.user-right{ width:100%;float:none!important;    margin-bottom: 20px;}
  .comment-works-top .comment,.guess-love .works-lists-con ul li,.guess-love .works-lists-con ul li .bor-img{width:100%;}
  .footer h3{text-align: center;}
  .user-info ul li,.go-feedb{display:none;}
  .user-info ul li.login-regsi-y{display:inline;    right: 10px;}
  .show-invitation{display:none;}
}

.pages{
	padding-bottom: 30px;
}
.pages ul{
	width: 100%;
	text-align: center;
}
.pages ul li{
	width: auto;
	height: 28px;
	display: inline-block;
	float: none;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background-color: #fff;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	color: #666666;
	margin: 0 5px;
}
.pages ul li a{
display:block;
color:#333;
padding: 0 10px;
}
.pages ul li.acti a{
color:#fff;
}
.pages ul li.acti{
	background-color: #ff6600;
	color: #fff;
	border: 1px solid #ff6600;
}
.pages ul li:not(.acti):hover{
	border: 1px solid #ff6600;
	color: #ff6600;
}