@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-face {

    font-family: myFirstFont;

    src: url(../font/fontawesome-webfont-4.3.0.ttf);

}



* {

    font-family: myFirstFont;

}



.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: #28469c;

    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: 18px;

    float: left;

}



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

    color: #fff;

    display: block;

    padding: 0 1px 10px 1px;

    line-height: 0.6em;

    margin-top: 24px;

    border-bottom: 2px solid transparent;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

}



.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;

    border: 1px solid #28469c;

    float: left;

    background-color: #fff;

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

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

    -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 #28469c;

    border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

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

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

    -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: #28469c;

    font-size: 20px;

    vertical-align: middle;

    line-height: 1em;

}



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

    vertical-align: middle;

    margin-left: 5px;

    font-weight: bold;

}



.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: #28469c;

    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;

    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;

}