@charset "utf-8";
/* global */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol{list-style: none;}
a {text-decoration: none;}
a:hover{text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend{color: #000;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: ''; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
/* fix ie6 */
* html,* html body {background-image: url("https://www.clrur.com/static/styles/home/about:blank"); background-attachment: fixed;}
/* custom */
body {background: #f3f4f6; min-width: 1200px;}
body, input, select, textarea {color: #333; font: 14px/1.5em "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a {color: #292f3a; text-decoration: none;}
a:hover {color: #1cbbb4; text-decoration: none;}
.hide {display: none;}
.line {background: #dfdfdf; clear: both; display: block; font-size: 1px; height: 1px; line-height: 1px; width: 100%;}
.blank20 {clear: both; display: block; font-size: 20px; height: 20px; line-height: 20px; width: 100%;}
.title {background: #fff; color: #3bbabc; font-size: 16px; font-weight: bold; padding: 10px;}
.title:before {border-left: 3px solid #4acacd; margin-right: 10px; margin-top: 3px; content: ''; float: left; height: 14px;}
.shadow {box-shadow: 0 0 5px rgba(0,0,0,0.1);}
/* container */
.container {margin: 0 auto; width: 1200px;}
/* topbar */
.topbar {background: #f2f2f2; height: 35px; line-height: 35px;}
.topbar>.container {position: relative;}
.tleft {position: absolute; left: 0;}
.tright {position: absolute; right: 0;}
/* header */
.header {background: #1cbbb4;}
.head {height: 70px;}
.logo {background: url("https://www.clrur.com/static/images/home/logo.png") no-repeat; background-size: contain; display: block; float: left; margin-top: 10px; height: 60px; width: 120px;}
.navbar {float: left; margin-left: 50px;}
.navbar>a {color: #fff; display: inline-block; font-size: 16px; padding: 25px 20px;}
.navbar>a:hover {color: #fe7d18;}
/* search */
.search {background: #1cbbb4;}
.search-box {background: url("https://www.clrur.com/static/images/home/sbg.png") no-repeat center; padding: 50px 0;}
.search-form {border-radius: 10px; padding: 2px; margin: 0 auto; width: 650px;}
.search-ipt {border: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; box-sizing: border-box; font-size: 16px; outline: none; padding: 10px; vertical-align: middle; width: 555px;}
.search-btn {background: #fe7d18; border: solid 1px #fe7d18; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff; cursor: pointer; box-sizing: border-box; font-size: 15px; outline: none; padding: 10px 31px;}
.search-tips {color: #fff; font-size: 14px; margin-top: 20px; text-align: center;}
/* home */
.newsbox {background: #fff; box-shadow: 0 0 5px #e1e1e1;}
.newsbox:after {display: block; clear: both; content: ''; height: 0; width: 0; visibility: hidden;}
.newsbox-title {background: #fff; font-size: 16px; font-weight: bold; padding: 15px;}
.newsbox-title:before {border-left: 3px solid #1cbbb4; margin-right: 10px; margin-top: 3px; content: ''; float: left; height: 14px;}
.newsbox-body {}
.news-hot {float: left; margin: 15px 21px; width: 250px;}
.news-cover {border-radius: 5px;}
.news-title {font-size: 15px; line-height: 23px; margin-top: 5px;}
/* item */
.item {background: #fff; border-bottom: dotted 1px #e1e1e1; display: table; padding: 15px;}
.item:after {display: block; clear: both; content: ''; height: 0; width: 0; visibility: hidden;}
.item:hover {background: #fcfcfc;}
.item-cover {background: #f1f1f1; border-radius: 5px; color: #fff; float: left; font-size: 16px; height: 120px; margin-right: 15px; width: 160px;}
.item-body {display: table-cell; vertical-align: top; width: 850px;}
.item-title {font-size: 18px; font-weight: bold; margin: 8px 0; overflow: hidden;}
.item-sumy {color: #999; font-size: 14px; height: 50px; line-height: 26px; overflow: hidden;}
.item-attr {color: #777; font-size: 12px; margin: 8px 0;}
/* footer */
.links>strong {font-size: 15px;}
.links>a {font-size: 15px; margin-left: 20px;}
.footer {line-height: 23px; text-align: center;}
/* crumb */
.crumb {color: #888; font-size: 14px; padding-bottom: 15px;}
.crumb>a {color: #888;}
.crumb>a:hover {color: #1cbbb4;}
/* main */
.main {}
.main-left {float: left; width: 880px;}
.main-right {float: right; width: 300px;}
.listbox {background: #fff; box-shadow: 0 0 5px #e1e1e1;}
.listbox-title {border-bottom: solid 1px #e1e1e1; font-size: 16px; font-weight: bold; padding: 15px;}
.listbox-title:before {border-left: 3px solid #1cbbb4; margin-right: 10px; margin-top: 3px; content: ''; float: left; height: 14px;}
.listbox-title:after {display: block; clear: both; content: ''; height: 0; width: 0; visibility: hidden;}
.listbox-body {}
/* filter */
.filter {background: #fff; border-bottom: solid 2px #1cbbb4; box-shadow: 0 0 5px #e1e1e1; padding-top: 10px; padding-left: 10px;}
.filter>a {display: inline-block; font-size: 16px; margin-bottom: -3px; padding: 10px 25px;}
.filter>a.active {background: #fff; border: solid 2px #1cbbb4; border-bottom: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #1cbbb4; font-weight: bold; margin-bottom: -2px;}
/* pagebox */
.pagination {display: block; font: 16px Arial; padding: 15px 0;}
.pagination>.page-item {background: #fff; border: 1px solid #e1e1e1; border-radius: 5px; color: #333; box-shadow: 0 0 5px #e1e1e1; display: inline-block; margin-right: 5px; text-decoration: none;}
.pagination>.page-item>.page-link {display: block; padding: 8px 15px;}
.pagination>.disabled {background: #f1f1f1; color: #ccc;}
.pagination>.active {background: #1dbbb4; color: #fff;}
/* view */
.view {background: #fff; box-shadow: 0 0 5px #e1e1e1; padding: 20px;}
.view-title {font-size: 26px; line-height: 30px; padding: 30px 0; text-align: center;}
.view-attr {border-bottom: solid 1px #e8e8e8; color: #999; font-size: 12px; padding-bottom: 15px; text-align: center;}
.view-tags {padding: 15px 0;}
.view-tags a {background: #e4eef6; color: #1cbbb4; display: inline-block; margin: 5px; padding: 3px 8px;}
.view-tags a:hover {background: #1cbbb4; color: #fff;}
.view-sumy {border-bottom: solid 1px #e8e8e8; font-size: 24px; padding: 20px 0 20px 0; text-align: center;}
.view-body {font-size: 16px; line-height: 30px;}
.view-body table {border: solid 1px #e8e8e8; border-spacing: 0; border-collapse: collapse; display: table; margin-bottom: 15px; width: 100%; text-align: center;}
.view-body th, .view-body td {border: solid 1px #e8e8e8; padding: 8px 0;}
.view-body th {background: #f2f2f2;}
.view-body p {margin-bottom: 15px;}
.view-body ol {list-style: decimal inside; margin-bottom: 15px;}
.view-body ul {list-style: square inside; margin-bottom: 15px;}
.view-body blockquote {background: #f4fbff; border-left: solid 3px #b5e2ff; margin-bottom: 15px; padding: 15px;}
.view-body blockquote p {margin-bottom: 0;}
.view-declare {background: #f2f2f2; color: #999; line-height: 25px; padding: 15px;}
.view-pn {padding: 10px;}
.view-pn li {font-size: 15px; padding: 8px 0;}
.view-pn li>strong {display: inline-block; margin-right: 20px;}
.view-pn li>a {color: #07c;}
/* secbox */
.secbox {background: #fff; box-shadow: 0 0 5px #e1e1e1;}
.secbox-title {color: #333; font-size: 16px; font-weight: bold; padding: 10px;}
.secbox-title:before {border-left: 3px solid #1cbbb4; margin-right: 10px; margin-top: 3px; content: ''; float: left; height: 14px;}
.secbox-body {}
.hotlist {padding: 15px; padding-top: 0;}
.hotlist>li {margin-top: 15px; white-space: nowrap; overflow: hidden;}
.hotlist>li>span {background: #1cbbb4; color: #fff; display: inline-block; height: 18px; margin-right: 10px; width: 15px; text-align: center;}
.rellist {padding: 15px; padding-top: 0;}
.rellist>li {list-style:square inside; margin-top: 15px; white-space: nowrap; overflow: hidden;}

:root{--ms-accent:#2c5f2d;--ms-radius:5px;--ms-line:1.83;--ms-gap:11px;}