.noticePage {
 width: 100%;
 height: auto;
 background: #000000;
 overflow: hidden;
}

.noticeCon {
 width: 1440px;
 padding-bottom: 150px;
}

.noticeTitle {
 color: #FFFFFF;
}

.noticeTip {
 color: #A5A8AF;
 margin-top: 10px;
}

.noticeTitleW {
 margin-top: 80px;
 margin-bottom: 40px;
}

.noticeInfoW {
 padding-top: 35px;
 padding-left: 53px;
 background: #0F0F0F;
 padding-bottom: 80px;
}

.noticeInfoIcon {
 width: 18px;
 height: 19px;
}

.noticeInfoTitle {
 color: #A5A8AF;
 margin-left: 7px;
}

.noticeInfoItem {
 color: #EEEEEE;
 line-height: 24px;
}

.mt19 {
 margin-top: 19px;
}

.mt14 {
 margin-top: 14px;
}

.mt31 {
 margin-top: 31px;
}

.mt61 {
 margin-top: 61px;
}

.mt68 {
 margin-top: 68px;
}

.mb33 {
 margin-bottom: 33px;
}

.mr30 {
 margin-right: 30px;
}

.mt22 {
 margin-top: 22px;
}
.mt15{
 margin-top: 15px;
}

.colorFF9F40 {
 color: #FF9F40;
}

.fontWeightBold {
 font-weight: bold;
}

.noticeInfoIcon2 {
 width: 22px;
 height: 21px;
}

.saoIconTitle {
 color: #FFFFFF;
}

.saoQQBorderW {
 width: 310px;
 height: 310px;
 border: 1px dashed #272727;
 padding: 20px;
 box-sizing: border-box;
}

.saoTitle {
 color: #A5A8AF;
}

.QQWrap {
 width: 105px;
 height: 105px;
 background: rgba(19, 17, 15, 0.99);
 border-radius: 8px 8px 8px 8px;
 border: 1px solid #1E1E1E;
}
.QQIcon{
 width: 50px;
 height: 59px;
}
.QQTxt {
 color: #A5A8AF;
}
.saoIcon{
 width: 270px;
 height: 270px;
}
.QQA:hover{
 cursor: pointer;
}
.QQA:hover .QQWrap {
  background: rgba(11, 11, 11, 0.99);
}
.QQA:hover .QQTxt {
 color: #E56812;
}