.pageblock {
    width: 560px;
}
.hDealWrap {
    margin: 0 0 20px 0;
}
.hDealWrap.hDealWrapTop {
    margin-left: 0;
}
.hDealHeader {
    margin-bottom: 10px;
    background-color: #5D7989;
    border-radius: 10px;
    color: #ffffff;
    font-weight: 600;
    width: 520px;
    line-height: 22px;
    padding: 10px 20px;
    position: relative;
}
.hDealHeader .img {
    text-align: center;
}
.hDealHeader .desc a {
    color: #ffff00;
}
.hDealHeader .desc .yellow {
    color: #ffff00;
}
.hDealHeader .desc ul {
    margin: 0;
    padding-left: 10px;
}
.hDeal {
    position: relative;
    padding: 15px 10px 12px 10px;
    width: 540px;
    border-radius: 10px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.hDeal .dCategoryWrap {
    width: 80px;
    text-align: center;
    margin-top: 10px;
}
.hDeal .dCategoryWrap .dCategory {
    color: #ffffff;
    font-size: 9px;
    font-weight: 400;
    margin: 0 auto;
    padding: 2px 5px;
    border-radius: 3px;
    background: #2a597a;
    background: linear-gradient(180deg, rgba(42, 89, 122, 1) 0%, rgba(48, 102, 140, 1) 100%);
    border: 1px solid #408BB9;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4));
}
.hDeal .dCategoryWrap .dCategory.inactive {
    background: #909296;
    border: 1px solid #C4C6C9;
}
.hDeal .dTabletCapacity {
    width: 80px;
    text-align: center;
    margin-top: 7px;
    font-size: 12px;
}
.hDeal .dSection {
    padding: 5px 10px;
}
.hDeal .dSection a {
    color: #ffffff;
    text-decoration: none;
}
.hDeal .new {
    position: absolute;
    top: 0;
    left: 0;
}
.hDeal .dNo {
    position: absolute;
    top: 5px;
    left: 40px;
    text-align: right;
    font-weight: 700;
    font-size: 11px;
    color: #ffffff;
}
.hDeal .dNo a {
    color: #ffffff;
    text-decoration: none;
}
.hDeal .dModelInfo {
    position: absolute;
    top: -103px;
    left: 105px;
    z-index: 50;
}
.hDeal .hDealImage {
    margin: 0 15px 0 0;
    width: 80px;
    height: 60px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.4));
}
.hDeal .hDealHead {
    display: flex;
    justify-content: space-between;
}
.hDeal .hDealBody {
    line-height: 18px;
}
.hDeal .hDealTitle {
    font-size: 18px;
    line-height: 22px;
    width: 440px;
}
.hDeal .hDealTitle a {
    text-decoration: none;
}
.hDeal .hDealTitle img {
    vertical-align: -1px;
}
.hDeal .dTag {
    position: absolute;
    top: 15px;
    left: 345px;
    width: 200px;
    text-align: right;
    font-weight: 700;
    font-size: 11px;
    color: #ffffff;
}
.hDeal .dTag span {
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    vertical-align: 2px;

}
.hDeal .dTag span a {
    color: #ffffff;
    text-decoration: none;
}
.hDeal .hDealTitleCoin {
    border: 1px solid #FFA548;
}
.hDeal .hDealTitleView {
    border: 1px solid #1ADEE5;
}
.hDeal .hDealStore {
    font-size: 13px;
    line-height: 18px;
}
.hDeal .hDealPrice {
    font-size: 14px;
    line-height: 20px;
    width: 440px;
}
.hDeal .hDealPrice .skyblue {
    color: #21fffc;
}
.hDeal .hDealPrice .yellow {
    color: #fcff21;
}
.hDeal .hDealUrl {
    color: #ffbe62;
    width: 440px;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hDeal .hDealUrl a {
    color: #ffbe62;
    text-decoration: none;
}
.hDeal .hDealDesc {
    width: 440px;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #ffffff;
    line-height: 18px;
}
.hDeal .hDealDesc a {
    color: #ffffff;
    text-decoration: none;
}
.hDeal .hDealTailWrap {
    display: flex;
    margin-top: 3px;
    justify-content: space-between;
    width: 450px;
}
.hDeal .hDealTailWrap .hDealTailLeft {
    display: flex;
    width: 130px;
}
.hDeal .hDealTailWrap .hDealTailLeft .hDealDate wa-icon {
    vertical-align: -2px;
    font-size: 14px;
    color: #17F24D;

}
.hDeal .hDealTailWrap .hDealTailRight {
    display: flex;
    width: 320px;
    justify-content: flex-end;
}
.hDeal .hDealTailWrap .hDealDate {
    font-size: 13px;
    width: 130px;
    color: #ffffff;
}
.hDeal .hDealTailWrap .hDealTailIconWrap {
    display: flex;
}
.hDeal .hDealTailWrap .hDealTailIcon {
    font-size: 14px;
    line-height: 20px;
    padding: 1px 5px 0 0;
}
.hDeal .hDealTailWrap .hDealTailIcon a {
    color: #ffffff;
    text-decoration: none;
}
.hDeal .hDealTailWrap .hDealTailCount {
    padding-right: 10px;
    font-size: 13px;
}
.hDeal .hDealTailWrap .hDealTailCount a {
    color: #ffffff;
    text-decoration: none;
}

.dCategoryListWrap {
    margin-bottom: 5px;
    display: flex;
}
.dCategoryList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5px 0;
}
.dCategoryItem {
    padding: 7px 10px 7px 5px;
    border-radius: 5px;
    background-color: #404549;
    margin-right: 5px;
    text-align: center;
    display: flex;
    font-size: 12px;
}
.dCategoryItem i {
    color: #ffffff;
    padding-right: 3px;
}
.dCategoryItem a {
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
}
.dCategoryItem.current {
    background-color: #FF6F6F;
}

.dTopWrap {
    justify-content: space-between;
    padding: 15px 15px 5px 15px;
    background: rgb(64,218,198);
    background: linear-gradient(112deg, rgba(64,218,198,1) 0%, rgba(39,171,255,1) 60%, rgba(255,125,241,1) 100%);
    border-radius: 10px;
}
.searchWrap {
    margin-right: 10px;
    position: relative;
}
.searchTitle {
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    color: #FFFFFF;
    width: 60px;
    margin-top: 8px;
}
.searchText {
    padding: 5px 8px;
    width: 138px;
    border-radius: 5px;
    border: 2px solid #FFFFFF;
}
.clearSearch {
    position: absolute;
    top: 2px;
    left: 135px;
    font-size: 12px;
    line-height: 12px;
    color: #8B9BA0;
    padding: 8px 10px 4px 8px;
    cursor: pointer;
}
.submit {
    padding: 4px 10px;
    border-radius: 5px;
    background: #5D7989;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    border: 1px solid #ffffff;
}
.submit a {
    color: #ffffff;
    text-decoration: none;
}
.noticeBoxWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.noticeBox {
    display: flex;
    border-radius: 10px;
    padding: 10px 14px;
    background-color: #FF6C81;
    color: #ffffff;
    font-weight: 700;
    cursor: pointer;
}
.noticeBox.special {
    background: rgb(85,111,222);
    background: linear-gradient(0deg, rgba(85,111,222,1) 0%, rgba(170,85,222,1) 100%);
    width: 210px;
    cursor: default;
}
.noticeBoxIcon {
    font-size: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 2px;
}
.noticeBoxText {
    line-height: 18px;
}
.noticeBoxSmallText {
    font-size: 12px;
}

.popWrap {
    width: 540px;
    padding: 10px 10px 5px 10px;
    background-color: #3E4D58;
    border-radius: 10px;
    margin-bottom: 10px;
}
.popConsoleWrap {
    display: flex;
    flex-wrap: wrap;
}
.popConsoleHead {
    display: flex;
    width: 540px;
    justify-content: space-between;
}
.popItem {
    width: 105px;
    text-align: center;
    padding: 10px 0;
    border-radius: 10px;
    background-color: #5D7989;
    color: #E0EAEA;
}
.popItems {
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    margin-bottom: 5px;
}
.popItem1 {
    padding: 5px 10px 0 0;
    border-radius: 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    float: left;
}
.popItem1 wa-icon {
    font-size: 12px;
    vertical-align: -2px;
}
.popImage {
    margin-bottom: 5px;
}
.popTitle {
    font-size: 12px;
    line-height: 16px;
    max-height: 32px;
    font-weight: 700;
    overflow: hidden;
}
.popTitle1 {
    font-size: 12px;
    font-weight: 700;
}
.popTitle a {
    color: #ffffff;
    text-decoration: none;
}
.popTitle1 a {
    color: #ffffff;
    text-decoration: none;
}

.descClose {
    text-align: center;
}
.descOpen {
    position: absolute;
    top: 38px;
    left: 530px;
    text-align: right;
}
.descBelow {
    display: none;
}
.descToggle {
    transition: width 1s linear;
    cursor: pointer;
}
.descCloseButton {
    padding: 5px 10px;
    background-color: #4D5855;
    border: 1px solid #ffffff;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
}

.newsFeed {
    position:relative;
    background: #909296;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    width: 560px;
}
.newsFeed .newsHeadTitle {
    color:#fff;
    height:40px;
    line-height:40px;
    text-transform:uppercase;
    font-size:11px;
    font-weight:700;
    padding:0 15px 0 15px;
    width:80px;
}
.newsFeed .newsProgress {
    position:absolute;
    top:27px;
    left:15px;
    transition:width 1s linear;
    -webkit-transition:width 1s linear;
    width:0;
    height:1px;
    background-color: #FF6F6A;
}
.newsFeed #slideshow {
    width:390px;
    height:40px;
    line-height:40px;
    overflow:hidden;
}
.newsFeed #slideshow .mySlides {
    position:absolute;
    display:none;
}
.newsFeed .newsIcon {
    float:left;
    margin: 4px 5px 0 0;
}
.newsFeed .newsIcon img {
    border-radius: 2px;
}
.newsFeed .newsTitle {
    float:left;
    height:39px;
    line-height:39px;
    overflow:hidden;
    font-size:14px;
    font-weight:700;
    color:#fff;
}
.newsFeed .newsTitle .newsTitleHead {
    color: #FFEA27;
    padding-right: 5px;
}
.newsFeed .newsTitle a {
    color:#fff;
    text-decoration:none;
}
.newsFeed .newsTitle .small {
    font-size: 11px;
}
.newsFeed .newsNavArrow {
    cursor:pointer;
    padding-top:10px;
}
.grouprow {
    display:flex;
    display:-webkit-flex;
    flex-direction:row;
    -webkit-flex-direction:row;
}

.bnrWrap {
    width: 540px;
    font-weight: 700;
    font-size: 13px;
    padding: 10px;
    color: #ffffff;
    background: #3E4D58;
    border-radius: 5px;
    line-height: 18px;
}
.bnrWrap .bnrContentsWrap {
    display: none;
}
.bnrWrap .cTimeWrap {
    display: flex;
    background-color: #71797E;
    border-radius: 5px;
    padding: 10px 20px;
    margin-top: 10px;
}
.bnrWrap .cItem {
    display: flex;
}
.bnrWrap .cTime {
    color: #FAD124;
    width: 80px;
}
.bnrWrap .cText {
    color: #ffffff;
}
.bnrWrap .cEvent {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 20px;
    width: 210px;
}
.bnrWrap .cEvent wa-icon {
    font-size: 30px;
    padding-right: 15px;
}
.bnrWrap .bnrHeader {
    padding: 5px 10px;
    background-color: #FF6F6A;
    color: #ffffff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.bnrWrap .bnrHeader wa-icon {
    vertical-align: -2px;
    padding: 0 3px;
    font-size: 15px;
}
.bnrWrap .bnrItems {
    display: flex;
    justify-content: space-between;
}
.bnrWrap .bnrItem {
    border-radius: 5px;
    padding: 10px;
    width: 110px;
    display: flex;
    align-items: center;
    line-height: 16px;
    cursor: pointer;
}
.bnrWrap .bnrItem.s1 {
    background-color: #00A3DF;
}
.bnrWrap .bnrItem.s2 {
    background-color: #009898;
}
.bnrWrap .bnrItem.s3 {
    background-color: #9976FD;
}
.bnrWrap .bnrItem.s4 {
    background-color: #CD9A7F;
}
.bnrWrap .bnrItem .bnrImage {
    font-size: 20px;
    width: 28px;
    padding-top: 2px;
}
.bnrWrap .bnrItem .bnrTitle {
    display: flex;
    align-items: center;
    width: 82px;
}

.bnrWrap #slideguide {
    height:20px;
    line-height:20px;
    overflow:hidden;
}
.bnrWrap #slideguide .guideSlide {
    position:absolute;
    display:none;
}
.bnrWrap #slideguide .guideSlide a {
    color: #ffffff;
    text-decoration: none;
}

.bnrWrap .bntItems {
    display: flex;
    justify-content: space-between;
}
.bnrWrap .bntItems .bntItem {
    background-color: #5D7989;
    padding: 5px 19px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.searchModel {
    padding: 5px 10px;
    background-color: #F27476;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    margin: 5px 5px 0 0;
    float: left;
}
.searchModel a {
    color: #ffffff;
    text-decoration: none;
}

.digitDealWrap {
    background-color: #F180F2;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.digitalDealHead {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 10px;
    line-height: 21px;
}
.digitalDealHead a {
    color: #904D90;
    text-decoration: none;
}
.digitalDealIcon {
    font-size: 12px;
    color: #904D90;
    margin-right: 3px;
    padding-top: 2px;
}
.digitalDealIcon a {
    color: #904D90;
    text-decoration: none;
}
.digitDealTitle {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
.digitDealTitle a {
    color: #ffffff;
    text-decoration: none;
}

.topNoticeBox {
    display: flex;
    justify-content: space-between;
}
.noticeWrap {
    position: relative;
    background: #525b63;
    background: linear-gradient(180deg, rgba(82, 91, 99, 1) 0%, rgba(67, 75, 82, 1) 100%);
    color: #f7f7f7;
    font-weight: 600;
    border-radius: 10px;
    line-height: 23px;
    font-size: 13px;
    width: 380px;
}
.noticeWrap .noticeBg {
    background-image:  url("/img/deal/bell.png?v=6");
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 10px 15px;
    background-position: right center;
}
.noticeWrap .noticeTag {
    position: absolute;
    top: 0;
    left: 295px;
    width: 70px;
    padding: 2px 0;
    border-radius: 0 0 5px 5px;
    background-color: #FF6F6A;
    text-align: center;
    line-height: 22px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4));
    z-index: 2;
}
.noticeWrap .noticeTag i {
    font-size: 14px;
    padding-right: 1px;
    vertical-align: -1px;
}
.noticeWrap .noticeListWrap {
    position: relative;
    z-index: 3;
}
.noticeWrap .noticeItem {
    display: flex;
    /* margin-bottom: 5px; */
}
.noticeWrap .noticeDate {
    width: 40px;
}
.noticeWrap a {
    color: #ffffff;
    text-decoration: underline;
}
.noticeWrap .noticeTitle i {
    font-size: 18px;
    vertical-align: -2px;
    /* color: #ffff00; */
    color: #47FFC9;
}
.guideWrap {
    position: relative;
    background: #ffbf59;
    background: linear-gradient(180deg, rgba(255, 191, 89, 1) 0%, rgba(255, 89, 89, 1) 60%);
    border-radius: 10px;
    width: 175px;
    cursor: pointer;
}
.guideWrap .guideBg {
    background-image:  url("/img/deal/question.png?v=4");
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 150px;
    height: 100%;
    padding-left: 20px;
    background-position: right center;
    display: flex;
    align-items: center;
}
.guideWrap .guideTag {
    position: absolute;
    top: 0;
    left: 52px;
    width: 70px;
    padding: 2px 0;
    border-radius: 0 0 5px 5px;
    /* background-color: #FF6F6A; */
    background-color: #515A62;
    text-align: center;
    line-height: 22px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.4));
    z-index: 2;
}
.guideWrap .guideTag i {
    font-size: 14px;
    padding-right: 1px;
    vertical-align: -1px;
}
.guideWrap .guideTitle {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    line-height: 18px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5));
    z-index: 3;
}
.guideWrap .guideTitle span {
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
}
.guideWrap .guideTitle i {
    font-size: 30px;
    margin-bottom: 5px;
}