.c-gap-top-small {
margin-top: 3px;
}
.c-gap-top {
margin-top: 7px;
}
.c-gap-top-large {
margin-top: 11px;
}
.c-gap-top-mini {
margin-top: 2px;
}
.c-gap-top-xsmall {
margin-top: 4px;
}
.c-gap-top-middle {
margin-top: 10px;
}
.c-gap-bottom-small {
margin-bottom: 3px;
}
.c-gap-bottom {
margin-bottom: 7px;
}
.c-gap-bottom-large {
margin-bottom: 11px;
}
.c-gap-bottom-mini {
margin-bottom: 2px;
}
.c-gap-bottom-xsmall {
margin-bottom: 4px;
}
.c-gap-bottom-middle {
margin-bottom: 10px;
}
.c-gap-left {
margin-left: 12px;
}
.c-gap-left-small {
margin-left: 8px;
}
.c-gap-left-xsmall {
margin-left: 4px;
}
.c-gap-left-mini {
margin-left: 2px;
}
.c-gap-left-large {
margin-left: 16px;
}
.c-gap-left-middle {
margin-left: 10px;
}
.c-gap-right {
margin-right: 12px;
}
.c-gap-right-small {
margin-right: 8px;
}
.c-gap-right-xsmall {
margin-right: 4px;
}
.c-gap-right-mini {
margin-right: 2px;
}
.c-gap-right-large {
margin-right: 16px;
}
.c-gap-right-middle {
margin-right: 10px;
}
.c-gap-icon-right-small {
margin-right: 5px;
}
.c-gap-icon-right {
margin-right: 10px;
}
.c-gap-icon-left-small {
margin-left: 5px;
}
.c-gap-icon-left {
margin-left: 10px;
}
.c-row {
*zoom: 1;
}
.c-row:after {
display: block;
height: 0;
content: "";
clear: both;
visibility: hidden;
}
.c-span1 {
width: 32px;
}
.c-span2 {
width: 80px;
}
.c-span3 {
width: 128px;
}
.c-span4 {
width: 176px;
}
.c-span5 {
width: 224px;
}
.c-span6 {
width: 272px;
}
.c-span7 {
width: 320px;
}
.c-span8 {
width: 368px;
}
.c-span9 {
width: 416px;
}
.c-span10 {
width: 464px;
}
.c-span11 {
width: 512px;
}
.c-span12 {
width: 560px;
}
.c-span2,
.c-span3,
.c-span4,
.c-span5,
.c-span6,
.c-span7,
.c-span8,
.c-span9,
.c-span10,
.c-span11,
.c-span12 {
float: left;
_display: inline;
margin-right: 16px;
list-style: none;
}
.c-span-last {
margin-right: 0;
}
.c-span-last-s {
margin-right: 0;
}
.c-feed-box .c-span1 {
width: 43px;
}
.c-feed-box .c-span2 {
width: 90px;
}
.c-feed-box .c-span3 {
width: 137px;
}
.c-feed-box .c-span4 {
width: 184px;
}
.c-feed-box .c-span5 {
width: 231px;
}
.c-feed-box .c-span6 {
width: 278px;
}
.c-feed-box .c-span7 {
width: 325px;
}
.c-feed-box .c-span8 {
width: 372px;
}
.c-feed-box .c-span9 {
width: 419px;
}
.c-feed-box .c-span10 {
width: 466px;
}
.c-feed-box .c-span11 {
width: 513px;
}
.c-feed-box .c-span12 {
width: 560px;
}
.c-feed-box .c-span2,
.c-feed-box .c-span3,
.c-feed-box .c-span4,
.c-feed-box .c-span5,
.c-feed-box .c-span6,
.c-feed-box .c-span7,
.c-feed-box .c-span8,
.c-feed-box .c-span9,
.c-feed-box .c-span10,
.c-feed-box .c-span11,
.c-feed-box .c-span12 {
margin-right: 4px;
}
.c-feed-box .c-span-last {
margin-right: 0;
}
.c-index {
display: inline-block;
width: 14px;
padding: 1px 0;
line-height: 100%;
text-align: center;
color: #fff;
background-color: #8eb9f5;
font-size: 12px;
}
.c-index-hot,
.c-index-hot1 {
background-color: #f54545;
}
.c-index-hot2 {
background-color: #ff8547;
}
.c-index-hot3 {
background-color: #ffac38;
}
.c-index-single {
display: inline-block;
background: 0 0;
color: #9195A3;
width: 18px;
font-size: 15px;
letter-spacing: -1px;
}
.c-index-single-hot,
.c-index-single-hot1 {
color: #FE2D46;
}
.c-index-single-hot2 {
color: #F60;
}
.c-index-single-hot3 {
color: #FAA90E;
}
.c-font-sigma {
font: 36px/60px Arial, sans-serif;
}
.c-font-large {
font: 20px/30px Arial, sans-serif;
}
.c-font-big {
font: 20px/30px Arial, sans-serif;
}
.c-font-special {
font: 16px/26px Arial, sans-serif;
}
.c-font-medium {
font: 14px/24px Arial, sans-serif;
}
.c-font-middle {
font: 14px/24px Arial, sans-serif;
}
.c-font-normal {
font: 13px/23px Arial, sans-serif;
}
.c-font-small {
font: 12px/20px Arial, sans-serif;
}
.c-font-family {
font-family: Arial, sans-serif;
}
.c-color-t {
color: #222;
}
.c-color-text {
color: #333;
}
.c-color-gray {
color: #626675;
}
.c-color-gray2 {
color: #9195A3;
}
.c-color-visited {
color: #626675;
}
.c-color-link {
color: #222;
}
.c-color-orange {
color: #FA4901;
}
.c-color-green {
color: #0EBE90;
}
.c-color-ad {
color: #77A9F9;
}
.c-color-red {
color: #F63051;
}
.c-color-red:visited {
color: #F63051;
}
.c-color-warn {
color: #FF7900;
}
.c-color-warn:visited {
color: #FF7900;
}
.c-color-link {
color: #3951b3;
}
.c-btn,
.c-btn:visited {
color: #333 !important;
}
.c-btn {
display: inline-block;
overflow: hidden;
font-family: inherit;
font-weight: 400;
text-align: center;
vertical-align: middle;
outline: 0;
border: 0;
height: 30px;
width: 80px;
line-height: 30px;
font-size: 13px;
border-radius: 6px;
padding: 0;
background-color: #F5F5F6;
*zoom: 1;
cursor: pointer;
}
.c-btn:hover {
background-color: #315EFB;
color: #FFF !important;
}
a.c-btn {
text-decoration: none;
}
button.c-btn {
*overflow: visible;
border: 0;
}
button.c-btn::-moz-focus-inner {
padding: 0;
border: 0;
}
.c-btn-disable {
color: #C4C7CE !important;
}
.c-btn-disable:visited {
color: #C4C7CE !important;
}
.c-btn-disable:hover {
cursor: default;
color: #C4C7CE !important;
background-color: #F5F5F6;
}
.c-btn-mini {
height: 24px;
width: 48px;
line-height: 24px;
}
.c-btn-mini .c-icon {
margin-top: 2px;
}
.c-btn-large {
height: 30px;
line-height: 30px;
font-size: 14px;
}
button.c-btn-large {
height: 30px;
_line-height: 24px;
}
.c-btn-large .c-icon {
margin-top: 7px;
_margin-top: 6px;
}
.c-btn-primary,
.c-btn-primary:visited {
color: #fff !important;
}
.c-btn-primary {
background-color: #4E6EF2;
}
.c-btn-primary:hover {
background-color: #315EFB;
}
.c-btn-weak {
height: 24px;
line-height: 24px;
border-radius: 4px;
font-size: 12px;
}
.c-btn-add {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
color: #9195A3 !important;
}
.c-btn-add:hover {
background-color: #4E6EF2;
color: #fff !important;
}
.c-btn-add .c-icon {
float: none;
}
.c-btn-add-disable:hover {
cursor: default;
color: #C4C7CE !important;
background-color: #F5F5F6;
}
.c-select {
position: relative;
display: inline-block;
width: 96px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
vertical-align: middle;
color: #222;
font: 13px/23px Arial, sans-serif;
}
.c-select-selection {
display: block;
height: 30px;
line-height: 29px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 26px 0 10px;
background-color: #fff;
border-radius: 6px;
border: 1px solid #D7D9E0;
outline: 0;
user-select: none;
cursor: pointer;
position: relative;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-select-arrow,
.c-select-arrow-up {
position: absolute;
top: -1px;
right: 10px;
color: #9195A3;
font-size: 16px;
}
.c-select-dropdown {
display: none;
position: absolute;
padding-top: 4px;
top: 25px;
z-index: 999;
left: 0;
width: 94px;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
background: #fff;
border-radius: 0 0 6px 6px;
border: 1px solid #D7D9E0;
border-top: 0;
zoom: 1;
}
.c-select-split {
border-top: 1px solid #f5f5f5;
margin: 0 5px;
}
.c-select-dropdown-list {
padding: 0;
margin: 5px 0 0;
list-style: none;
}
.c-select-dropdown-list.c-select-scroll {
max-height: 207px;
overflow-y: auto;
overflow-x: hidden;
margin-right: 5px;
margin-bottom: 9px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar {
width: 2px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-track {
width: 2px;
background: #f5f5f6;
border-radius: 1px;
}
.c-select-dropdown-list.c-select-scroll::-webkit-scrollbar-thumb {
width: 2px;
height: 58px;
background-color: #4e71f2;
border-radius: 1px;
}
.c-select-dropdown-list.c-select-scroll .c-select-item:last-child {
margin: 0;
}
.c-select-item {
margin: 0 0 4px;
padding: 0 10px;
clear: both;
white-space: nowrap;
list-style: none;
cursor: pointer;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.c-select-item:hover {
color: #315EFB;
}
.c-select-item-selected {
color: #315EFB;
}
.c-select-arrow-up {
display: none;
}
.c-select-visible .c-select-selection {
border-radius: 6px 6px 0 0;
}
.c-select-visible .c-select-dropdown {
display: block;
}
.c-select-visible .c-select-arrow {
display: none;
}
.c-select-visible .c-select-arrow-up {
display: inline-block;
}
.c-img {
position: relative;
display: block;
min-height: 1px;
border: 0;
line-height: 0;
background: #f5f5f6;
overflow: hidden;
}
.c-img img {
width: 100%;
}
.c-img1 {
width: 32px;
}
.c-img2 {
width: 80px;
}
.c-img3 {
width: 128px;
}
.c-img4 {
width: 176px;
}
.c-img6 {
width: 272px;
}
.c-img12 {
width: 560px;
}
.c-feed-box .c-img1 {
width: 43px;
}
.c-feed-box .c-img2 {
width: 90px;
}
.c-feed-box .c-img3 {
width: 137px;
}
.c-feed-box .c-img4 {
width: 184px;
}
.c-feed-box .c-img6 {
width: 278px;
}
.c-feed-box .c-img12 {
width: 560px;
}
.c-img-s,
.c-img-l,
.c-img-w,
.c-img-x,
.c-img-y,
.c-img-v,
.c-img-z {
height: 0;
overflow: hidden;
}
.c-img-s {
padding-bottom: 100%;
}
.c-img-l {
padding-bottom: 133.33333333%;
}
.c-img-w {
padding-bottom: 56.25%;
}
.c-img-x {
padding-bottom: 75%;
}
.c-img-y {
padding-bottom: 66.66666667%;
}
.c-img-v {
padding-bottom: 116.66666667%;
}
.c-img-z {
padding-bottom: 62.5%;
}
.c-img-radius {
border-radius: 6px;
}
.c-img-radius-s {
border-radius: 2px;
}
.c-img-radius-small {
border-radius: 2px;
}
.c-img-radius-large {
border-radius: 12px;
}
.c-img-radius-middle {
border-radius: 4px;
}
.c-img-radius-left {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.c-img-radius-right {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.c-img-radius-left-s {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
}
.c-img-radius-right-s {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.c-img-radius-left-l {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.c-img-radius-right-l {
border-top-right-radius: 12px;
border-bottom-right-radius: 12px;
}
.c-img-mask {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
background-image: -ms-radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
}
.c-img-border {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border: 1px solid rgba(0, 0, 0, 0.05);
}
.c-img-circle {
border-radius: 100%;
overflow: hidden;
}
.c-input {
display: inline-block;
font: 13px/23px Arial, sans-serif;
color: #333;
padding: 0 10px;
border: 1px solid #D7D9E0;
border-radius: 6px;
height: 28px;
line-height: 28px\9;
font-size: 13px;
outline: 0;
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
vertical-align: top;
overflow: hidden;
}
.c-input .c-icon {
float: right;
margin-top: 6px;
font-size: 16px;
color: #9195A3;
}
.c-input .c-icon-left {
float: left;
margin-right: 4px;
}
.c-input input {
float: left;
font-size: 13px;
border: 0;
outline: 0;
}
.c-input input::-webkit-input-placeholder {
color: #9195A3;
}
.c-input input::-ms-input-placeholder {
color: #9195A3;
}
.c-input input::-moz-placeholder {
color: #9195A3;
}
.c-input::-webkit-input-placeholder {
color: #9195A3;
}
.c-input::-ms-input-placeholder {
color: #9195A3;
}
.c-input::-moz-placeholder {
color: #9195A3;
}
.c-input {
width: 394px;
}
.c-input input {
width: 374px;
}
.c-input-xmini {
width: 154px;
}
.c-input-xmini input {
width: 134px;
}
.c-input-mini {
width: 202px;
}
.c-input-mini input {
width: 182px;
}
.c-input-small {
width: 346px;
}
.c-input-small input {
width: 326px;
}
.c-input-large {
width: 442px;
}
.c-input-large input {
width: 422px;
}
.c-input-xlarge {
width: 730px;
}
.c-input-xlarge input {
width: 710px;
}
.c-input12 {
width: 538px;
}
.c-input12 input {
width: 518px;
}
.c-input20 {
width: 922px;
}
.c-input20 input {
width: 902px;
}
.c-radio,
.c-checkbox {
display: inline-block;
position: relative;
white-space: nowrap;
outline: 0;
line-height: 1;
vertical-align: middle;
cursor: pointer;
width: 16px;
height: 16px;
}
.c-radio-inner,
.c-checkbox-inner {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
top: 0;
left: 0;
background-color: #fff;
color: #D7D9E0;
}
.c-radio-input,
.c-checkbox-input {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0) \9;
user-select: none;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
cursor: pointer;
zoom: 1;
}
.c-radio-inner-i,
.c-checkbox-inner-i {
display: none;
font-size: 16px;
}
.c-radio-inner-bg,
.c-checkbox-inner-bg {
font-size: 16px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.c-radio-checked .c-radio-inner-i,
.c-checkbox-checked .c-checkbox-inner-i {
color: #4E71F2;
display: inline-block;
}
.c-textarea {
font: 13px/23px Arial, sans-serif;
color: #333;
padding: 0 10px;
border: 1px solid #D7D9E0;
border-radius: 6px;
padding: 5px 10px;
resize: none;
outline: 0;
}
.c-textarea::-webkit-input-placeholder {
color: #9195A3;
}
.c-textarea::-ms-input-placeholder {
color: #9195A3;
}
.c-textarea::-moz-placeholder {
color: #9195A3;
}
.c-icon {
font-family: cIconfont!important;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.c-line-clamp1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.c-line-clamp2 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.c-text {
display: inline-block;
padding: 0 2px;
text-align: center;
vertical-align: middle;
font-style: normal;
color: #fff;
overflow: hidden;
line-height: 16px;
height: 16px;
font-size: 12px;
border-radius: 4px;
font-weight: 200;
}
a.c-text {
text-decoration: none !important;
}
.c-text-info {
padding-left: 0;
padding-right: 0;
font-weight: 700;
color: #2b99ff;
vertical-align: text-bottom;
}
.c-text-info span {
padding: 0 2px;
font-weight: 400;
}
.c-text-important {
background-color: #1cb7fd;
}
.c-text-public {
background-color: #4E6EF2;
}
.c-text-warning {
background-color: #f60;
}
.c-text-prompt {
background-color: #ffc20d;
}
.c-text-danger {
background-color: #f73131;
}
.c-text-safe {
background-color: #39b362;
}
.c-text-mult {
padding: 0 4px;
line-height: 18px;
height: 18px;
border-radius: 4px;
font-weight: 400;
}
.c-text-blue {
background-color: #4E6EF2;
}
.c-text-blue-border {
border: 1px solid #CBD2FF;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #4E6EF2 !important;
}
.c-text-green {
background-color: #39b362;
}
.c-text-green-border {
border: 1px solid #C9E7CD;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #39b362 !important;
}
.c-text-red {
background-color: #f73131;
}
.c-text-red-border {
border: 1px solid #F0C8BD;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #f73131 !important;
}
.c-text-yellow {
background-color: #ffc20d;
}
.c-text-yellow-border {
border: 1px solid #FCEDB1;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #ffc20d !important;
}
.c-text-orange {
background-color: #f60;
}
.c-text-orange-border {
border: 1px solid #F8D2B0;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #f60 !important;
}
.c-text-pink {
background-color: #fc3274;
}
.c-text-pink-border {
border: 1px solid #F6C4D7;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #fc3274 !important;
}
.c-text-gray {
background-color: #858585;
}
.c-text-gray-border {
border: 1px solid #DBDBDB;
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #858585 !important;
}
.c-text-dark-red {
background-color: #CC2929;
}
.c-text-gray-opacity {
background-color: rgba(0, 0, 0, 0.3);
}
.c-text-white-border {
border: 1px solid rgba(255, 255, 255, 0.8);
padding: 0 8px;
border-radius: 4px;
font-weight: 400;
color: #fff !important;
}
.c-text-hot {
background-color: #F60;
}
.c-text-new {
background-color: #FF455B;
}
.c-text-fei {
background-color: #FC3200;
}
.c-text-bao {
background-color: #DE1544;
}
.c-text-rec {
background-color: #4DADFE;
}
.c-text-business {
background-color: #B4C4FF;
}
.c-text-time {
background-color: rgba(0, 0, 0, 0.3);
}
.c-wrapper {
word-wrap: break-word;
word-break: break-all;
font: 14px/24px Arial, sans-serif;
color: #222;
}
.c-wrapper:after {
display: block;
height: 0;
content: "";
clear: both;
visibility: hidden;
}
.c-container {
width: 560px;
}
.c-wrapper-l {
width: 1040px;
}
.c-wrapper-l .c-container-r {
width: 368px;
}
.c-wrapper-s {
width: 896px;
}
.c-wrapper-s .c-container-r {
width: 272px;
}
@media screen and (max-width: 1340px) {
.c-wrapper {
width: 896px;
}
.c-wrapper .c-container-r {
width: 272px;
}
}
.c-dialog-box {
display: none;
position: absolute;
z-index: 999;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
border-radius: 16px;
background: #FFF;
padding: 19px 24px;
}
.c-dialog-box .c-dialog-close {
position: absolute;
cursor: pointer;
top: 12px;
right: 12px;
height: 14px;
width: 14px;
line-height: 1;
color: #D7D9E0;
}
.c-dialog-box .c-dialog-close:hover {
color: #315EFB;
}
.c-floating-box {
background: #FFF;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
border-radius: 12px;
*border: 1px solid #D7D9E0;
}
.c-link {
color: #222;
text-decoration: none;
}
.c-link:visited {
color: #626675;
}
.c-link:hover {
color: #315EFB;
text-decoration: none;
}
.c-capsule-tip {
display: inline-block;
background: #F63051;
border-radius: 7px;
padding: 0 4px;
height: 13px;
font-size: 11px;
line-height: 14px;
color: #fff;
text-align: center;
}
html,
body {
height: 100%;
color: #222;
}
* {
margin: 0;
padding: 0;
}
button,
input,
img {
outline: 0;
border: 0;
}
button {
background-color: unset;
}
button,
a {
cursor: pointer;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style: none;
}
.wrapper {
min-width: 1320px;
}
.wrapper .responsive-wrapper {
min-width: 1320px;
}
@media (max-width: 1320px) {
.wrapper {
min-width: 1320px;
}
.wrapper .responsive-wrapper {
min-width: 1320px;
}
}
.wrapper-narrow {
min-width: 1320px;
}
.wrapper-narrow .responsive-wrapper {
min-width: 1320px;
}
.container {
display: block;
width: 1088px;
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 1320px) {
.container {
width: 992px;
}
}
.wrapper-narrow .container {
width: 992px;
}
.rel {
position: relative;
}
.abs {
position: absolute;
}
@font-face {
font-family: 'cIconfont';
src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot);
src: url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_489aa1f2f0a6e1dfacb56a991a67d6cf.eot?#iefix) format('embedded-opentype'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_92a48d1bbedbf4e9edf36cb3b355039a.woff2) format('woff2'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_8d19d0cbd6e76cd46858910930e4c4ba.woff) format('woff'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_4906e5628fa7ee368606ee5fa605ff40.ttf) format('ttf'), url(//fyb-pc-static.cdn.bcebos.com/static/asset/iconfont_5bfbad8e8b4fb39824e4823554647eb3.svg#iconfont) format('svg');
}
[theme="realtime"] .c-theme-color,
[theme="homepage"] .c-theme-color {
color: #ff4d4d;
}
[theme="realtime"] .c-theme-color-bg,
[theme="homepage"] .c-theme-color-bg {
background-color: #ff4d4d;
}
[theme="novel"] .c-theme-color {
color: #ff6633;
}
[theme="novel"] .c-theme-color-bg {
background-color: #ff6633;
}
[theme="movie"] .c-theme-color {
color: #4d4dff;
}
[theme="movie"] .c-theme-color-bg {
background-color: #4d4dff;
}
[theme="teleplay"] .c-theme-color {
color: #4d4dff;
}
[theme="teleplay"] .c-theme-color-bg {
background-color: #4d4dff;
}
[theme="cartoon"] .c-theme-color {
color: #ff4d4d;
}
[theme="cartoon"] .c-theme-color-bg {
background-color: #ff4d4d;
}
[theme="variety"] .c-theme-color {
color: #8a42ff;
}
[theme="variety"] .c-theme-color-bg {
background-color: #8a42ff;
}
[theme="documentary"] .c-theme-color {
color: #4d4dff;
}
[theme="documentary"] .c-theme-color-bg {
background-color: #4d4dff;
}
[theme="game"] .c-theme-color {
color: #4d4dff;
}
[theme="game"] .c-theme-color-bg {
background-color: #4d4dff;
}
[theme="car"] .c-theme-color {
color: #1a8cff;
}
[theme="car"] .c-theme-color-bg {
background-color: #1a8cff;
}
.c-single-text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bg-wrapper {
position: absolute;
z-index: -1;
overflow: hidden;
width: 100%;
height: 800px;
}
.bg-wrapper img {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
height: 100%;
margin-left: -960px;
}
.bg-wrapper img.default {
left: 0;
z-index: 0;
width: 100%;
margin-left: 0;
}
[theme="homepage"] .bg-wrapper,
[theme="realtime"] .bg-wrapper {
background-image: linear-gradient(180deg, #f44e16 0%, #fff 88%);
}
[theme="variety"] .bg-wrapper {
background-image: linear-gradient(180deg, #b933ed 0%, #fff 100%);
}
[theme="car"] .bg-wrapper {
background-image: linear-gradient(180deg, #1a8cff 0%, #fff 100%);
}
[theme="novel"] .bg-wrapper,
[theme="cartoon"] .bg-wrapper {
background-image: linear-gradient(180deg, #ff8c1a 0%, #fff 100%);
}
[theme="movie"] .bg-wrapper,
[theme="teleplay"] .bg-wrapper {
background-image: linear-gradient(180deg, #4d4dff 0%, #fff 100%);
}
[theme="documentary"] .bg-wrapper,
[theme="game"] .bg-wrapper {
background-image: linear-gradient(180deg, #63f 0%, #fff 100%);
}
.header-placeholder_3y-pN {
margin-bottom: 8px;
}
.header_3wayL {
box-sizing: border-box;
width: 100%;
color: #fff;
}
.navi-top-wrapper_20foP {
height: 48px;
margin-bottom: 34px;
color: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.navi-top-wrapper_20foP:after {
content: '';
clear: both;
}
.navi-top-left_1Zuqa {
top: 0;
left: 24px;
}
.navi-top-right_33qd2 {
top: 0;
right: 24px;
}
.navi-item_2z3vU {
float: left;
margin-top: 13px;
margin-right: 24px;
}
.navi-item_2z3vU:hover {
color: #fff;
}
.tab-wrap_23sEv {
overflow: hidden;
margin: 34px auto 24px;
padding: 0 9px 0 17px;
}
.logo-trends-wrapper_150M5 {
float: left;
width: 196px;
height: 58px;
cursor: pointer;
}
.logo-trends-wrapper_150M5 > img {
width: 100%;
}
.user-info-wrapper_3WiHw {
display: inline-block;
box-sizing: border-box;
height: 48px;
vertical-align: middle;
cursor: pointer;
}
.user-info-wrapper_3WiHw:hover .user-info-popup_1v_mi {
display: block;
}
.login-btn_2CUrM {
float: left;
box-sizing: border-box;
margin-top: 12px;
padding: 5.5px 0;
font-size: 13px;
line-height: 13px;
background-color: rgba(255, 255, 255, 0.9);
color: #3b1107 !important;
}
.login-btn_2CUrM:hover {
background-color: #fff;
}
.user-image-wrapper_Gz69P {
float: left;
box-sizing: border-box;
width: 30px;
height: 30px;
margin-top: 9px;
margin-left: -2px;
padding: 2px;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 50%;
}
.user-image-wrapper_Gz69P .user-image_1nM2E {
width: 100%;
height: 100%;
border-radius: 50%;
}
.user-name_3qt_g {
float: left;
margin-top: 13px;
margin-left: 6px;
}
.user-info-popup_1v_mi {
position: absolute;
top: 100%;
right: 50%;
display: none;
margin-top: -4px;
margin-right: -42px;
padding: 0 16px 16px;
}
.user-info-popup_1v_mi a {
display: block;
margin-top: 16px;
font-size: 13px;
line-height: 13px;
word-break: keep-all;
color: #333;
}
.user-info-popup_1v_mi a:hover {
color: #315efb;
}
.login-form-wrapper_1E7lG {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
width: 350px;
margin: 100px auto;
}
.pop-mask {
width: 100% !important;
height: 100% !important;
opacity: 0.5 !important;
}
.tabs-wrap_3Ac9n {
float: right;
padding: 13px 0;
font-size: 0;
}
.tab-item_17MbK {
position: relative;
display: inline-block;
padding: 8px 18px;
font-size: 16px;
line-height: 16px;
color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 1320px) {
.tab-item_17MbK {
padding: 8px 15px;
}
}
.wrapper-narrow .tab-item_17MbK {
padding: 8px 15px;
}
.tab-item_17MbK.active {
border-radius: 15.5px;
background-color: #fff;
color: inherit;
}
.tab-item_17MbK.active:hover {
color: inherit;
}
.tab-item_17MbK:hover {
color: #fff;
}
.tabs-wrapper_7ri4o {
position: fixed;
top: -40px;
z-index: 99;
width: 100%;
height: 40px;
border-radius: 0;
background-color: #fff;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 1320px) {
.tabs-wrapper_7ri4o {
min-width: 1320px;
}
}
.wrapper-narrow .tabs-wrapper_7ri4o {
min-width: 1320px;
}
.tabs-container__LAaf {
padding: 0 24px;
}
.tab_3QhDq {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 40px;
color: #222;
}
.tab_3QhDq.active {
color: inherit;
}
.tab_3QhDq:hover {
color: #315efb;
}
.tab_3QhDq + .tab_3QhDq {
margin-left: 36px;
}
@media (max-width: 1320px) {
.tab_3QhDq + .tab_3QhDq {
margin-left: 24px;
}
}
.wrapper-narrow .tab_3QhDq + .tab_3QhDq {
margin-left: 24px;
}
.active-underline-wrapper_Lv1CQ {
position: absolute;
bottom: 0;
left: 50%;
display: block;
overflow: hidden;
width: 24px;
height: 2px;
margin-left: -12px;
border-radius: 3.5px;
}
.qrcode-wrapper_2Mhwh {
float: right;
font-size: 14px;
color: rgba(255, 255, 255, 0.9);
cursor: pointer;
}
.qrcode-wrapper_2Mhwh:hover {
color: #fff;
}
.qrcode-wrapper_2Mhwh:hover .qrcode-popup_q4FMZ {
display: block;
}
.fixed .qrcode-wrapper_2Mhwh {
color: #222;
}
.fixed .qrcode-wrapper_2Mhwh:hover {
color: #315efb;
}
.qrcode-wrapper_2Mhwh .c-icon {
float: left;
height: 40px;
font-size: 21px;
line-height: 40px;
vertical-align: middle;
}
.qrcode-text_1cRGR {
float: left;
line-height: 40px;
}
.qrcode-popup_q4FMZ {
position: absolute;
top: 100%;
left: 50%;
z-index: 10;
display: none;
box-sizing: border-box;
width: 128px;
margin-top: 4px;
margin-left: -64px;
padding: 16px;
border-radius: 12px;
font-size: 12px;
line-height: 12px;
text-align: center;
background-color: #fff;
}
.qrcode-popup_q4FMZ p {
margin: 6px 0 0;
word-break: keep-all;
}
.qrcode-image_3Oyr8 {
display: block;
width: 80px;
height: 80px;
margin-right: auto;
margin-bottom: 8px;
margin-left: auto;
}
.empty-img_2yOph {
display: block;
width: 120px;
height: 120px;
margin: 115px auto 0;
}
.empty-text_2IeoW {
margin-top: 16px;
font-size: 13px;
line-height: 13px;
text-align: center;
color: #626675;
}
.container_2VTvm {
min-height: 600px;
}
.right-container_2EFJr {
position: relative;
padding-left: 192px;
}
.container-bg_lQ801 {
border-radius: 12px;
background-color: #fff;
}
.left-side-wrapper_1kYr7 {
top: 0;
left: 0;
z-index: 10;
width: 100%;
}
.left-side-bg-wrapper_23qvy {
top: 0;
left: 0;
width: 100%;
}
.left-side-bg-wrapper_23qvy img {
width: 100%;
}
.left-side_1rpOJ {
position: absolute;
top: 0;
left: 0;
z-index: 99;
box-sizing: border-box;
width: 176px;
min-height: 359px;
padding: 24px 23px;
border-radius: 12px;
background-color: #fff;
}
.side-title_1wfo5 {
margin-bottom: 31px;
font-size: 18px;
line-height: 18px;
}
.path-wrapper_3euWM {
padding: 24px 24px 2px;
line-height: 13px;
}
.path-wrapper_3euWM .c-font-normal {
line-height: 13px;
}
.tags-wrap_InWap {
margin-top: 24px;
}
.tags_1mjZF {
overflow: hidden;
margin-left: -8px;
}
.title_bOM2Q {
margin-bottom: 12px;
font-size: 13px;
line-height: 13px;
}
.tag-item_2erEC {
float: left;
margin: 2px 0;
padding: 6px 8px;
font-size: 13px;
line-height: 13px;
color: #626675;
cursor: pointer;
}
.tag-item_2erEC.active_1oD-- {
border-radius: 4px;
background-color: #f9f9f9;
}
.tag-item_2erEC:hover {
color: #315efb;
}
[theme="realtime"] .tag-item_2erEC.active_1oD-- {
color: #ff4d4d;
}
[theme="novel"] .tag-item_2erEC.active_1oD-- {
color: #ff6633;
}
[theme="movie"] .tag-item_2erEC.active_1oD-- {
color: #4d4dff;
}
[theme="teleplay"] .tag-item_2erEC.active_1oD-- {
color: #4d4dff;
}
[theme="cartoon"] .tag-item_2erEC.active_1oD-- {
color: #ff4d4d;
}
[theme="variety"] .tag-item_2erEC.active_1oD-- {
color: #8a42ff;
}
[theme="documentary"] .tag-item_2erEC.active_1oD-- {
color: #4d4dff;
}
[theme="game"] .tag-item_2erEC.active_1oD-- {
color: #4d4dff;
}
[theme="car"] .tag-item_2erEC.active_1oD-- {
color: #1a8cff;
}
.category-wrap_iQLoo {
overflow: hidden;
padding: 14px 0;
padding-left: 24px;
}
.category-wrap_iQLoo:hover {
border-radius: 12px;
background-color: rgba(245, 245, 246, 0.5);
background-image: linear-gradient(to bottom, #f5f5f6 0%, #fff 100%);
}
.horizontal_1eKyQ {
height: 85px;
}
.horizontal_1eKyQ .img-wrapper_29V76 {
width: 128px;
height: 85px;
}
.horizontal_1eKyQ .trend_2RttY .trend-icon_1Z3Cd {
margin-top: 4px;
}
.horizontal_1eKyQ .trend_2RttY .hot-index_1Bl1a {
margin: 7px 0;
}
.square_1ULM9 {
height: 107px;
}
.square_1ULM9 .img-wrapper_29V76 {
width: 107px;
height: 107px;
}
.img-wrapper_29V76 {
position: relative;
display: block;
float: left;
overflow: hidden;
width: 80px;
height: 107px;
margin-right: 16px;
border-radius: 12px;
background-color: #fff;
cursor: pointer;
}
.img-wrapper_29V76 .border_3WfEn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.03);
border-radius: 12px;
}
.img-wrapper_29V76 .index_1Ew5p {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-radius: 8px 1px 8px 1px;
font-size: 14px;
line-height: 20px;
text-align: center;
background-color: #faa90e;
color: #fff;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg1 {
background-color: #fe2d46;
}
.img-wrapper_29V76 .index_1Ew5p.c-index-bg2 {
background-color: #f60;
}
.img-wrapper_29V76 img {
width: 100%;
height: 100%;
}
.content_1YWBm {
overflow: hidden;
margin: 0 150px 0 96px;
font-size: 13px;
color: #626675;
}
.content_1YWBm .title_dIF3B {
position: relative;
display: block;
overflow: hidden;
height: 22px;
margin: 8px 0 12px;
padding-right: 24px;
font-size: 18px;
line-height: 22px;
color: #222;
}
.content_1YWBm .title_dIF3B .c-single-text-ellipsis {
display: inline-block;
max-width: 100%;
}
.content_1YWBm .title_dIF3B .hot-tag_1G080 {
position: absolute;
top: 2.5px;
margin-left: 7px;
}
.content_1YWBm .title_dIF3B:hover,
.content_1YWBm .title_dIF3B.hover_128In {
color: #315efb;
}
.content_1YWBm .intro_1l0wp {
margin-bottom: 8px;
line-height: 13px;
}
.content_1YWBm .hot-desc_1m_jR {
line-height: 20px;
}
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
display: inline-block;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
display: none;
}
.content_1YWBm .hot-desc_1m_jR.ellipsis_DupbZ .look-more_3oNWC {
margin-left: 6px;
}
@media (max-width: 1320px) {
.content_1YWBm .hot-desc_1m_jR.large_nSuFU {
display: none;
}
.content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
display: block;
}
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.large_nSuFU {
display: none;
}
.wrapper-narrow .content_1YWBm .hot-desc_1m_jR.small_Uvkd3 {
display: block;
}
.content_1YWBm .hot-desc_1m_jR .look-more_3oNWC {
position: static;
}
.content_1YWBm .desc_3CTjT {
position: relative;
display: block;
box-sizing: border-box;
max-width: 100%;
padding-right: 70px;
line-height: 13px;
}
.content_1YWBm .look-more_3oNWC {
position: absolute;
right: 0;
white-space: nowrap;
cursor: pointer;
}
.content_1YWBm .look-more_3oNWC:hover {
color: #315efb;
}
.line_3-bzA {
float: right;
width: 1px;
height: 100%;
margin-left: 28px;
}
.trend_2RttY {
float: right;
width: 150px;
text-align: center;
}
.trend_2RttY.hide-icon {
margin-top: 18px;
}
.trend_2RttY.hide-icon .trend-icon_1Z3Cd {
display: none;
}
.trend_2RttY .trend-icon_1Z3Cd {
width: 28px;
height: 28px;
margin-top: 17px;
}
.trend_2RttY .hot-index_1Bl1a {
margin: 3px 0 10px 0;
font-size: 16px;
line-height: 16px;
color: #9195a3;
}
.trend_2RttY .text_1lUwZ {
font-size: 13px;
line-height: 13px;
color: #c4c7ce;
}
.trend_2RttY .text-index_39kSZ {
font-size: 13px;
line-height: 13px;
color: #333;
margin-bottom: 5px;
}
.trend_2RttY .text-index_39kSZ .index-icon_N2V8p {
width: 14px;
height: 14px;
vertical-align: bottom;
}
.trend_2RttY .text-index_39kSZ:hover,
.trend_2RttY .text-index_39kSZ.hover_128In {
color: #315efb;
}
.top-icon_15tUE {
width: 12px !important;
height: 12px !important;
margin-top: 4px;
}
.img-wrap_JPOmE {
display: inline-block;
width: 14px;
height: 14px;
vertical-align: top;
}
.img-wrap_JPOmE img {
width: 100%;
height: 100%;
}
.hot-tag_2kHyG {
width: 16px;
height: 16px;
border-radius: 4px;
font-size: 12px;
}
.c-text-hot_3ZhI9 {
background-color: #ff9812;
}
.c-text-new_YE8mj {
background-color: #ff455b;
}
.c-text-fei_2nTcS {
background-color: #ff7413;
}
.c-text-bao_3s8Nn {
background-color: #d61a6e;
}
.c-text-rec_1poJC {
background-color: #3ca6ff;
}
.c-text-ecom_3MX4z {
background-color: #b4c4ff;
}
.footer_aoJsU {
text-align: center;
height: 40px;
color: #bbb;
vertical-align: middle;
}
.footer_aoJsU:after {
content: '';
line-height: 40px;
}
.footer_aoJsU a {
margin-right: 20px;
}
.footer_aoJsU a:hover {
color: #222;
}
.container_2R1hQ {
position: fixed;
right: 24px;
bottom: 64px;
background-color: #fbfbfb;
width: 44px;
border-radius: 22px;
z-index: 10;
}
@media screen and (max-width: 1158px) {
.container_2R1hQ {
display: none;
}
}
.container_2R1hQ > * {
display: block;
position: relative;
height: 44px;
line-height: 44px;
width: 44px;
border-radius: 22px;
padding: 10px;
box-sizing: border-box;
}
.container_2R1hQ > *:hover {
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.container_2R1hQ > *:hover .side-float-popup {
display: block;
}
.container_2R1hQ > * .side-float-popup {
display: none;
position: absolute;
width: auto;
word-break: keep-all;
padding: 5px 16px;
bottom: 50%;
margin-bottom: -17px;
right: 100%;
margin-right: 12px;
border-radius: 6px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
font-size: 14px;
line-height: 24px;
}
.container_2R1hQ .c-icon {
display: block;
font-size: 24px;
line-height: 24px;
height: 24px;
color: #626675;
}
.container_2R1hQ .c-icon:hover {
color: #315efb;
}