@charset "utf-8"; @font-face { font-family: "OPPOSans-M"; font-style: normal; font-weight: normal; src: url("../fonts/error/OPPOSans-M.ttf") format("truetype"), url("../fonts/error/OPPOSans-M.woff") format("woff"), url("../fonts/error/OPPOSans-M.svg") format("svg"); font-display: swap; } @font-face { font-family: "OPPOSans-R"; font-style: normal; font-weight: normal; src: url("../fonts/error/OPPOSans-R.ttf") format("truetype"), url("../fonts/error/OPPOSans-R.woff") format("woff"), url("../fonts/error/OPPOSans-R.svg") format("svg"); font-display: swap; } @font-face { font-family: "SourceHanSansCN-Medium"; font-style: normal; font-weight: normal; src: url("../fonts/error/SourceHanSansCN-Medium.ttf") format("truetype"), url("../fonts/error/SourceHanSansCN-Medium.woff") format("woff"), url("../fonts/error/SourceHanSansCN-Medium.svg") format("svg"); font-display: swap; } @font-face { font-family: "SourceHanSansCN-Normal"; font-style: normal; font-weight: normal; src: url("../fonts/error/SourceHanSansCN-Normal.ttf") format("truetype"), url("../fonts/error/SourceHanSansCN-Normal.woff") format("woff"), url("../fonts/error/SourceHanSansCN-Normal.svg") format("svg"); font-display: swap; } .error_banner { width: 1600px; margin: auto; position: relative; height: 699px; } .error_banner > img { left: 50%; margin-left: -960px; position: absolute; top: 0px; width: 1920px; height: 699px; } .error_banner .txt{width: 1280px;margin: 0 auto;position: relative;overflow: hidden;} .error_banner .txt>img{width:597px;height: 345px;display: block;margin: 0 auto;margin-top: 194px;} .error_banner .txt .back{ background: rgb(183,26,48); height: 43px; width: 174px; display: block; margin: 0 auto; margin-top: -50px; } .error_banner .txt .back span{ font-family: SourceHanSansCN-Normal; display: block; font-size: 18px; color: rgb(255,255,255); line-height: 43px; text-align: center} .rel_list{width: 100%;overflow: hidden;position: relative;margin: 0 auto;} .rel_top{ overflow: hidden; width: 1270px; margin: 0 auto; margin-top: 68px;} .rel_top p{ font-family: SourceHanSansCN-Medium; font-size: 30px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: -1px; color: #111111; float: left; } .rel_top p span{ font-family: OPPOSans-R; font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #8f8f8f; margin-left: 9px; } .rel_top a{ width: 91px; height: 25px; background-color: #b71a30; border-radius: 13px; display: block; text-align: center; float: right; text-decoration: none; } .rel_top a span{ font-family: OPPOSans-M; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #ffffff; display: block; } .rel_list ul{ width: 1270px; margin: 0 auto; overflow: hidden; margin-top: 46px; margin-bottom: 24px; } .rel_list ul li{ float: left; width: 617px; margin-right: 36px; margin-bottom: 49px; } .rel_list ul li:nth-of-type(2n){ margin-right:0px } .rel_list ul li img{ width: 262px; height: 170px; display: block; float: left; margin-right: 19px; transition: all .88s ease; } .rel_list ul li:hover img{ transform: scale(1.05) translate3d(0,0,0)} .rel_list ul li .tit{ /* font-family: OPPOSans-M; */ font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #131212; float: left; width: 305px; margin-top: 17px; } .rel_list ul li a{ display: block; position: relative} .rel_list ul li .info{ /* font-family: OPPOSans-R; */ font-size: 14px; font-weight: normal; width: 336px; font-stretch: normal; line-height: 22px; letter-spacing: 0px; float: left; color: #808080; margin-top: 17px; } .rel_list ul li .time{ /* font-family: OPPOSans-R; */ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 14px; letter-spacing: 0px; color: #a1a1a1; width: 336px; float: left; margin-top: 30px; }