body { background: var(--bg-gray-f5); }
/*¶¥²¿±³¾°*/
.uindex_head_bg { height: 300px; width: 100%; word-break: break-all; position: relative; overflow: hidden; background: black; z-index: 1; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.uindex_head_bg .coverImage { width: 2560px; max-width: 2560px; min-width: 2560px; display: block; }
/*head ÐÅÏ¢À¸*/
.uindex_head { background: var(--white); }
.uindex_head .uindex_con { position: relative; height: 180px; padding: 28px 0px; display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.uindex_con .uindex_con_L, .uindex_con .uindex_con_R { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.uindex_con_L .userAvatar { width: 124px; height: 124px; border-radius: 50%; position: relative; background: white; z-index: 2; display: flex; flex-flow: row; flex: initial; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; box-shadow: 0 3px 5px rgba(0,0,0,.1); margin-right: 20px; }
.uindex_con_L .userAvatar img { width: 120px; height: 120px; border-radius: 50%; display: inline-block; vertical-align: top; }
.uindex_con_L .userInfo { display: flex; flex-flow: column; flex: initial; align-items: flex-start; height: 120px; -webkit-box-pack: justify; justify-content: space-between; }
.userInfo_txt { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.userInfo_txt2 { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: inline-block; border-radius: 0px; margin-top: 5px; }
.userInfo_txt .userInfo_txt { transition: all 0s ease 0s; color: var(--gray3); font-size: 24px; display: inline-block; font-weight: 500; border-radius: 0px; }
.userInfo_txt1 span { transition: all 0s ease 0s; color: rgb(153, 153, 153); font-size: 12px; display: block; border-radius: 0px; margin-top: 5px; }
.userInfo_txt1 span:nth-child(2) { display: inline-block; margin-left: 4px; }
.userInfo_txt1 span:nth-child(3) { display: inline-block; margin-left: 20px; }
.userInfo_Two { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.userInfo_Num { margin-right: 20px; padding-right: 20px; line-height: 10px; border-right: 1px solid var(--gray-d); display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.userInfo_Num>span { transition: all 0s ease 0s; color: rgb(153, 153, 153); font-size: 14px; display: inline-block; border-radius: 0px; }
.userInfo_Num_Value { transition: all 0s ease 0s; color: var(--gray6); font-size: 20px; display: inline-block; font-weight: 500; cursor: pointer; border-radius: 0px; margin-left: 5px; }
.userInfo_Num_Value1 { cursor: default; }
/*userContent*/
.userContent { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.uc_l { width: 260px; margin-right: 20px; }
.uc_r { width: 980px; }
.ucl { background: var(--white); width: 260px; }
.ucl .title { border-bottom: 1px solid var(--gray-d); color: var(--gray6); font-size: 14px; display: block; font-weight: bold; line-height: 40px; border-radius: 0px; padding-left: 15px; padding-right: 15px; }
.ucl .visitorList { display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; padding: 20px 20px 0px; }
.ucl .visitorList .visitorItem { display: flex; flex-flow: column; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; margin-right: 38px; margin-bottom: 30px; }
.ucl .visitorList .visitorItem:nth-child(3n) { margin-right: 0px; }
.ucl .visitorList .visitorItem .avatar { cursor: pointer; position: relative; }
.ucl .visitorList .visitorItem img { width: 48px; height: 48px; background-size: 100% 100%; display: inline-block; vertical-align: top; border-radius: 50%; }
.ucl .visitorList .visitorItem .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ucl .visitorList .visitorItem .visitor_name { transition: all 0s ease 0s; width: 48px; color: var(--gray3); font-size: 12px; display: block; line-height: 12px; text-align: center; border-radius: 0px; margin-bottom: 5px; margin-top: 10px; }
.ucl .visitorList .visitorItem .time { transition: all 0s ease 0s; width: 48px; color: var(--gray-c); font-size: 12px; display: block; line-height: 12px; text-align: center; border-radius: 0px; }
.ucl .ContactList { padding: 15px; font-size: 14px; }
.ucl .ContactList span { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: inline-block; line-height: 25px; }
.ucl .ContactList span .fa { width: 16px; font-size: 14px; color: var(--gray-c); ; }
.User_copyright { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: inline-block; line-height: 1.4; border-radius: 0px; padding-top: 10px; }
.User_copyright a { transition: all 0s ease 0s; color: rgb(255, 115, 0); font-size: 12px; display: inline-block; border-radius: 0px; margin-left: 4px; margin-right: 12px; }
/*nav*/
.User_nav { background-color: var(--white); width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; z-index: 9; background: var(--white); border-bottom: 1px solid var(--gray-d); }
.User_nav .nr { display: flex; flex-flow: row; flex: initial; flex: initial; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; height: 55px; margin: 0px auto; }
.User_nav .nr li { transition: all 0s ease 0s; font-size: 16px; display: inline-block; line-height: 16px; font-weight: 400; cursor: pointer; border-radius: 0px; margin-left: 33px; margin-right: 33px; padding-top: 19px; padding-bottom: 19px; position: relative; height: 56px; }
.User_nav .nr li a { color: var(--gray3); color: rgb(153, 153, 153); }
.User_nav .nr li.cur_nav, .User_nav .nr li:hover { border-bottom: 2px solid var(--yellow-b); }
.User_nav .nr li.cur_nav a, .User_nav .nr li:hover a { color: var(--yellow-b); }
/*¼ò½é*/
.Member_tit { font-size: 16px; color: var(--gray3); position: relative; margin-bottom: 20px; }
.Member_p { font-size: 14px; color: var(--gray6); line-height: 30px; }
.info_item { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: start; align-items: start; }
.info_item span { line-height: 40px; font-size: 14px; }
.info_item .ii_tit { color: var(--gray-c); text-align: right; margin-right: 32px; margin-left: 2em; }
.info_item .ii_txt { color: var(--gray6); }
.info_item .ii_tit .fa { width: 16px; text-align: center; }
.info_item_intro { padding-left: 2em; }
/*·ÛË¿/¹Ø×¢*/
.fan_box { position: relative; text-align: left; border-bottom: none; border-top: none; border-radius: 4px; box-shadow: none; padding-top: 10px; }
.fan_Item { padding: 30px; display: flex; overflow: hidden; box-sizing: border-box; background: var(--white); position: relative; border-bottom: 1px solid var(--gray-d); justify-content: space-between; }
.fan_Item:first-child { border-radius: 4px 4px 0px 0px; }
.fan_Item:last-child { border-bottom: none; }
.fan_Item_l { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.avatar { cursor: pointer; position: relative; display: flex; flex-flow: column; flex: initial; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.avatar img { width: 80px; height: 80px; border-radius: 50%; background-size: 100% 100%; display: block; }
.authorInfo { width: 220px; min-width: 220px; max-width: 220px; position: relative; height: 150px; background-color: transparent; text-align: left; border-bottom: none; border-top: none; border-radius: 0px; box-shadow: none; margin-left: 20px; }
.authorInfo .authorInfoTitle { display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.authorInfo .authorInfoTitle_a span { transition: all 0s ease 0s; color: var(--gray3); font-size: 16px; display: inline-block; line-height: 22px; font-weight: 500; border-radius: 0px; margin-right: 4px; }
.authorInfo .professionName { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: block; line-height: 17px; border-radius: 0px; margin-bottom: 12px; margin-top: 2px; }
.authorInfo .infoNum { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
.infoNum .infoNumItem { transition: all 0s ease 0s; font-size: 14px; border-radius: 0px; transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: block; line-height: 20px; border-radius: 0px; white-space: nowrap; }
.authorInfo .infoNum .infoNumItem a { display: inline-block; }
.authorInfo .infoNum .infoNumItem a span { transition: all 0s ease 0s; color: var(--gray3); font-size: 14px; display: block; line-height: 20px; font-weight: bold; border-radius: 0px; margin-left: 5px; }
.authorInfo .infoNum .line { display: inline-block; width: 1px; height: 10px; background: var(--gray3); margin: 0px 10px 0px 9px; }
.authorInfo .signature { height: 20px; transition: all 0s ease 0s; font-size: 14px; display: inline-block; border-radius: 0px; margin-bottom: 19px; }
.authorInfo .signature .signatureContent { width: 220px; margin-top: 3px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 12px; color: var(--gray-c); }
.fan_Item_r { /*width: 876px;*/ height: 150px; }
.fan_Item_r .workList { height: 100%; overflow: hidden; display: inline-flex; flex-wrap: wrap; position: relative; text-align: left; border-bottom: none; border-top: none; border-radius: 0px; box-shadow: none; }
.workList .workItem { position: relative; margin-left: 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.workList .workItem a { display: block; position: relative; }
.workList .workItem img { border-radius: 4px; width: 150px; /*height: 150px;*/ display: inline-block; vertical-align: top; }
.workList .workItem:hover img { opacity: 0.8; transition: all 0.1s linear 0s; }
.workList .workItem .cardMask { filter: opacity(0); width: 100%; height: 100%; padding: 0px 8px; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; transition: all 0.4s ease 0s; }
.workList .workItem:hover .cardMask { filter: opacity(1); }
.workList .workItem .cardMask .workTitle { transition: all 0s ease 0s; color: var(--white); font-size: 14px; line-height: 20px; border-radius: 0px; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; }
.fan_Item_r .more { width: 26px; height: 100%; margin-left: 20px; float: right; cursor: pointer; box-sizing: border-box; color: var(--gray-c); ; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background-color: var(--white); }
.fan_Item_r .more:hover { color: var(--yellow); }
.fan_Item_r .more .fa { font-size: 24px; width: 20px; }
.faviconTab { width: 100%; padding: 20px 0px 20px 30px; display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; background: var(--white); }
.faviconTab .faviconItem { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: inline-block; line-height: 20px; font-weight: 400; cursor: pointer; border-radius: 0px; margin-right: 35px; }
.faviconTab .currentfaviconItem, .faviconTab a:hover { color: rgb(255, 115, 0); }
.Fac_article_wrap .zz_article_item { padding: 20px 20px; border-top: 1px solid #f0f0f0; position: relative; }
.Fac_article_wrap .zz_article_item:first-child { border-top: 0; }
.Fac_article_wrap .zz_article_item .zz_item_pic { position: relative; width: 235px; height: 141px; margin-right: 20px; border-radius: 3px; float: left; overflow: hidden; }
.Fac_article_wrap .zz_article_item .zz_item_pic img { width: 235px; height: 141px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.Fac_article_wrap .zz_article_item:hover .zz_item_pic img { -webkit-transform: scale(1.16); -moz-transform: scale(1.16); -ms-transform: scale(1.16); -o-transform: scale(1.16); transform: scale(1.16); }
.Fac_article_wrap .zz_article_item .zz_item_content { color: var(--gray9); font-size: 12px; line-height: 24px; overflow: hidden; }
.Fac_article_wrap .zz_article_item .zz_item_content .zz_item_title { margin-bottom: 10px; }
.Fac_article_wrap .zz_article_item .zz_item_content .zz_item_title a { max-height: 46px; line-height: 25px; font-size: 18px; color: #262626; font-weight: 400; overflow: hidden; }
.Fac_article_wrap .zz_article_item .zz_item_content .zz_item_title a:hover { color: #F37B2B; text-decoration: none; }
.Fac_article_wrap .zz_article_item .zz_item_content .zz_item_desc { font-size: 13px; color: var(--gray78); line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.zz_item_info, .zz_item_info a { height: 20px; line-height: 15px; color: #a7a7a7; }
.zz_item_info { margin-top: 18px; }
.Fac_article_wrap .zz_article_item .zz_item_content .zz_item_info span { padding: 0 20px 0 0px; display: inline-block !important; zoom: 1; color: #9c9c9c; }
.q-topic-list { padding: 10px 20px 0; }
.q-topic-list .q-topic-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; text-align: left; overflow: hidden; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #eee; }
.q-topic-list .user-avatar { float: none; width: 50px; vertical-align: middle; -ms-flex-negative: 0; flex-shrink: 0 }
.q-topic-list .user-avatar img { width: 50px !important; height: 50px !important; border-radius: 50% !important; display: block; }
.q-topic-list .topic-content { width: 100%; padding-left: 20px }
.q-topic-list .topic-title { display: block; width: calc(100% - 70px); margin-bottom: 15px; font-size: 16px; line-height: 22px; color: var(--gray3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.q-topic-list .topic-title:hover { color: var(--yellow); text-decoration: none }
.q-topic-list .topic-meta { font-size: 12px; color: var(--gray9); line-height: 14px }
.q-topic-list .topic-cat { color: var(--gray9); }
.q-topic-list .topic-cat:hover { color: var(--yellow); text-decoration: underline; }
.q-topic-list .topic-cat:hover:after { color: #999 !important }
.q-topic-list .topic-last-reply { margin-left: 5px }
.q-topic-list .topic-last-reply a { color: inherit; }
.q-topic-list .topic-last-reply a:hover { color: var(--yellow); text-decoration: underline; }
.q-topic-list .topic-last-reply:before { margin-right: 5px; content: '|'; opacity: .6 }
.q-topic-list .reply-count { display: inline-block; float: right }
.q-topic-list .reply-count span { margin-left: 15px; vertical-align: top }
.q-topic-list .reply-count .wi { margin-right: 3px; font-size: 14px; vertical-align: top }
.q-btn-new { display: block; margin: 0 auto; padding: 12px 20px !important; font-size: 14px; text-align: center; color: #fff !important; line-height: 16px; background-color: var(--yellow); /*background-color: #fcf8e3;
    border:1px solid #faebcc;
    color: #f39c12;*/ border-radius: 4px; text-decoration: none; outline: 0; transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; -o-transition: background-color 0.15s linear; }
.q-btn-new:hover { background: var(--red-jy); text-decoration: none; }
.ServicesList { display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.ServicesList .Service_item { border-radius: 4px; position: relative; background: var(--white); border: none; margin: 0px 20px 20px 0px; width: 215px; }
.ServicesList .Service_item:nth-child(4n) { margin-right: 0; }
.ServicesList .Service_item .cardImg { width: 100%; display: block; cursor: pointer; position: relative; overflow: hidden; height: 215px; transition: all 0.1s linear 0s; }
.ServicesList .Service_item .cardImg .img { width: 100%; height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; transition: all 0.1s linear 0s; display: block; }
.ServicesList .Service_item .cardImg .img:hover { opacity: 0.8; transition: all 0.1s linear 0s; }
.Service_item .cardInfo { text-align: left; border-top: none; border-radius: 0px; box-shadow: none; position: relative; width: 100%; background: var(--white); border-bottom: 1px solid var(--gray-d); padding: 11px 16px 13px; height: 100px; }
.cardInfoOne { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.cardInfoOne .cardName { transition: all 0s ease 0s; color: var(--gray3); font-size: 14px; display: block; border-radius: 0px; margin-bottom: 1px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; cursor: pointer; position: relative; height: 20px; line-height: 20px; flex: 1; }
.Service_item .cardType { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: block; border-radius: 0px; margin-bottom: 17px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; height: 18px; }
.Service_item .cardIcons { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.Service_item .cardInfo .cardIcons .iconNum { flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; display: inline-flex; margin-right: 20px; cursor: default; }
.cardInfo .cardIcons .iconNum svg { cursor: default; }
.cardInfo .fa { fill: currentcolor; width: 16px; height: 16px; color: var(--gray-c); transition: transform 0.3s ease 0s; }
.cardInfo .iconNum:hover .fa { color: var(--yellow) !important; }
.cardInfo .innerText { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: inline-block; line-height: 17px; font-weight: normal; border-radius: 0px; margin-left: 3px; }
.cardInfo .iconNum:hover .innerText { color: var(--yellow); }
.OtherServicesList { display: flex; flex-flow: row wrap; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.OtherServicesList .OtherService_item { border-radius: 4px; position: relative; background: var(--white); border: none; margin: 0px 20px 20px 0px; width: 215px; }
.OtherServicesList .OtherService_item:nth-child(4n) { margin-right: 0; }
.OtherServicesList .OtherService_item .cardImg { width: 100%; display: block; cursor: pointer; position: relative; overflow: hidden; height: 162px; transition: all 0.1s linear 0s; }
.OtherServicesList .OtherService_item .cardImg .img { width: 100%; height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; transition: all 0.1s linear 0s; display: block; }
.OtherServicesList .OtherService_item .cardImg .img:hover { opacity: 0.8; transition: all 0.1s linear 0s; }
.OtherService_item .cardInfo { text-align: left; border-top: none; border-radius: 0px; box-shadow: none; position: relative; width: 100%; background: var(--white); border-bottom: 1px solid var(--gray-d); padding: 11px 16px 13px; height: 150px; }
.cardInfoOne { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.cardInfoOne .cardName { transition: all 0s ease 0s; color: var(--gray3); font-size: 14px; display: block; border-radius: 0px; margin-bottom: 1px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; cursor: pointer; position: relative; height: 20px; line-height: 20px; flex: 1; }
.OtherService_item .cardType { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: block; border-radius: 0px; margin-bottom: 17px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; height: 18px; }
.OtherService_item .cardIcons { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; }
.OtherService_item .cardInfo .cardIcons .iconNum { flex-flow: row; flex: initial; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; display: inline-flex; margin-right: 20px; cursor: default; }
.cardInfo .cardIcons .iconNum svg { cursor: default; }
.cardInfo .fa { fill: currentcolor; width: 16px; height: 16px; color: var(--gray-c); transition: transform 0.3s ease 0s; }
.cardInfo .iconNum:hover .fa { color: var(--yellow) !important; }
.cardInfo .innerText { transition: all 0s ease 0s; color: var(--gray-c); font-size: 12px; display: inline-block; line-height: 17px; font-weight: normal; border-radius: 0px; margin-left: 3px; }
.cardInfo .iconNum:hover .innerText { color: var(--yellow); }
.cardInfo .info { width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--gray-d); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.cardInfo .info .avatar { width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; background-color: var(--gray9); }
.cardInfo .info .avatar img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }
.cardInfo .info .anthour { margin-left: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 12px; color: var(--gray9); width: calc(100% - 30px); justify-content: space-between; }
.cardInfo .info .anthour .time { }
/*ÁôÑÔ*/
.comment { }
.comment .title { transition: all 0s ease 0s; font-size: 14px; display: block; line-height: 14px; border-radius: 0px; margin-bottom: 20px; margin-top: 10px; }
.comment .title span { transition: all 0s ease 0s; color: var(--gray-c); font-size: 14px; display: inline-block; line-height: 14px; border-radius: 0px; margin-left: 10px; }
.comment_text { }
.comment_input { border: 1px solid #e8e8e8; position: relative; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.comment_text .comment_input textarea { padding: 15px; height: 100px; border: 0; background: #f8f8f8; -webkit-border-radius: 0px; border-radius: 0px; resize: none; outline: none; color: var(--gray3); width: 100%; font-size: 14px; }
.comment_text .input_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); }
.comment_text .comment_btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); border: 1px solid #e8e8e8; border-top: 0; }
.comment_btn .input_tips { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.comment_btn .input_limit { margin-left: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
.comment_btn .input_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; background: #f2f4f6; padding: 0 10px 0 19px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; font-size: 14px; color: var(--gray9); }
.comment_btn .jy-btn { margin-left: 20px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-width: 40px; padding: 0 10px; height: 30px; line-height: 30px; text-align: center; color: var(--white); cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; }
.comment_list li { padding: 15px 0; border-bottom: 1px solid #EEE; }
.comment_list li .floor { float: right; font-size: 12px; color: #aaa; line-height: 36px; }
.comment_list li .avatar { display: flex; background: var(--white); border-radius: 2px 2px 2px 2px; height: 36px; overflow: hidden; flex-flow: inherit; justify-content: flex-start; }
.comment_list li .avatar img { width: 36px; height: 36px; margin-right: 10px; border-radius: 18px; }
.comment_list li .avatar span { line-height: 36px; height: 36px; font-size: 12px; color: var(--gray3); font-weight: bold; }
.comment_list li .avatar span.comt-score { padding-left: 20px; }
.comment_list li .avatar span.comt-scorenum { padding-left: 5px; font-weight: bold; color: var(--yellow); font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; line-height: 32px; }
.comment_list li .inner { margin-left: 45px; }
.comment_list li .inner .quote { margin: 10px 0; padding: 10px 10px 10px 65px; zoom: 1; background: #F9F9F9 url(../images/icon_quote_s.gif) no-repeat 20px 6px; overflow: hidden; color: var(--gray6); }
.comment_list li .inner .quote blockquote { display: inline-block; margin: 0; padding: 0 65px 5px 0; background: url(../images/icon_quote_e.gif) no-repeat 100% 100%; line-height: 1.6; zoom: 1; }
.comment_list li .inner .quote blockquote font { color: var(--gray9); font-size: 12px; }
.comment_list li .inner .quote blockquote font a { color: var(--gray3); text-decoration: underline; }
.comment_list li .inner .quote blockquote font a:hover { color: var(--yellow); }
.comment_list li .inner p { font-size: 14px; line-height: 30px; color: var(--gray3); padding: 10px 0; }
.comment_list li .answer { margin-left: 46px; padding: 10px; background: var(--bg-gray-f5); border: 0px solid #e8e8e8; position: relative; border-radius: 4px; display: none; }
.comment_list li .answer .hf-box { display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.comment_list li .answer .hf-box .input_limit { margin-top: 10px; font-size: 12px; color: var(--gray9); line-height: 30px; }
.comment_list li .answer .comment_box { width: 100%; background-color: var(--white); outline: 0px; color: var(--gray6); padding: 5px 10px; resize: none; font-size: 14px; border-radius: 4px; border: 0px solid #e8e8e8; display: block; overflow-y: auto !important; position: relative; }
.pob { line-height: 36px; }
.pob a { padding: 5px 10px 5px 25px; color: var(--gray9); font-size: 12px; }
.pob a:hover { color: #f33a11; }
.pob .fastre i { font-size: 16px; }
.zz-loading-more { width: 160px; line-height: 30px; margin: 20px auto 15px; font-size: 14px; color: var(--gray9); text-align: center; border-radius: 4px; border: 1px solid var(--gray-c); ; cursor: pointer; }
.zz-loading-more:hover { box-shadow: 0 0 1px 2px rgba(255,150,0,0.2); border: 1px solid var(--yellow); color: var(--yellow); }
/*user list*/
.UserList_head { background-color: var(--white); }
.UserList_head_tit { width: 100%; height: 56px; min-height: 56px; border-bottom: 1px solid var(--gray-d); position: relative; display: flex; flex-flow: row; flex: initial; -webkit-box-pack: center; justify-content: center; align-items: flex-start; }
.UserList_head_tit h1 { font-size: 16px; height: 56px; line-height: 56px; font-weight: normal; position: relative; zoom: 1; padding: 0px 30px; box-sizing: border-box; display: inline-block; border-bottom: 2px solid transparent; border-color: var(--gray6); color: var(--gray3); }
.UserList_head_select { height: 56px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; overflow: visible !important; }
.uhs_r { display: flex; flex-flow: row; flex: initial; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; }
.uhs_tit { transition: all 0s ease 0s; color: rgb(153, 153, 153); font-size: 14px; display: inline-block; line-height: 20px; border-radius: 0px; }
.uhs_select { margin-left: 20px; display: inline-flex; cursor: pointer; position: relative; }
.uhs_select .fa { font-size: 18px; line-height: 20px; }
.uhs_select .uhs_select_txt { line-height: 56px; }
.uhs_select .uhs_select_txt .innerText { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: inline-block; line-height: 20px; font-weight: normal; cursor: pointer; border-radius: 0px; margin-left: 0px; margin-right: 2px; white-space: nowrap; }
.uhs_select_div { position: absolute; will-change: transform; top: 50px; left: 0px; display: none; /*transform: translate3d(0px, 0px, 0px);*/ border-radius: 4px; z-index: 500; background: var(--white); box-shadow: rgba(0,0,0,0.16) 0px 2px 8px; }
.uhs_select_div1 { right: 0; left: auto; }
.uhs_select:hover .uhs_select_div { display: block; }
.uhs_select_div .honorList { cursor: pointer; /*width: 180px;*/ min-width: 122px; max-height: 612px; text-align: start; box-sizing: border-box; box-shadow: rgba(0,0,0,0.2) 0px 0px 6px; border-radius: 4px; overflow: hidden; transition: height 0.2s linear 0s; color: var(--gray6); /*padding: 6px 0px;*/ z-index: 12; position: relative; background-color: var(--white); display: block; }
.uhs_select_div .honorList .labelItem { transition: all 0s ease 0s; color: var(--gray6); font-size: 14px; display: block; line-height: 20px; text-align: left; cursor: pointer; border-radius: 0px; padding: 10px 30px; position: relative; white-space: nowrap; }
.uhs_select_div .honorList .labelItem:hover, .uhs_select_div .honorList .selectItem { background-color: var(--bg-gray-f5); color: var(--yellow); }
/*user item*/
.user_list { display: inline-flex; flex-wrap: wrap; }
.user_Item { background: var(--white); position: relative; border-radius: 3px; padding: 20px 0px; width: 224px; margin-right: 20px; margin-bottom: 20px; }
.user_Item:nth-child(5n) { margin-right: 0; }
.user_Item .authorInfo .authorInfoTitle { -webkit-box-pack: center; justify-content: center; }
.user_Item .authorInfo .authorInfoTitle_a span { font-size: 14px; font-weight: bold; }
.user_Item .authorInfo .professionName { text-align: center; }
.user_Item .authorInfo .infoNum { -webkit-box-pack: center; justify-content: center; }
.user_Item .authorInfo .signature .signatureContent { text-align: center; }
.user_Item .authorInfo { margin-left: 0; }
.user_Item .avatar { margin-bottom: 10px; }