body,
html {
font-size: 12px;
font-weight: normal;
height: 100%;
font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
body {
margin: 0 auto;
position: relative;
line-height: 20px;
}
body {
/* .writeIcon{background:#008c54 url(/Images/edit_w.png) no-repeat center center;width:40px;height:40px;background-size:60%;border-radius:50%;right:20px;z-index:50;float:right;}*/
/* .Grounp{padding:5px 10px 10px 10px;}*/
/* .dataItem.on {background:#fffaea;}*/
/* .dataItem .time{margin-right:5px;}*/
/* .info *{white-space:normal !important;}*/
/* .dataItem .row *{float:left;}*/
/* .dataItem .tit .top{background:red;color:#fff;border-radius:4px;font-size:12px;padding:0 3px;}
*/
/* .dataItem .tit a{display:block;}
myhotlist注 */
/* .DetailBox.userBox .itemData .dataIcon{margin-right:5px;}
*/
/* .DetailBox.userBox .itemData .dataValue{margin-right:10px;}
*/
/* .RTBox{top:5px;}
*/
/* editor star */
/* .editor .edui-container{border-radius:0px;border-left:none;border-right:none;}
*/
/* editor end */
/* 评论开始 */
/* .weiquBox .right .txt{width:100%;display:block;}
*/
/* 浮动评论框开始 */
/* 浮动评论框结束 */
/* 评论结束 */
/* pub star */
/* pub end */
/* meboli */
/* PC */
/* 推荐改版 */
/* 动画 */
/* @media (max-width:768px){.matrix-column{font-size:14px;line-height:16px;width:18px;}}
@media (max-width:480px){.matrix-column{font-size:12px;line-height:14px;width:15px;}} */
color: #1b1b1b;
background: #ebebeb;
}
body .floatBox {
bottom: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 640px;
line-height: 40px;
min-height: 50px;
position: fixed;
z-index: 99;
background: white;
padding: 5px 10px;
border-top: solid 1px #bfbfbf;
-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
}
body .floatBox .button {
background: #387f1a;
color: white;
border-radius: 30px;
border: none;
min-width: 60px;
text-align: center;
}
body .floatBox .userBox {
margin: 0;
}
body .floatBox input,
body .floatBox textarea {
top: 0;
color: #595959;
background: whitesmoke;
border: solid 1px #bfbfbf;
line-height: 20px;
padding: 9px 15px;
font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
border-radius: 20px;
height: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
resize: none;
}
body .floatBox input.freeback {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
}
body .floatBox .upload.iconfontBox {
float: left;
position: static;
top: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
font-size: 0;
height: 38px;
line-height: 0;
margin-right: 5px;
}
body .floatBox .upload.iconfontBox #addImg {
height: 38px;
border-radius: 4px;
}
body .floatBox .upload.iconfontBox #addImg img {
width: 38px;
height: 38px;
}
body .SubList {
padding: 0 10px;
}
body .SubList li {
border-bottom: solid 1px whitesmoke;
padding: 10px 0;
}
body .SubList li:last-child {
border-bottom: none;
}
body .SubList .userName,
body .SubList .total {
font-size: 14px;
font-weight: bold;
}
body .SubList .des {
text-align: left;
}
body .absRT {
top: 0;
right: 0;
position: absolute;
}
body .absRT .icon {
float: left;
margin-left: 10px;
}
body .rankList .rankNum {
float: left;
text-align: center;
color: #595959;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
margin: 10px 10px 10px 0;
font-weight: normal;
font-size: 12px;
background: whitesmoke;
}
body .rankList .rankNum.top3 {
background: #f44336;
color: white;
}
body .rankList .userBox {
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
margin: 0;
}
body .rankList .userBox i.btn {
top: 7px;
}
body .userList {
width: 100%;
overflow: hidden;
}
body .userList .dataItem {
padding: 5px 0;
}
body .newsList {
margin-top: 0;
width: 100%;
background: white;
}
body .recommendDetail {
background: white;
}
body .recommendDetail .top {
border-bottom: solid 5px whitesmoke;
padding: 5px;
}
body .recommendDetail .detailInfo {
padding: 5px;
}
body .plane h2 {
margin: 0 -10px;
}
body .plane h2,
body .tab,
body .tabItem,
body .tabItem--on {
line-height: 30px;
}
body .newsList .tab {
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
}
body .newsList .tab .ii {
margin-top: 2px;
}
body .newsList .tab .tabItem,
body .newsList .tab .tabItem--on {
display: inline;
padding: 0 5px;
line-height: 40px;
font-weight: normal;
background: transparent;
color: #1b1b1b;
position: relative;
text-align: center;
}
body .newsList .tab .tabItem.icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
body .newsList .tab .tabItem .ii {
margin-top: 4px;
}
body .newsList .tab .tabItem a {
color: #1b1b1b;
}
body .newsList .tab .tabItem:hover,
body .newsList .tab .tabItem a:hover {
color: red;
}
body .newsList .tab .tabItem--on {
font-weight: bold;
color: #387f1a;
border-radius: 0;
border-bottom: solid 2px #387f1a;
line-height: 40px;
}
body .dataItem {
line-height: normal;
border-bottom: solid 1px whitesmoke;
display: block;
position: relative;
padding: 12px 0;
/* display:flex;*/
/* align-items:center;*/
}
body .matchBox .des {
font-size: 13px;
line-height: 18px;
color: #595959;
}
body .dataItem .des {
padding: 0;
}
body .dataItem .userBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 5px 0 0 0;
border: none;
}
body .dataItem > i,
body .userBox > i {
/* background:url(/Images/right_icon_black.png) no-repeat center right;background-size:60% auto;*/
width: 15px;
height: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 10px;
}
body .userBox.mini .uicon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
width: 20px;
height: 20px !important;
font-size: 0;
line-height: 0;
}
body .userBox.mini .desc {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
line-height: normal !important;
font-size: 12px;
}
body .userBox i.btn {
white-space: nowrap;
position: absolute;
width: auto;
height: 26px;
top: 3px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
right: 0;
font-size: 11px;
border: solid 1px #ebebeb;
line-height: 24px;
border-radius: 28px;
padding: 0 10px;
font-size: 12px;
font-weight: 500;
box-shadow: none;
}
body .userBox .fixedBox {
background: none;
/* width:auto;*/
/* top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);*/
/* position:absolute;*/
/* right:0;*/
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
line-height: 20px;
border-radius: 13px;
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;
}
body .userBox .fixedBox .iconfont,
body .userBox .absRT .iconfont {
font-size: 30px;
line-height: 30px;
height: 30px;
color: #8c8c8c;
}
body .userBox i.btn.red {
border: solid 1px #f44336;
}
body .userBox i.btn.on,
body .userBox i.btn.on:hover {
color: white;
background: #f44336 !important;
border: none;
/* line-height: 26px; */
}
body .userBox {
width: 100%;
position: relative;
}
body .dataItem .linkBtn {
background: red;
width: 40%;
height: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
body .dataItem .userBox .uicon {
height: 24px;
width: 24px;
flex: 0 0 24px;
}
body .userBox .uicon {
font-size: 0;
line-height: 0;
background: whitesmoke;
-webkit-box-flex: 0;
-webkit-flex: 0 0 36px;
-ms-flex: 0 0 36px;
flex: 0 0 36px;
position: relative;
height: 36px;
width: 36px;
border-radius: 50%;
text-align: center;
}
body .userBox .uicon .badge {
background: #f44336 !important;
border: none !important;
color: white !important;
right: -1px;
top: -1px;
padding: 0;
width: 14px;
height: 14px;
border-radius: 10px;
line-height: 14px;
}
body .userBox .uicon .tag {
border-radius: 13px;
line-height: 13px;
text-align: center;
background: #f44336;
position: absolute;
bottom: -2px;
width: 43px;
font-style: normal;
font-size: 12px;
white-space: nowrap;
left: -4.5px;
color: white;
}
body .userBox .uicon img {
width: 100%;
border-radius: 50%;
height: 100%;
}
body .dataItem .row {
font-size: 12px;
}
body .dataItem .row > span {
padding-right: 5px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
body .dataItem .row a {
color: #387f1a !important;
}
body .matchModule {
background: whitesmoke;
border-radius: 4px;
/* height:44px;*/
position: relative;
margin: 5px 0;
font-size: 12px;
padding: 5px 30px 5px 5px;
}
body .matchModule .row {
line-height: 20px;
display: flex;
align-items: center;
}
body .matchModule .row:first-child {
color: #8c8c8c;
}
body .matchModule .date::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
vertical-align: 2px;
border-top: 4px solid #bfbfbf;
border-bottom: 0 none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
transform: rotate(-90deg);
}
body .matchModule .icon-font-diamonds,
body .matchModule .icons {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
background: white;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px !important;
text-align: center;
margin: 0;
border-radius: 50%;
}
body .matchModule .hit {
color: #e00606;
}
body .matchModule .wrong {
color: #378d0f;
}
body .matchModule .zoushui::before {
content: "";
background: #0b73c5;
width: 14px;
height: 3px;
border-radius: 3px;
margin-bottom: 5px;
display: inline-block;
}
body .mtips .matchModule {
margin: 5px 0;
}
body .mtips .userBox .itemData .userName {
margin-top: 2px;
}
body .mtips .userBox .itemData .date {
margin: 0;
}
body .mtips .tipsTitle {
color: #1b1b1b;
font-size: 15px;
font-weight: 500;
line-height: 20px;
margin: 5px;
}
body .mtips .type {
background: #387f1a;
color: white;
font-size: 12px;
line-height: 16px;
height: 16px;
padding: 0 5px;
margin: 2px 0;
border-radius: 3px;
display: inline-block;
float: right;
}
body .dataItem.new .itemData {
display: flex;
align-items: center;
/*flex-direction:column;justify-content:center;*/
}
body .dataItem.new .itemData .badge {
margin-left: 5px;
position: initial;
width: max-content;
}
body .dataItem .tit {
font-size: 15px;
width: 100%;
line-height: 16px;
overflow: hidden;
font-weight: 500;
word-break: break-word;
}
body .dataItem .tit i:nth-child(2) {
margin-left: 5px;
}
body .dataItem .tit > span {
line-height: 20px;
/* display:inline-block;*/
vertical-align: 0;
}
body .dataItem .tit .iconfont {
vertical-align: middle;
height: 20px;
overflow: hidden;
line-height: 20px;
font-size: 20px;
display: inline-block;
}
body .dataItem .tit .iconfont.icon-font-live {
color: #03a9f4 !important;
line-height: 22px;
font-size: 20px;
margin-left: 4px;
position: relative;
bottom: 0px;
}
body .pubs {
margin: 0;
}
body .pubs .dataItem {
float: left;
padding: 5px;
width: 100%;
margin: 5px 0 0 0;
border-radius: 4px;
border-bottom: solid 1px #e1e1e1;
min-height: 92px;
}
body .pubs .dataItem .icon {
font-size: 16px;
}
body .userBox .itemData {
min-width: 0;
padding-left: 5px;
line-height: normal;
font-size: 12px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body .userBox .itemData .date {
font-size: 12px;
line-height: 16px;
width: 100%;
float: left;
display: block;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body .userBox .itemData .date .iconfont {
font-weight: normal;
}
body .userBox .itemData .date .badge {
margin: 0 0 0 -5px;
position: static;
background: #f44336 !important;
border-radius: 50% !important;
width: 6px !important;
height: 6px !important;
overflow: hidden !important;
}
body .userBox .itemData .date > span {
margin: 0 10px 0 0;
}
body .userBox .itemData .date > div {
display: inline;
}
body .userBox .itemData .date > span::before {
float: left;
}
body .userBox .itemData .date > span .dataValue {
float: left;
}
body .userBox .iconfontBox {
background: none;
width: auto;
height: 40px;
line-height: 40px;
-webkit-box-flex: 0;
/* -webkit-flex:0 0 100px;-ms-flex:0 0 100px;flex:0 0 100px;浮动评论注释 */
text-align: center;
font-size: 11px;
}
body .userBox .iconfontBox .iconfont {
margin: 5px;
font-size: 30px;
line-height: 40px;
}
body .userBox .itemData .iconfont {
float: left;
height: 16px;
line-height: 16px;
font-size: 16px;
color: #8c8c8c;
}
body .userBox .itemData .focus .icon-ok,
body .userBox .itemData .focus .icon-close {
bottom: -6px;
right: -6px;
font-size: 10px !important;
}
body .userBox .itemData .IconBox {
line-height: 20px;
}
body .userBox .itemData .readCount {
font-size: 14px;
line-height: 20px;
white-space: nowrap;
right: 0;
min-width: 50px;
position: absolute;
color: #8c8c8c;
}
body .userBox .itemData .readCount.iconfont {
font-size: 16px;
}
body .userBox .itemData .readCount .dataValue {
float: none;
line-height: 21px;
display: inline;
margin: 0;
color: #cccccc;
}
body .userBox .itemData .dataValue {
margin-right: 10px;
min-width: 20px;
}
body .DetailBox.dataItem .IconBox {
width: 60px;
height: 60px;
overflow: hidden;
}
body .DetailBox.dataItem .IconBox img {
width: 100%;
}
body .DetailBox.userBox .itemData {
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
float: right;
position: relative;
}
body .DetailBox.userBox .itemData .row {
line-height: 20px;
height: 20px;
overflow: hidden;
}
body .pubs {
margin: 0;
}
body .dataIcon .iconfont {
line-height: 20px;
font-size: 21px !important;
}
body .dataIcon .iconfont::before {
display: inline-block;
float: left;
}
body .DetailBox .itemData .pubName,
body .DetailBox .itemData .userName {
line-height: normal;
padding-left: 3px;
font-size: 14px;
font-weight: 500;
}
body .DetailBox .itemData .userName {
font-size: 20px;
word-wrap: break-word;
}
body .indexContent {
width: 100%;
}
body .DetailBox {
padding: 5px 0px;
position: relative;
border: none;
}
body .DetailBox .iconfont {
display: inline-block;
text-align: left;
font-size: 24px;
}
body .DetailBox .RTBox .iconfont {
font-size: 24px;
line-height: 26px;
width: 30px;
}
body .DetailBox .addBtn {
float: right;
margin: 0 0 0 5px;
padding: 0 5px;
line-height: 22px;
}
body .DetailBox .focusBtn {
margin: 0;
padding: 2px 5px;
white-space: normal;
line-height: 18px;
float: right;
}
body .DetailBox .addBtn a {
color: white;
}
body .RBBox .focusBtn {
float: right;
}
body .toolsBar {
line-height: 22px;
margin: 5px auto !important;
padding: 5px;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
border-radius: 4px;
}
body .toolsBar .button.mini {
font-weight: normal;
background: #f86826;
color: white;
border-color: #f86826;
border-radius: 4px;
}
body .toolsBar .iconfont {
color: #595959;
}
body .dataItem .league {
/* 1、第一行：比赛时间+赛事名全称，12px，行高:16px，字体颜色:#808080，上间距8px，下间距0px. */
font-size: 12px;
line-height: 16px;
color: #8c8c8c;
margin: 0;
margin-top: 8px;
float: left;
}
body .dataItem .matchTit {
/* 第二行：赛事对阵(结束后红色显示比分)，15px，不加粗，行高:20px，上下无间隔。 */
font-size: 15px;
font-weight: normal;
line-height: 20px;
margin: 0 0 3px 0;
}
body .recommendBox .matchRecommendBox,
body .dataItem .matchRecommendBox {
/* margin:5px 0;*/
min-width: 250px;
/* float:unset !important;*/
margin-bottom: 8px;
/* max-width:-webkit-calc(~"100% - 42px");max-width:calc(~"100% - 42px");*/
float: left;
}
body .dataItem .IconBox {
width: 14%;
}
body .dataItem .IconBox .UserIcon {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 60px;
}
body .dataItem .IconBox .UserIcon img {
width: 100%;
}
body .pBar .iconfont.on {
color: red;
}
body .pBar > div {
width: 100%;
padding: 5px 0;
}
body .pBar > div .name {
color: #545954;
font-size: 14px;
}
body .pBar .pbg {
background: #f1f1f1;
border-radius: 4px;
height: 10px;
overflow: hidden;
}
body .pBar .pbg i {
display: block;
float: left;
height: 10px;
}
body .pBar .h i {
background: #00cbf4;
}
body .pBar .a i {
background: #8bc34a;
}
body .detail .detailInfo h1 {
font-size: 16px;
font-weight: bold;
text-align: left;
display: block;
line-height: normal;
padding: 0 5px 10px 5px;
line-height: 20px;
/* word-break:break-word;*/
}
body .detail .detailInfo h1 > span {
vertical-align: middle;
word-break: break-word;
}
body .detail .detailInfo .date {
color: #8c8c8c;
line-height: normal;
padding: 0 5px;
font-size: 12px;
margin-top: 10px;
}
body .detail .detailInfo .recomtit {
font-size: 18px;
line-height: 24px;
font-weight: bold;
margin: 10px 0;
}
body .detail .recommendContent {
float: none;
}
body .detail .recommendContent .hideContent {
line-height: 20px;
padding: 0;
margin: 10px 0;
}
body .detail .detailInfo .links {
line-height: normal;
font-size: 12px;
margin-top: 8px;
display: flex;
justify-content: flex-end;
}
body .detail .detailInfo .links a {
background: #f86826;
color: white;
margin: 0 3px;
padding: 1px 6px;
border-radius: 20px;
white-space: nowrap;
text-transform: uppercase;
}
body .detail .detailInfo .team {
line-height: normal;
padding: 0 5px;
font-size: 14px;
line-height: 30px;
}
body .detail .detailInfo .row {
line-height: 30px;
}
body .detail .detailInfo .row > span {
vertical-align: middle;
margin-right: 5px;
display: inline-block;
}
body .detail .detailInfo .info {
padding: 5px;
line-height: 26px;
}
body .detail .detailInfo .info-text {
white-space: pre-line;
word-break: break-word;
font-size: 14px;
line-height: 20px;
}
body .detail .userIcon {
width: 40px;
}
body .detail .userIcon .focus {
background: red;
border-radius: 50%;
width: 15px;
height: 16px;
}
body .detail .name a {
float: left;
font-size: 12px;
}
body .detail .dataItem .date {
font-size: 12px;
}
body .detail .dataItem .tit {
font-size: 15px;
}
body .detail .dataItem .date {
color: #8c8c8c;
}
body .detail .detailInfo .msg {
border-radius: 4px;
margin-top: 10px;
color: #8c8c8c;
font-size: 12px;
padding: 5px;
line-height: 20px;
}
body .detailTools {
text-align: center;
margin-bottom: 10px;
float: left;
width: 100%;
margin-top: 10px;
}
body .detailTools .btn,
body .detailTools .btn:hover {
background: white;
color: #387f1a;
width: 50px;
height: 50px;
white-space: nowrap;
padding: 0 10px;
margin: 0 10px;
border-radius: 50%;
border: solid 1px #387f1a;
cursor: pointer;
box-shadow: none;
}
body .detailTools .btn.on,
body .detailTools .btn.on:hover {
background: #387f1a;
color: white;
}
body .detailTools .btn.on .icon,
body .detailTools .btn.on .agrNum {
color: white !important;
}
body .detailTools .btn .icon {
color: #387f1a;
font-size: 18px;
vertical-align: middle;
display: block;
}
body .detailTools .btn .agrNum {
color: #387f1a;
font-size: 10px;
display: block;
}
body .detailTools .shareBtn {
margin: 0 auto !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body .detailTools .btn:after {
display: inline;
}
body .RTBox .iconfont {
font-size: 26px;
}
body .editor h2 {
line-height: 30px;
color: #595959;
border: none;
}
body .editor #Title {
border: solid 1px #d4d4d4;
padding: 5px;
line-height: 30px;
margin-bottom: 10px;
font-size: 14px;
margin: 0;
}
body .editor .edui-editor-body .edui-body-container {
padding: 10px;
}
body .editor .edui-container,
body .editor .edui-container .edui-toolbar {
-webkit-box-shadow: none;
box-shadow: none;
}
body .news ul li:last-child {
border: none;
}
body .linkNav {
text-align: left;
padding: 4px 2px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: auto;
white-space: nowrap;
display: none;
}
body .linkNav a {
color: #387f1a;
font-size: 13px;
}
body .linkNav a::after {
content: ">";
padding: 0 4px;
color: #8c8c8c;
}
body .linkNav a:last-child::after {
content: "";
}
body .linkNav h1 {
background: none;
display: inline;
color: #595959;
font-size: 13px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: unset;
}
body h2 {
font-size: 15px;
line-height: 35px;
font-weight: bold;
color: #595959;
margin: 0;
}
body h2::after {
content: '';
clear: both;
width: 100%;
display: block;
}
body .replyList {
border-radius: 4px;
}
body .replyList #noComment {
text-align: center;
width: 100%;
padding: 15px 0;
float: left;
}
body .weiquBox .right {
position: relative;
margin: 0px;
width: -webkit-calc(100% - 38px);
width: calc(100% - 38px);
float: left;
clear: none;
padding: 0;
padding-left: 10px;
border: none;
}
body .weiquBox .right .r_info .txt {
word-break: break-word;
text-align: justify;
white-space: pre-line;
display: block;
line-height: normal;
}
body .weiquBox .right .lastTen {
font-size: 0;
line-height: 16px;
max-height: 16px;
}
body .weiquBox .right .lastTen span {
font-size: 12px;
line-height: 16px;
}
body .weiquBox .right .name {
border-style: none;
color: #00975a;
font-weight: normal;
font-size: 14px;
line-height: 13px;
font-weight: bold;
margin-bottom: 10px;
}
body .weiquBox .right .name.red {
color: red;
}
body .weiquBox .right .name .likePercent {
color: #999999;
font-weight: normal;
font-size: 12px;
margin: 0 5px;
}
body .weiquBox .right .info {
float: left;
font-size: 15px;
color: #595959;
}
body .weiquBox .right .info .more {
cursor: pointer;
background: url("/images/winOpen/more.png") no-repeat center right;
padding-right: 15px;
font-size: 12px;
}
body .weiquBox .right .info > img {
border-radius: 4px;
}
body .weiquBox .right .title {
font-weight: bold;
font-size: 14px;
width: 100%;
float: left;
color: #209ede;
}
body div.tools {
float: right;
text-align: right;
padding: 0;
}
body .tools .icon {
display: block;
float: left;
padding: 0 0 0 10px;
color: #595959;
cursor: pointer;
/* margin:0 15px;*/
}
body .tools .on {
color: red;
}
body .weiquBox .left {
float: left;
}
body .weiquBox .left .icon {
background: #f3f3f3;
width: 38px;
height: 38px;
text-align: center;
border-radius: 60px;
position: relative;
}
body .weiquBox .left .icon > a {
overflow: hidden;
border-radius: 50%;
display: block;
width: 38px;
height: 38px;
}
body .replyList .weiquBox {
float: left;
padding: 10px 0;
width: 100%;
border-bottom: solid 1px whitesmoke;
}
body .replyList .weiquBox:last-child {
border: none;
}
body .replyList .weiquBox:first-child {
border-bottom: solid 1px whitesmoke;
}
body .replyList .tools {
position: absolute;
bottom: 0;
right: 0;
height: 20px;
padding: 0;
}
body .replyList .replyTitle {
font-size: 12px;
color: #595959;
width: 650px;
float: right;
padding: 3px 10px;
border-radius: 4px;
background: whitesmoke;
margin: 5px 0 10px 0;
}
body .replyList .replyTo {
font-size: 12px;
width: 100%;
float: right;
padding: 5px;
border-radius: 4px;
background: whitesmoke;
margin: 10px 0 0 0;
}
body .replyList .replyTo .tools {
bottom: 0;
top: -2px;
right: 0;
}
body .replyList .replyTo a:hover {
text-decoration: none;
color: #0e93f1;
}
body .replyList .replyTo .more {
color: #00b6ff;
background: url("/images/winOpen/more.png") right 13px no-repeat;
float: left;
padding-right: 20px;
cursor: pointer;
}
body .replyList .replyTo .item {
position: relative;
}
body .replyList .replyTo .item:last-child {
border: none;
}
body .replyList .date {
color: #8c8c8c;
font-size: 12px;
line-height: 20px;
}
body .replyList .replyTo .r_info {
color: #595959;
line-height: normal;
margin-bottom: 15px;
}
body .replyList .replyTo .r_info a.name {
color: #387f1a;
line-height: normal;
font-weight: bold;
}
body .replyList .replyTo .r_info a.name.red {
color: red;
}
body .replyList .replyTo .r_info a.name:hover {
text-decoration: none;
color: red;
}
body .replyList .replyTo .r_info .txt {
color: #595959;
word-break: break-word;
}
body .reward {
border: solid 1px red;
position: relative;
font-size: 12px;
padding: 2px 4px;
border-radius: 4px;
color: red;
}
body .weiquBox .replyList .right .info {
line-height: 20px;
}
body .replyFloat {
z-index: 9;
line-height: 30px;
padding: 5px 0;
bottom: 0;
}
body .replyFloat textarea {
border: solid 1px #ebebeb;
padding: 10px;
flex: 1;
border-radius: 4px;
background: whitesmoke;
color: #434343;
resize: none;
}
body .replyFloat .input {
float: left;
width: 100%;
}
body .replyFloat .input textarea {
width: 560px;
line-height: 30px;
height: 60px;
margin-bottom: 6px;
border-radius: 4px;
border: solid 1px #ebebeb;
background: whitesmoke;
padding-left: 8px;
}
body .replyFloat .tools > div {
border-radius: 4px;
background: none;
background-color: #387f1a;
color: white;
text-align: center;
line-height: 30px;
display: block;
width: 80px;
padding: 0;
margin: 0;
}
body .replyBox .contentBox {
display: flex;
align-items: center;
margin-bottom: 10px;
}
body .floatBox .userPic,
body .replyFloat .userPic {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
object-fit: cover;
}
body .replySort {
background: whitesmoke;
border: none;
width: 100%;
float: left;
border-radius: 5px;
padding: 5px;
margin-top: 10px;
display: block;
}
body .replySort .tabItem {
background: white;
color: #595959;
font-size: 12px;
line-height: 26px;
padding: 0 10px;
margin: 0 2px;
border-radius: 4px;
float: left;
}
body .replySort .tabItem select {
padding: 4px 0;
border: solid 1px white;
background: white;
color: #595959;
border-radius: 4px;
border: none;
font-size: 12px;
line-height: 26px;
}
body .replySort .tabItem:last-child {
border: none;
}
body .replySort .tabItem--on {
background: #387f1a;
color: white;
font-size: 12px;
line-height: 26px;
padding: 0 10px;
margin: 0 2px;
border-radius: 4px;
float: left;
}
body .popupCommentBox {
position: fixed;
bottom: 0;
width: 100%;
background-color: #ebebeb;
z-index: 998;
padding: 5px 0 5px 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
body .popupCommentBox .iconfont,
body .popupCommentBox .star-mark {
margin: 0 10px;
line-height: 30px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 30px;
}
body .popupCommentBox .icon-star_fill {
color: #019f68;
}
body .popupCommentBox .iconfont.icon-talk {
display: inline;
}
body .nologin {
position: absolute;
bottom: 10px;
padding-left: 20px;
left: 10px;
line-height: 30px;
height: 30px;
background: white;
font-size: 14px;
}
body .popupCommentBox .input {
display: none;
}
body .popupCommentBox .input input {
width: 100%;
height: 32px;
margin-top: 0;
border: none;
line-height: 32px;
font-size: 14px;
padding: 0 5px;
}
body .popupCommentBox .btn {
margin: 5px 4px;
display: none;
border-radius: 4px;
line-height: 32px;
width: 100px;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
text-align: center;
background-color: #3baee9;
cursor: pointer;
color: white;
font-size: 14px;
}
body .popupCommentBox .star-mark.on .icon-star {
display: none;
}
body .popupCommentBox .star-mark .icon-star_fill {
display: none;
color: #ff9400;
}
body .popupCommentBox .star-mark.on .icon-star_fill {
display: block;
}
body .popupCommentBox .iconfont {
cursor: pointer;
}
body .regBox .topics {
overflow-y: scroll;
height: 60vh;
}
body .topics {
/* float:left;*/
width: 100%;
}
body .topics .uicon {
/* width:36px;height:36px;*/
line-height: 0;
}
body .topics .matchRecommendBox li {
line-height: 24px;
}
body .topics .matchRecommendBox li > div {
background: #f1f1f1;
}
body .topics .uicon a {
display: block;
height: 100%;
}
body .content .RCBox .iconfont {
font-size: 22px;
}
body .content .RCBox .iconfont.on {
color: red;
}
body .popInfo .row .cel {
text-align: left;
border-bottom: solid 1px #f1f1f1;
padding: 5px 0;
}
body .popInfo .row .cel img {
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
}
body .popShare {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body .popShare li {
background: none;
float: left;
padding: 10px 0;
border: none;
width: 25%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
}
body .popShare li img {
display: block;
margin: 0px auto;
max-width: 50px;
}
body .popShare li span {
display: block;
}
body .popShare li span:hover {
color: #f44336;
}
body .popup-bottom .popShare {
margin-bottom: 0px;
margin-top: 0px;
}
body .pop-comment-edit .popupBox--body {
text-align: left;
}
body .pop-comment-edit .tools .button--mini {
border-radius: 4px;
background: none;
background-color: #48b1e6;
color: white;
text-align: center;
line-height: 30px;
display: block;
width: 80px;
padding: 0;
}
body .replyBox {
background: white;
}
body .replyBox h2 {
color: #595959;
border: none;
padding: 0 10px;
}
body .userPlane {
border-radius: 4px;
padding: 10px;
background: white;
margin-bottom: 10px;
}
body .userPlane .button {
background: white;
}
body .userPlane .button:first-child {
margin-right: 5px;
}
body .userPlane .button:last-child {
margin-left: 5px;
}
body .userPlane .icon {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
background: white;
padding: 5px;
/* border:solid 3px #f1f1f1;*/
}
body .userPlane .icon img {
border-radius: 50%;
width: 90px;
height: 90px;
}
body .userPlane .name {
text-align: center;
line-height: 30px;
font-size: 18px;
}
body .newsList h3 {
line-height: 30px;
background: whitesmoke;
margin-bottom: 5px;
padding: 0 5px;
overflow: hidden;
}
body .userBox .itemData {
/* width:-webkit-calc(~"100% - 40px");width:-webkit-calc(~"100% - 40px");width:calc(~"100% - 40px");*/
width: unset;
flex: 1 1 auto;
position: relative;
}
body .userBox .itemData .userName {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
body .userBox .itemData > span {
display: block;
}
body .userBox .date .badge {
margin: 0;
}
body .userBox .userName .badge {
margin: 0 5px;
background: #fff3e8 !important;
/* border:solid 1px #F7A468 !important;*/
color: #cb6f2d !important;
height: 16px;
line-height: 16px;
position: static;
}
@media screen and (max-width: 640px) {
body .detail .detailInfo .info img {
height: auto !important;
}
body .replyList .replyTo {
width: -webkit-calc(100% - 48px);
width: calc(100% - 48px);
float: right;
}
body .userBox .itemData .readCount {
bottom: 0px;
}
body .DetailBox {
padding: 5px 0;
}
}
@media screen and (min-width: 640px) {
body .recommendContent {
padding: 10px;
text-align: justify;
}
body .userBox .itemData .readCount {
top: 0;
right: 0;
position: absolute;
}
body .userBox .itemData {
position: relative;
/* line-height:40px;详细页冲突 */
}
body .popupCommentBox {
width: 640px;
}
body .popupCommentBox .iconfont.icon-talk {
display: none;
}
body .popupCommentBox > .iconfont,
body .popupCommentBox .star-mark {
float: right;
display: block;
width: 40px;
margin: 5px 0 0 0;
}
body .popupCommentBox .star-mark .iconfont {
margin: 0;
}
body .popupCommentBox .btn {
display: block;
}
body .popupCommentBox .input {
width: 510px;
font-size: 0;
margin: 0 5px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
line-height: 40px;
}
body div.tools {
padding: 0;
}
body .replyList .replyTo {
width: 575px;
}
body .replyBox {
border-top: none;
}
body .detail .RTBox {
line-height: 32px;
}
body .linkNav {
display: block;
}
body .detail .indexContent .dataItem {
margin: 0;
}
body .detail .detailInfo h1 {
padding: 10px 20px;
}
body .DetailBox .RTBox .iconfont {
font-size: 27px;
}
body .editor {
padding-top: 10px;
}
body .editor h2 {
padding: 0;
}
body .editor #Title {
border: solid 1px #d4d4d4;
border-radius: 4px;
}
body .editor .edui-container {
border: solid 1px #e1e1e1;
border-radius: 4px;
}
body .RTBox {
top: 0px;
}
body .RTBox .iconfont {
font-size: 21px;
}
body .userBox .itemData {
margin: 0;
}
body .DetailBox.dataItem .IconBox {
width: 60px;
height: 60px;
overflow: hidden;
}
body .DetailBox.dataItem .IconBox img {
width: 100%;
}
body .detail .detailInfo .msg {
padding: 10px 30px;
}
body .news .tit {
float: left;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
body .news .icon {
float: right;
}
body .news .userIcon .icon {
width: 30px;
height: 30px;
}
body .news .name {
height: 35px;
line-height: 35px;
}
body .news .date {
padding-left: 10px;
color: #8c8c8c;
}
body .news li:last-child .dataItem {
border: none !important;
}
body .detail .detailInfo .info {
padding: 10px 20px;
}
body .DetailBox {
padding: 0px;
}
body .DetailBox .focusBtn {
line-height: 22px;
bottom: 0;
}
body .DetailBox .addBtn {
padding: 2px 5px;
}
body .pubs {
overflow: hidden;
margin-right: -5px;
}
body .plane {
max-width: 640px;
margin: 0 auto;
}
body .newsList .regBox,
body .newsList {
/* margin:0 0 5px 0;*/
background: white;
}
body .newsList h2 {
margin-bottom: 5px;
}
body .newsList .tab {
position: static;
bottom: 0;
line-height: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
}
body .newsList .tab .tabItem--on {
border-radius: 0;
line-height: 40px;
}
body .newsList .tab .tabItem {
line-height: 40px;
}
body .pubs .dataItem {
width: -webkit-calc(50% - 5px);
width: calc(50% - 5px);
margin: 0 5px 5px 0;
border: solid 1px #ebebeb !important;
}
body .indexContent {
width: 100%;
position: relative;
}
body .pop-comment-edit .popupBox--info {
width: 60%;
max-width: 640px;
}
}
body .MT20 {
margin-top: 20px;
}
body .dataItem.new {
padding: 5px 0 10px 0 !important;
}
body .dataItem:hover .recommend {
background: none;
}
body .dataItem .recommend ~ .dateBar {
padding: 0 3px;
}
body .dataItem .dateBar .lock {
font-size: 12px;
}
body .dataItem .dateBar .lock::before {
font-size: 14px;
margin-right: 4px;
float: none;
}
body .dataItem .recommend {
background: none;
padding: 0;
margin-bottom: 5px;
}
body .dataItem .recommend .s_tit {
font-size: 14px;
padding: 0 3px;
margin: 5px 0;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body .dataItem .recommend .s_tit > span {
font-weight: normal;
}
body .dataItem .recommend .row {
font-size: 12px;
padding: 3px;
border-radius: 20px;
}
body .dataItem .recommend .recom {
background: linear-gradient(90deg, rgba(67, 149, 30, 0.2), rgba(67, 149, 30, 0.05));
}
body .dataItem .recommend .item {
color: #1b1b1b;
width: calc(100% - 50px);
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body .dataItem .recommend .type {
background: white !important;
color: #387f1a;
text-align: center;
line-height: 22px;
height: 22px;
min-width: 30px;
padding: 0 5px;
margin-right: 2px;
border-radius: 20px;
vertical-align: 0;
}
body .dataItem .recommend .date {
color: #595959;
padding-right: 5px;
vertical-align: 0;
float: none;
display: inline-block;
}
body .dataItem .recommend .date::after,
body .dataItem .recommend .iconBox {
display: none;
}
body .dataItem .recommend .results {
width: 50px;
text-align: right;
display: inline-block;
}
body .dataItem .recommend .hit,
body .dataItem .recommend .wrong,
body .dataItem .recommend .zoushui {
color: #378d0f;
font-size: 14px;
text-align: center;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
z-index: 1;
}
body .dataItem .recommend .hit {
color: #e00606;
}
body .dataItem .recommend .zoushui::before {
content: "";
background: #0b73c5;
width: 12px;
height: 2px;
margin: 0;
border-radius: 3px;
vertical-align: 4px;
display: inline-block;
}
body .dataItem .recommend .pay {
background: none;
color: #387f1a !important;
font-size: 14px !important;
line-height: 20px;
height: auto;
width: auto;
vertical-align: 0;
transform: translateY(0);
float: none;
position: static;
}
body .dataItem .recommend .pay::before {
font-size: 16px;
margin-right: 2px;
float: none;
}
body .dataItem .recommend .paid .hit::after,
body .dataItem .recommend .paid .wrong::after,
body .dataItem .recommend .paid .zoushui::after {
content: "";
background: url(/images/diamond.svg) no-repeat center;
background-size: 18px;
opacity: 0.5;
width: 20px;
height: 20px;
top: 0;
left: 0;
position: absolute;
z-index: -1;
}
body .matrix-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 114px;
opacity: 0.4;
display: flex;
overflow: hidden;
z-index: -1;
}
body .matrix-pattern {
position: relative;
width: 100%;
height: 100%;
flex-shrink: 0;
}
body .matrix-column {
position: absolute;
top: -100%;
width: 20px;
height: 100%;
font-size: 12px;
line-height: 18px;
animation: fall 5s linear infinite;
/* white-space: nowrap; */
}
body .matrix-column::before {
content: "1010101 10101011110101 1010111011110 10101010101 10101 1011001010101";
position: absolute;
top: 0;
left: -125px;
background: linear-gradient(to bottom, white 0%, #31ffbb 40%, #2ccbff 80%, transparent 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
writing-mode: vertical-lr;
/* text-orientation: upright; */
letter-spacing: 2px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: cursive;
}
body .matrix-column:nth-child(1) {
left: 0px;
animation-delay: -2.5s;
animation-duration: 3s;
}
body .matrix-column:nth-child(2) {
left: 10%;
animation-delay: -3.2s;
animation-duration: 4s;
}
body .matrix-column:nth-child(3) {
left: 20%;
animation-delay: -1.8s;
animation-duration: 2.5s;
}
body .matrix-column:nth-child(4) {
left: 30%;
animation-delay: -2.9s;
animation-duration: 3.5s;
}
body .matrix-column:nth-child(5) {
left: 40%;
animation-delay: -1.5s;
animation-duration: 3s;
}
body .matrix-column:nth-child(6) {
left: 50%;
animation-delay: -3.8s;
animation-duration: 4.5s;
}
body .matrix-column:nth-child(7) {
left: 60%;
animation-delay: -2.1s;
animation-duration: 2.8s;
}
body .matrix-column:nth-child(8) {
left: 70%;
animation-delay: -2.7s;
animation-duration: 3.2s;
}
body .matrix-column:nth-child(9) {
left: 80%;
animation-delay: -3.4s;
animation-duration: 3.8s;
}
body .matrix-column:nth-child(10) {
left: 100%;
animation-delay: -1.9s;
animation-duration: 2.7s;
}
body .matrix-column:nth-child(odd)::before {
content: "1001100111 01010101 10101011110101 1010111011110 10101010101 10101 1011001010101";
}
@keyframes fall {
0% {
transform: translateY(-10%);
opacity: 1;
}
100% {
transform: translateY(150%);
opacity: 0;
}
}
body.dark {
/* .writeIcon{background:#008c54 url(/Images/edit_w.png) no-repeat center center;width:40px;height:40px;background-size:60%;border-radius:50%;right:20px;z-index:50;float:right;}*/
/* .Grounp{padding:5px 10px 10px 10px;}*/
/* .dataItem.on {background:#fffaea;}*/
/* .dataItem .time{margin-right:5px;}*/
/* .info *{white-space:normal !important;}*/
/* .dataItem .row *{float:left;}*/
/* .dataItem .tit .top{background:red;color:#fff;border-radius:4px;font-size:12px;padding:0 3px;}
*/
/* .dataItem .tit a{display:block;}
myhotlist注 */
/* .DetailBox.userBox .itemData .dataIcon{margin-right:5px;}
*/
/* .DetailBox.userBox .itemData .dataValue{margin-right:10px;}
*/
/* .RTBox{top:5px;}
*/
/* editor star */
/* .editor .edui-container{border-radius:0px;border-left:none;border-right:none;}
*/
/* editor end */
/* 评论开始 */
/* .weiquBox .right .txt{width:100%;display:block;}
*/
/* 浮动评论框开始 */
/* 浮动评论框结束 */
/* 评论结束 */
/* pub star */
/* pub end */
/* meboli */
/* PC */
/* 推荐改版 */
/* 动画 */
/* @media (max-width:768px){.matrix-column{font-size:14px;line-height:16px;width:18px;}}
@media (max-width:480px){.matrix-column{font-size:12px;line-height:14px;width:15px;}} */
color: #d9d9d9;
background: #262626;
}
body.dark .floatBox {
bottom: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 640px;
line-height: 40px;
min-height: 50px;
position: fixed;
z-index: 99;
background: #1b1b1b;
padding: 5px 10px;
border-top: solid 1px #333333;
-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.1);
}
body.dark .floatBox .button {
background: #295d13;
color: white;
border-radius: 30px;
border: none;
min-width: 60px;
text-align: center;
}
body.dark .floatBox .userBox {
margin: 0;
}
body.dark .floatBox input,
body.dark .floatBox textarea {
top: 0;
color: #8c8c8c;
background: #232323;
border: solid 1px #333333;
line-height: 20px;
padding: 9px 15px;
font-family: BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
border-radius: 20px;
height: 40px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
resize: none;
}
body.dark .floatBox input.freeback {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
}
body.dark .floatBox .upload.iconfontBox {
float: left;
position: static;
top: unset;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
font-size: 0;
height: 38px;
line-height: 0;
margin-right: 5px;
}
body.dark .floatBox .upload.iconfontBox #addImg {
height: 38px;
border-radius: 4px;
}
body.dark .floatBox .upload.iconfontBox #addImg img {
width: 38px;
height: 38px;
}
body.dark .SubList {
padding: 0 10px;
}
body.dark .SubList li {
border-bottom: solid 1px #262626;
padding: 10px 0;
}
body.dark .SubList li:last-child {
border-bottom: none;
}
body.dark .SubList .userName,
body.dark .SubList .total {
font-size: 14px;
font-weight: bold;
}
body.dark .SubList .des {
text-align: left;
}
body.dark .absRT {
top: 0;
right: 0;
position: absolute;
}
body.dark .absRT .icon {
float: left;
margin-left: 10px;
}
body.dark .rankList .rankNum {
float: left;
text-align: center;
color: #8c8c8c;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
margin: 10px 10px 10px 0;
font-weight: normal;
font-size: 12px;
background: #232323;
}
body.dark .rankList .rankNum.top3 {
background: #f44336;
color: white;
}
body.dark .rankList .userBox {
width: calc(100% - 30px);
width: -webkit-calc(100% - 30px);
margin: 0;
}
body.dark .rankList .userBox i.btn {
top: 7px;
}
body.dark .userList {
width: 100%;
overflow: hidden;
}
body.dark .userList .dataItem {
padding: 5px 0;
}
body.dark .newsList {
margin-top: 0;
width: 100%;
background: #1b1b1b;
}
body.dark .recommendDetail {
background: #1b1b1b;
}
body.dark .recommendDetail .top {
border-bottom: solid 5px #262626;
padding: 5px;
}
body.dark .recommendDetail .detailInfo {
padding: 5px;
}
body.dark .plane h2 {
margin: 0 -10px;
}
body.dark .plane h2,
body.dark .tab,
body.dark .tabItem,
body.dark .tabItem--on {
line-height: 30px;
}
body.dark .newsList .tab {
border: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
}
body.dark .newsList .tab .ii {
margin-top: 2px;
}
body.dark .newsList .tab .tabItem,
body.dark .newsList .tab .tabItem--on {
display: inline;
padding: 0 5px;
line-height: 40px;
font-weight: normal;
background: transparent;
color: white;
position: relative;
text-align: center;
}
body.dark .newsList .tab .tabItem.icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50px;
-ms-flex: 0 0 50px;
flex: 0 0 50px;
}
body.dark .newsList .tab .tabItem .ii {
margin-top: 4px;
}
body.dark .newsList .tab .tabItem a {
color: white;
}
body.dark .newsList .tab .tabItem:hover,
body.dark .newsList .tab .tabItem a:hover {
color: red;
}
body.dark .newsList .tab .tabItem--on {
font-weight: bold;
color: #295d13;
border-radius: 0;
border-bottom: solid 2px #295d13;
line-height: 40px;
}
body.dark .dataItem {
line-height: normal;
border-bottom: solid 1px #262626;
display: block;
position: relative;
padding: 12px 0;
/* display:flex;*/
/* align-items:center;*/
}
body.dark .matchBox .des {
font-size: 13px;
line-height: 18px;
color: #8c8c8c;
}
body.dark .dataItem .des {
padding: 0;
}
body.dark .dataItem .userBox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 5px 0 0 0;
border: none;
}
body.dark .dataItem > i,
body.dark .userBox > i {
/* background:url(/Images/right_icon_black.png) no-repeat center right;background-size:60% auto;*/
width: 15px;
height: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
right: 10px;
}
body.dark .userBox.mini .uicon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
width: 20px;
height: 20px !important;
font-size: 0;
line-height: 0;
}
body.dark .userBox.mini .desc {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
line-height: normal !important;
font-size: 12px;
}
body.dark .userBox i.btn {
white-space: nowrap;
position: absolute;
width: auto;
height: 26px;
top: 3px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
right: 0;
font-size: 11px;
border: solid 1px #262626;
line-height: 24px;
border-radius: 28px;
padding: 0 10px;
font-size: 12px;
font-weight: 500;
box-shadow: none;
}
body.dark .userBox .fixedBox {
background: none;
/* width:auto;*/
/* top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);*/
/* position:absolute;*/
/* right:0;*/
-webkit-box-flex: 0;
-webkit-flex: 0 0 30px;
-ms-flex: 0 0 30px;
flex: 0 0 30px;
line-height: 20px;
border-radius: 13px;
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;
}
body.dark .userBox .fixedBox .iconfont,
body.dark .userBox .absRT .iconfont {
font-size: 30px;
line-height: 30px;
height: 30px;
color: #595959;
}
body.dark .userBox i.btn.red {
border: solid 1px #f44336;
}
body.dark .userBox i.btn.on,
body.dark .userBox i.btn.on:hover {
color: white;
background: #f44336 !important;
border: none;
/* line-height: 26px; */
}
body.dark .userBox {
width: 100%;
position: relative;
}
body.dark .dataItem .linkBtn {
background: red;
width: 40%;
height: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
body.dark .dataItem .userBox .uicon {
height: 24px;
width: 24px;
flex: 0 0 24px;
}
body.dark .userBox .uicon {
font-size: 0;
line-height: 0;
background: #232323;
-webkit-box-flex: 0;
-webkit-flex: 0 0 36px;
-ms-flex: 0 0 36px;
flex: 0 0 36px;
position: relative;
height: 36px;
width: 36px;
border-radius: 50%;
text-align: center;
}
body.dark .userBox .uicon .badge {
background: #f44336 !important;
border: none !important;
color: white !important;
right: -1px;
top: -1px;
padding: 0;
width: 14px;
height: 14px;
border-radius: 10px;
line-height: 14px;
}
body.dark .userBox .uicon .tag {
border-radius: 13px;
line-height: 13px;
text-align: center;
background: #f44336;
position: absolute;
bottom: -2px;
width: 43px;
font-style: normal;
font-size: 12px;
white-space: nowrap;
left: -4.5px;
color: white;
}
body.dark .userBox .uicon img {
width: 100%;
border-radius: 50%;
height: 100%;
}
body.dark .dataItem .row {
font-size: 12px;
}
body.dark .dataItem .row > span {
padding-right: 5px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
body.dark .dataItem .row a {
color: #295d13 !important;
}
body.dark .matchModule {
background: #232323;
border-radius: 4px;
/* height:44px;*/
position: relative;
margin: 5px 0;
font-size: 12px;
padding: 5px 30px 5px 5px;
}
body.dark .matchModule .row {
line-height: 20px;
display: flex;
align-items: center;
}
body.dark .matchModule .row:first-child {
color: #595959;
}
body.dark .matchModule .date::after {
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
vertical-align: 2px;
border-top: 4px solid #434343;
border-bottom: 0 none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
transform: rotate(-90deg);
}
body.dark .matchModule .icon-font-diamonds,
body.dark .matchModule .icons {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
background: #1b1b1b;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 18px !important;
text-align: center;
margin: 0;
border-radius: 50%;
}
body.dark .matchModule .hit {
color: #f44336;
}
body.dark .matchModule .wrong {
color: #29680b;
}
body.dark .matchModule .zoushui::before {
content: "";
background: #0a6bb7;
width: 14px;
height: 3px;
border-radius: 3px;
margin-bottom: 5px;
display: inline-block;
}
body.dark .mtips .matchModule {
margin: 5px 0;
}
body.dark .mtips .userBox .itemData .userName {
margin-top: 2px;
}
body.dark .mtips .userBox .itemData .date {
margin: 0;
}
body.dark .mtips .tipsTitle {
color: white;
font-size: 15px;
font-weight: 500;
line-height: 20px;
margin: 5px;
}
body.dark .mtips .type {
background: #295d13;
color: white;
font-size: 12px;
line-height: 16px;
height: 16px;
padding: 0 5px;
margin: 2px 0;
border-radius: 3px;
display: inline-block;
float: right;
}
body.dark .dataItem.new .itemData {
display: flex;
align-items: center;
/*flex-direction:column;justify-content:center;*/
}
body.dark .dataItem.new .itemData .badge {
margin-left: 5px;
position: initial;
width: max-content;
}
body.dark .dataItem .tit {
font-size: 15px;
width: 100%;
line-height: 16px;
overflow: hidden;
font-weight: 500;
word-break: break-word;
}
body.dark .dataItem .tit i:nth-child(2) {
margin-left: 5px;
}
body.dark .dataItem .tit > span {
line-height: 20px;
/* display:inline-block;*/
vertical-align: 0;
}
body.dark .dataItem .tit .iconfont {
vertical-align: middle;
height: 20px;
overflow: hidden;
line-height: 20px;
font-size: 20px;
display: inline-block;
}
body.dark .dataItem .tit .iconfont.icon-font-live {
color: #03a9f4 !important;
line-height: 22px;
font-size: 20px;
margin-left: 4px;
position: relative;
bottom: 0px;
}
body.dark .pubs {
margin: 0;
}
body.dark .pubs .dataItem {
float: left;
padding: 5px;
width: 100%;
margin: 5px 0 0 0;
border-radius: 4px;
border-bottom: solid 1px #e1e1e1;
min-height: 92px;
}
body.dark .pubs .dataItem .icon {
font-size: 16px;
}
body.dark .userBox .itemData {
min-width: 0;
padding-left: 5px;
line-height: normal;
font-size: 12px;
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.dark .userBox .itemData .date {
font-size: 12px;
line-height: 16px;
width: 100%;
float: left;
display: block;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
body.dark .userBox .itemData .date .iconfont {
font-weight: normal;
}
body.dark .userBox .itemData .date .badge {
margin: 0 0 0 -5px;
position: static;
background: #f44336 !important;
border-radius: 50% !important;
width: 6px !important;
height: 6px !important;
overflow: hidden !important;
}
body.dark .userBox .itemData .date > span {
margin: 0 10px 0 0;
}
body.dark .userBox .itemData .date > div {
display: inline;
}
body.dark .userBox .itemData .date > span::before {
float: left;
}
body.dark .userBox .itemData .date > span .dataValue {
float: left;
}
body.dark .userBox .iconfontBox {
background: none;
width: auto;
height: 40px;
line-height: 40px;
-webkit-box-flex: 0;
/* -webkit-flex:0 0 100px;-ms-flex:0 0 100px;flex:0 0 100px;浮动评论注释 */
text-align: center;
font-size: 11px;
}
body.dark .userBox .iconfontBox .iconfont {
margin: 5px;
font-size: 30px;
line-height: 40px;
}
body.dark .userBox .itemData .iconfont {
float: left;
height: 16px;
line-height: 16px;
font-size: 16px;
color: #595959;
}
body.dark .userBox .itemData .focus .icon-ok,
body.dark .userBox .itemData .focus .icon-close {
bottom: -6px;
right: -6px;
font-size: 10px !important;
}
body.dark .userBox .itemData .IconBox {
line-height: 20px;
}
body.dark .userBox .itemData .readCount {
font-size: 14px;
line-height: 20px;
white-space: nowrap;
right: 0;
min-width: 50px;
position: absolute;
color: #595959;
}
body.dark .userBox .itemData .readCount.iconfont {
font-size: 16px;
}
body.dark .userBox .itemData .readCount .dataValue {
float: none;
line-height: 21px;
display: inline;
margin: 0;
color: #cccccc;
}
body.dark .userBox .itemData .dataValue {
margin-right: 10px;
min-width: 20px;
}
body.dark .DetailBox.dataItem .IconBox {
width: 60px;
height: 60px;
overflow: hidden;
}
body.dark .DetailBox.dataItem .IconBox img {
width: 100%;
}
body.dark .DetailBox.userBox .itemData {
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
float: right;
position: relative;
}
body.dark .DetailBox.userBox .itemData .row {
line-height: 20px;
height: 20px;
overflow: hidden;
}
body.dark .pubs {
margin: 0;
}
body.dark .dataIcon .iconfont {
line-height: 20px;
font-size: 21px !important;
}
body.dark .dataIcon .iconfont::before {
display: inline-block;
float: left;
}
body.dark .DetailBox .itemData .pubName,
body.dark .DetailBox .itemData .userName {
line-height: normal;
padding-left: 3px;
font-size: 14px;
font-weight: 500;
}
body.dark .DetailBox .itemData .userName {
font-size: 20px;
word-wrap: break-word;
}
body.dark .indexContent {
width: 100%;
}
body.dark .DetailBox {
padding: 5px 0px;
position: relative;
border: none;
}
body.dark .DetailBox .iconfont {
display: inline-block;
text-align: left;
font-size: 24px;
}
body.dark .DetailBox .RTBox .iconfont {
font-size: 24px;
line-height: 26px;
width: 30px;
}
body.dark .DetailBox .addBtn {
float: right;
margin: 0 0 0 5px;
padding: 0 5px;
line-height: 22px;
}
body.dark .DetailBox .focusBtn {
margin: 0;
padding: 2px 5px;
white-space: normal;
line-height: 18px;
float: right;
}
body.dark .DetailBox .addBtn a {
color: white;
}
body.dark .RBBox .focusBtn {
float: right;
}
body.dark .toolsBar {
line-height: 22px;
margin: 5px auto !important;
padding: 5px;
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
border-radius: 4px;
}
body.dark .toolsBar .button.mini {
font-weight: normal;
background: #591e03;
color: white;
border-color: #591e03;
border-radius: 4px;
}
body.dark .toolsBar .iconfont {
color: #8c8c8c;
}
body.dark .dataItem .league {
/* 1、第一行：比赛时间+赛事名全称，12px，行高:16px，字体颜色:#808080，上间距8px，下间距0px. */
font-size: 12px;
line-height: 16px;
color: #595959;
margin: 0;
margin-top: 8px;
float: left;
}
body.dark .dataItem .matchTit {
/* 第二行：赛事对阵(结束后红色显示比分)，15px，不加粗，行高:20px，上下无间隔。 */
font-size: 15px;
font-weight: normal;
line-height: 20px;
margin: 0 0 3px 0;
}
body.dark .recommendBox .matchRecommendBox,
body.dark .dataItem .matchRecommendBox {
/* margin:5px 0;*/
min-width: 250px;
/* float:unset !important;*/
margin-bottom: 8px;
/* max-width:-webkit-calc(~"100% - 42px");max-width:calc(~"100% - 42px");*/
float: left;
}
body.dark .dataItem .IconBox {
width: 14%;
}
body.dark .dataItem .IconBox .UserIcon {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 60px;
}
body.dark .dataItem .IconBox .UserIcon img {
width: 100%;
}
body.dark .pBar .iconfont.on {
color: red;
}
body.dark .pBar > div {
width: 100%;
padding: 5px 0;
}
body.dark .pBar > div .name {
color: #545954;
font-size: 14px;
}
body.dark .pBar .pbg {
background: #f1f1f1;
border-radius: 4px;
height: 10px;
overflow: hidden;
}
body.dark .pBar .pbg i {
display: block;
float: left;
height: 10px;
}
body.dark .pBar .h i {
background: #00cbf4;
}
body.dark .pBar .a i {
background: #8bc34a;
}
body.dark .detail .detailInfo h1 {
font-size: 16px;
font-weight: bold;
text-align: left;
display: block;
line-height: normal;
padding: 0 5px 10px 5px;
line-height: 20px;
/* word-break:break-word;*/
}
body.dark .detail .detailInfo h1 > span {
vertical-align: middle;
word-break: break-word;
}
body.dark .detail .detailInfo .date {
color: #595959;
line-height: normal;
padding: 0 5px;
font-size: 12px;
margin-top: 10px;
}
body.dark .detail .detailInfo .recomtit {
font-size: 18px;
line-height: 24px;
font-weight: bold;
margin: 10px 0;
}
body.dark .detail .recommendContent {
float: none;
}
body.dark .detail .recommendContent .hideContent {
line-height: 20px;
padding: 0;
margin: 10px 0;
}
body.dark .detail .detailInfo .links {
line-height: normal;
font-size: 12px;
margin-top: 8px;
display: flex;
justify-content: flex-end;
}
body.dark .detail .detailInfo .links a {
background: #591e03;
color: white;
margin: 0 3px;
padding: 1px 6px;
border-radius: 20px;
white-space: nowrap;
text-transform: uppercase;
}
body.dark .detail .detailInfo .team {
line-height: normal;
padding: 0 5px;
font-size: 14px;
line-height: 30px;
}
body.dark .detail .detailInfo .row {
line-height: 30px;
}
body.dark .detail .detailInfo .row > span {
vertical-align: middle;
margin-right: 5px;
display: inline-block;
}
body.dark .detail .detailInfo .info {
padding: 5px;
line-height: 26px;
}
body.dark .detail .detailInfo .info-text {
white-space: pre-line;
word-break: break-word;
font-size: 14px;
line-height: 20px;
}
body.dark .detail .userIcon {
width: 40px;
}
body.dark .detail .userIcon .focus {
background: red;
border-radius: 50%;
width: 15px;
height: 16px;
}
body.dark .detail .name a {
float: left;
font-size: 12px;
}
body.dark .detail .dataItem .date {
font-size: 12px;
}
body.dark .detail .dataItem .tit {
font-size: 15px;
}
body.dark .detail .dataItem .date {
color: #595959;
}
body.dark .detail .detailInfo .msg {
border-radius: 4px;
margin-top: 10px;
color: #595959;
font-size: 12px;
padding: 5px;
line-height: 20px;
}
body.dark .detailTools {
text-align: center;
margin-bottom: 10px;
float: left;
width: 100%;
margin-top: 10px;
}
body.dark .detailTools .btn,
body.dark .detailTools .btn:hover {
background: #1b1b1b;
color: #295d13;
width: 50px;
height: 50px;
white-space: nowrap;
padding: 0 10px;
margin: 0 10px;
border-radius: 50%;
border: solid 1px #295d13;
cursor: pointer;
box-shadow: none;
}
body.dark .detailTools .btn.on,
body.dark .detailTools .btn.on:hover {
background: #295d13;
color: white;
}
body.dark .detailTools .btn.on .icon,
body.dark .detailTools .btn.on .agrNum {
color: white !important;
}
body.dark .detailTools .btn .icon {
color: #295d13;
font-size: 18px;
vertical-align: middle;
display: block;
}
body.dark .detailTools .btn .agrNum {
color: #295d13;
font-size: 10px;
display: block;
}
body.dark .detailTools .shareBtn {
margin: 0 auto !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
body.dark .detailTools .btn:after {
display: inline;
}
body.dark .RTBox .iconfont {
font-size: 26px;
}
body.dark .editor h2 {
line-height: 30px;
color: #8c8c8c;
border: none;
}
body.dark .editor #Title {
border: solid 1px #d4d4d4;
padding: 5px;
line-height: 30px;
margin-bottom: 10px;
font-size: 14px;
margin: 0;
}
body.dark .editor .edui-editor-body .edui-body-container {
padding: 10px;
}
body.dark .editor .edui-container,
body.dark .editor .edui-container .edui-toolbar {
-webkit-box-shadow: none;
box-shadow: none;
}
body.dark .news ul li:last-child {
border: none;
}
body.dark .linkNav {
text-align: left;
padding: 4px 2px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: auto;
white-space: nowrap;
display: none;
}
body.dark .linkNav a {
color: #295d13;
font-size: 13px;
}
body.dark .linkNav a::after {
content: ">";
padding: 0 4px;
color: #595959;
}
body.dark .linkNav a:last-child::after {
content: "";
}
body.dark .linkNav h1 {
background: none;
display: inline;
color: #8c8c8c;
font-size: 13px;
font-weight: 500;
margin: 0;
padding: 0;
line-height: unset;
}
body.dark h2 {
font-size: 15px;
line-height: 35px;
font-weight: bold;
color: #8c8c8c;
margin: 0;
}
body.dark h2::after {
content: '';
clear: both;
width: 100%;
display: block;
}
body.dark .replyList {
border-radius: 4px;
}
body.dark .replyList #noComment {
text-align: center;
width: 100%;
padding: 15px 0;
float: left;
}
body.dark .weiquBox .right {
position: relative;
margin: 0px;
width: -webkit-calc(100% - 38px);
width: calc(100% - 38px);
float: left;
clear: none;
padding: 0;
padding-left: 10px;
border: none;
}
body.dark .weiquBox .right .r_info .txt {
word-break: break-word;
text-align: justify;
white-space: pre-line;
display: block;
line-height: normal;
}
body.dark .weiquBox .right .lastTen {
font-size: 0;
line-height: 16px;
max-height: 16px;
}
body.dark .weiquBox .right .lastTen span {
font-size: 12px;
line-height: 16px;
}
body.dark .weiquBox .right .name {
border-style: none;
color: #00975a;
font-weight: normal;
font-size: 14px;
line-height: 13px;
font-weight: bold;
margin-bottom: 10px;
}
body.dark .weiquBox .right .name.red {
color: #f44336;
}
body.dark .weiquBox .right .name .likePercent {
color: #999999;
font-weight: normal;
font-size: 12px;
margin: 0 5px;
}
body.dark .weiquBox .right .info {
float: left;
font-size: 15px;
color: #8c8c8c;
}
body.dark .weiquBox .right .info .more {
cursor: pointer;
background: url("/images/winOpen/more.png") no-repeat center right;
padding-right: 15px;
font-size: 12px;
}
body.dark .weiquBox .right .info > img {
border-radius: 4px;
}
body.dark .weiquBox .right .title {
font-weight: bold;
font-size: 14px;
width: 100%;
float: left;
color: #209ede;
}
body.dark div.tools {
float: right;
text-align: right;
padding: 0;
}
body.dark .tools .icon {
display: block;
float: left;
padding: 0 0 0 10px;
color: #8c8c8c;
cursor: pointer;
/* margin:0 15px;*/
}
body.dark .tools .on {
color: red;
}
body.dark .weiquBox .left {
float: left;
}
body.dark .weiquBox .left .icon {
background: #f3f3f3;
width: 38px;
height: 38px;
text-align: center;
border-radius: 60px;
position: relative;
}
body.dark .weiquBox .left .icon > a {
overflow: hidden;
border-radius: 50%;
display: block;
width: 38px;
height: 38px;
}
body.dark .replyList .weiquBox {
float: left;
padding: 10px 0;
width: 100%;
border-bottom: solid 1px #262626;
}
body.dark .replyList .weiquBox:last-child {
border: none;
}
body.dark .replyList .weiquBox:first-child {
border-bottom: solid 1px #262626;
}
body.dark .replyList .tools {
position: absolute;
bottom: 0;
right: 0;
height: 20px;
padding: 0;
}
body.dark .replyList .replyTitle {
font-size: 12px;
color: #8c8c8c;
width: 650px;
float: right;
padding: 3px 10px;
border-radius: 4px;
background: #232323;
margin: 5px 0 10px 0;
}
body.dark .replyList .replyTo {
font-size: 12px;
width: 100%;
float: right;
padding: 5px;
border-radius: 4px;
background: #232323;
margin: 10px 0 0 0;
}
body.dark .replyList .replyTo .tools {
bottom: 0;
top: -2px;
right: 0;
}
body.dark .replyList .replyTo a:hover {
text-decoration: none;
color: #0e93f1;
}
body.dark .replyList .replyTo .more {
color: #00b6ff;
background: url("/images/winOpen/more.png") right 13px no-repeat;
float: left;
padding-right: 20px;
cursor: pointer;
}
body.dark .replyList .replyTo .item {
position: relative;
}
body.dark .replyList .replyTo .item:last-child {
border: none;
}
body.dark .replyList .date {
color: #595959;
font-size: 12px;
line-height: 20px;
}
body.dark .replyList .replyTo .r_info {
color: #8c8c8c;
line-height: normal;
margin-bottom: 15px;
}
body.dark .replyList .replyTo .r_info a.name {
color: #295d13;
line-height: normal;
font-weight: bold;
}
body.dark .replyList .replyTo .r_info a.name.red {
color: #f44336;
}
body.dark .replyList .replyTo .r_info a.name:hover {
text-decoration: none;
color: #f44336;
}
body.dark .replyList .replyTo .r_info .txt {
color: #8c8c8c;
word-break: break-word;
}
body.dark .reward {
border: solid 1px #f44336;
position: relative;
font-size: 12px;
padding: 2px 4px;
border-radius: 4px;
color: #f44336;
}
body.dark .weiquBox .replyList .right .info {
line-height: 20px;
}
body.dark .replyFloat {
z-index: 9;
line-height: 30px;
padding: 5px 0;
bottom: 0;
}
body.dark .replyFloat textarea {
border: solid 1px #262626;
padding: 10px;
flex: 1;
border-radius: 4px;
background: #232323;
color: #8c8c8c;
resize: none;
}
body.dark .replyFloat .input {
float: left;
width: 100%;
}
body.dark .replyFloat .input textarea {
width: 560px;
line-height: 30px;
height: 60px;
margin-bottom: 6px;
border-radius: 4px;
border: solid 1px #262626;
background: #232323;
padding-left: 8px;
}
body.dark .replyFloat .tools > div {
border-radius: 4px;
background: none;
background-color: #295d13;
color: white;
text-align: center;
line-height: 30px;
display: block;
width: 80px;
padding: 0;
margin: 0;
}
body.dark .replyBox .contentBox {
display: flex;
align-items: center;
margin-bottom: 10px;
}
body.dark .floatBox .userPic,
body.dark .replyFloat .userPic {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
object-fit: cover;
}
body.dark .replySort {
background: #232323;
border: none;
width: 100%;
float: left;
border-radius: 5px;
padding: 5px;
margin-top: 10px;
display: block;
}
body.dark .replySort .tabItem {
background: #1b1b1b;
color: #8c8c8c;
font-size: 12px;
line-height: 26px;
padding: 0 10px;
margin: 0 2px;
border-radius: 4px;
float: left;
}
body.dark .replySort .tabItem select {
padding: 4px 0;
border: solid 1px #262626;
background: #1b1b1b;
color: #8c8c8c;
border-radius: 4px;
border: none;
font-size: 12px;
line-height: 26px;
}
body.dark .replySort .tabItem:last-child {
border: none;
}
body.dark .replySort .tabItem--on {
background: #295d13;
color: white;
font-size: 12px;
line-height: 26px;
padding: 0 10px;
margin: 0 2px;
border-radius: 4px;
float: left;
}
body.dark .popupCommentBox {
position: fixed;
bottom: 0;
width: 100%;
background-color: #262626;
z-index: 998;
padding: 5px 0 5px 5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
body.dark .popupCommentBox .iconfont,
body.dark .popupCommentBox .star-mark {
margin: 0 10px;
line-height: 30px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 30px;
}
body.dark .popupCommentBox .icon-star_fill {
color: #019f68;
}
body.dark .popupCommentBox .iconfont.icon-talk {
display: inline;
}
body.dark .nologin {
position: absolute;
bottom: 10px;
padding-left: 20px;
left: 10px;
line-height: 30px;
height: 30px;
background: #1b1b1b;
font-size: 14px;
}
body.dark .popupCommentBox .input {
display: none;
}
body.dark .popupCommentBox .input input {
width: 100%;
height: 32px;
margin-top: 0;
border: none;
line-height: 32px;
font-size: 14px;
padding: 0 5px;
}
body.dark .popupCommentBox .btn {
margin: 5px 4px;
display: none;
border-radius: 4px;
line-height: 32px;
width: 100px;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 30px;
text-align: center;
background-color: #3baee9;
cursor: pointer;
color: white;
font-size: 14px;
}
body.dark .popupCommentBox .star-mark.on .icon-star {
display: none;
}
body.dark .popupCommentBox .star-mark .icon-star_fill {
display: none;
color: #ff9400;
}
body.dark .popupCommentBox .star-mark.on .icon-star_fill {
display: block;
}
body.dark .popupCommentBox .iconfont {
cursor: pointer;
}
body.dark .regBox .topics {
overflow-y: scroll;
height: 60vh;
}
body.dark .topics {
/* float:left;*/
width: 100%;
}
body.dark .topics .uicon {
/* width:36px;height:36px;*/
line-height: 0;
}
body.dark .topics .matchRecommendBox li {
line-height: 24px;
}
body.dark .topics .matchRecommendBox li > div {
background: #f1f1f1;
}
body.dark .topics .uicon a {
display: block;
height: 100%;
}
body.dark .content .RCBox .iconfont {
font-size: 22px;
}
body.dark .content .RCBox .iconfont.on {
color: red;
}
body.dark .popInfo .row .cel {
text-align: left;
border-bottom: solid 1px #f1f1f1;
padding: 5px 0;
}
body.dark .popInfo .row .cel img {
vertical-align: middle;
margin-right: 10px;
border-radius: 50%;
}
body.dark .popShare {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
body.dark .popShare li {
background: none;
float: left;
padding: 10px 0;
border: none;
width: 25%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
cursor: pointer;
}
body.dark .popShare li img {
display: block;
margin: 0px auto;
max-width: 50px;
}
body.dark .popShare li span {
display: block;
}
body.dark .popShare li span:hover {
color: #f44336;
}
body.dark .popup-bottom .popShare {
margin-bottom: 0px;
margin-top: 0px;
}
body.dark .pop-comment-edit .popupBox--body {
text-align: left;
}
body.dark .pop-comment-edit .tools .button--mini {
border-radius: 4px;
background: none;
background-color: #48b1e6;
color: white;
text-align: center;
line-height: 30px;
display: block;
width: 80px;
padding: 0;
}
body.dark .replyBox {
background: #1b1b1b;
}
body.dark .replyBox h2 {
color: #8c8c8c;
border: none;
padding: 0 10px;
}
body.dark .userPlane {
border-radius: 4px;
padding: 10px;
background: #1b1b1b;
margin-bottom: 10px;
}
body.dark .userPlane .button {
background: #1b1b1b;
}
body.dark .userPlane .button:first-child {
margin-right: 5px;
}
body.dark .userPlane .button:last-child {
margin-left: 5px;
}
body.dark .userPlane .icon {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
background: #1b1b1b;
padding: 5px;
/* border:solid 3px #f1f1f1;*/
}
body.dark .userPlane .icon img {
border-radius: 50%;
width: 90px;
height: 90px;
}
body.dark .userPlane .name {
text-align: center;
line-height: 30px;
font-size: 18px;
}
body.dark .newsList h3 {
line-height: 30px;
background: #232323;
margin-bottom: 5px;
padding: 0 5px;
overflow: hidden;
}
body.dark .userBox .itemData {
/* width:-webkit-calc(~"100% - 40px");width:-webkit-calc(~"100% - 40px");width:calc(~"100% - 40px");*/
width: unset;
flex: 1 1 auto;
position: relative;
}
body.dark .userBox .itemData .userName {
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
body.dark .userBox .itemData > span {
display: block;
}
body.dark .userBox .date .badge {
margin: 0;
}
body.dark .userBox .userName .badge {
margin: 0 5px;
background: #fff3e8 !important;
/* border:solid 1px #F7A468 !important;*/
color: #cb6f2d !important;
height: 16px;
line-height: 16px;
position: static;
}
@media screen and (max-width: 640px) {
body.dark .detail .detailInfo .info img {
height: auto !important;
}
body.dark .replyList .replyTo {
width: -webkit-calc(100% - 48px);
width: calc(100% - 48px);
float: right;
}
body.dark .userBox .itemData .readCount {
bottom: 0px;
}
body.dark .DetailBox {
padding: 5px 0;
}
}
@media screen and (min-width: 640px) {
body.dark .recommendContent {
padding: 10px;
text-align: justify;
}
body.dark .userBox .itemData .readCount {
top: 0;
right: 0;
position: absolute;
}
body.dark .userBox .itemData {
position: relative;
/* line-height:40px;详细页冲突 */
}
body.dark .popupCommentBox {
width: 640px;
}
body.dark .popupCommentBox .iconfont.icon-talk {
display: none;
}
body.dark .popupCommentBox > .iconfont,
body.dark .popupCommentBox .star-mark {
float: right;
display: block;
width: 40px;
margin: 5px 0 0 0;
}
body.dark .popupCommentBox .star-mark .iconfont {
margin: 0;
}
body.dark .popupCommentBox .btn {
display: block;
}
body.dark .popupCommentBox .input {
width: 510px;
font-size: 0;
margin: 0 5px;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
line-height: 40px;
}
body.dark div.tools {
padding: 0;
}
body.dark .replyList .replyTo {
width: 575px;
}
body.dark .replyBox {
border-top: none;
}
body.dark .detail .RTBox {
line-height: 32px;
}
body.dark .linkNav {
display: block;
}
body.dark .detail .indexContent .dataItem {
margin: 0;
}
body.dark .detail .detailInfo h1 {
padding: 10px 20px;
}
body.dark .DetailBox .RTBox .iconfont {
font-size: 27px;
}
body.dark .editor {
padding-top: 10px;
}
body.dark .editor h2 {
padding: 0;
}
body.dark .editor #Title {
border: solid 1px #d4d4d4;
border-radius: 4px;
}
body.dark .editor .edui-container {
border: solid 1px #e1e1e1;
border-radius: 4px;
}
body.dark .RTBox {
top: 0px;
}
body.dark .RTBox .iconfont {
font-size: 21px;
}
body.dark .userBox .itemData {
margin: 0;
}
body.dark .DetailBox.dataItem .IconBox {
width: 60px;
height: 60px;
overflow: hidden;
}
body.dark .DetailBox.dataItem .IconBox img {
width: 100%;
}
body.dark .detail .detailInfo .msg {
padding: 10px 30px;
}
body.dark .news .tit {
float: left;
font-size: 12px;
line-height: 18px;
font-weight: 500;
}
body.dark .news .icon {
float: right;
}
body.dark .news .userIcon .icon {
width: 30px;
height: 30px;
}
body.dark .news .name {
height: 35px;
line-height: 35px;
}
body.dark .news .date {
padding-left: 10px;
color: #595959;
}
body.dark .news li:last-child .dataItem {
border: none !important;
}
body.dark .detail .detailInfo .info {
padding: 10px 20px;
}
body.dark .DetailBox {
padding: 0px;
}
body.dark .DetailBox .focusBtn {
line-height: 22px;
bottom: 0;
}
body.dark .DetailBox .addBtn {
padding: 2px 5px;
}
body.dark .pubs {
overflow: hidden;
margin-right: -5px;
}
body.dark .plane {
max-width: 640px;
margin: 0 auto;
}
body.dark .newsList .regBox,
body.dark .newsList {
/* margin:0 0 5px 0;*/
background: #1b1b1b;
}
body.dark .newsList h2 {
margin-bottom: 5px;
}
body.dark .newsList .tab {
position: static;
bottom: 0;
line-height: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
}
body.dark .newsList .tab .tabItem--on {
border-radius: 0;
line-height: 40px;
}
body.dark .newsList .tab .tabItem {
line-height: 40px;
}
body.dark .pubs .dataItem {
width: -webkit-calc(50% - 5px);
width: calc(50% - 5px);
margin: 0 5px 5px 0;
border: solid 1px #1b1b1b !important;
}
body.dark .indexContent {
width: 100%;
position: relative;
}
body.dark .pop-comment-edit .popupBox--info {
width: 60%;
max-width: 640px;
}
}
body.dark .MT20 {
margin-top: 20px;
}
body.dark .dataItem.new {
padding: 5px 0 10px 0 !important;
}
body.dark .dataItem:hover .recommend {
background: none;
}
body.dark .dataItem .recommend ~ .dateBar {
padding: 0 3px;
}
body.dark .dataItem .dateBar .lock {
font-size: 12px;
}
body.dark .dataItem .dateBar .lock::before {
font-size: 14px;
margin-right: 4px;
float: none;
}
body.dark .dataItem .recommend {
background: none;
padding: 0;
margin-bottom: 5px;
}
body.dark .dataItem .recommend .s_tit {
font-size: 14px;
padding: 0 3px;
margin: 5px 0;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
}
body.dark .dataItem .recommend .s_tit > span {
font-weight: normal;
}
body.dark .dataItem .recommend .row {
font-size: 12px;
padding: 3px;
border-radius: 20px;
}
body.dark .dataItem .recommend .recom {
background: linear-gradient(90deg, rgba(67, 149, 30, 0.2), rgba(67, 149, 30, 0.05));
}
body.dark .dataItem .recommend .item {
color: white;
width: calc(100% - 50px);
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.dark .dataItem .recommend .type {
background: #1b1b1b !important;
color: #295d13;
text-align: center;
line-height: 22px;
height: 22px;
min-width: 30px;
padding: 0 5px;
margin-right: 2px;
border-radius: 20px;
vertical-align: 0;
}
body.dark .dataItem .recommend .date {
color: #8c8c8c;
padding-right: 5px;
vertical-align: 0;
float: none;
display: inline-block;
}
body.dark .dataItem .recommend .date::after,
body.dark .dataItem .recommend .iconBox {
display: none;
}
body.dark .dataItem .recommend .results {
width: 50px;
text-align: right;
display: inline-block;
}
body.dark .dataItem .recommend .hit,
body.dark .dataItem .recommend .wrong,
body.dark .dataItem .recommend .zoushui {
color: #29680b;
font-size: 14px;
text-align: center;
width: 20px;
height: 20px;
display: inline-block;
position: relative;
z-index: 1;
}
body.dark .dataItem .recommend .hit {
color: #f44336;
}
body.dark .dataItem .recommend .zoushui::before {
content: "";
background: #0a6bb7;
width: 12px;
height: 2px;
margin: 0;
border-radius: 3px;
vertical-align: 4px;
display: inline-block;
}
body.dark .dataItem .recommend .pay {
background: none;
color: #295d13 !important;
font-size: 14px !important;
line-height: 20px;
height: auto;
width: auto;
vertical-align: 0;
transform: translateY(0);
float: none;
position: static;
}
body.dark .dataItem .recommend .pay::before {
font-size: 16px;
margin-right: 2px;
float: none;
}
body.dark .dataItem .recommend .paid .hit::after,
body.dark .dataItem .recommend .paid .wrong::after,
body.dark .dataItem .recommend .paid .zoushui::after {
content: "";
background: url(/images/diamond.svg) no-repeat center;
background-size: 18px;
opacity: 0.5;
width: 20px;
height: 20px;
top: 0;
left: 0;
position: absolute;
z-index: -1;
}
body.dark .matrix-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 114px;
opacity: 0.4;
display: flex;
overflow: hidden;
z-index: -1;
}
body.dark .matrix-pattern {
position: relative;
width: 100%;
height: 100%;
flex-shrink: 0;
}
body.dark .matrix-column {
position: absolute;
top: -100%;
width: 20px;
height: 100%;
font-size: 12px;
line-height: 18px;
animation: fall 5s linear infinite;
/* white-space: nowrap; */
}
body.dark .matrix-column::before {
content: "1010101 10101011110101 1010111011110 10101010101 10101 1011001010101";
position: absolute;
top: 0;
left: -125px;
background: linear-gradient(to bottom, white 0%, #31ffbb 40%, #2ccbff 80%, transparent 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
writing-mode: vertical-lr;
/* text-orientation: upright; */
letter-spacing: 2px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: cursive;
}
body.dark .matrix-column:nth-child(1) {
left: 0px;
animation-delay: -2.5s;
animation-duration: 3s;
}
body.dark .matrix-column:nth-child(2) {
left: 10%;
animation-delay: -3.2s;
animation-duration: 4s;
}
body.dark .matrix-column:nth-child(3) {
left: 20%;
animation-delay: -1.8s;
animation-duration: 2.5s;
}
body.dark .matrix-column:nth-child(4) {
left: 30%;
animation-delay: -2.9s;
animation-duration: 3.5s;
}
body.dark .matrix-column:nth-child(5) {
left: 40%;
animation-delay: -1.5s;
animation-duration: 3s;
}
body.dark .matrix-column:nth-child(6) {
left: 50%;
animation-delay: -3.8s;
animation-duration: 4.5s;
}
body.dark .matrix-column:nth-child(7) {
left: 60%;
animation-delay: -2.1s;
animation-duration: 2.8s;
}
body.dark .matrix-column:nth-child(8) {
left: 70%;
animation-delay: -2.7s;
animation-duration: 3.2s;
}
body.dark .matrix-column:nth-child(9) {
left: 80%;
animation-delay: -3.4s;
animation-duration: 3.8s;
}
body.dark .matrix-column:nth-child(10) {
left: 100%;
animation-delay: -1.9s;
animation-duration: 2.7s;
}
body.dark .matrix-column:nth-child(odd)::before {
content: "1001100111 01010101 10101011110101 1010111011110 10101010101 10101 1011001010101";
}
@keyframes fall {
0% {
transform: translateY(-10%);
opacity: 1;
}
100% {
transform: translateY(150%);
opacity: 0;
}
}