@import url(font-awesome.min.css);

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: 14px tahoma, arial, \5b8b\4f53;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

}

address,

cite,

dfn,

em,

var {

  font-style: normal;

}

code,

kbd,

pre,

samp {

  font-family: couriernew, courier, monospace;

}

small {

  font-size: 12px;

}

ul,

ol {

  list-style: none;

}

a {

  text-decoration: none;

}

a:hover {

  text-decoration: none;

}

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;

}

* {

  font-family: Microsoft YaHei, 黑体, Arial, Verdana, sans-serif;

}

.clear:after,

.content > div:after,

.content > div .left-nav:after,

.content > div > .left .left-main .past-review:after,

.content > div > .right .two-entrances:after,

.content > div > .right .the-remaining-time:after {

  content: "";

  display: block;

  clear: both;

}

.float-tag:after {

  content: "";

  display: block;

  clear: both;

}

.clear,

.content > div,

.content > div .left-nav,

.content > div > .left .left-main .past-review,

.content > div > .right .two-entrances,

.content > div > .right .the-remaining-time,

.float-tag {

  zoom: 1;

}

input {

  outline-color: #e0e0e0;

  border-width: 1px;

}

html,

body {

  width: 100%;

  height: 100%;

}

.wrap {

  min-width: 1200px;

  min-height: 100%;

  background-image: url(../image/cfbaz.jpg);

  -webkit-background-size: 100% auto;

  background-size: 100% auto;

}

.banner {

  width: 100%;

}

.banner > img {

  display: block;

  width: 100%;

}

.content {

  padding-top: 20px;

}

.content > div {

  width: 1159px;

  min-height: 600px;

  margin: 0 auto;

}

.content > div .left-nav {

  background-color: var(--bg);

  color: #fff;

  height: 60px;

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 20px;

}

.content > div .left-nav > li {

  padding: 0 8.3px;

  font-size: 15px;

  float: left;

}

.content > div .left-nav > li a {

  color: #fff;

  display: block;

  padding: 0 1px 10px 1px;

  line-height: 1em;

  margin-top: 21px;

  border-bottom: 2px solid transparent;

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

  font-size:16px;

}

.content > div .left-nav > li a:hover {

  color: #f1ef8d;

  border-color: #f1ef8d;

}

.content > div .left-nav > .active a {

  color: #f1ef8d;

  border-color: #f1ef8d;

}

.content > div .left-nav > li:first-child {

  margin-left: 8px;

}

.content > div > .left {

  width: 831px;

  float: left;

  background-color: #fff;

  box-shadow: 0 3px 20px var(--shadow);

  -webkit-box-shadow: 0 3px 20px var(--shadow);

  -moz-box-shadow: 0 3px 20px var(--shadow);

  -o-box-shadow: 0 3px 20px var(--shadow);

  -ms-box-shadow: 0 3px 20px var(--shadow);

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

}

.content > div > .left .left-main {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  padding: 20px 25px 50px 25px;

}

.content > div > .left .left-main > img {

  width: 100%;

}

.content > div > .left .left-main > .title {

  border-bottom: 1px solid #e5f3fc;

  padding: 18px;

  margin-top: 22px;

  position: relative;

}

.content > div > .left .left-main > .title > h4 {

  font-weight: bold;

  font-size: 20px;

  color: #000000;

  line-height: 1.4em;

  padding-left: 24px;

  position: relative;

}

.content > div > .left .left-main > .title > h4:after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 6px;

  height: 28px;

  background-color: var(--bg);

  border-radius: 3px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

}

.content > div > .left .left-main > .title > a {

  font-size: 16px;

  color: #000;

  font-weight: bold;

  position: absolute;

  right: 30px;

  top: 20px;

}

.content > div > .left .left-main .txt {

  font-size: 16px;

  color: #797979;

  line-height: 1.5em;

  padding: 25px 30px;

}

.content > div > .left .left-main .txt img {

  max-width: 100%;

}

.content > div > .left .left-main .news-list {

  padding: 25px 30px;

}

.content > div > .left .left-main .news-list > li {

  color: #797979;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.content > div > .left .left-main .news-list > li a {

  font-size: 16px;

  color: #797979;

  line-height: 1.8em;

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

}

.content > div > .left .left-main .news-list > li a:hover {

  color: var(--bg);

}

.content > div > .left .left-main .news-list > li:nth-child(1),

.content > div > .left .left-main .news-list > li:nth-child(2),

.content > div > .left .left-main .news-list > li:nth-child(3) {

  color: #e53e24;

}

.content > div > .left .left-main .news-list > li:nth-child(1) a,

.content > div > .left .left-main .news-list > li:nth-child(2) a,

.content > div > .left .left-main .news-list > li:nth-child(3) a {

  color: #e53e24;

}

.content > div > .left .left-main .news-list > li:nth-child(1):after,

.content > div > .left .left-main .news-list > li:nth-child(2):after,

.content > div > .left .left-main .news-list > li:nth-child(3):after {

  content: "new";

  color: #fff;

  font-size: 12px;

  display: inline-block;

  vertical-align: top;

  height: 15px;

  width: 30px;

  line-height: 1.25em;

  text-align: center;

  border-radius: 4px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  margin-top: 4px;

  background-color: #ee6a2c;

  margin-left: 5px;

}

.content > div > .left .left-main .past-review {

  padding: 35px 0;

}

.content > div > .left .left-main .past-review > div {

  width: 363px;

  float: left;

}

.content > div > .left .left-main .past-review > div > .cover {

  display: block;

  margin: 0 auto;

  width: 300px;

  height: 200px;

  -webkit-background-size: cover;

  background-size: cover;

  background-position: center;

}

.content > div > .left .left-main .past-review > div > p {

  text-align: center;

  margin-top: 14px;

  font-size: 16px;

}

.content > div > .left .left-main .past-review > div > p a {

  color: #000;

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -moz-transition: 0.3s;

}

.content > div > .left .left-main .past-review > div > p a:hover {

  color: var(--bg);

}

.content > div > .left .left-main .past-review > .right {

  float: right;

}

.content > div > .left .left-main .news-title {

  font-size: 24px;

  text-align: center;

  margin-top: 20px;

}

.content > div > .left .left-main .news-information {

  text-align: center;

  margin-top: 9px;

  font-size: 13px;

  color: #888;

}

.content > div > .left .left-main .xq {

  margin-top: 35px;

  font-size: 15px;

  line-height: 1.45em;

}

.content > div > .left .left-main .xq img {

  max-width: 100%;

}

.content > div > .right {

  width: 311px;

  float: right;

}

.content > div > .right .right-item {

  background-color: #fff;

  margin-bottom: 20px;

  width: 100%;

  padding: 20px;

  border: 1px solid var(--bg);

  border-radius: 6px;

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  box-shadow: 0 3px 20px var(--shadow);

  -webkit-box-shadow: 0 3px 20px var(--shadow);

  -moz-box-shadow: 0 3px 20px var(--shadow);

  -o-box-shadow: 0 3px 20px var(--shadow);

  -ms-box-shadow: 0 3px 20px var(--shadow);

}

.content > div > .right .right-item .r-title {

  color: #333333;

  font-size: 20px;

  vertical-align: middle;

  line-height: 1em;

}

.content > div > .right .right-item .r-title > span {

  vertical-align: middle;

  margin-left: 5px;

}

.content > div > .right .right-item .r-title > img {

  vertical-align: middle;

}

.content > div > .right .two-entrances a {

  display: block;

  width: 100%;

  margin-bottom: 12px;

}

.content > div > .right .two-entrances button {

  width: 100%;

  height: 40px;

  background-color: var(--bg);

  color: #fff;

  border: none;

  outline: none;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  text-align: left;

  font-size: 14px;

  cursor: pointer;

  font-weight: bold;

}

.content > div > .right .two-entrances button > img {

  margin-left: 50px;

  height: 25px;

  margin-right: 15px;

}

.content > div > .right .the-remaining-time {

  padding: 35px 0 35px 0;

  margin-bottom: 18px;

  border-bottom: 1px solid #e5f3fc;

}

.content > div > .right .the-remaining-time > div {

  width: 25%;

  text-align: center;

  float: left;

}

.content > div > .right .the-remaining-time > div .num {

  width: 50px;

  height: 50px;

  background-color: var(--bg);

  color: #fff;

  font-weight: bold;

  font-size: 15px;

  line-height: 3.3333333333em;

  margin: 0 auto;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

}

.content > div > .right .the-remaining-time > div span {

  font-size: 18px;

  color: #333333;

  margin-top: 24px;

  display: block;

}

.content > div > .right .important-time {

  font-size: 14px;

  padding-left: 14px;

  margin-top: 15px;

}

.content > div > .right .important-time p {

  margin-top: 3px;

  font-weight: bold;

  color: var(--bg);

}

.content > div > .right .important-time > span {

  display: block;

  line-height: 1.7em;

}

.footer {

  width: 100%;

  position: relative;

}

.footer > img {

  display: block;

  width: 100%;

}

.footer > .txt {

  width: 100%;

  position: absolute;

  text-align: center;

  bottom: 38px;

  line-height: 2.5em;

  text-align: center;

}