BODY {
    BACKGROUND: #ddd;
    font-size: 12px;
}

BODY {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

.mygroup.btn-group {
    display: none;
}

FORM {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

.footer2 {
    display: none;
}

.nav-a {
    display: none;
}

TABLE {
    FONT-SIZE: 12px;
}

A {
    COLOR: #000;
    TEXT-DECORATION: none
}

A:hover {
    COLOR: #fff;
    TEXT-DECORATION: none;
}

A.nav {
    COLOR: #fff;
    TEXT-DECORATION: none
}

A.nav:hover {
    TEXT-DECORATION: none
}

A.blue {
    COLOR: #039;
    TEXT-DECORATION: none
}

/* .td1 {
    PADDING-LEFT: 25px
} */
/* .td2 {
    PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
} */
.td2 {
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}

/* .td3 {
    PADDING-LEFT: 6px
} */

.b1 {
    BORDER-RIGHT: #99cc01 1px solid;
    BORDER-TOP: #99cc01 1px solid;
    BORDER-LEFT: #99cc01 1px solid;
    BORDER-BOTTOM: #99cc01 1px solid
}

.p1 {
    PADDING-RIGHT: 13px;
    PADDING-LEFT: 13px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}

.p2 {
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}

.t {
    PADDING-LEFT: 12px;
    BACKGROUND: #e6e6e6;
    HEIGHT: 20px
}

.mb {
    MARGIN-BOTTOM: 4px
}

.ib {
    BACKGROUND: url(../images/t03b08.gif) no-repeat;
    WIDTH: 151px;
    HEIGHT: 115px
}


/* .td1 {	PADDING-LEFT: 25px
} */
/* .td2 {	
    PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
} */
.td2 {
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px
}

.b1 {
    BORDER-RIGHT: #99cc01 1px solid;
    BORDER-TOP: #99cc01 1px solid;
    BORDER-LEFT: #99cc01 1px solid;
    BORDER-BOTTOM: #99cc01 1px solid
}

.ib {
    BACKGROUND: url(../images/t03b08.gif) no-repeat;
    WIDTH: 151px;
    HEIGHT: 115px
}

.mb {
    MARGIN-BOTTOM: 4px
}

.p1 {
    PADDING-RIGHT: 13px;
    PADDING-LEFT: 13px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}

.p2 {
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    BACKGROUND: #fff;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}

.t {
    PADDING-LEFT: 12px;
    BACKGROUND: #e6e6e6;
    HEIGHT: 20px
}

/* .td3 {
    PADDING-LEFT: 6px
} */

.STYLE1 {
    color: #d43ac0
}

.STYLE2 {
    color: #0000FF
}

.page {
    width: 1030px;
    height: auto;
    padding: 15px;
    margin: 0 auto;
    background: #fff;
}

.banner {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: 100%;
}

.nav {
    width: 100%;
    height: 27px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 6px;
    background: #375EB7;
    background-image: linear-gradient(#375EB7, #1B3980);
}

/*.nav-left{
    width: 6px;position: absolute;left: 0px;height: 27px;background-image: url("../images/navl.gif");top: 0px;
}
.nav-right{
    width: 6px;position: absolute;right: 0px;height: 27px;background-image: url("../images/navr.gif");top: 0px;
}*/
.nav-content {
    width: 712px;
    height: 23px;
    margin: 0 auto;
}

.nav-item {
    width: 100px;
    float: left;
    COLOR: #fff;
    TEXT-DECORATION: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 27px;
    text-align: center;
}

.nav-item a {
    color: #fff;
}

.nav-line {
    width: 2px;
    height: 19px;
    background: #ccc;
    float: left;
    position: relative;
    top: 3px;
}


#content {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.content-l {
    width: 260px;
    height: 570px;
    float: left;
    background: #fff;
    position: relative;
    /*border: 1px solid lightblue;*/
}

.content-l .fixheader {
    width: 100%;
    height: 30px;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 100;
    position: absolute;
    opacity: 0.1;
}

.content-r {
    width: 720px;
    height: auto;
    float: right;
}

#calendar {
    width: 260px;
    height: 280px;
    background: #fff;
    overflow: hidden;
}

.calendar-top {
    width: 100%;
    height: 6px;
    background-image: url("../images/t01b01.gif");
}

.calendar-content {
    /* width: 100%;*/
    height: 240px;
    border: 1px solid #000598;
}

.calendar-bottom {
    width: 100%;
    height: 5px;
    /*border-top: 1px solid red;*/
}

.calendar-time {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #005AB5;
    margin-top: 5px;
}

.box-img {
    height: 150px;
    overflow: hidden;
}

.box-img img {
    width: 100%;
    margin-top: 20px;
}

.content-r-top {
    width: 100%;
    height: 180px;
    background: #FEFEC0;
    border-radius: 10px;
    position: relative;
}

.crt-title {
    font-size: 22px;
    font-weight: bold;
    top: 50px;
    left: 10px;
    position: absolute;
    color: #000598;
}

.crt-content {
    position: absolute;
    left: 110px;
    right: 120px;
    height: 100px;
    top: 30px;
    color: #000598;
}

.crt-photo {
    position: absolute;
    right: 10px;
    width: 100px;
    top: 20px;
    height: 120px;
    background: #fff;
}

.crt-photo img {
    width: 100%;
    height: 100%;
}

.crt-item {
    width: 54px;
    height: 90px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.crt-item.record {
    margin-right: 5px;
}

.crt-item.record .crt-item-head {
    font-size: 12px;
}

.crt-item.darkblue {
    border: 2px solid #2aa9CF;
}

.crt-item.darkblue .crt-item-head {
    background: #2aa9CF;
}

.darkred {
    width: 1.8rem;
    height: 3rem;
    margin: 0 auto;
    cursor: pointer;
}

.crt-item.darkred {
    border: 2px solid #ed283a;
}

.crt-item.darkred .crt-item-head {
    background: #ed283a;
}

.crt-item.darkgreen {
    border: 2px solid #37ab40;
}

.crt-item.darkgreen .crt-item-head {
    background: #37ab40;
}



.crt-item-head {
    margin: 2px;
    height: 40px;
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    font-weight: bolder;
}

.crt-item-head_record {
    margin: 2px;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-weight: bolder;
}

.crt-item.record .crt-item-desc {
    background: #fff;
}

.index1-black {
    height: 82px;
    line-height: 82px;
    vertical-align: middle;
    border: 2px solid #7A7A7A;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #7A7A7A;
    margin-left: 5px;
}

.green {
    background: #3aab6d;
}

.red {
    background: #aa5586;
}


.yellow {
    background: #ec7546;
}

.darkyellow {
    background: #f6c024;
}

.blue {
    background: #42c9CF;
}

.crt-item-desc {
    width: 100%;
    height: 40px;
    text-align: center;
    background: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crt-item-desc-black {
    height: 46px;
    font-size: 18px;
    line-height: 46px;
    margin: 0 auto;
    vertical-align: middle;
    background-color: #7A7A7A;
    color: #fff;
}

.index-black-weizhi {
    background-color: #7A7A7A;
    display: flex;
    justify-content: center;
    align-items: center;
}

.crt-item-desc_record {
    width: 100%;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    background: #fff;
    text-align: center;
    font-size: 14px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.record_center {

    padding-top: 1px;
    padding-bottom: 1px;
}

.record_tema {
    padding-top: 1px;
    padding-bottom: 1px;
    height: 100%;
}

.crt-add {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 30px;
    margin-right: 10px;
    background-image: url("../images/icon-add.png");
    background-size: cover;
}

.crt-desc {
    position: absolute;
    left: 20px;
    right: 0px;
    top: 130px;
    height: 30px;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crt-desc .txt-desc {
    float: left;
    width: auto;
    padding: 0 5px;
    color: #000598;
}

.crt-desc .qishu {
    color: red;
    font-size: 20px;
    padding: 0 3px;
}

.crt-desc .week {
    color: red;
    font-size: 20px;
    padding: 0 3px;
    margin-right: 20px;
}

.crt-desc .refresh {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #00BFFF;
    color: #fff;
    float: left;
    cursor: pointer;
}

.crt-desc .refresh:hover {
    background: linear-gradient(#00BFFF, blue);
}

.content-r-center {
    width: 100%;
    height: 170px;
    position: relative;
    margin-top: 10px;
}

.crc-item {
    width: 226px;
    height: 100%;
    float: left;
    margin-right: 18px;
    background: #fff;
    border: 1px solid #005AB5;
    color: rgba(0, 0, 0, 0.7);
}

.crc-item:last-child {
    float: right;
    margin-right: 0;
}

.crc-item-header {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-indent: 10px;
    font-size: 12px;
    font-weight: bold;
    background: #005AB5;
    color: #fff;
}

.content-r-bottom {
    height: 210px;
    position: relative;
    border: 1px solid #005AB5;
    margin-top: 10px;
}

.crc-content {
    width: 96%;
    height: 180px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
    margin-left: 2%;
    text-overflow: ellipsis;
    color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.crc-content img {
    /*height:auto;*/

}


.proditem {
    width: 60px;
    overflow: hidden;
    height: 80px;
    text-align: center;
    cursor: pointer;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    background: #ccc;
}

.proditem img {
    width: 58px;
    height: 58px;
    margin: 1px auto;
}

.crc-swap {
    width: 90%;
    height: 130px;
    margin: 5% 5%;
}

.crc-swap .crc-img {
    float: left;
    font-size: 12px;
    height: 130px;
    overflow: hidden;
    overflow: hidden;
}

.crc-swap .crc-img img {
    width: 100%;
}

.crc-swap .crc-text {
    width: 50%;
    float: right;
    font-size: 12px;
    height: 130px;
    overflow: hidden;
    text-indent: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    /*后面的3是设置显示几行*/
}

.crc-swap .full-text {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    /*后面的3是设置显示几行*/
}

.img-article5 {
    height: 210px;
    overflow: hidden;
}

#photo-content {
    width: 860px;
    height: auto;
    margin: 40px auto;
    overflow: hidden;
    text-align: center;
    /* background: #FEFEC0;*/
    padding: 15px;
}

.photoitem {
    width: 150px;
    overflow: hidden;
    height: 95px;
    line-height: 95px;
    text-align: center;
    cursor: pointer;
    float: left;
    color: #000;
}

.photoitem img {
    width: 100%;
    height: 100%;
    margin: 1px auto;
}

#bigPhoto {
    width: 400px;
    height: 430px;
    maring: 0 auto;
    top: 20%;
    background: #fff;
    position: fixed;
    display: none;
}

#bigPhoto .ptitle {
    height: 30px;
    line-height: 30px;
    font-weight: bolder;
    width: 100%;
    background: #04A3F2;
    color: #fff;
    text-indent: 10px;
    text-align: left;
    position: relative;
}

#bigPhoto .close {
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#bigPhoto .img_swap {
    width: 100%;
    height: 400px;
    border: 1px solid #04A3F2;
}

.year-panel {
    width: 800px;
    text-align: left;
    font-size: 18px;
}

.year-panel A {
    COLOR: #0000ff;
    TEXT-DECORATION: underline;
}

table.gridtable {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #1B3980;
    border-collapse: collapse;
    width: 100%;
    /* margin: 0 auto;
    margin-top: 20px; */
}

table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #1B3980;
    background-color: #dedede;
}

table.gridtable td {
    border-width: 1px;
    /* padding: 8px; */
    border-style: solid;
    border-color: #1B3980;
    background-color: #ffffff;
}

table.gridtable thead td {
    background: #1B3980;
    color: #fff;
}

table.szsxh {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #1B3980;
    border-collapse: collapse;
    width: 100%;
    /* margin: 0 auto;
    margin-top: 20px; */
}

table.szsxh th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #1B3980;
    background-color: #dedede;
}

table.szsxh td {
    border-width: 1px;
    /* padding: 8px; */
    border-style: solid;
    border-color: #1B3980;
    background-color: #ffffff;
    white-space: nowrap;
}

table.szsxh thead td {
    background: #1B3980;
    color: #fff;
}

.back-num-table {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    /* border-color: #1B3980; */
    border-collapse: collapse;
    width: 100%;
    /* height: 100%; */
}

table.back-num-table tr {
    margin-top: 5px;
    margin-bottom: 5px;
}

table.back-num-table .td1 {
    width: 3rem;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.back-num-table .td2 {
    width: 3rem;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.back-num-table .td3 {
    width: 2rem;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.back-num-table .td4 {
    width: 2rem;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

/*article*/
table.artable {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    color: #333333;
    border-width: 1px;
    border-color: #1B3980;
    border-collapse: collapse;
    width: 100%;
    /* margin: 0 auto;
    margin-top: 20px; */
}

table.artable thead td {
    background: #1B3980;
    color: #fff;
    width: 3rem;

}

table.artable td {
    border-width: 1px;
    /* padding: 8px; */
    border-style: solid;
    border-color: #1B3980;
    background-color: #ffffff;
}

table.artable .td1 {

    text-align: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    margin: 0 auto;
}

table.artable .td2 {

    text-align: center;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.artable .td3 {

    text-align: center;
    /* margin: 0 auto; */
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.image-yangshi {
    /* display: -webkit-flex;
    display: flex; */
    width: 100%;
    height: 40px;
    justify-content: space-between;
    display: none;
}

.image-yangshi div {
    width: 25%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    border-style: solid;
    border-width: 1px;
    border-color: #1B3980;
    border-collapse: collapse;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}

.image-left-week {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 20px;
    justify-content: space-between;
}

.image-left-week div {
    width: 14%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}

.image-left-time {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 20px;
    justify-content: space-between;
    background-color: #fff;

}

.image-left-time div {
    width: 14%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #eeeee0;
    text-align: center;
}

.jianjie {
    width: 100%;
    height: 350px;
    /* display: -webkit-flex;
    display: flex; */
    display: none;
    justify-content: space-between;
}

.tiaoli {
    width: 100%;
    height: 100%;
    /* display: -webkit-flex;
    display: flex; */
    display: none;
    justify-content: space-between;
}

.record-center-margin {
    width: 6rem;
    display: flex;
    display: -webkit-flex;
}

.record-center-margin span {
    margin-left: 3px;
}

table.phototable {
    font-family: verdana, arial, sans-serif;
    color: #333333;
    border-collapse: collapse;
    margin: 0 auto;
    margin-top: 20px;
}

table.phototable td {
    border: 1px solid #6C8095;
    font-size: 14px;
    font-weight: 600;
}

table.phototable tr:nth-child(odd) {
    background-color: #E2EAFD;
}

.footer {
    width: 100%;
    height: 120px;
    background: #1B3980;
    margin-top: 20px;
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
}

.footer .copyright {
    padding-top: 20px;
    text-align: center;
    line-height: 20px;
    width: 80%;
    font-size: 12px;
    margin: 0 auto;
}

.footer .truestnet {
    width: 100px;
    height: 35.84px;
    background: url(../images/icon-truestnet.png);
    background-size: cover;
    margin-left: 200px;
    float: left;
}

.footer .version {
    float: left;
    margin-top: 10px;
    margin-left: 30px;
}

/***article**/

.ctitle {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    font-weight: bold;
}

.author {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#html {
    width: 100%;
    margin: 0 auto;
}

.str_wrap {
    background: #fff;
    height: 180px;
}

ul,
li {
    list-style: none;
}

ul {
    overflow: hidden;
    padding: 3em;
}

ul li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 30px;
    width: 30px;
    padding: 1em;
}

ul li {
    margin: 1em;
    float: left;
}

ul li a {
    text-decoration: none;
    color: #000;
    background: #ffc;
    display: block;
    height: 10em;
    width: 10em;
    padding: 1em;
    /* Firefox */
    -moz-box-shadow: 5px 5px 7px rgba(33, 33, 33, 1);
    /* Safari+Chrome */
    -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
    /* Opera */
    box-shadow: 5px 5px 7px rgba(33, 33, 33, .7);
}

ul li a {
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
}

ul li:nth-child(even) a {
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    position: relative;
    top: 5px;
}

ul li:nth-child(3n) a {
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    position: relative;
    top: -5px;
}

ul li:nth-child(5n) a {
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    position: relative;
    top: -10px;
}

table.gridtable .td1 {
    width: 2rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.gridtable .td2 {
    width: 6rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.gridtable .td3 {
    width: 2rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

table.gridtable .td4 {
    width: 80px
}

table.gridtable .td5 {
    width: 80px
}

table.szsxh .td1 {
    width: 2rem;
    margin: 0 auto
}

table.szsxh .td2 {
    width: 6rem;
}

table.szsxh .td3 {
    width: 2rem;
}

@media screen and (max-width: 780px) {
    body {
        background-color: #fff;
    }

    .page {
        width: 95%;
        height: auto;
        padding: 0px;
        margin: 0 auto;
        background: #fff;
        overflow: hidden;
        margin-bottom: 90px;
    }

    .banner {
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
    }

    .nav {
        display: none;
    }

    .mygroup.btn-group.btn-group {
        display: block;
        margin-top: 10px;
        width: 90%;
        margin: 0 auto;
    }

    .content-l {
        display: none;
    }

    .content-r {
        float: left;
        width: 100%;
    }

    .crt-title {
        font-size: 22px;
        font-weight: bold;
        top: 5px;
        left: 10px;
        position: absolute;
        color: #000598;
    }

    .crt-content {
        position: absolute;
        left: 10px;
        height: 100px;
        top: 40px;
        color: #000598;
        right: 0px;
    }

    .crt-item {
        width: 40px;
        height: auto;
        float: left;
        margin-right: 1px;
        cursor: pointer;
    }

    .crt-add {
        float: left;
        width: 10px;
        height: 10px;
        margin-top: 30px;
        margin-right: 2px;
        background-image: url(../images/icon-add.png);
        background-size: cover;
    }

    .crt-photo {
        position: absolute;
        left: 320px;
        width: 70px;
        top: 40px;
        height: 85px;
        background: #fff;
    }

    .crt-desc {
        position: absolute;
        left: 10px;
        right: 0px;
        bottom: 10px;
        height: 30px;
        font-weight: bolder;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #content {
        width: 100%;
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .crc-item {
        width: 99%;
        height: 120px;
        float: left;
        margin-right: 0px;
        background: #fff;
        border: 1px solid #005AB5;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 5px;
        position: relative;
    }

    .crc-swap {
        width: 100%;
        height: 100px;
        margin: 0;
        position: relative;
    }

    .crc-swap .crc-img {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 70px;
        height: 80px;
        overflow: hidden;
    }

    .content-r-center {
        width: 100%;
        height: 370px;
        position: relative;
        margin-top: 10px;
    }

    .crc-item:last-child {
        width: 99%;
        height: 120px;
        float: left;
        margin-right: 0px;
        background: #fff;
        border: 1px solid #005AB5;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 5px;
    }

    .crc-swap .crc-text {
        position: absolute;
        top: 20px;
        left: 120px;
        right: 10px;
        font-size: 12px;
        bottom: 20px;
        overflow: hidden;
        text-indent: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 18px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        width: auto !important;
        height: auto !important;
    }

    .content-r-bottom {
        height: 120px;
        width: 99%;
        position: relative;
        border: 1px solid #005AB5;
        margin-top: 10px;
    }

    .crc-content {
        width: 96%;
        height: 110px;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        margin-top: 10px;
        text-overflow: ellipsis;
        color: rgba(0, 0, 0, 0.7);
        overflow: hidden;
    }



    #photo-content {
        width: 100% !important;
        height: auto;
        margin: 0 auto;
        padding: 0px;
    }

    /* table.gridtable {
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        color: #333333;
        border-width: 1px;
        border-color: #1B3980;
        border-collapse: collapse;
        margin: 0 auto;
        margin-top: 20px;
        width: 100%;
    } */

    /* table.szsxh {

        border-collapse: collapse;
        margin: 0 auto;
        margin-top: 20px;
        width: 100%;
    } */

    /* table.gridtable .td1 {
        width: 80px
    }

     table.gridtable .td2{width:auto!important;} 
    table.gridtable .td3 {
        width: 62px
    } */

    table.gridtable .td4 {
        width: 24px
    }

    table.gridtable .td5 {
        width: 24px
    }

    /* table.szsxh .td1 {
        width: 80px
    }

    table.szsxh .td2 {
        width: auto !important;
    }

    table.szsxh .td3 {
        width: 30px
    } */

    .crt-item.record .crt-item-head {
        font-size: 12px;
    }

    .crt-item.record .crt-item-head {
        margin: 1px;
        height: 20px;
        text-align: center;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        font-weight: bolder;
    }

    .crt-item.record .crt-item-desc {
        width: 100%;
        height: 20px;
        text-align: center;
        background: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crt-item.record {
        width: 25px;
        height: auto;
        float: left;
        margin-right: 0px;
        cursor: pointer;
    }

    .photoitem {
        width: 50px;
        overflow: hidden;
        height: 55px;
        text-align: center;
        cursor: pointer;
        float: left;
        color: #000;
    }

    #bigPhoto {
        width: 300px;
        height: 330px;
        maring: 0 auto;
        top: 20%;
        background: #fff;

        position: fixed;
        display: none;
    }

    #bigPhoto .img_swap {
        width: 100%;
        height: 300px;
        border: 1px solid #04A3F2;
    }

    .btn.btn-default {
        background: #1B3980;
    }

    .btn.btn-default a {
        color: #fff;
    }

    .nav-table {
        width: 90%;
        margin: 0 auto;
        border: none;
        display: block;
        line-height: 30px;
        margin: 0 auto;
    }

    .nav-a {
        float: left;
        width: 25%;
        line-height: 30px;
        color: #fff;
        text-align: center;
        display: block;
    }

    table.gridtable td {
        border-width: 1px;
        /* padding: 2px; */
        border-style: solid;
        border-color: #1B3980;
        background-color: #ffffff;
    }

    .footer {
        display: none;
    }

    .footer2 {
        width: 100%;
        height: 80px;
        background: #1B3980;
        margin-top: 10px;
        color: rgba(255, 255, 255, .9);
        font-size: 14px;
        position: fixed;
        bottom: 0;
        padding-top: 10px;
        display: block;
    }

    .crt-desc .txt-desc {
        padding: 0;
    }

    .crt-desc .week {
        font-size: 12px;
        margin-right: 5px;
    }

    .crt-desc .refresh {
        width: 60px;
        height: 30px;
        line-height: 30px;
    }

    .photoitem {
        width: 80px;
        overflow: hidden;
        height: 60px;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
        float: left;
        color: #000;
    }
}


.home {
    width: 100%;
    height: 100%;
    min-height: 800px;
    position: absolute;
    background: url("../images/homebg.gif");
}

.hometest {
    width: 100%;
    height: 100%;
    min-height: 800px;
    position: absolute;
    background: url("../images/homebg.gif");
    /* background-color: #77DDFF; */
}

.home .home-header {
    width: 324px;
    height: 30px;
    margin: 0 auto;
    border-bottom: 2px solid #985D60;
}

.home .home-header .logo {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.home .home-header .title-info {
    line-height: 30px;
    color: #0E00B5;
    font-size: 18px;
    width: calc(100% - 80px);
    float: left;
    font-weight: bold;
}

.home-panel {
    width: 95%;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.home .home-header .title-info .net_address {
    color: #DA0D10;
}

.home .home-record {
    width: 100%;
    height: 60px;
    margin-top: 10px;
}

.home-record .home-qishu {
    width: 90px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    float: left;
}

.home-record .home-netname {
    width: 90px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    float: left;
    color: #427473;
}

.home .crt-item {
    width: 30px;
    height: auto;
    float: left;
    margin-right: 3px;
    cursor: pointer;
}

.home .crt-item-head {
    margin: 2px;
    height: 25px;
    text-align: center;
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: bolder;
    color: #fff;
}

.home .crt-item-desc {
    width: 100%;
    height: 18px;
    text-align: center;
    background: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home .crt-add {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 20px;
    margin-right: 2px;
    background-image: url(../images/icon-add.png);
    background-size: cover;
}

.home .marquee-info {
    width: 100%;
    height: 24px;
    line-height: 24px;
    background: #F9DB9F;
    font-size: 12px;
    color: #0f0f0f;
    padding-bottom: 3px;
    overflow: hidden;
}

.marquee-info .next-qs {
    color: red;
    padding: 0 3px;
    font-weight: bold;
}

.marquee-info .next-month {
    color: red;
    padding: 0 1px;
    font-weight: bold;
}

.marquee-info .next-day {
    color: red;
    padding: 0 1px;
    font-weight: bold;
}

.marquee-info .jtxq {
    color: #7975C1;
}

.marquee-info .today-week {
    color: red;
    padding: 0 1px;
    font-weight: bold;
}

.marquee-info .gxzc {
    color: #38A941;
    padding-left: 20px;
    padding-right: 10px;
}

.marquee-info .next-refresh {
    color: red;
}

.home-guide {
    width: 250px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bolder;
}

.home-guide a {
    color: #3F3A62;
}

.home-guide .icon-guide {
    width: 30px;
    height: 23px;
    float: left;
    margin-top: 10px;
}

.home-table {
    width: 90%;
    border: none;
    padding: 0;
    text-align: left;
    margin: 0 auto;
}

.home-table td {
    height: 50px;
    vertical-align: middle;
}

.home-table .home-td-item {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: bolder;
    vertical-align: middle
}

.home-table .home-td-item.row1 {
    color: #76D7CA;
}

.home-table .home-td-item.row2 {
    color: #807FC1;
}

.home-table .home-td-item.row3 {
    color: #1BDF26;
}

.home-table .home-td-item.row4 {
    color: #6ED5C5;
}

.home-table .home-super {
    color: #BF0F0E;
}

.home-shengxiao {
    width: 325px;
    height: 134px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.home-danshuang {
    width: 325px;
    height: 44px;
    margin: 0 auto;
}

.back-num-div {
    margin-top: 20px;
}

.back-num-div span {
    margin-left: 2px;
}