* { padding: 0; margin: 0; word-wrap: break-word; }
body { font: 14px/1.5 "Microsoft Yahei", "Simhei", sans-serif; background: #f4f6f6}
a { color: #000; transition: color 0.5s ease; -o-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -webkit-transition: color 0.5s ease; }
a:hover { color: #3582bf; }
a,a:hover { text-decoration: none; }
ul,li { list-style: none; }
.nomargin { margin: 0!important; }
.fl { float: left; }
.fr { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

/*public element*/
.rec { display: block; position: relative; }
.rec span { display: block; position: absolute; top: 0; left: 0; z-index: 2; border: 2px solid #3582bf; color: #3582bf; font-size: 20px; font-weight: 600; transition: background-color 0.5s linear 0ms; -webkit-transition: background-color 0.5s linear 0ms; -o-transition: background-color 0.5s linear 0ms; -moz-transition: background-color 0.5s linear 0ms; }
.rec:after,
.time:after { position: absolute; content: ""; top: 9px; left: 9px; width: 71px; height: 71px; }
.rec:after { width: 191px; height: 41px; z-index: 1; border: 2px solid #3582bf; }
.red .time:after { border: 2px solid #3582bf; }
.orange .time:after { border: 2px solid #EDA138; }
.pink .time:after { border: 2px solid #CD5C5C; }

/*layout*/
.container { width: 1260px; margin: 0 auto; position: relative; }

/*--header--*/
body > .header { height: 90px; background: #3582bf; border-bottom: 4px solid #06c; }
body > .header a { display: block; }
.scnu-logo { width: 210px; height: 61px; margin: 16px 27px 14px 10px; text-indent: -9999px; background: url('img/contentlogo.png') no-repeat left center; }
.site-name { width: 183px; height: 40px; margin: 26px 0 24px; padding-left: 27px; border-left: 1px solid #FFF; text-indent: -9999px; background: url('img/meeting.png') no-repeat right center; }
.login { color: #FFF; margin: 30px 0 28px; padding: 6px 12px 6px 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #06c url('img/icon_login.png') no-repeat 12px center; }
.login:hover { color: #FFF; }
body > .header .login a { color: #fff; display: inline; } body > .header .login a:hover { color: #fff; }

/*--banner--*/
.banner { position: relative; }

/*--content--*/
.content { margin-top: -78px; position: relative; }
.sys-news,
.block { background: #FFF; box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.16); }
.sys-news { padding: 22px 60px; z-index: 5; }
.sys-notice { padding: 2px 8px 2px 0; }
.sys-notice .header { width: 75px; margin: 8px 30px 8px 0; padding: 6px 0; border: 2px solid #3582bf; color: #3582bf; font-size: 20px; font-weight: 600; }
.sys-notice .header p { text-align: center; }
.sys-qrcode { padding-right: 25px; }
.sys-qrcode img { margin-top: 1px; }
.notice-detail { font-size: 12px; }
.notice-detail p { line-height: 17px; margin-bottom: 6px; }
.sys-btns { margin-top: 15px; padding-left: 25px; border-left: 2px solid #E5E5E5; width: 450px; overflow: hidden; }
.btn-list a { width: 200px; height: 50px; margin: 0 15px 10px 0; }
.meeting-table .btn-list a { width: 200px; height: 50px; margin: 5px 55px 0 0; }
.meeting-table .btn-list a.agent span { background: #fff; color: #3582bf; width: 220px; }
.meeting-table .btn-list a.agent:after { width: 216px; }
.meeting-table .table { table-layout: fixed; }
.meeting-table .table th { min-width: 110px; }
.meeting-table .table td { }
.myop { overflow: hidden; }
.btn-list .mtrec { transition: all 0.25s; border-radius: 3px; background: #34a9db; color: #fff; text-align: center; width: 126px; height: 46px; line-height: 46px; padding: 0 35px; }
.btn-list .mtrec:hover { background: #06c; }
.btn-list a.nomargin span { background: #FFF url('img/icon_register_pre.png') no-repeat 41px center; }
.btn-list a.nomargin:hover span { background-image: url('img/icon_register_def.png'); }
.btn-list a:hover { box-shadow: 0 3px 15px rgba(0,0,0,0.25); }
.sys-report { width: 100%; margin: 0 auto; }
.sys-report > span { line-height: 21px; margin-right: 16px; }
.sys-report > span em { color: #3582bf; font-weight: 700; font-style: normal; }
.blocks { padding: 30px 0 50px; }
.block { width: 100%; margin-bottom: 30px !important; box-sizing: border-box; padding: 18px 24px 21px; }
.block .header { border-bottom: 1px solid #BFC5CA; }
.block .header h1 { color: #4A4A4A; font-size: 24px; font-weight: 600; line-height: 33px; margin-bottom: 9px}
.more { display: block; width: 22px; height: 22px; margin: 6px 5px 14px 0; background: url('img/icon_more_def.png') no-repeat center center; transition: background-image 0.5s ease; -moz-transition: background-image 0.5s ease; -webkit-transition: background-image 0.5s ease; -o-transition: background-image 0.5s ease; }
.red .more:hover { background-image: url('img/icon_more_01.png'); }
.orange .more:hover { background-image: url('img/icon_more_02.png'); }
.pink .more:hover { background-image: url('img/icon_more_03.png'); }
.list li { float: left; width: 404px; padding: 21px 0 25px; border-bottom: 1px dashed #BFC5CA; }
/* .list li+li+li { border-bottom: none; } */
.list li > * { float: left; }
.time { width: 80px; height: 80px; font-family: "Roboto", Arial, Helvetica, sans-serif; position: relative; }
.red .time { background: #3582bf; }
.orange .time { background: #EDA138; }
.pink .time { background: #CD5C5C; }
.time p { color: #FFF; font-size: 14px; text-align: center; }
.time .day { font-size: 36px; line-height: 50px; margin-top: 4px; }
.meeting-detail { width: 244px; height: 80px; margin-left: 28px; position: relative; }
.meeting-detail .title { font-size: 16px; font-weight: 600; line-height: 20px; }
.orange .meeting-detail a.title:hover { color: #EDA138; }
.pink .meeting-detail a.title:hover { color: #CD5C5C; }
.meeting-detail .department { font-size: 13px; line-height: 18px; padding-left: 22px; background: url('img/icon_people_def.png') no-repeat left center; position: absolute; left: 0; bottom: -6px; }

/*--list-content && meeting-content--*/
.list-content,
.meeting-content { margin: 28px 0 50px; }
.list-content .meeting-list,
.meeting-content .meeting-table { padding: 18px 24px 0; background: #FFFFFF; box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.16); }
.meeting-list h2.header,
.meeting-table h2.header { padding: 0 0 9px 10px; font-size: 24px; font-weight: 600; color: #4A4A4A; border-bottom: 1px solid #BFC5CA; overflow: hidden; }
.meeting-table .mname, .meeting-list .mname { float:left}
.meeting-table .backmy, .meeting-list .backmy { float:right; line-height: 37px; font-size: 14px}
.meeting-list ul li { /* height: 120px; */ padding: 29px 20px; border-bottom: 1px dashed #BFC5CA; }
.meeting-list ul li > * { float: left; }
.meeting-list ul li .list-meeting { width: 860px; }
.meeting-list ul li .time { width: 90px; height: 90px; border: 2px solid #3582bf; }
.meeting-list ul li .time p { color: #3582bf; }
.meeting-list ul li .time p.day { line-height: 35px; }
.meeting-list ul li .time p.year-month { line-height: 27px; }
.meeting-list .time-title { height: 24px; line-height: 24px; text-align: center; color: #fff !important; background: #06c; }
.meeting-list .meet-name { overflow: hidden; margin-bottom: 15px; }
.meeting-list .meet-sign, .meeting-list .meet-people { margin-bottom: 12px; padding-left: 22px; background: url(img/icon_time.png) no-repeat left center; color: #999; }
.meeting-list .meet-people { margin: 0; background: url(img/icon_people.png) no-repeat left center; }
.meeting-list .meet-option { float: right; width: 110px; }
.meeting-list .meet-option a { display: block; width: 85px; height: 26px; line-height: 26px; font-weight: 700; margin-bottom: 6px; text-align: center; color: #3582bf; background: #ffffff; border: solid 2px #3582bf; }
.meeting-article { padding: 15px 20px; }
.list-meeting { margin-left: 42px; }
.list-meeting .title { display: block; float: left; font-size: 16px; font-weight: 600; }
.list-meeting .meet-detail { margin-left: 20px; float: left; font-size: 12px; text-align: center; width: 72px; height: 26px; line-height: 26px; display: block; background: #3582bf; color: #fff; }
.list-meeting .description { margin-top: 30px; font-size: 12px; color: #333; }
.list-meeting .else { margin-top: 20px; }
.else span { padding-left: 22px; }
.else .depart-name { background: url('img/icon_office_red.png') no-repeat left center; }
.else .limit-num,.else .meeting-num,.else .join-num { background: url('img/icon_people.png') no-repeat left center; margin-left: 60px; }
.read-detail { margin: 21px 0 0 65px; }
.read-detail .rec:after,
.btn-list .btn-box .rec:after { width: 111px; height: 31px; }
.read-detail .rec span,
.btn-list .btn-box .rec span { width: 116px; height: 36px; line-height: 36px; font-size: 18px; text-align: center; background: #FFF; }
.btn-list .btn-box .rec span { background: #3582bf; color: #FFF; padding: 0; }
.read-detail .rec:hover span { background: #3582bf; color: #FFF}
.btn-list .btn-box .rec:hover span { background: #FFF; color: #3582bf; }
.table { width: 100%}
.table th,
.table td { padding: 20px 0; border-bottom: 1px dashed #BFC5CA; }
.table th { width: 110px; text-align: left; padding-left: 26px; font-size: 14px; font-weight: 500; color: #333; }
.table td { padding-left: 10px; }
.meeting-table .btn-list { padding: 30px 0 35px; }
.meeting-table .btn-list .btn-box { width: 605px; margin: auto; }
.btn-list .btn-box .rec { width: 120px; height: 40px; /* margin: auto; */ float: left; }
.btn-list .btn-box .agent { width: 175px; }

/*--pages--*/
.pages { text-align: center; padding: 30px 0; }
.pages a,
.pages span { display: inline-block; font-size: 12px; font-weight: 400; text-align: center; padding: 0 12px; height: 30px; line-height: 30px; }
.pages a { margin: 0 5px; color: #717171; background: #FFF; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; }
.pages a:hover { background: #3582bf; color: #FFF}
.pages span { background: #3582bf; color: #FFF; }

/*--footer--*/
.footer { height: 100px; background: #989895; }
.footer .copyright { padding: 24px 0 14px; text-align: center; }
.footer .copyright p { color: #FFF; margin-bottom: 10px; }
.footer .copyright p a { color: #fff; }