*{ padding: 0; margin: 0; } #app{ min-width: 1300px; } #apptop{min-width: 1300px;} ::-webkit-scrollbar{ opacity: 0; width: 0; } .bot{ min-width: 1300px;} .videoDetail{min-width: 1300px; min-height:100%} .top_app { width: 100%; display: block; } .top_appAdd{ height: 295px; } .top_select{ width: 100%; height: 59px; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: center; align-items: center; font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; background-color: #c51919; margin-bottom: 59px; position: relative; } .top_select>div{ width: 139px; height: 59px; line-height: 59px; text-align: center; padding: 0px 3px; color: #ffffff; transition: all 0.1s ease; cursor: pointer; } .topSelect{ background-color: #ffd789; color: #c51919 !important; } .top_select>div:hover{ background-color: #ffd789; color: #c51919 !important; } .el-breadcrumb{font-size: 16px;} .el-tabs__item{font-size: 16px;} .midTit{ width: 1301px; height: 112px; background-color: #ffffff; /* border: solid 1px #d7d7d791; */ margin: 0 auto; margin-bottom: 26px; padding-left: 18px; box-sizing: border-box; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; font-size: 36px; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #d50101; padding-right: 128px; } .midTit img{ width: 70px; /* height: 70px; */ display: block; margin-right: 19px; } .midTit span{ height: 70px; display: block; margin-right: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; } .bannerTop{ display: grid; grid-template-columns: 739px 546px; grid-template-rows: 399px; justify-content: center; margin-bottom: 34px; padding-top: 8px; } .bannerTop> div { background-size: contain; background-position: center; background-repeat: no-repeat; box-sizing: border-box; } .bannerTop_left{ position: relative; overflow: hidden; background-size: 100% 100%; transition: all .1s ease; background-color: #c90000; } .bannerTop_left div{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bannerTop_lefttit{ width: 100%; height: 48px; background-color: #00000062; box-sizing: border-box; position: absolute; bottom: 0; padding-left: 18px; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; } .bannerTopControl{ display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ width: 123px; height: 100%; flex-shrink: 0; display: flex; align-items: center; margin-left: auto; cursor: auto; } .bannerTopControl div{ margin-left: 9px; width: 12px; height: 12px; background-color: #ffffff35; cursor: pointer; } .bannerTopControl .active{ background-color: #e31314; } .bannerTop .el-tabs__item.is-active{ letter-spacing: 0px; color: #ffffff; } .bannerTop .el-tabs__active-bar{ background-color: transparent; width: 198px !important; height: 50px; background-image: url(../../images/img/tabbg_new.png); left: -59px; } .bannerTop .el-tabs__item:hover{ color: #010101; } .bannerTop .el-tabs__item{ color: #d50101; font-weight: bold;} .tapDatashow{ display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: space-between; align-items: center; padding-left: 18px; box-sizing: border-box; height: 45px; position: relative; } .tapDatashow_left{ width: 438px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; letter-spacing: 0px; color: #010101; } .tapDatashow_right{ letter-spacing: 0px; color: #a6a6a6; font-size: 14px; display: none; } .tapDatashow::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-radius: 50%; box-sizing: border-box; width: 5px; height: 6px; background-color: #000000; } .tapmain { height: 42px; background-color: #f4f3f2; font-size: 20px; font-weight: bold; font-stretch: normal; /* line-height: 24px; */ letter-spacing: 0px; color: #ffffff; } .tapmain .el-tabs__nav-wrap::after{ opacity: 0; } .ovhide .el-tabs__nav-scroll { overflow: visible; } .ovhide .el-tabs__nav-wrap { overflow: visible; } .ovhide{ overflow: hidden; } .heightmid{ height: 345px; overflow: hidden; } .midnoticeDiv{ width: 1301px; height: 60px; /* border: solid 1px #d7d7d791; */ margin: 0 auto; margin-bottom: 36px; background-image: url("../../images/img/titb_new.png"); background-size: 100%; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; } .midnoticeDiv_left{ width: 175px; /* text-align: center; */ text-indent: 23px; line-height: 64px; font-family: MicrosoftYaHei; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 22px; letter-spacing: 2px; color: #ffffff; background-repeat: no-repeat; } .midnoticeDiv_right{ box-sizing:border-box; width: 1084px; height: 19px; overflow: hidden; } .midnoticeDiv_right> div{width:3876px !important} .noticediv{ display: inline-block; box-sizing:border-box; width:289px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; margin: 0 17px; font-size: 16px; color: #b5681a; } .adverdiv { display: grid; /*grid-template-rows: 260px 260px 123px;*/ grid-template-columns: 632px 632px; grid-gap: 33px 37px; grid-template-areas: 'a b' 'd f' 'c c'; justify-content: center; /*margin-bottom: 48px;*/ } .adverdiv>div { padding-bottom: 20px; box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.19);} .adverdiv>div:nth-of-type(1) { grid-area: a; } .adverdiv>div:nth-of-type(2) { grid-area: b; } .adverdiv>div:nth-of-type(3) { grid-area: d; } .adverdiv>div:nth-of-type(4) { grid-area: f; } .adverdiv>div:nth-of-type(5) { grid-area: c; display: grid; /* grid-gap: 22px; */ grid-auto-rows: 123px; grid-template-columns: repeat(6, 1fr); background-color: #f7f3ee; box-shadow: none; } .adverdiv img{ cursor: pointer; } .adverdiv>div:nth-of-type(5) div { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #d60406; position: relative; cursor: pointer; width: 100%; height: 100%; } .adverdiv>div:nth-of-type(5) a { text-decoration: none; } .linesty::after { content: ''; height: 77px; border-right: dashed 1px #d60406; opacity: 0.41; right: 0; top: 0; bottom: 0; margin: auto; position: absolute; } .adverdiv>div:nth-of-type(5) div img{margin-bottom: 12px} .adverdivtit{ height: 51px; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ box-sizing: border-box; border-bottom: 2px solid #dd2326; position: relative; margin-bottom: 15px; } .adverdivtit_left { width: 160px; height: 51px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: bold; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #ffffff; background-image: url("../../images/img/tbg_new.png"); background-size: 100%; } .adverdivtit::after{ position: absolute; /*content: ""; */ width: 100%; height: 1px; background: #dd2326; bottom: 1px; } .adverdivtit_left img{ height: 19px; margin-right: 9px; } .adverdivtit span{ font-family: MicrosoftYaHei; font-size: 20px; /* font-weight: normal; */ font-stretch: normal; line-height: 24px; letter-spacing: 0px; /* color: #dd2326; */ } .adverdivtit .right{ font-size: 14px; font-weight: normal; font-stretch: normal; margin-left: auto; letter-spacing: 0px; color: #a6a6a6; line-height: 4.9; margin-right: 9px; cursor: pointer; } .adverdivmain{ width: 100%; height: 179px; overflow-y: hidden; position: relative; padding-left: 299px; box-sizing: border-box; } .adverdivmain_imgOut { width: 273px; height: 179px; position: absolute; left: 4px; } .adverdivmain_img { width: 100%; height: 100%; position: relative; overflow: hidden; transition: all 0.5s ease; cursor: pointer; } .adverdivmainimg_tit{ height: 35px; line-height: 35px; background: rgba(0,0,0, .5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; padding-left: 18px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; } .adverdivmain_img>img{ width: 100%; height: 100%; } .adverdivmain_box{ cursor: pointer; width: 326px; height: 45px; transition: all 0.5s ease; border-bottom: 2px dashed #eaeaea; position: relative; background: #fff; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: space-between; align-items: center; padding-left: 18px; box-sizing: border-box; } .studydiv .adverdivmain_box { height: 43px; } .adverdivmain_box::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; background-color: #ffffff; border-radius: 50%; box-sizing: border-box; width: 5px; height: 6px; background-color: #000000; } .adverdivmain_box>.tapDatashow_left{ width: 278px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; letter-spacing: 0px; color: #010101; } .boxmainBorder{ width: 1300px; height: 365px; background-color: #ffffff; border: solid 1px #d7d5d5; margin: 0 auto; margin-bottom: 29px; position: relative; } .boxmainBorder img{ cursor: pointer; } .boxmainBorder> .tit{ width: 100%; height: 49px; background-image: linear-gradient(0deg, #dedede 0%, #ffffff 100%), linear-gradient( #ededed, #ededed); background-blend-mode: normal, normal; font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #f82121; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: center; align-items: center; } .studydiv{ display: grid; grid-template-areas: 'a b' 'c c'; grid-template-rows: 242px 111px; grid-template-columns: repeat(2, 597px); grid-gap: 18px 79px; padding-top: 19px; box-sizing: border-box; justify-content: center; } .studydiv>div:nth-of-type(1) { grid-area: a; } .studydiv>div:nth-of-type(2) { grid-area: b; } .studydiv>div:nth-of-type(3) { grid-area: c; } .studydivBox{} .studydivBox > .adverdivmain { padding-left: 0; } .studydivBox .tapDatashow_right { display: block; } .studydivBox .adverdivmain_box{ cursor: pointer; width: 100%; height: 45px; transition: all 0.5s ease; border-bottom: 2px solid #eaeaea; position: relative; background: #fff; display: flex; display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ justify-content: space-between; align-items: center; padding-left: 18px; box-sizing: border-box; } .studydivBox .el-tabs__item.is-active{ letter-spacing: 0px; color: #f71616; } .studydivBox .el-tabs__active-bar{ background-color: #f71616; width: 100%; } .studydivBox .el-tabs__item:hover{ color: #f71616; } .studydivBox .el-tabs__item{ color: #f71616;} .videodiv { padding:22px 0px; /*padding: 22px 18px;*/ overflow: hidden; box-sizing: border-box; width: 100%; height: 203px; } .videodivDiv{ position: relative; display: inline-block; width: 236px; height: 181px; margin: 0 10px } .videodiv img{ width: 100%; height: 100%; } .videoicon{ position: absolute; top: 0; z-index: 1; } .bot { width: 100%; height: 176px; background-color: #a00004; margin-top: 59px; padding-top: 8px; border-top: 4px solid #ea0400; color: #ffffff; font-size: 20px; } .bot > div{ letter-spacing: 1px; line-height: 44px; height: 44px; text-align: center; } .botspanbox{} .botspanbox span{ margin-right: 9px; } .tapDatashow_left:hover{ cursor: pointer; color: #ea0400; } .boxMainOut { height: 478px; width: 100%; background-image: url("../../images/img/gwdtbg.png"); background-size: 1920px; padding-top: 37px; box-sizing: border-box; } .boxtit { display: block; margin: 0 auto; } .boxmainBordersty { border: none; overflow: hidden; box-sizing: border-box; background-color: transparent; } .boxmainBorder_sty { border: none; overflow: hidden; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.19); } .el-carousel__arrow{ width: 52px; height: 52px; background-color: #d60406; /* background-color: #ffffff; */ /* border: 4px solid #dddddd; */ color: #fff; font-size: 28px; } .el-carousel__arrow--left { left: 88px; } .el-carousel__arrow--right{ right: 88px; } .marginright5px{ margin-right: 5px; } #tab-2 { position: relative; } #tab-2::after { position: absolute; left: 0; content: ""; top: 0; bottom: 0; margin: auto; width: 1px; height: 17px; background-color: #ededed; } .topSec{ position: absolute; width: 1301px; background-color: #fff0d3; transition: all .8s ease; overflow: hidden; left: 0; right: 0; top: 100%; margin: auto; height: 0; display: flex; justify-content: center; font-size: 16px; z-index: 0; } .topSec> div{ height: 59px; padding: 0 18px; color: #d67809; } .topSec> div:hover{ color: #e71b1b; } .topSecselect{ height: 59px; z-index: 9; } .navigation{ display: flex; align-items: center; height: 68px; width: 1300px; font-size: 16px; color: #666666; margin: 0 auto; } .navigationIcon{ width: 18px; height: 18px; margin-right: 9px; } .navigationSpan{ color: #666666; } .navigationSpan:hover{ color: #ea0101; } .navigationSpannow{ color: #ea0101; } .navigation .el-breadcrumb__inner a:hover, .el-breadcrumb__inner.is-link:hover{ color: #ea0101; } /*login*/ .loginBg{ display: flex; align-items: center; justify-content: center; width: 1920px; height: 100vh; min-height: 899px; } .loginBgexam{ background-image: url("../img/examBg.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; } .loginBgsurvey{ background-image: url("../img/surveyBg.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; } .exambox{ width: 625px; height: 609px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .examtit{ font-weight: bold; font-size: 60px; font-stretch: normal; letter-spacing: 12px; color: #ffffff; } .examLogin{ width: 625px; height: 434px; background-color: #ffffff; border-radius: 12px; display: flex; justify-content: center; flex-direction: column; } .examboxinput{ display: flex; align-items: center; margin-bottom: 26px; height: 52px; padding-left: 52px; box-sizing: border-box; } .exambox_left{ width: 125px; text-align: right; font-size: 24px; letter-spacing: 1px; color: #333333; margin-right: 25px; } .exambox_input{ width: 360px; height: 52px; background-color: #ffffff; border-radius: 4px; border: solid 1px #e8e8e8; padding-left: 19px; box-sizing: border-box; } .examboxbtn{ width: 270px; height: 55px; background-color: #1291f8; border-radius: 4px; font-size: 25px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 40px; cursor: pointer; } .surveybox{ width: 1532px; height: 777px; background-image: url("../img/surveyBox.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: 0 0; } .surveyboxmain{ width: 624px; margin-left: auto; display: flex; flex-direction: column; align-items: center; } .surveyboxinput{ height: 52px; margin-bottom: 32px; display: flex; align-items: center; } .surveyboxinput_left{ width: 100px; display: flex; justify-content: space-between; letter-spacing: 1px; color: #333333; font-size: 24px; margin-right: 19px; flex-shrink: 0; } .surveybox_input{ width: 361px; height: 52px; background-color: #ffffff; border-radius: 4px; border: solid 1px #e8e8e8; box-sizing: border-box; padding-left: 19px; } .surveyboxbtn{ margin-top: 52px; width: 271px; height: 55px; background-color: #1291f8; border-radius: 4px; letter-spacing: 1px; color: #ffffff; font-size: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .surveyboxtit{ font-size: 58px; font-weight: bold; letter-spacing: 12px; color: #0e89ec; margin-bottom: 95px; margin-top: 78px; } .midmainBox{ width: 1300px; margin: 0 auto; } .midmainBox .el-tabs__item.is-active{ color: #f71616; font-weight: bold; } .midmainBox .el-tabs__active-bar{ background-color: #f71616; width: 100%; } .midmainBox .el-tabs__item:hover{ color: #f71616; } .midmainBoxv .el-tabs__item{ color: #f71616;} .midmainBox .el-tabs__item.is-active{ letter-spacing: 0px; color: #f71616; } .midmainBox .el-tabs__active-bar{ background-color: #f71616; width: 100%; } .midmainBox .el-tabs__item:hover{ color: #f71616; } .midmainBox .el-tabs__item{ color: #f71616;} .ministermessage{ display: grid; grid-template-columns: 837px 420px; justify-content: space-between; padding-top: 33px; box-sizing: border-box; } .ministermessage_tit{ display: flex; align-items: center; justify-content: center; width: 100%; height: 20px; background-image: url('../img/titlebg.png'); background-repeat: repeat-x; background-position: 50% 50%; } .ministermessage_tit span{ height: 20px; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #000000; background: #fff; padding: 9px; } .el-pagination.is-background .el-pager li:not(.disabled).active{ background-color: #f71616; } .el-pagination.is-background .el-pager li:not(.disabled):hover{ color: #f71616; } .el-pagination.is-background .el-pager li:not(.disabled).active:hover{ color: #fff; } .ministermessage .el-pagination{ display: flex; justify-content: center; margin-top: 29px; } .ministerMain{ width: 100%; padding-top: 9px; } .ministerMainDiv{ height: 45px; display: flex; align-items: center; justify-content: space-between; padding-left: 18px; box-sizing: border-box; height: 45px; position: relative; } .ministerMain_left{ width: 750px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; letter-spacing: 0px; color: #666666; cursor: pointer; } .ministerMain_left:hover{ color: #f71616; } .ministerMain_left span{ font-weight: bold; color: #010101; margin-right: 9px; } .ministerMain_right{ letter-spacing: 0px; color: #a6a6a6; font-size: 14px; } .ministerMainDiv::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; background-color: #ffffff; border: solid 1px #aaaaaa; border-radius: 50%; box-sizing: border-box; } .envelopewrite{ height: 70px; display: block; margin-bottom: 8px; cursor: pointer; } .envelopeSearch{ display: flex; align-items: center; flex-direction: column; width: 100%; height: 329px; background-color: #ffecec; padding: 0 55px; padding-top: 29px; box-sizing: border-box; } .envelopeSearch .searchtit{ margin-bottom: 29px; } .envelopeSearch input{ margin-bottom: 19px; width: 100%; height: 52px; background-color: #ffffff; letter-spacing: 1px; color: #666666; text-align: center; font-size: 18px; border: none; } .envelopeSearch .searchBtn{ margin-top: 9px; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #ffffff; text-align: center; width: 100%; height: 52px; line-height: 52px; background-color: #c51919; cursor: pointer; } .navigationMain{ display: grid; grid-template-columns: 314px 955px; justify-content: space-between; } .navigationMain_left{ height: 80px; box-sizing: border-box; letter-spacing: 1px; color: #000000; font-size: 18px; cursor: pointer; } .navigationMain_left:hover{ background-image: url(../img/selectedBg.png); background-repeat: no-repeat; background-position: 0 0; letter-spacing: 1px; color: #ffffff; text-align: center; line-height: 80px; } .navigationMain_left:hover .normalbg{ color: #ffffff; background: transparent; } .navigationMain_left:hover .normalbg:after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 261px; height: 1px; background-color: #d71919; margin: auto; } .navigationMain_left .normalbg{ text-align: center; width: 300px; text-align: center; line-height: 80px; position: relative; background: #f6f6f6; letter-spacing: 1px; } .navigationMain_left .normalbg:after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 261px; height: 1px; background-color: #e1e1e1; margin: auto; } .navigationMain_leftadd{ background-image: url(../img/selectedBg.png); background-repeat: no-repeat; background-position: 0 0; letter-spacing: 1px; color: #ffffff; font-size: 18px; text-align: center; line-height: 80px; } .navigationMain_leftadd .normalbg{ color: #ffffff; background: transparent; } .navigationMain_leftadd .normalbg:after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 261px; height: 1px; background-color: #d71919; margin: auto; } .tabnavigationbar .el-tabs__item.is-active{ color: #000000 !important; } .tabnavigationbar .el-tabs__active-bar{ background-color: #000000 !important; width: 100%; } .tabnavigationbar .el-tabs__item:hover{ color: #000000 !important; } .tabnavigationbar .el-tabs__item{ color: #666666;} .tabnavigationbar .el-tabs__item.is-active{ letter-spacing: 0px; color: #000000 !important; } .tabnavigationbar .el-tabs__active-bar{ background-color: #f71616 !important; width: 100%; } .tabnavigationbar .el-tabs__item:hover{ color: #000000 !important; } .tabnavigationbar .el-tabs__item{ color: #000000 !important;} .tabnavigationbar .el-tabs__nav-wrap::after{ opacity: 0; } .tabnavigationbar #tab-2:after{ opacity: 0; } .pictorDiv{ display: grid; grid-template-columns: 296px 296px 296px; grid-auto-rows: 263px; grid-gap: 31px 38px; } .pictorDiv>div{ cursor: pointer; box-shadow: 0px 0px 16px 0px rgba(153, 153, 153, 0.24); } .pictorDiv_img{ width: 100%; height: 180px; } .pictorDivinfo{ padding: 9px 18px; box-sizing: border-box; } .pictorDivinfo>div:nth-of-type(1) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; color: #000000; font-size: 18px; } .pictorDivinfo>div:nth-of-type(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 0px; color: #666666; font-size: 16px; } .activeinfo{ width: 100%; height: 197px; background-color: #ffffff; border: solid 1px #ededed; display: flex; position: relative; overflow: hidden; padding-top: 17px; padding-left: 14px; box-sizing: border-box; margin-bottom: 22px; } .activeinfoimg { width: 237px; height: 160px; margin-right: 21px; flex-shrink: 0; display: block; object-fit: contain; } .activeinfoimg_tips{ position: absolute; right: 0; top: 0; z-index: 1; width: 61px; height: 61px; background-image: url(../img/status.png); background-repeat: no-repeat; background-position: 0 0; } .activeinfoimg_tips2{ position: absolute; right: 0; top: 0; z-index: 1; width: 61px; height: 61px; background-image: url(../img/status2.png); background-repeat: no-repeat; background-position: 0 0; } .activeinfoimg_tips3{ position: absolute; right: 0; top: 0; z-index: 1; width: 61px; height: 61px; background-image: url(../img/status3.png); background-repeat: no-repeat; background-position: 0 0; } .activeinfoBtn{ position: absolute; width: 105px; height: 37px; background-color: #d71919; border-radius: 4px; right: 23px; bottom: 19px; z-index: 1; letter-spacing: 1px; color: #fffefe; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .activeinfoBtn1{ position: absolute; width: 105px; height: 37px; background-color: #ccc; border-radius: 4px; right: 23px; bottom: 19px; z-index: 1; letter-spacing: 1px; color: #fffefe; font-size: 18px; display: flex; align-items: center; justify-content: center; cursor: no-drop; } .activeinfodiv>div{ margin-top: 8px; } .activeinfodiv>div:nth-of-type(1) { width: 506px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .activeinfodiv>div:nth-of-type(2) { height: 54px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #666666; word-break: break-all; -webkit-line-clamp: 2; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; } .activeinfodiv>div:nth-of-type(3) { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #666666; word-break: break-all; } .activeinfodiv>div:nth-of-type(4) { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #666666; word-break: break-all; } .videodata{ height: 45px; display: flex; align-items: center; justify-content: space-between; padding-left: 36px; box-sizing: border-box; height: 45px; position: relative; } .videodata::after{ content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-image: url(../img/vicon.png); background-repeat: no-repeat; width: 24px; height: 22px; box-sizing: border-box; } .videoDetail{ width: 100vw; height: 100vh; background: rgba(0,0,0,.4); display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; z-index: 19; } .videoDetailbox{ width: 58%; height: 58%; position: relative; } .videoDetailbox>video{ width: 100%; height: 100%; display: block; object-fit: contain; } .videoDetailboxesc{ position: absolute; top: -42px; right: 8px; width: 33px; height: 33px; background-image: url(../img/delicon.png); background-repeat: no-repeat; cursor: pointer; } .writeinfo{ width: 735px; height: 992px; background-color: #ffffff; border-radius: 12px; border: solid 1px #e1e2e3; margin: 0 auto; padding: 0 44px 0 39px; box-sizing: border-box; } .writeinfo_tit{ margin-top: 28px; margin-bottom: 29px; font-size: 20px; letter-spacing: 1px; color: #d71919; } .el-upload--picture-card:hover, .el-upload:focus { border-color: #ec1e1e; color: #d71919; } .writeinfo .el-tabs__item.is-active{ letter-spacing: 0px; color: #000000 !important; } .writeinfo .el-tabs__active-bar{ background-color: #f71616 !important; width: 100%; } .writeinfo .el-select{ width: 100%; } .writebtn{ width: 121px; height: 45px; background-color: #d71919; border-radius: 4px; letter-spacing: 1px; color: #fffefe; font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; } .writeinfo .el-tabs{ margin-bottom: 8px; } .flexColumcenter{ display: flex; justify-content: center; } .pictorinfo{ display: grid; grid-template-columns: 416px 416px 416px; grid-auto-rows: 369px; grid-gap: 26px 33px; } .pictorinfo>div{ background-color: #ffffff; border: solid 1px #dddddd; box-sizing: border-box; overflow: hidden; cursor: pointer; } .pictorinfo_img{ width: 100%; height: 285px; } .pictorinfo_name{ font-size: 20px; text-align: center; letter-spacing: 0px; color: #010101; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pictorinfo_intro{ font-size: 18px; text-align: center; letter-spacing: 0px; color: #666666; height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; padding: 1px 19px; box-sizing: border-box; } .articlemain{ padding: 46px 109px 54px 93px; box-sizing: border-box; margin-bottom: 24px; background-color: #ffffff; } .articleTit{ font-weight: bold; font-size: 30px; letter-spacing: 1px; color: #333333; text-align: center; word-break: break-all; } .articleTitsecondary{ height: 81px; letter-spacing: 0px; color: #999999; font-size: 16px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .articleTitsecondary > div{ margin: 0 29px; } .articlecontent{ font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 1px; color: #333333; } .articlecontent span { text-wrap: wrap; } .articleFile{ display: flex; align-items: center; letter-spacing: 1px; color: #333333; font-size: 18px; margin: 8px 1px; cursor: pointer; } .articleFile img{ height: 28px; margin: -1px !important; margin-right: 5px !important; } .articleFiletit{ height: 89px; display: flex; align-items: center; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: #333333; } .articlemain img{ max-width: 100%; object-fit: contain; display: block; margin: 0 auto; margin-top: 19px; } .articlestatustime{ display: flex; justify-content: space-between; align-items: center; letter-spacing: 1px; color: #666666; font-size: 18px; } .articlestatustime span{ color: #333333; } .colunmcenter{ justify-content: center; } .colunmcenter div{ margin: 1px 9px; } .activetit{ position: relative; letter-spacing: 1px; color: #f71616; padding-left: 8px; box-sizing: border-box; font-size: 18px; font-weight: bold; } .activetit::after{ position: absolute; content: ""; left: 0; top: 0; bottom: 0; margin: auto; width: 3px; height: 19px; background-color: #f71616; } .selectUserinfo{ display: grid; grid-template-columns: 350px 868px; justify-content: space-between; } .selectUserinfo_left{ height: 521px; overflow-y: auto; padding-top: 80px; position: relative; } .selectUserinfo_lefttop{ height: 80px; position: absolute; top: 0; width: 100%; z-index: 9; background-color: #d71919; font-size: 20px; letter-spacing: 1px; color: #ffffff; text-indent: 28px; line-height: 80px; } .rightinfo{ display: grid; grid-template-columns: repeat(4, 170px); grid-auto-rows: 263px; grid-gap: 49px 56px; } .rightinfo>div{ cursor: pointer; } .rightinfo img{ width: 100%; height: 200px; } .rightinfoname{ margin-top: 8px; letter-spacing: 1px; color: #000000; font-size: 18px; height: 28px; display: flex; align-items: center; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rightinfoname span{ font-size: 16px; margin-left: 8px; color: #333333; } .rightinfointro{ letter-spacing: 1px; color: #999999; font-size: 18px; height: 28px; /*display: flex;*/ /*align-items: center;*/ /*justify-content: center;*/ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .userDatalist{ display: grid; grid-template-columns: 100%; grid-auto-rows: 140px; grid-gap: 32px; } .userDatalistmain{ display: grid; grid-template-columns: 124px auto; grid-auto-rows: 140px; grid-gap: 19px 32px; cursor: pointer; } .userDatalist_img{ width: 100%; height: 100%; } .userDatalist_name{ height: 49px; line-height: 49px; font-size: 18px; font-weight: bold; letter-spacing: 1px; color: #000000; } .userDatalist_intro{ height: 89px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #333333; word-break: break-all; -webkit-line-clamp: 3; /* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; } .testdata{ padding-top: 72px; padding-bottom: 58px; } .testdatatit{ text-align: center; letter-spacing: 3px; color: #000000; font-size: 32px; margin-bottom: 25px; } .testdatatime{ text-align: center; letter-spacing: 2px; color: #666666; font-size: 20px; margin-bottom: 39px; } .testdatainfo{ margin: 28px 1px; } .testdatainfotopic{margin: 28px 1px;} .testdatainfotit{ letter-spacing: 2px; color: #000000; font-size: 20px; font-weight: bold; } .testdatainfoname{ width: 89%; word-break: break-all; font-size: 20px; letter-spacing: 2px; color: #000000; } .testdatainfoChoice{ width: 89%; letter-spacing: 2px; font-size: 20px; color: #666666; display: flex; flex-wrap: wrap; align-items: center; } .testdatainfoChoice > div{ margin: 9px 18px; display: flex; align-items: center; cursor: pointer; } .testdatainfoChoice img{ width: 19px; height: 19px; display: block; margin-right: 9px; } .testSubmit{ width: 270px; height: 55px; background-color: #1291f8; border-radius: 4px; margin: 0 auto; margin-top: 19px; letter-spacing: 1px; color: #ffffff; font-size: 25px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .userDatalist_namesec{ font-weight: normal; } .userDatalist_namesec>span{ color: #999999; margin-right: 9px; } .userDatalist_namesec>span>span{ color: #333333; } .searchBg{ display: flex; align-items: center; overflow: hidden; width: 435px; height: 46px; margin-left: auto; background-image: url(../img/searchBg.png); background-repeat: no-repeat; background-size: 100%; cursor: pointer; padding-left: 15px; box-sizing: border-box; } .searchBg input{ border: none; height: 39px; outline: none; color: #999999; font-size: 16px; width: 87%; } .searchBg div{ width: 64px; height: 46px; } .searchdetail{ width: 100%; display: grid; grid-template-columns: 180px 977px; grid-gap: 34px; padding: 46px 58px 49px 52px; box-sizing: border-box; background-color: #ffffff; } .searchdetailimg{ width: 100%; height: 220px; box-sizing:border-box; object-fit: contain; } .searchdetailinfo{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 1px; color: #333333; word-break: break-all; margin-bottom: 29px; } .flexColumright{ display: flex; justify-content: flex-end; } .btnDefault{ width: 121px; height: 44px; background-color: #d71919; border-radius: 4px; font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 9px; letter-spacing: 1px; color: #fffefe; cursor: pointer; } .postdata{ width: 100%; height: 629px; background-color: #ffffff; border: solid 1px #e5e5e5; box-sizing: border-box; } .postdatatit{ width: 100%; height: 59px; background-color: #fdfafa; border-bottom: 3px solid #ffd5d5; padding-left: 35px; box-sizing: border-box; letter-spacing: 0px; color: #f71616; font-size: 16px; display: flex; align-items: center; } .postdatabox{ padding-top: 22px; box-sizing: border-box; } .postdataboxinfo{ display: grid; grid-template-columns: 140px 686px; align-items: center; margin-bottom: 18px; font-size: 16px; } .postdataboxinfo>div:nth-of-type(1) { text-align: right; height: 36px; line-height: 36px; letter-spacing: 0px; color: #333333; } .postdataboxinfo input{ width: 100%; height: 36px; background-color: #ffffff; border-radius: 4px; border: solid 1px #e0e0e0; padding-left: 18px; box-sizing: border-box; outline: none; } .postdatabtn{ margin-left: 140px; } .replytit{ width: 100%; mid-height: 60px; background-color: #ffffff; padding: 19px 12px 19px 26px; border: solid 1px #e8e8e8; border-bottom: none; box-sizing: border-box; display: grid; grid-template-columns: 79% 85px; justify-content: space-between; align-items: center; } .replytitleft{ letter-spacing: 1px; color: #010101; word-break: break-all; font-size: 20px; } .replytitbtn{ width: 100%; height: 37px; background-image: linear-gradient(0deg, #f4f4f4 0%, #fefffe 100%), linear-gradient( #f8f8f8, #f8f8f8); background-blend-mode: normal, normal; font-size: 16px; border-radius: 4px; border: solid 1px #dfdfdf; letter-spacing: 0px; color: #333333; display: flex; align-items: center; justify-content: center; cursor: pointer; } .replydata{ border: solid 1px #e5e5e5; border-top: none; width: 100%; /*height: 510px;*/ overflow: hidden; overflow-y: auto; box-sizing: border-box; } .replydatainfo{ display: grid; grid-template-columns: 171px 1129px; border-top: 1px solid #dfdfdf; } .replydatainfo > div:nth-of-type(1) { min-height: 255px; background-color: #fdfafa; border-right: solid 1px #e5e5e5; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; padding-top: 39px; color: #333333; } .replydatainfoimg{ width: 100px; height: 100px; position: relative; border-radius: 50%; overflow: hidden; } .replydatainfoimg img{ width: 100%; height: 100%; } .replydatainfoimgname{ width: 100%; height: 31px; position: absolute; bottom: 0; z-index: 1; background-color: #c5191976; text-align: center; letter-spacing: 0px; color: #fefefe; text-align: center; line-height: 29px; } .replydatainfo > div:nth-of-type(2) { position: relative; min-height: 255px; box-sizing: border-box; padding: 35px 42px 35px 29px; display: flex; } .replydatainfospan{ line-height: 36px; letter-spacing: 1px; color: #333333; font-size: 18px; height: 100%; overflow-y: auto; word-break: break-all; } .replytime{ position: absolute; right: 39px; bottom: 18px; z-index: 1; letter-spacing: 0px; color: #999999; font-size: 16px; } .replyinfo{ /* height: 500px;*/ border: solid 1px #e5e5e5; background-color: #fdfafa; /*border-top: none;*/ } .replyinfotit{ height: 58px; background-color: #fdfafa; letter-spacing: 0px; color: #f71616; font-size: 16px; padding-left: 36px; box-sizing: border-box; border-bottom: 2px solid #ffd5d5; line-height: 58px; } .replyinfowrite{ display: grid; grid-template-columns: 171px 1129px; } .replyinfowrite > div:nth-of-type(1) { height: 442px; background-color: #fdfafa; border-right: solid 1px #e5e5e5; box-sizing: border-box; display: flex; align-items: center; justify-content: center; letter-spacing: 0px; color: #333333; font-size: 16px; } .replyinfowrite > div:nth-of-type(2) { height: 442px; padding-left: 28px; padding-top: 29px; box-sizing: border-box; display: grid; grid-template-columns: 1059px; } .replyinfobtn{ margin-left: 1px; } textarea{ resize: none;} .el-textarea__inner{ resize: none;} .small-headsty { width: 100%; height: 22px; background-image: url(../../images/img/listtit_right.png); background-position: right center; background-repeat: repeat-x; } .small-headstyleft { width: 118px; font-size: 18px; font-weight: bold; font-stretch: normal; letter-spacing: 1px; color: #d60406; display: flex; background: #fff; align-items: center; } .small-headstyleft img { width: 21px; height: 22px; margin-right: 5px; display: block; } .small-head { position:relative; height:40px; line-height:40px } .small-head span { display:inline-block; color:#f71616; font-size:16px; height:40px; box-sizing: border-box; border-bottom:2px solid #f71616; position:relative; z-index:2; } .small-head a { float:right; font-size: 14px; color: #a6a6a6; cursor: pointer; text-decoration:none } .small-head:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #E4E7ED; z-index:1 } .botspanboxfix { display:flex; height:auto !important; justify-content: center; text-align: left !important; } .bot {display: flex; align-items: center; justify-content: center;} .el-carousel__item--card.is-active { z-index: 2; /* border: 1px solid; */ box-shadow: 0px 0px 9px 0px rgba(255, 0, 0, 0.54); border-radius: 10px; } .el-carousel__item--card { border-radius: 10px; } .backTop { position: fixed; right: 20px; bottom: 88px; width: 80px; height: 72px; background: #fff; outline: none; border: none; cursor: pointer; box-shadow: 0 0 10px #bfbfbf; transition: all .5s ease; font-size: 68px; display: flex; /* align-items: center; */ justify-content: center; color: #8e8e8e; }