.first-box .left {
    float: left;
}
.first-box .right {
    float: right;margin-top: 10px;
}
.first-box .right img {
    object-fit: cover;width: 100px;
}
.first-box h1 {
    letter-spacing: 10px;margin-bottom: 20px;
}
.first-box h1 a:hover {
    color: #333;
}
.first-box .date-box span {
    margin: 0 5px;
}
.first-box .date-box p{
    margin-bottom: 10px;
}
.score-box {
    position: relative;margin-bottom: 30px;margin-top: 20px;
}
.score-box .score {
    float: left;font-size: 60px;color: #ff4a00;
}
.mobile .score-box .score {
    font-size: 40px;
}
.score-box .yunshi {
    float: left;margin-left: 20px;
}
.score-box .yunshi p {
    margin-top: 10px;
}
.mobile .score-box .yunshi p {
    margin-top: 3px;
}
.score-box .layui-icon{
    color: #ff4a00;
}
.yunshi .layui-badge {
    background-color: #ff4a00;
}
.gz-box {
    position: absolute;right: 10px;top: 10px;text-align: center;
}
.mobile .gz-box {
    right: 0;top: 0;
}
.gz-box .layui-btn {
    background-color: #ff2222;color: #fff!important;
}
.gz-box .desc {
    color: #999;
}
.tags-list {
    margin-bottom: 30px;
}
.tags-list li {
    float: left;width: 50%;
}
.tags-list .tags-bx {
    width: 90%;
}
.tags-list .tags-bx .tag-name {
    float: left;width: 40px;line-height: 30px;
}
.tags-list .tags-bx .line {
    margin-left: 40px;height: 30px;border: 1px solid #eee;border-radius: 20px;
}
.tags-list .tags-bx .line .in-line {
    width: 60%;background-color: #ff4a00;border-radius: 20px;height: 30px;
}
.mobile .tags-list .tags-bx .line {
    height: 20px;
}
.mobile .tags-list .tags-bx .line .in-line {
    line-height: 20px;height: 20px;
}
.mobile .tags-list .tags-bx .tag-name {
    line-height: 20px;
}
.area-box {
    background-color: #ff4a00;border-radius: 6px;margin-bottom: 20px;
}
.area-list {
    margin-top: 10px;
}
.area-list li {
    float: left;width: 33.33%;text-align: center;color: #fff;margin-bottom: 20px;
}
.area-list li .name {
    font-size: 24px;font-weight: bold;margin-bottom: 10px;
}
.area-list li .desc {
    color: #eee;font-size: 16px;color: #333;
}
.mobile .area-list li .desc {
    font-size: 14px;
}
.yiji-box {
    margin-bottom: 0;
}
.yiji-box li {
    width: 45%;background-color: #393939;color: #fff;border-radius: 6px;
}
.yiji-box .pd {
    padding-right: 0;
}
.yiji-box .left {
    float: left;
}
.yiji-box .right {
    float: right;
}
.yiji-box li .tt {
    float: left;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align: center;
}
.yiji-box li .yi {
    background-color: #00B83F;
}
.yiji-box li .ji {
    background-color: #ff2222;
}
.yiji-box li .txt {
    margin-left: 40px;line-height: 30px;height: 30px;
}
.item-desc {
    line-height: 26px;color: #666;margin-bottom: 10px;
}
.layui-tab {
    margin-bottom: 0;margin-top: 0px;
}
.layui-tab-content {
    padding-bottom: 0;padding-top: 0;
}
.mobile .layui-tab-title li {
    padding: 0 5px;
}
.layui-tab-title li {
    font-size: 16px;font-weight: bold;
}
.first-box h1 {
    position: relative;
}
.first-box ul {
    width: 300px;border: 1px solid #ff4a00;border-radius: 6px;position: absolute;top: 40px;left: 50px;background-color: #fff;z-index: 7;display: none;
}
.mobile .first-box ul {
    width: 200px;
}
.mobile .first-box ul a {
    font-size: 16px;display: block;
}
.mobile .first-box .pd {
    padding: 5px;
}
.first-box ul li {
    float: left;width: 33.33%;margin-top: 10px;
}
.first-box ul li .box {
    width: 80%;margin: 0 auto;text-align: center;
}
.first-box ul li {
    color: #ff4a00;
}
.first-box ul .selected .pd {
    background-color: #ff4a00;color: #fff;border-radius: 6px;
}
.first-box ul .selected a {
    color: #fff;letter-spacing: normal;
}
.layui-icon-triangle-d {
    font-size: 25px;
}
.mid {
    text-align: center;margin-top: 10px;margin-bottom: 30px;
}
.mid b {
    font-size: 20px;margin: 0 8px;
    box-shadow: 0px 5px 8px 1px rgba(0, 0, 0, 0.1);
}
.mid .line {
    width: calc(50% - 150px);
    display: inline-block;
    border-top: 1px solid #333;
    vertical-align: 5px;
}