#content {
background: #fff;
}
.title-container {
max-width: 1200px;
margin: auto;
padding: 0 10px;
}
.title-container h3 {
font-size: 28px;
color: #333333;
line-height: 30px;
text-align: center;
padding: 0 40px;
}
.title-container p {
font-size: 14px;
color: #666666;
line-height: 22px;
text-align: center;
margin-top: 22px;
}
.title-container .title-wrapper {
text-align: center;
}
.title-container .title-wrapper h3 {
display: inline-block;
position: relative;
}
.title-container .title-wrapper i {
width: 140px;
background: #d32f2f;
height: 25px;
position: absolute;
top: 9px;
}
.title-container .title-wrapper .bg-left {
left: -110px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAPCAYAAAGjPwynAAAABGdBTUEAALGPC/xhBQAAAh5JREFUaAVjYKACsLS0FKLYGDMzs0CKDRl+BnR2dtb+//+/YcB8BowX/QGzHJ/F5ubmjvjk6SoHiiJra2spulqKbpmNjY0SutiA8E1NTV3QLWZGFxipfBMTk4anT586aGhoOOjq6h4ZDRhgSgAGSg4vL+/Rjx8/KsyYMYNp2bJl+0ZqAmEAZp8ST09PdlwBwGhhYeGAS3I4isvKyh5evXr13+HoN5r4CVhpKwLrRwuQ4Yw0sWGIGQoMDPENGzZkSkhIgLIXA9MQcz+tnKsKChAQAGaxHyy0smWomGtnZyf77ds3GVAK8fLy+v3+/fs5Q8XtNHEnsFouCA0N5aSJ4UPNUGA3VwNYsHoPNXfTzL3A1FHW0NCAt9gYUW2Vv3///jt9+vQhQiE+WiUTCqERJm9vb2/69etX79jY2L+fPn36t3HjRlYgmHT8+PF3o4llhCUGfN4FtmNtgBWyQ3FxMUqx6+Hh8evLly8LRtu1+EJvBMmB6uV///4JrlixguXFixdwn69atYrh+/fvv1xdXV+NlizwYBl5DGApwnb//n1nRkZGbaDvtwPbLVdBoQAcW1IAjmYrApnfOTk5bxw4cOADSHw0sYBCYQQBUL/v0aNHbsDEoMzMzLwJ2Ba5Q6z3RxMLsSE1hNU5ODgwAButXkAvSLCzs284cuTII3K8wzioZvLI8cGoHpwhAOwSCwGrGDEODo4Nhw8ffo5TIZESAKiBmrXVzksEAAAAAElFTkSuQmCC") no-repeat;
}
.title-container .title-wrapper .bg-right {
right: -110px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAAAOCAYAAAFoY98CAAAABGdBTUEAALGPC/xhBQAAAiJJREFUWAljZEAC5ubmjkhc0pkODg4ipOtC1cEI41Lkmv///zfADKIKbWZm5kMVgygxZNp0aXWU6KeWXngcwQwEho4JIyMjL4xPL5qXl/ccil2mpqbaKAL05lRUVNSbmJg00NtebPYx7dmzh5GHh+cKNslBJRYaGsoMTEPlwGyLkbYGlUNp5RhgyckBTLvOIPM9PT35gEkoh1Z2DRlzgamCDVSQg/DmzZsbhozDaexQorIIRdUnjT1Ad+OBWcseGCAWdLd4MFoILWtKBqPb6OYmUGqwtrZWB1kIrHkibWxs5Ohm+WC0yM7OLglU0P7+/bsBWPtkD0Y30ttNTN++fQOnChYWFgZgW/M1vR0wGO1jBLZP2DU0NIoPHz7MdubMmYbB6Eh6u4moKhmfo0Bd569fv/oCe1H/mJiYHuJTOyo3dENAUFDwHFmJBVg+ywKLI39g4njHx8e3Fdi3+zh0g2HU5cSGANGJBdii0fr3758X0OCb3Nzcuw8cOPCDWEtG1Q2PEAAnFl9fX67nz5+XGRgY/DYyMmJes2bNv79//179+fPnM2ACcQCWICc9PDyONDQ0/Bke3h71BTkhwAgaX3ny5EnFsWPHmJAN2LRpE8OECROu7d+/fxWy+Ch75IYA0+rVq38BS4/f2dnZ/2HB8OfPH4bm5mYGYLtk8I8xwxw9StM8BOBtFlBV9OrVKz1gwuFmY2N7cvTo0Zs0t33UgiEVAgBsx533KFByWgAAAABJRU5ErkJggg==") no-repeat;
}
.title-container.light .title-wrapper h3 {
color: #ffffff;
}
.title-container.light .title-wrapper p {
color: #cccccc;
}
@media (max-width: 1023px) {
.title-container .title-wrapper h3 {
font-size: 20px;
line-height: 20px;
max-width: 250px;
}
.title-container .title-wrapper h3 .bg-left {
background: url(./../image/custom-notice-bg-left-mb.png) no-repeat;
width: 90px;
left: -54px;
background-size: 100% auto;
top: -7px;
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
/IE/
filter: FlipV;
}
.title-container .title-wrapper h3 .bg-right {
background: url(./../image/custom-notice-bg-right-mb.png) no-repeat;
width: 90px;
background-size: 100% auto;
right: -54px;
top: -7px;
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
/IE/
filter: FlipV;
}
.title-container p {
font-size: 14px;
line-height: 20px;
margin-bottom: 0px;
margin-top: 8px;
}
}
.band-about {
max-width: 1200px;
clear: both;
margin: 0 auto;
padding: 60px 10px 60px;
}
.band-about .container {
padding: 30px 0 0 0;
}
.band-about .container:after {
content: '';
display: block;
clear: both;
}
.band-about .item {
height: 172px;
padding: 0 10px;
}
.band-about .item .tech {
background-image: url(./../image/custom-notice-tech.png);
}
.band-about .item .tech:hover {
background-image: url(./../image/custom-notice-tech-hover.png);
}
.band-about .item .future {
background-image: url(./../image/custom-notice-future.png);
}
.band-about .item .future:hover {
background-image: url(./../image/custom-notice-future-hover.png);
}
.band-about .item .trust {
background-image: url(./../image/custom-notice-trust.png);
}
.band-about .item .trust:hover {
background-image: url(./../image/custom-notice-trust-hover.png);
}
.band-about .item .title {
top: 50%;
position: absolute;
text-align: center;
width: 100%;
margin-top: -18px;
font-size: 24px;
color: #ffffff;
padding-right: 10px;
opacity: 1;
transition: all .5s;
}
.band-about .item .desc {
display: block;
position: absolute;
padding-top: 0px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all .5s;
}
.band-about .bg {
height: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.band-about .bg:hover .title {
opacity: 0;
}
.band-about .bg:hover .desc {
display: block;
opacity: 1;
}
.band-about .desc {
display: none;
font-size: 16px;
color: #ffffff;
padding: 10px 40px 0 15px;
}
.band-about .desc li {
list-style: disc inside;
}
.band-about .desc .main {
margin-left: -5px;
display: inline;
}
.band-about .desc .sub {
padding-left: 16px;
color: #dddddd;
font-size: 14px;
}
.band-about .desc .sub.inline {
padding-left: 0;
}
.notice-content .nav-list-wrapper .u-icon-right:before{
display: none;
}
.notice-content .nav-list-wrapper .u-icon-left:before{
display: none;
}
@media (max-width: 1023px) {
.mb.band-about {
padding: 30px 0 20px 0;
}
.band-about .container {
padding: 15px 0 0 0;
}
.band-about .item {
height: 150px;
padding: 0px 15px 10px 15px;
}
.band-about .item i {
position: absolute;
top: 73%;
left: 50%;
width: 15px;
height: 15px;
background: url(./../image/custom-notice-down-arrow.png) no-repeat;
background-size: contain;
margin-left: -13px;
}
.band-about .item .tech:hover {
background-image: url(./../image/custom-notice-tech.png);
}
.band-about .item .future:hover {
background-image: url(./../image/custom-notice-future.png);
}
.band-about .item .trust:hover {
background-image: url(./../image/custom-notice-trust.png);
}
.band-about .bg:hover .desc {
display: none;
}
.band-about .bg:hover .title {
display: block;
opacity: 1;
}
.band-about .item.show i {
background: url(./../image/custom-notice-up-arrow.png) no-repeat;
background-size: contain;
}
.band-about .show.desc.mb {
display: block;
padding: 13px 40px 0 30px;
}
.band-about .show.desc.mb li {
color: #d32f2f;
}
.band-about .show.desc.mb .main {
color: #333333;
margin-left: -5px;
}
.band-about .show.desc.mb .sub {
color: #666666;
padding-left: 0px;
}
}
/* todo remove */
.band-activity {
background: #f9fafe;
}
.band-activity .bg {
background: url(./../image/custom-notice-bg.png) no-repeat center;
width: 868px;
height: 287px;
position: relative;
}
.band-activity .bg-mb {
display: none;
}
.band-activity .wrapper {
max-width: 1200px;
clear: both;
margin: 0 auto;
padding: 60px 10px 60px;
}
.band-activity .wrapper .container {
margin: 30px auto 0;
height: 287px;
width: 1045px;
}
.band-activity .wrapper .container .btn {
position: absolute;
display: inline-block;
height: 45px;
padding: 0 10px;
color: #fff;
font-weight: bold;
line-height: 45px;
background: #d32f2f;
box-shadow: 0 3px 9px 0 rgba(255, 130, 130, 0.5);
-webkit-transform: skewX(-26deg);
-ms-transform: skewX(-26deg);
-o-transform: skewX(-26deg);
transform: skewX(-26deg);
}
.band-activity .wrapper .container .btn:hover {
background: #b71c1c;
}
.band-activity .wrapper .container .btn.zero {
right: -75px;
top: 22px;
}
.band-activity .wrapper .container .btn.discount {
right: -49px;
top: 131px;
}
.band-activity .wrapper .container .btn.server {
right: -32px;
top: 240px;
}
@media (max-width: 1023px) {
.band-activity .wrapper {
padding: 30px 0 15px 0;
}
.band-activity .wrapper .container {
width: auto;
height: auto;
margin: 30px auto;
}
.band-activity .wrapper .container .btn {
position: absolute;
display: inline-block;
height: 30px;
padding: 0 10px;
color: #fff;
font-weight: bold;
line-height: 30px;
background: #d32f2f;
box-shadow: 0 3px 9px 0 rgba(255, 130, 130, 0.5);
-webkit-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg);
}
.band-activity .wrapper .container .btn.zero {
right: calc(50% - 36px);
top: 21%;
}
.band-activity .wrapper .container .btn.discount {
right: calc(50% - 36px);
top: 59%;
}
.band-activity .wrapper .container .btn.server {
right: calc(50% - 36px);
top: 97%;
}
.band-activity .bg {
display: none;
}
.band-activity .bg-mb {
display: block;
padding: 0px 30px 15px 30px;
position: relative;
}
.band-activity .bg-mb img {
width: 100%;
display: block;
}
}
.band-banner {
height: 350px;
background: url(./../image/custom-notice-banner.jpg) no-repeat center;
}
.band-banner-mb {
display: none;
}
@media (max-width: 1023px) {
.band-banner {
display: none;
}
.band-banner-mb {
display: block;
}
.band-banner-mb img {
display: block;
width: 100%;
}
}
/* todo remove */
.band-cloudplus {
font-family: PingFangSC-Regular;
padding-top: 60px;
height: 598px;
background-image: linear-gradient(-180deg, #DEE6EE 0%, #EAEFF4 100%);
width: 100%;
}
.band-cloudplus .container {
max-width: 1200px;
clear: both;
margin: 0 auto;
padding: 60px 10px 60px;
}
.band-cloudplus .container .content {
width: 80%;
height: 385px;
background: #FFF;
position: relative;
float: right;
}
.band-cloudplus .container .content .img {
position: absolute;
left: -230px;
bottom: 10px;
}
.band-cloudplus .container .content div {
float: right;
width: 87.5%;
height: 100%;
}
.band-cloudplus .container .content div .item1 {
font-size: 24px;
color: #333333;
letter-spacing: 0;
text-align: justify;
line-height: 30px;
margin-top: 30px;
}
.band-cloudplus .container .content div .item2 {
font-size: 36px;
color: #333333;
letter-spacing: 0;
text-align: justify;
line-height: 46px;
margin-top: 10px;
}
.band-cloudplus .container .content div .item3 {
font-size: 16px;
color: #666666;
letter-spacing: 0;
text-align: justify;
line-height: 24px;
margin-top: 20px;
width: 95%;
}
.band-cloudplus .container .content div .item4 {
margin-top: 75px;
}
.band-cloudplus .container .content div .item4 .button1 {
display: inline-block;
background: #d32f2f;
font-size: 18px;
color: #FFFFFF;
text-align: center;
width: 160px;
height: 48px;
line-height: 48px;
}
.band-cloudplus .container .content div .item4 .button2 {
display: inline-block;
border: 1px solid #d32f2f;
background: white;
font-size: 18px;
color: #d32f2f;
text-align: center;
width: 160px;
height: 48px;
line-height: 48px;
margin-left: 10px;
}
.band-cloudplus .container .content div .item4 .button2 .img1 {
display: inline-block;
}
.band-cloudplus .container .content div .item4 .button2 .img2 {
display: none;
}
.band-cloudplus .container .content div .item4 .button2 span {
margin-left: 10px;
}
@media only screen and (min-width: 1023px) and (max-width: 1280px) {
.band-cloudplus .container .content {
width: 77%;
}
}
@media (max-width: 1023px) {
.band-cloudplus {
height: auto;
padding-top: 30px;
}
.band-cloudplus .container {
padding: 15px 10px 15px;
}
.band-cloudplus .container .content {
width: 100%;
float: none;
margin: 0 auto;
height: auto;
}
.band-cloudplus .container .content .img {
position: initial;
margin: 30px 15px;
width: 130px;
}
.band-cloudplus .container .content div {
width: calc(100% - 160px);
height: auto;
padding: 30px 0;
}
.band-cloudplus .container .content div .item1 {
font-size: 16px;
line-height: 16px;
margin-top: 0;
line-height: 24px;
}
.band-cloudplus .container .content div .item1 span {
display: none;
}
.band-cloudplus .container .content div .item2 {
font-size: 16px;
color: #151515;
margin-top: 7px;
line-height: 27px;
}
.band-cloudplus .container .content div .item3 {
font-size: 16px;
color: #333;
margin-top: 7px;
height: 5.25rem;
overflow: hidden;
text-overflow: ellipsis;
line-height: 21px;
}
.band-cloudplus .container .content div .item4 {
margin-top: 13px;
}
.band-cloudplus .container .content div .item4 .button1 {
display: none;
}
.band-cloudplus .container .content div .item4 .button-moblie {
display: inline-block;
}
.band-cloudplus .container .content div .item4 .button2 {
background: #d32f2f;
font-size: 14px;
color: #FFFFFF;
width: 10rem;
height: 32px;
margin-left: 0;
line-height: 32px;
}
.band-cloudplus .container .content div .item4 .button2 .img1 {
display: none;
}
.band-cloudplus .container .content div .item4 .button2 .img2 {
display: inline-block;
width: 1.5rem;
}
.band-cloudplus .container .content div .item4 .button2 span {
margin-left: 3px;
}
}
@media (max-width: 375px) {
.band-cloudplus .container .content div .item2 {
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.band-cloudplus .container .content div .item3 {
font-size: 14px;
}
}
/* todo remove */
.band-ecosystem {
height: 744px;
background: url(./../image/custom-notice-eco-bg.jpg) no-repeat;
background-size: contain;
background-position: bottom;
}
.band-ecosystem .wrapper {
max-width: 1200px;
clear: both;
margin: 0 auto;
padding: 60px 10px 60px;
}
.band-ecosystem .sub-title {
padding: 30px 0 10px;
font-size: 14px;
color: #666666;
line-height: 22px;
text-indent: 2em;
}
.band-ecosystem .item-container ul {
background: url(./../image/custom-notice-vertical-line.jpg), url(./../image/custom-notice-vertical-line.jpg), url(./../image/custom-notice-horizon-line.jpg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 33%, 66%, 50% 50%;
background-size: contain, contain, contain;
}
.band-ecosystem .item-container ul:after {
content: "";
display: block;
clear: both;
}
.band-ecosystem .item-container li {
float: left;
width: 33.33%;
height: 250px;
padding: 10px 0;
}
.band-ecosystem .item-container .icon {
display: block;
width: 60px;
height: 60px;
margin: 20px auto;
background-size: 100% 100%;
}
.band-ecosystem .item-container p {
text-align: center;
}
.band-ecosystem .item-container .title {
font-size: 20px;
color: #333333;
}
.band-ecosystem .item-container .num {
color: #d32f2f;
font-size: 60px;
}
.band-ecosystem .item-container .plus:after {
content: "+";
font-size: 30px;
}
.band-ecosystem .item-container .wan:after {
content: "\4E07";
font-size: 28px;
}
.band-ecosystem .item-container .global {
background-image: url(./../image/custom-notice-global.png);
}
.band-ecosystem .item-container .together {
background-image: url(./../image/custom-notice-together.png);
}
.band-ecosystem .item-container .develop {
background-image: url(./../image/custom-notice-develop.png);
}
.band-ecosystem .item-container .solution {
background-image: url(./../image/custom-notice-solution.png);
}
.band-ecosystem .item-container .vendor {
background-image: url(./../image/custom-notice-vendor.png);
}
.band-ecosystem .item-container .authentication {
background-image: url(./../image/custom-notice-authentication.png);
}
@media (max-width: 1023px) {
.band-ecosystem {
height: auto;
background: url(./../image/custom-notice-eco-bg-mb.jpg) no-repeat;
background-size: 100% auto;
background-position: bottom;
}
.band-ecosystem .wrapper {
clear: both;
margin: 0 auto;
padding: 30px 10px 30px;
}
.band-ecosystem .sub-title {
padding: 15px 0 15px;
font-size: 14px;
color: #666666;
line-height: 22px;
text-indent: 2em;
}
.band-ecosystem .item-container ul {
background: url(./../image/custom-notice-vertical-line-mb.jpg), url(./../image/custom-notice-vertical-line-mb.jpg), url(./../image/custom-notice-horizon-line-mb.jpg);
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 33%, 66%, 50% 50%;
background-size: contain, contain, contain;
}
.band-ecosystem .item-container li {
height: 150px;
}
.band-ecosystem .item-container .icon {
display: block;
width: 30px;
height: 30px;
margin: 20px auto;
background-size: 100% 100%;
}
.band-ecosystem .item-container p {
text-align: center;
}
.band-ecosystem .item-container .title {
font-size: 12px;
color: #333333;
}
.band-ecosystem .item-container .num {
color: #d32f2f;
font-size: 28px;
}
.band-ecosystem .item-container .plus:after {
content: "+";
font-size: 14px;
}
.band-ecosystem .item-container .wan:after {
content: "\4E07";
font-size: 12px;
}
}
/* todo remove */
body,
span,
div,
button,
p,
img,
h2 {
margin: 0;
padding: 0;
}
.band-BandOffline {
margin-top: 40px;
}
.band-BandOffline .offline-container {
max-width: 1200px;
clear: both;
margin: 0 auto;
padding: 60px 10px;
}
.band-BandOffline .offline-container ul {
overflow: hidden;
}
.band-BandOffline .offline-container ul .offline {
float: left;
margin-right: 17px;
border: 1px solid #E2E2E2;
}
.band-BandOffline .offline-container ul .offline:hover {
background: #FFFFFF;
border: 1px solid #E2E2E2;
box-shadow: 0 30px 40px 0 rgba(0, 0, 0, 0.1);
}
.band-BandOffline .offline-container ul .offline img {
width: 380px;
height: 210px;
}
.band-BandOffline .offline-container ul .offline div {
overflow: hidden;
}
.band-BandOffline .offline-container ul .offline div .fr {
float: right;
height: 90px;
}
.band-BandOffline .offline-container ul .offline div .fr a {
display: inline-block;
width: 96px;
height: 32px;
margin-top: 23px;
margin-right: 20px;
}
.band-BandOffline .offline-container ul .offline div .fr a button {
border: none;
background-color: #d32f2f;
width: 96px;
height: 32px;
font-family: PingFangSC-Regular;
font-size: 14px;
color: #FFFFFF;
line-height: 18px;
}
.band-BandOffline .offline-container ul .offline div .fl {
float: left;
height: 90px;
}
.band-BandOffline .offline-container ul .offline div .fl span:first-of-type {
display: block;
width: 181px;
height: 27px;
font-family: PingFangSC-Regular;
font-size: 18px;
color: #333333;
line-height: 27px;
margin-left: 20px;
margin-top: 20px;
}
.band-BandOffline .offline-container ul .offline div .fl .disshow {
display: none;
}
.band-BandOffline .offline-container ul .offline div .fl .font-red {
color: #d32f2f !important;
}
.band-BandOffline .offline-container ul .offline div .fl .wd {
width: 234px !important;
}
.band-BandOffline .offline-container ul .offline div .fl .wd2 {
width: 134px !important;
}
.band-BandOffline .offline-container ul .offline div .fl span:nth-of-type(2) {
display: block;
width: 150px;
height: 17px;
font-family: PingFangSC-Regular;
font-size: 12px;
color: #666666;
margin-left: 20px;
}
.band-BandOffline .offline-container div {
overflow: hidden;
}
.band-BandOffline .offline-container div .checkall {
text-align: center;
}
.band-BandOffline .offline-container div .checkall a {
display: inline-block;
width: 193px;
height: 27px;
font-family: PingFangSC-Regular;
font-size: 16px;
color: #666666;
text-align: center;
line-height: 27px;
margin-top: 20px;
}
@media only screen and (min-width: 1023px) and (max-width: 1210px) {
.band-BandOffline .offline-container ul .offline img {
width: 310px;
}
.band-BandOffline .offline-container ul .offline div .fl .wd {
width: 195px!important;
}
.band-BandOffline .offline-container ul .offline:nth-child(2) img {
width: 330px;
}
.band-BandOffline .offline-container ul .offline div .fl span:first-of-type {
width: 160px;
}
.band-BandOffline .offline-container ul .offline div .fl span:first-of-type {
width: 160px;
}
}
@media (max-width: 1023px) {
.band-BandOffline .offline-container ul .offline {
clear: both;
margin-left: 0;
}
.band-BandOffline .offline-container {
clear: both;
margin: 0 auto;
padding: 2% 2%;
}
.band-BandOffline .offline-container ul .offline {
float: none;
margin: 0;
border: 0;
}
.band-BandOffline .offline-container ul .offline img {
width: 100%;
height: auto;
}
.band-BandOffline .offline-container ul .offline:hover {
background: #FFFFFF;
border: 0;
box-shadow: none;
}
.band-BandOffline .offline-container ul .offline .disno {
display: none;
}
.band-BandOffline .offline-container ul .offline div {
height: 66px;
overflow: hidden;
border: 1px solid #ececec;
margin-top: 10px;
}
.band-BandOffline .offline-container ul .offline div .fr a {
display: none;
}
.band-BandOffline .offline-container ul .offline div .fl {
width: 100%;
height: 66px;
}
.band-BandOffline .offline-container ul .offline div .fl span:first-of-type {
display: block;
width: 100%;
height: 20px;
font-family: PingFangSC-Regular;
font-size: 16px;
color: #333333!important;
line-height: 20px;
}
.band-BandOffline .offline-container ul .offline div .fl .wd {
width: 402.9px !important;
}
.band-BandOffline .offline-container ul .offline div .fl .disshow {
display: inline-block !important;
}
.band-BandOffline .offline-container ul .offline div .fl .disno {
display: none !important;
}
.band-BandOffline .offline-container ul .offline div .fl span:nth-of-type(2) {
display: block;
width: 100% !important;
height: 21px;
ont-family: PingFangSC-Regular;
font-size: 14px;
color: #666666;
line-height: 21px;
margin-left: 20px;
}
.band-BandOffline .offline-container ul .offline div .fl span:nth-of-type(3) {
display: block;
width: 40% !important;
height: 21px;
ont-family: PingFangSC-Regular;
font-size: 14px;
color: #666666;
line-height: 21px;
margin-left: 20px;
}
.band-BandOffline .offline-container ul .offline div .fl span:nth-of-type(4) {
display: block;
width: 40% !important;
height: 21px;
ont-family: PingFangSC-Regular;
font-size: 14px;
color: #666666;
line-height: 21px;
float: right;
text-align: right;
padding-right: 22px;
}
.band-BandOffline div {
overflow: hidden;
}
.band-BandOffline div .checkall {
text-align: center;
}
.band-BandOffline div .checkall a {
display: inline-block;
width: 193px !important;
height: 20px !important;
font-family: PingFangSC-Regular;
font-size: 16px !important;
color: #999999 !important;
text-align: center !important;
line-height: 20px !important;
margin-top: 20px;
}
}
.notice-header {
width: 100%;
height: 260px;
background: linear-gradient(135deg, #FFC75F 0%, #FF9671 100%) no-repeat center;
background-size: cover;
padding-top: 100px;
}
.notice-header h1 {
font-size: 48px;
color: #111;
letter-spacing: 0;
line-height: 10px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
font-weight: 700;
}
.notice-content {
max-width: 1180px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 50px;
}
.notice-content .nav-list ul {
font-size: 0;
}
.notice-content .nav-list .item {
display: inline-block;
padding: 4px 12px;
cursor: pointer;
margin-bottom: 24px;
margin-right: 16px;
border: 1px solid #ddd;
border-radius: 2px;
}
.notice-content .nav-list .item a {
font-size: 14px;
color: #666A75;
text-align: center;
display: block;
width: 100%;
height: 100%;
}
.notice-content .nav-list .active {
color: #d32f2f;
border: 1px solid #d32f2f;
}
.notice-content .nav-list .active a {
color: #d32f2f;
}
.notice-content .nav-list .active a:visited {
color: #d32f2f;
}
.notice-content .notice-list .content-item {
position: relative;
width: 100%;
padding: 24px 36px;
padding-left: 186px;
border-bottom: solid 1px #dfe1e6;
}
.notice-content .notice-list .content-item span {
font-size: 14px;
color: #656A76;
letter-spacing: 0;
line-height: 22px;
font-weight: bold;
vertical-align: middle;
margin-bottom: -3px;
}

.notice-content .notice-list .content-item a {
color: #242B3B;
font-weight: bold;
}
.notice-content .notice-list .content-item .time {
color: #656A76;
font-weight: normal;
}
.notice-content .notice-list .content-item .time-pc{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 138px;
height: 44px;
margin: auto 47px auto 0;
color: #252b3a;
}
.notice-content .notice-list .content-item .time-pc:before {
content: "";
display: block;
position: absolute;
top: 12px;
right: 34px;
height: 22px;
border-right: solid 1px #575d6c;
transform-origin: right top;
transform: rotate(30deg);
}
.notice-content .notice-list .content-item .date-year{
position: absolute;
top: 28px;
right: 0;
font-size: 14px;
line-height: 14px;
text-align: right;
}
.notice-content .notice-list .content-item .date-month{
position: absolute;
top: 0;
right: 0;
font-size: 16px;
line-height: 24px;
text-align: right;
}
.notice-content .notice-list .content-item .date-day{
position: absolute;
top: 0;
right: 46px;
font-size: 40px;
line-height: 40px;
text-align: right;
}
.notice-content .notice-list .content-item .time-mb{
display: none;
}
/* .notice-content .notice-list .content-item:hover {
background: #FFFFFF;
box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
border-radius: 2px;
} */
.notice-content .notice-list .content-item:hover .category,
.notice-content .notice-list .content-item:hover a {
color: #d32f2f;
}
.notice-content .pagination-container {
font-size: 0;
color: #666;
line-height: 24px;
position: relative;
padding-left: 20px;
margin-top: 10px;
}
.notice-content .pagination-container * {
font-size: 14px;
color: #666A75;
line-height: 14px;
}
.notice-content .pagination-container .pagination {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
margin-right: 20px;
position: static;
width: auto;
}
.notice-content .pagination-container .pagination li a {
float: left;
width: auto;
height: 24px;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
text-align: center;
color: #666;
cursor: pointer;
line-height: 24px;
}
.notice-content .pagination-container .pagination li:hover {
background-color: #f7f8f8;
color: #d32f2f;
}
.notice-content .pagination-container .pagination .active a {
background-color: #f7f8f8;
color: #d32f2f;
cursor: default;
}
.notice-content .pagination-container .pagination > li:not(.active):not(.ellipsis):not(.disabled) > a:hover {
background-color: #d32f2f;
color: #fff;
}
.notice-content .pagination-container .pagination-to {
height: 24px;
width: 36px;
border: solid 1px #d2d2d2;
vertical-align: middle;
font-size: 14px;
color: #333;
text-align: center;
margin-left: 5px;
margin-right: 5px;
}
.notice-content .pagination-container .pagination-submit {
background: #d32f2f;
border-radius: 2px;
height: 32px;
width: 58px;
padding-left: 5px;
padding-right: 5px;
border: solid 1px #d32f2f;
margin-left: 20px;
color: #fff;
cursor: pointer;
}
.notice-register.register-area .aui-button.btn-primary {
background: #d32f2f;
color: #fff;
border-radius: 2px;
border-color: #d32f2f;
}
.v6-container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.content-item-right{
padding: 12px 32px;
border-left: solid 1px #dfe1e6;
}
.notice-content .notice-list .content-item a{
line-height: 22px;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
max-width: calc(100% - 114px);
vertical-align: middle;
}
.notice-content .notice-list .content-item .category {
color: #252B3A;
line-height: 22px;
font-size: 18px;
display: inline-block;
}
}
@media (max-width: 1439px){
.notice-header h1 {
max-width: 1200px;
}
.v6-container {
max-width: 1200px;
}
}

@media (max-width: 1279px){
.notice-header h1 {
padding-left: 3%;
padding-right: 3%;
}
.v6-container{
padding-left: 3%;
padding-right: 3%;
}
}
@media (max-width: 767px){
.notice-header h1{
padding-left: 15px;
padding-right: 15px;
}
.v6-container{
padding-left: 15px;
padding-right: 15px;
}
.notice-content .nav-list-wrapper{
padding-left: 0;
padding-right: 0;
}
}

@media (max-width: 1023px) {
.notice-header {
height: 150px;
padding-top: 0;
background: linear-gradient(to bottom, #FFD166 0%, #FF9A3C 100%) no-repeat center / cover;
}
.notice-header h1 {
font-size: 24px;
line-height: 150px;
}
.notice-content {
padding-top: 8px;
padding-bottom: 28px;
}
.notice-content .nav-list {
position: relative;
overflow: hidden;
}
.notice-content .nav-list-wrapper{
position: relative;
padding-left: 0;
padding-right: 0;
}
.notice-content .nav-list-wrapper .u-icon-left{
position: absolute;
content: '';
display: none;
width: 45px;
height: 44px;
background:linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
left: 0;
top: 0;
z-index: 9;
}
.notice-content .nav-list-wrapper .u-icon-right{
position: absolute;
content: '';
display: block;
width: 45px;
height: 44px;
background:linear-gradient(-270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
right: 0;
top: 0;
z-index: 9;
}
.notice-content .nav-list-wrapper .u-icon-right:before{
display: none;
}
.notice-content .nav-list-wrapper .u-icon-left:before{
display: none;
}
.notice-content .nav-list .scroll-list{
white-space: nowrap;
display: -webkit-box;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.notice-content .nav-list .scroll-list::-webkit-scrollbar{
display: none;
}
.notice-content .nav-list .item {
margin-bottom: 0;
border: none;
margin-right: 0;
padding: 9px 4px;
white-space: nowrap;
}
.notice-content .nav-list .item:first-child{
padding-left: 19px;
}
.notice-content .nav-list .item a{
padding: 4px 10px;
border-radius:15px;
font-size: 12px;
}
.notice-content .nav-list .item.active a{
background: #d32f2f;
color: #fff;
}
.notice-content .nav-list .item:last-of-type {
border-right: none;
}
.notice-content .notice-list .content-item {
padding: 15px;
border-bottom: 1px solid #ddd;
height: auto;
position: relative;
}
.notice-content .notice-list .content-item:hover {
box-shadow: none;
}
.notice-content .notice-list .content-item span {
font-size: 16px;
line-height: 20px;
}
.notice-content .notice-list .content-item .category {
color: #242B3B;
margin-bottom: 5px;
}
.notice-content .notice-list .content-item .content {
max-height: 44px;
}
/* .notice-content .notice-list .content-item .time {
position: absolute;
top: 0;
right: 0;
} */
.notice-content .pagination-container {
margin-top: 19px;
}
.notice-content .notice-list .content-item .time-pc{
display: none;
}
.notice-content .notice-list .content-item .time-mb{
display: block;
font-size: 12px;
margin-bottom: 4px;
}
}
@media (max-width: 768px) {
.notice-header {
background: linear-gradient(to bottom, #FFD166 0%, #FF9A3C 100%) no-repeat center / cover;
}
}

/*# sourceMappingURL=index.css.map*/