@charset "UTF-8";
/**!
 * 芜湖市bet5365亚洲版_mobile365官方网站立即加入_365bet备用器下载交易 首页
 * date: 2022-01-25
 * author: lyaohui;
 */

.nav-index {
    font-weight: 800;
    background-image: linear-gradient(to bottom, #1e99ff, #6bbeff);
}

.content {
    background: url('../css/images/content_bg.jpg') repeat;
}

.content-position {
    padding-left: 27px;
    height: 64px;
    line-height: 64px;
    font-size: 15px;
    color: #666;
    background: url('../css/images/content_position_icon.png') left no-repeat;
}

.content-position-homepage {
    color: #666;
}

.content-position-arrow {
    margin: 0 10px 0 7px;
}

.content-position-item {
    color: #007de6;
}

.subcom-hd {
    border-bottom: 1px solid rgba(221, 221, 221, 0.51);
    height: 79px;
}

.subcom-hd-tt {
    margin-top: 9px;
    border-bottom: 2px solid #007de6;
    padding: 0 1px 0 4px;
    line-height: 68px;
    font-weight: 600;
    font-size: 23px;
    color: #007de6;
}

.subcom-hd-search {
    margin-top: 21px;
    padding-right: 2px;
}

.subcom-hd-input {
    border: 1px solid #e3edf5;
    border-right: none;
    padding: 0 14px;
    width: 255px;
    height: 40px;
    font-size: 16px;
    /* color: #888; */
}

.subcom-hd-btn {
    border-radius: 0 4px 4px 0;
    padding-left: 2px;
    width: 74px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 18px;
    color: #fff;
    background: #007de6;
    cursor: pointer;
}

/* 登录 */
.login {
    height: 525px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 0;
    box-shadow: 0px 0px 51px -21px rgba(0, 0, 0, 0.1);
}

.login-btn-box {
    text-align: right;
    padding-top: 37px;
}

.login-btn {
    height: 32px;
    line-height: 32px;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    padding-right: 42px;
    margin-right: 60px;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url('./images/btn_arrow.png');
}

.login-btn:hover {
    color: #007de6;
    background-image: url('./images/btn_arrow_hov.png');
}

.login-list {
    padding-top: 48px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.login-list-btn {
    display: block;
    height: 306px;
    width: 276px;
    border-radius: 4px;
    border: 2px solid #fff;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

.login-list-btn:hover {
    position: relative;
    transform: translateY(-20px);
}

.login-btn-name {
    color: #fff;
    font-size: 24px;
}

/* 表格 */
.table-item{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table {
    margin: 27px 6px 0 0;
}

.table-hd {
    border-radius: 6px;
    overflow: hidden;
}

.table-hd .table-item {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #007de6;
}

.table-no {
    width: 119px;
}

.table-name {
    margin-left: 1px;
    width: calc(100% - 317px);
}

.table-date {
    width: 196px;
}

.table-list {
    height: 500px;
    overflow: auto;
}

.table-li {
    border: 1px solid transparent;
    border-radius: 6px;
}

.table-li:nth-child(even) {
    background: #f7fafe;
}

.table-li .table-item {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.table-li .table-name {
    padding: 0 48px;
}

.table-li .table-date {
    color: #999;
}

.table-li:hover {
    border-color: #007de6;
    background: #f7fafe;
    box-shadow: 0px 1px 6px 0px rgba(0, 125, 230, 0.1);
}

.table-li:hover .table-name {
    color: #007de6;
}

.table-href {
    display: block;
}

/* 地区选择 */
.area-list {
    height: 91px;
    display: flex;
  }
  
  .area-click {
    cursor: pointer;
    margin: 22px 5px 0 0;
    height: 45px;
    line-height: 45px;
    border-radius: 3px;
    text-align: center;
    width: 114px;
    background-color: #edf4fd;
    font-size: 18px;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .area-click.active {
    font-weight: 600;
    color: #fff;
    background-image: linear-gradient(to right, #1d7bf1, #5cc5fe);
  }
  
  .area-swiper {
    overflow: hidden;
  }
  
  .area-swiper .area-click {
    margin-right: 0;
  }
  
  .swiper-box {
    position: relative;
    margin: 0 50px;
  }
  
  .swiper-box .swiper-button-prev,
  .swiper-box .swiper-button-next {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-top: -13px;
  }
  
  .swiper-box .swiper-button-next {
    background: url("../css/images/important_notice/swiper_right.png") center center no-repeat;
    right: -44px;
  }
  
  .swiper-box .swiper-button-next.swiper-button-disabled {
    opacity: 1;
    background: url("../css/images/important_notice/swiper_right_un.png") center center no-repeat;
  }
  
  .swiper-box .swiper-button-prev,
  .swiper-box .swiper-container-rtl .swiper-button-next {
    background: url("../css/images/important_notice/swiper_left.png") center center no-repeat;
    left: -44px;
  }
  
  .swiper-box .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background: url("../css/images/important_notice/swiper_left_un.png") center center no-repeat;
  }