body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.empyt {
    flex: 1;
}

/* header-wrapper */
.header-wrapper .tips-bar {
    width: 100%;
    min-width: 1200px;
    height: 30px;
    background: #EFEFEF;
}

.header-wrapper .tips-bar .tips-content {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin: auto;
    line-height: 30px;
    padding: 0 10px;
}

.header-wrapper .tips-bar .tips-content .swiper-container {
    width: 100%;
    height: 100%;
}

.header-wrapper .tips-bar .tips-content .swiper-container .swiper-slide a {
    display: inline-block;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333333;
    font-weight: 400;
}

.header-wrapper .tips-bar .tips-content .swiper-container .swiper-slide a > img {
    margin-right: 18px;
    transform: translateY(-1px);
}

.header-wrapper .nav-bar {
    width: 100%;
    min-width: 1200px;
    height: 70px;
    background: #ffffff;
}

.header-wrapper .nav-content {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.header-wrapper .nav-content a.logo > img {
    width: 96px;
}

.header-wrapper .nav-content nav.nav {
    margin-left: 83px;
    height: 100%;
}

.header-wrapper .nav-content nav.nav > ul {
    display: flex;
    height: 100%;
}

.header-wrapper .nav-content nav.nav > ul > li {
    position: relative;
    border:1px solid rgba(238,238,238,0);
}

.header-wrapper .nav-content nav.nav > ul > li.active {
    border:1px solid rgba(238,238,238,1);
}

/* .header-wrapper .nav-content nav.nav > ul > li:hover {
    border:1px solid rgba(238,238,238,1);
} */

.header-wrapper .nav-content nav.nav > ul > li.active::after {
    display: block;
}

/* .header-wrapper .nav-content nav.nav > ul > li:hover::after {
    display: block;
} */

.header-wrapper .nav-content nav.nav > ul > li::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 4px;
    background:rgba(193,0,0,1);
    border-radius: 2px;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.header-wrapper .nav-content nav.nav > ul li div {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.header-wrapper .nav-content nav.nav > ul li div:hover a {
    color: #BF0000;
}

.header-wrapper .nav-content nav.nav > ul li.active div a {
    color: #BF0000;
}

.header-wrapper .nav-content nav.nav > ul li div a {
    padding: 10px 18px;
    font-size: 14px;
    color: #333333;
}

.header-wrapper .nav-content nav.nav > ul li div a img {
    margin-left: 8px;
}

.header-wrapper .nav-content nav.nav > ul li:hover .submenu {
    display: block;
}

.header-wrapper .nav-content nav.nav > ul li .submenu {
    position: absolute;
    left: 50%;
    top: 68px;
    transform: translateX(-50%);
    z-index: 999;
    width: 100%;
    background: #ffffff;
    box-shadow:0px 2px 5px 0px rgba(153,153,153,0.36);
    display: none;
}

.header-wrapper .nav-content nav.nav > ul li .submenu li {
    width: 100%;
    height: 49px;
}

.header-wrapper .nav-content nav.nav > ul li .submenu li.active {
    background: #EEEEEE;
}

.header-wrapper .nav-content nav.nav > ul li .submenu li.active > a, 
.header-wrapper .nav-content nav.nav > ul li .submenu li:hover > a {
    color: #BF0000;
}

.header-wrapper .nav-content nav.nav > ul li .submenu li > a {
    font-size: 14px;
    color: #878992;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.header-wrapper .nav-content .user {
    margin-left: 420px;
}

.header-wrapper .nav-content .user .login-btn {
    width: 120px;
    height: 39px;
    background: #5B9BD5;
    border-radius: 20px;
}

.header-wrapper .nav-content .user .login-btn a {
    color: #ffffff;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.header-wrapper .nav-content .user .user-info {
    font-size: 14px;
    color: #333333;
}

.header-wrapper .nav-content .user .user-info .login-out {
    margin-left: 10px;
}

.header-wrapper .nav-content .user .user-info .login-out a {
    color: #CC0000;
}

.header-wrapper .nav-content .language {
    margin-left: 30px;
    position: relative;
    height: 100%;
}

.header-wrapper .nav-content .language:hover .choose-language {
    display: block;
}

.header-wrapper .nav-content .language .current-language {
    color: #5B9BD5;
    font-size: 14px;
    height: 100%;
    width: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.header-wrapper .nav-content .language .current-language > span {
    margin: 0 4px;
}

.header-wrapper .nav-content .language .choose-language {
    position: absolute;
    left: 50%;
    top: 68px;
    transform: translateX(-50%);
    z-index: 999;
    width: 100%;
    background: #ffffff;
    border:1px solid rgba(238,238,238,1);
    box-shadow:0px 2px 5px 0px rgba(153,153,153,0.36);
    display: none;
}

.header-wrapper .nav-content .language .choose-language::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-width: 7px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    top: -6px;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.1)
}

.header-wrapper .nav-content .language .choose-language::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ffffff;
    width: 22px;
    height: 12px;
}

.header-wrapper .nav-content .language .choose-language li {
    width: 100%;
    height: 35px;
}

.header-wrapper .nav-content .language .choose-language li a {
    font-size: 14px;
    color: #333333;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-wrapper .nav-content .language .choose-language li.active a, 
.header-wrapper .nav-content .language .choose-language li:hover a {
    color: #5B9BD5;
}
/* header end */

/* index banner-container */
.banner-container {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.banner-container .swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.banner-container .swiper-button-next, .banner-container .swiper-button-prev {
    width: 38px;
    height: 38px;
    outline: none;
}

.banner-container .swiper-button-next {
    right: 20px;
}

.banner-container .swiper-button-prev {
    left: 20px;
}

.banner-container .swiper-container{
    width: 100%;
    --swiper-pagination-color: #ffffff;
}

.banner-container .swiper-container .swiper-wrapper {
    width: 100%;
}

.banner-container .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets  {
    bottom: 16px;
}

.banner-container .login-box {
    width: 1200px;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);   
}

.banner-container .login-box .login-form {
    width: 366px;
    height: 366px;
    margin-left: 15px;
    transform: translateY(-50%);
    position: relative;
}

.banner-container .login-box .login-form > img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.banner-container .login-box .login-form > form {
    width: 100%;
    position: absolute;
    left: 0;
    top: 140px;
    padding: 0 63px;
}

.banner-container .login-box .login-form > form .user-name,
.banner-container .login-box .login-form > form .user-pwd {
    position: relative;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.banner-container .login-box .login-form > form .input-box img {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.banner-container .login-box .login-form > form .input-box input {
    width: 100%;
    height: 100%;
    background:rgba(255,255,255,1);
    border: 1px solid rgba(210,210,210,1);
    border-radius: 6px;
    text-indent: 34px;
    font-size: 14px;
}

.banner-container .login-box .login-form > form input:focus {
    outline: none;
    border-color: rgb(143, 177, 232);
}

.banner-container .login-box .login-form > form .login-img {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 25px;
}

.banner-container .login-box .login-form > form .login-img img {
    width: 100%;
    height: 100%;
}
/* index banner-container end */

/* index search-container */
.search-container {
    width: 100%;
    min-width: 1200px;
}

.search-container .search-box {
    width: 1200px;
    padding: 0 60px 160px;
    margin: auto;
}

.search-container .search-box .search-content {
    width: 100%;
    padding: 30px 130px;
    background:rgba(255,255,255,1);
    box-shadow:0px 11px 18px 0px rgba(19,92,127,0.13);
    border-radius:6px;
    transform: translateY(-15px);
    position: relative;
    z-index: 9;
}

.search-container .search-box .search-content .search-bar {
    height: 50px;
    display: flex;
}

.search-container .search-box .search-content .search-bar .search-input {
    width: 668px;
    height: 50px;
    position: relative;
}

.search-container .search-box .search-content .search-bar .search-input .del-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
}

.search-container .search-box .search-content .search-bar .search-input > input {
    width: 100%;
    height: 100%;
    background:rgba(249,249,249,1);
    border:1px solid rgba(221,221,221,1);
    border-radius:6px 0px 0px 6px;
    text-indent: 15px;
    font-size: 16px;
}

.search-container .search-box .search-content .search-bar .search-input > input:focus {
    outline: none;
    border-color: rgb(143, 177, 232);;
}

.search-container .search-box .search-content .search-bar .search-method {
    flex: 1;
    height: 100%;
    position: relative;
}

.search-container .search-box .search-content .search-bar .search-method:hover .current-method {
    border-radius: 0px 6px 0px 0px;
}

.search-container .search-box .search-content .search-bar .search-method:hover .choose-method {
    display: block;
}

.search-container .search-box .search-content .search-bar .search-method .current-method {
   width: 100%;
   height: 100%;
   background:rgba(91,155,213,1);
   border-radius: 0px 6px 6px 0px;
   font-size: 16px;
   color: #ffffff;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.search-container .search-box .search-content .search-bar .search-method .choose-method {
   position: absolute;
   top: 50px;
   right: 0;
   z-index: 99;
   width: 166px;
   background:rgba(255,255,255,1);
   box-shadow: 0px 11px 18px 0px rgba(19,92,127,0.13);
   border-radius: 0px 0px 6px 6px;
   display: none;
}

.search-container .search-box .search-content .search-bar .search-method .choose-method li {
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size:16px;
    color:rgba(102,102,102,1);
    position: relative;
}

.search-container .search-box .search-content .search-bar .search-method .choose-method li:hover {
    color: #5B9BD5;
}

.search-container .search-box .search-content .search-bar .search-method .choose-method li.current {
    background:rgba(238,238,238,1);
    color: #5B9BD5;
}

.search-container .search-box .search-content .search-bar .search-method .choose-method li.current::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: rgba(91, 155, 213, 1);
}

/* index search-container end */

/* footer */
.footer-wrapper {
    width: 100%;
    background: #2E3033;
}

.footer-wrapper.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
}

.footer-wrapper .footer-content {
    width: 1200px;
    padding: 0 10px;
    margin: auto;
    height: 100%;
}

.footer-wrapper .footer-content .link-address > ul {
    display: flex;
    justify-content: center;
    padding: 23px 0;
    border-bottom: 1px solid #3B3B3B;
}

.footer-wrapper .footer-content .link-address > ul > li {
    padding: 0 30px;
    position: relative;
}

.footer-wrapper .footer-content .link-address > ul > li:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background:#ffffff;
}

.footer-wrapper .footer-content .link-address > ul > li:last-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background:#ffffff;
}

.footer-wrapper .footer-content .link-address > ul > li > a {
    font-size: 14px;
    color: #ffffff;
}

.footer-wrapper .footer-content .link-address > ul > li > a:hover {
    color: #5B9BD5;
}

.footer-wrapper .footer-content .copyright {
    padding: 22px 0;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
/* footer end */

/* service-guide */
.banner-container img.banner-img {
    width: 100%;
}

.guide-container {
    width: 100%;
    min-width: 1200px;
}

.guide-container .guide-content {
    width: 1200px;
    padding: 0 10px;
    margin: auto;
    display: flex;
    height: 580px;
}

.guide-container .guide-content .left-menu {
    width: 178px;
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(19,19,148,0.08);
    padding: 20px 10px;
}

.guide-container .guide-content .left-menu .title {
    margin-bottom: 20px;
}

.guide-container .guide-content .left-menu .title p {
    font-size: 26px;
    font-weight: bold;
    color: #5B9BD5;
    text-align: center;
}

.guide-container .guide-content .left-menu .title p > span {
    font-size: 14px;
    color: #CCCCCC;
    font-weight: normal;
}

    /* left-menu */
.guide-container .guide-content .left-menu .accordion {
    width: 100%;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.guide-container .guide-content .left-menu .accordion .link {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 15px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
}

.guide-container .guide-content .left-menu .accordion li i {
    margin-right: 9px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.guide-container .guide-content .left-menu .accordion li i.arrow-down {
    margin-right: 0;
    margin-left: 9px;
}

.guide-container .guide-content .left-menu .accordion li.open .link {
    background: rgba(91,155,213,1);  
    color: #FFFFFF;
}

.guide-container .guide-content .left-menu .accordion li .submenu {
    display: none;
    background: #ffffff;
    font-size: 14px;
}

.guide-container .guide-content .left-menu .accordion li .submenu a {
    display: block;
    color: #999999;
    padding: 12px;
    padding-left: 66px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.guide-container .guide-content .left-menu .accordion li .submenu li.active a {
    color: #5B9BD5;
    position: relative;
}

.guide-container .guide-content .left-menu .accordion li .submenu li.active a::before {
    content: "";
    position: absolute;
    top: 15px;
    left: 60px;
    width: 2px;
    height: 10px;
    background:#5B9BD5;
}

.guide-container .guide-content .left-menu .accordion li .submenu a:hover {
    color: #5B9BD5;
}
    /* left-menu end */

.guide-container .guide-content .main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.guide-container .guide-content .main-content .guide-path {
    width: 100%;
    height: 40px;
    padding-left: 15px;
    line-height: 40px;
    font-size: 14px;
    color: #999999;
    box-shadow:0px 1px 10px 0px rgba(19,19,148,0.08);
}

.guide-container .guide-content .main-content .guide-path span.current {
    color: #5B9BD5;
}

.guide-container .guide-content .main-content .content-detail {
    width: 100%;
    flex: 1;
    padding: 14px 0 0 14px;
    display: flex;
    flex-direction: column;
}

.guide-container .guide-content .main-content .content-detail .steps {
    display: flex;
    background: #ffffff;
    padding: 20px 16px;
    box-shadow:0px 1px 10px 0px rgba(19,19,148,0.08);
    align-items: center;
    margin-bottom: 15px;
}

.guide-container .guide-content .main-content .content-detail .steps .step {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.guide-container .guide-content .main-content .content-detail .steps .step > p {
    font-size: 16px;
    color: #6785BA;
    margin-top: 10px;
}

.guide-container .guide-content .main-content .content-detail .steps .arrow {
    margin: 0 30px;
    transform: translateY(-15px);
}

.guide-container .guide-content .main-content .content-detail .record-information {
    flex: 1;
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(19,19,148,0.08);
    padding: 20px 16px;
}

.guide-container .guide-content .main-content .content-detail .record-information h4 {
    font-size: 16px;
    color: #666666;
    margin-bottom: 20px;
}

.guide-container .guide-content .main-content .content-detail .record-information .type {
    color: #666666;
    font-size: 14px;
    margin-bottom: 30px;
}

.guide-container .guide-content .main-content .content-detail .record-information .type label {
    margin-right: 40px;
}

.guide-container .guide-content .main-content .content-detail .record-information .type label > input {
    margin-right: 9px;
}

.guide-container .guide-content .main-content .content-detail .record-information .type label > input:checked + span {
    color: #5B9BD5;
}

.guide-container .guide-content .main-content .content-detail .record-information .table-box {
    width: 100%;
}

.guide-container .guide-content .main-content .content-detail .record-information .table-box table {
    width: 100%;
    color: #666666;
    font-size: 14px;
    border: 1px solid #E3E3E3;
}

.guide-container .guide-content .main-content .content-detail .record-information .table-box table thead {
    background: #f4f4f4;
    text-align: left;
}

.guide-container .guide-content .main-content .content-detail .record-information .table-box table th,
.guide-container .guide-content .main-content .content-detail .record-information .table-box table td {
    padding: 13px 20px;
    border-color: #E3E3E3;
}

.guide-container .guide-content .main-content .content-detail .record-information .table-box table td {
    padding: 24px 20px;
}
/* service-guide end */

/* information-container */
.information-container {
    width: 100%;
    min-width: 1200px;
    position: relative;
}

.information-container .information-content {
    width: 1200px;
    padding: 0 10px;
    margin: auto;
    display: flex;
}

.information-container .information-content .left-menu {
    width: 178px;
    background: #ffffff;
    padding: 20px 10px;
}

.information-container .information-content .left-menu .title {
    margin-bottom: 8px;
}

.information-container .information-content .left-menu .title p {
    font-size: 26px;
    font-weight: bold;
    color: #5B9BD5;
    text-align: center;
}

.information-container .information-content .left-menu .title p > span {
    font-size: 14px;
    color: #CCCCCC;
    font-weight: normal;
}

.information-container .information-content .sub-nav {
    border-top: 1px solid #CCCCCC;
}

.information-container .information-content .sub-nav > li {
    border-bottom: 1px solid #CCCCCC;
    padding: 11px 0;
    position: relative;
    font-size: 16px;
    color: #333333;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.information-container .information-content .sub-nav > li i {
    margin-left: 20px;
    margin-right: 10px;
    display: inline-block;
    height: 8px;
    width: 8px;
    background: url("../images/nav_icon_left_0.png") 0 0 no-repeat;
}

.information-container .information-content .sub-nav > li.active i {
    background: url("../images/nav_icon_left_1.png") 0 0 no-repeat;
}

.information-container .information-content .sub-nav > li.active {
    color: #5B9BD5;
}

.information-container .information-content .main-content {
    flex: 1;
    padding: 30px 0 40px 6px;
}

.information-container .information-content .main-content .search-box {
    background: #ffffff;
    box-shadow: 0px 1px 10px 0px rgba(19,19,148,0.08);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 88px 20px;
}

.information-container .information-content .main-content .search-box .search-input {
    position: relative;
    height: 50px;
    width: 714px;
}

.information-container .information-content .main-content .search-box .search-input input.keyword-input {
    background: #F9F9F9;
    border: 1px solid rgba(221,221,221,1);
    border-radius: 6px 0px 0px 6px;
    width: 100%;
    height: 100%;
    text-indent: 15px;
    font-size: 16px;
}

.information-container .information-content .main-content .search-box .search-input input.keyword-input.on-focus, 
.information-container .information-content .main-content .search-box .search-input input.keyword-input:focus {
    outline: none; 
}

.information-container .information-content .main-content .search-box .search-input input.keyword-input.on-focus {
    border:1px solid rgba(242,242,242,1);
    border-radius: 6px 0px 0px 0px;
}

.information-container .information-content .main-content .search-box .search-input .del-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    cursor: pointer;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list {
    position: absolute;
    left: 0;
    top: 49px;
    z-index: 99;
    width: 100%;
    height: 210px;
    padding: 28px 12px;
    background: #ffffff;
    border:1px solid rgba(242,242,242,1);
    border-radius:0px 0px 6px 6px;
    display: none;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list .hot-search,
.information-container .information-content .main-content .search-box .search-input .dropdown-list .history-search {
    width: 49%;
    height: 100%;
    display: inline-block;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list h4 {
    color: #999999;
    font-size: 14px;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list ul {
    width: 100%;
    height: 124px;
    margin-top: 10px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list ul li {
    padding: 6px 0;
    font-size: 14px;
    color: #666666;
    cursor: pointer;
}

.information-container .information-content .main-content .search-box .search-input .dropdown-list ul li:hover {
    color: #C10000;
}

.information-container .information-content .main-content .search-box .search-btn {
    display: block;
    width:106px;
    height:50px;
    background:rgba(91,155,213,1);
    border-radius:0px 6px 6px 0px;
}

.information-container .information-content .main-content .search-box .used-keyword {
    width: 100%;
    margin-top: 10px;
    display: flex;
    color: #666666;
}

.information-container .information-content .main-content .search-box .used-keyword li {
    font-size: 14px;
}

.information-container .information-content .main-content .search-box .used-keyword li:not(:nth-of-type(1)) {
    margin: 0 5px;
}

.information-container .information-content .main-content .search-box .used-keyword li a {
    color: #666666;
}

.information-container .information-content .main-content .search-box .used-keyword li a:hover {
    color: #C10000;
}

.information-container .information-content .main-content .article-content {
    margin-bottom: 50px;
}

.information-container .information-content .main-content .article-content .article-list {
    padding: 30px 0 25px;
}

.information-container .information-content .main-content .article-content .article-list li {
    display: flex;
    border-bottom: 1px solid #F2F2F2;
    padding: 30px 0;
}

.information-container .information-content .main-content .article-content .article-list li:nth-of-type(1) {
    padding-top: 0;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail {
    flex: 1;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title {
    font-size: 18px;
    color: #333333;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title > .tag {
    display: inline-block;
    background:rgba(0,129,250,1);
    border-radius:2px;
    font-size: 12px;
    line-height: 22px;
    color: #ffffff;
    padding: 0 4px;
    margin-right: 6px;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title > .tag.blue {
    background:#0081FA;
}
.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title > .tag.yellow {
    background:#FF9900;
}
.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title > .tag.orange {
    background:#FF6600;
}
.information-container .information-content .main-content .article-content .article-list li .article-detail .article-title > .tag.gray {
    background:#999999;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-brief {
    margin-top: 15px;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    max-height: 48px;
    overflow: hidden;
}

.information-container .information-content .main-content .article-content .article-list li.with-img .article-detail .article-brief {
    max-height: 72px;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-brief::before {
    content: '......';
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    padding-left: 30px;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.902) 70%);
    background-image: linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.902) 70%);
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .article-brief::after {
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: white;
}

.information-container .information-content .main-content .article-content .article-list li .article-detail .update-time {
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}

.information-container .information-content .main-content .article-content .article-list li .article-img {
    width: 190px;
    height: 140px;
    overflow: hidden;
    margin-left: 35px;
}

.information-container .information-content .main-content .article-content .article-list li .article-img > img {
    width: 100%;
}

/* pagination */
.box2 {
    text-align: center;
}

._my-paging-box {
    display: inline-block
}

._my-paging-box .jumpBtn {
    float: left;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #5B9BD5;
    color: #fff;
    border: none;
    margin-right: 15px;
}

._my-paging-box .jumpPage {
    float: left;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #5B9BD5;
    color: #fff;
    border: none;
    margin-left: 15px;
}

._my-paging-box .pg-item {
    float: left;
    line-height: 30px
}

._my-paging-box .pg-item+.pg-item {
    margin-left: 15px
}

._my-paging-box .total span {
    display: inline-block;
    padding: 0 5px
}

._my-paging-box .link-list {
    margin: 0;
    padding: 0
}

._my-paging-box .link-list li {
    float: left;
    list-style: none
}

._my-paging-box .link-list li+li {
    margin-left: 8px
}

._my-paging-box .link-btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    background: #f4f4f5
}

._my-paging-box .link-btn:hover {
    color: #5B9BD5
}

._my-paging-box .link-btn.active {
    background: #5B9BD5;
    color: #fff
}

._my-paging-box .link-btn.disabled {
    background: #eee;
    color: #ccc;
    cursor: default
}

.jumper span {
    float: left
}

.jumper input {
    float: left;
    margin: 3px 5px;
    padding: 0 5px;
    width: 50px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid #999;
    box-sizing: border-box;
    text-align: center
}



.search-container .search-box .search-content .search-bar .search-input > input{
    border-radius: 0;
}
.search-container .search-box .search-content .search-bar .search-method{
    width: 120px;
    flex: unset;
}
.search-container .search-box .search-content .search-bar .search-method .current-method{
    border-radius: 6px 0px 0px 6px;
}
.search-container .search-box .search-content .search-bar .search-method:hover .current-method {
    border-radius: 6px 0px 0px 0px;
}
.search-container .search-box .search-content .search-bar .search-method .choose-method{
    width: 120px;
}
.search-container .search-box .search-content .search-bar .search-method .choose-method li.current::before{
    left: unset;
    right: 0;
}
.search-container .search-box .search-content .search-bar .search-method .choose-method li{
    height: 50px;
}
.search-container .search-box .search-content .search-bar .search-input > input{
    padding-right: 36px;;
}
.search-container .search-box .search-content .search-bar .search-input{
    width: unset;
    flex: 1;  
}
.search-btn{
    width: 120px;
    background-color: rgba(91,155,213,1);
    color: #ffffff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    border-radius: 0px 6px 6px 0px;    
    cursor: pointer;
}

.search-container .search-box .search-content{
    padding: 35px 130px 60px 130px;
}
.search-lead-text{
    color: rgba(91,155,213,1);
    text-align: right;
    padding: 0 10px 10px 0;
    font-size: 14px;
}



.search-result-container{
    border-radius: 6px;
    margin-top: 20px;
    padding-top: 8px;
}
.search-result{
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: 0 11px 18px 0 rgb(19 92 127 / 13%);
    margin-top: 20px;
}
.serach-thead{
    display: flex;
    padding: 5px 50px;
    cursor: pointer;
}
.serach-thead:hover{
    background-color: #f1f1f1;
    border-radius: 6px;
}
.order-number-info{
    width: 250px;    
}
.order-number-info>p{
    padding: 4px;
    font-size: 14px;
}
.order-number-info>p>span:first-child{
    margin-right: 6px;
}
.address-info{
    flex: 1;
    display: flex;
    align-items: center;
}
.address-info > p{
    color: rgba(91,155,213,1);
    font-size: 16px;
    flex: 2;
}
.address-info > p:first-child {
    text-align: right;
}
.address-info > img{
    margin: 0 20px;
    width: 90px;
    height: 20px;
}

.search-tbody{
    margin: 0 50px;
    font-size: 14px;
    position: relative;
    border-top: 1px solid #eeeeee;
    display: none;
}
.search-tbody::before{
    content: "";
    background-color: #d6d6d6;
    width: 1px;
    height: calc(100% - 60px);
    position: absolute;
    left: 44px;
    top: 30px;
}
.search-tbody > li{
    display: flex;
    padding: 6px 20px;
}
.search-tbody > li>div{
    font-size: 14px;
    margin: 0 20px;
}
.search-tbody .time{
    padding: 6px 0;
    width: 180px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: left;
}
.search-tbody .content{
    font-size: 14px;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: start;
}
.search-tbody .circle{
    line-height: 44px;
}
.search-tbody .circle > span{
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #d6d6d6;
    transform: rotate(45deg);
}
.search-tbody li:first-child .circle > span{
    width: 9px;
    height: 9px;
    background-color: #329dd1;
}


.search-result:first-child .search-tbody{
    display: block;
}