.module .hd {
position: relative;
padding: 10px 0;
height: 20px;
line-height: 20px
}

.module .hd:before {
display: inline-block;
content: '';
width: 4px;
height: 16px;
vertical-align: middle;
background: #0EA9B1;
border-radius: 2px
}

.module .hd .title {
padding-left: 10px;
vertical-align: middle;
font-size: 16px;
font-weight: bold
}

.mod-time {
margin: 0 auto;
height: 300px;
margin-bottom: 20px;
width: 90%;
border-radius: 3px;
}

.mod-time .hd {
padding-top: 25px;
text-align: center
}

.mod-time .hd h1 {
margin-bottom: 15px;
line-height: 30px;
font-weight: bold;
font-size: 24px;
color: #fd7474
}

.mod-time .hd p {
line-height: 30px;
font-size: 16px;
color: #666
}

.mod-time .bd .countdown {
margin: 20px 0;
line-height: 24px;
text-align: center
}

.mod-time .bd .countdown strong {
display: block;
margin: 0 4px;
font-size: 18px;
font-weight: bold;
font-weight: bold;
color: #fd7474
}

.mod-time .bd .countdown strong a {
color: #fd7474
}

.mod-time .bd .countdown span {
display: inline-block;
margin: 0 1px;
vertical-align: middle;
font-size: 15px
}

.mod-time .bd .countdown span.time {
display: inline-block;
min-width: 30px;
padding: 0 10px;
background: #333;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 28px;
font-weight: bold;
color: #fff;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

.mod-time .ft {
margin: 0 45px
}

.mod-time .ft p {
line-height: 24px;
text-indent: 2em
}

.mod-intro .bd {
padding: 10px 0
}

.mod-intro .bd p {
margin-bottom: 12px;
line-height: 24px;
text-indent: 2em
}

.mod-intro .bd b {
font-size: 16px
}

.mod-intro .bd .center {
text-align: center
}

.mod-intro .bd h3 {
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
text-indent: 2em
}

.mod-intro .c-box {
margin: 20px 0;
line-height: 2;
overflow: hidden
}

.mod-intro .c-box h3 {
text-align: center;
text-indent: 0
}

.mod-intro .c-box table {
width: 100%
}

.mod-intro .c-box table thead {
background: #f8f8f8
}

.mod-intro .c-box table tr:hover {
background-color: #f8f8f8
}

.mod-intro .c-box table td,.mod-intro .c-box table th {
padding: 5px;
border: 1px solid #e2e2e2;
line-height: 22px;
text-align: center
}

.mod-app .bd {
padding: 10px;
overflow: hidden
}

.mod-app ul {
overflow: hidden
}

.mod-app li {
float: left;
width: 33.33%
}

.mod-app .item {
margin: 0 4px 8px;
padding: 15px 10px;
border: 1px solid #e8e8e8;
background: #fcfcfc;
overflow: hidden;
border-radius: 4px
}

.mod-app .item .icon {
float: left;
width: 75px
}

.mod-app .item .info {
height: 64px;
margin-left: 75px
}

.mod-app .item .name {
margin-bottom: 4px;
line-height: 24px;
font-size: 16px;
font-weight: bold
}

.mod-app .item .intro {
height: 36px;
line-height: 18px;
font-size: 12px;
color: #888;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2
}

@media screen and (max-width: 799px) {
.mod-time {
    height:180px;
    margin-bottom: 15px;
    background-size: cover
}

.mod-time .hd {
    padding: 10px
}

.mod-time .hd h1 {
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 16px
}

.mod-time .hd p {
    line-height: 20px;
    font-size: 13px
}

.mod-time .hd p span {
    white-space: nowrap
}

.mod-time .bd .countdown {
    margin: 10px 0
}

.mod-time .bd .countdown span.time {
    min-width: 20px;
    padding: 0 6px;
    border: 2px solid #fff;
    height: 30px;
    line-height: 30px;
    font-size: 20px
}

.mod-intro .bd {
    margin: 0 10px
}

.mod-intro .bd p {
    line-height: 20px
}

.mod-intro .table-inner {
    overflow-x: auto
}

.mod-intro table th,.mod-intro table td {
    white-space: nowrap
}

.mod-app li {
    float: none;
    width: auto
}
}