.v-shell {
    position: relative;
    /* margin: 0 auto; */
    width: 1200px;
    width: 100%;
    /***min-width: 1440px;*/
    height: 700px;
}

/*  */
.v-index-banner {
    position: relative;
    box-sizing: border-box;
    padding: 0 0 0 0;
    height: 700px;
    background: url("./img/newB.png") no-repeat center;
}

.bannerCon {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 100px;
}

.bigText {
    width: auto;
    text-align: center;
    font-size: 70px;
    font-weight: bolder;
    font-style: italic;
    margin: 0px 0px 30px 0px;
    color: white;
    text-shadow: 0 6px 6px rgb(44, 142, 216);
    letter-spacing: 10px;
}

.mediumText {
	width: auto;
    text-align: center;
    font-size: 35px;
    font-weight: bolder;
    font-style: italic;
    margin: -20px 0px 30px 0px;
    color: white;
    text-shadow: 0 6px 6px rgb(44, 142, 216);
    letter-spacing: 10px;
}

.banSev {
    display: inline-block;
    width: 115px;
    padding: 5px 10px;
    margin: 0px 15px;
    /* background: pink; */
    background: linear-gradient(135deg, rgba(142, 196, 232, 0.6) 0%, rgba(208, 228, 239, 0.6) 42%, rgba(202, 230, 239, 0.6) 100%);
    /* background: linear-gradient(rgb(142, 196, 230,0.2), rgb(197, 227, 237,0.2)); */
    /* opacity: 0.6; */
    border-radius: 16px;
    color: rgb(47, 111, 185);
    font-size: 18px;
    font-weight: 600;
}

.banI {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(./img/banI.png);
}

.v-index-banner h4 {
    margin: 20px 0 0 0;
    font-size: 64px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    text-shadow: 0 3px 5px #444;
}

.v-index-banner h4 span {
    padding: 0 20px;
}

.v-index-banner h5 {
    margin: 0 0 20px 0;
    font-size: 36px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    text-shadow: 0 3px 5px #444;
}

.v-banner-tabs {
    display: flex;
    position: relative;
    /**margin: 420px 200px 10px 200px;*/
    margin-top:420px;
    margin-bottom:10px;   
    margin-left: auto;
    margin-right: auto;
    background: rgb(255, 255, 255);
    border-radius: 9px;
    width: 55%;
}

.v-banner-tabs-two {
    display: flex;
    position: relative;
    margin: 30px 480px;
    font-family: fantasy;
    font-size: 18px;
    font-weight: 500;
}

.v-banner-tabs-two li {
    flex-grow: 1;
    position: relative;
    box-sizing: border-box;
    width: 5%;
    height: 54px;
    /***font-size: 22px;*/
    font-size: 1.3vw;
    color: rgb(205, 205, 205);
    line-height: 54px;
    text-align: center;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
}

.v-banner-tabs-two li.active {
    background: url(./img/1.png) no-repeat center;
    color: rgb(47, 111, 185);

}

.v-banner-tabs-two li.active .select {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(./images/fuck.png);
    background-size: 100% 100%;
    position: absolute;
    top: 46px;
    left: 50px;
}

.v-banner-tabs li {
    flex-grow: 1;
    position: relative;
    box-sizing: border-box;
    width: 8%;
    height: 54px;
    /**font-size: 23px;*/
    font-size: 1.3vw;
    font-weight: 500;
    color: rgb(47, 111, 185);
    line-height: 54px;
    text-align: center;
    border-radius: 15px;
    user-select: none;
    cursor: pointer;
    transition: all 0.3s;
    margin: 0px 15px;
    border: 1px solid rgb(100, 167, 214);
    background-color: rgb(248, 250, 255);
}

.v-banner-tabs li:nth-child(1),
.v-banner-tabs li:nth-child(2) {
    transform: skewX(20deg)
}

.v-banner-tabs li:nth-child(3),
.v-banner-tabs li:nth-child(4) {
    transform: skewX(-20deg)
}

/* .v-banner-tabs li:nth-child(1)::before,
.v-banner-tabs li:nth-child(2)::before {
    position: absolute;
    z-index: -1;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skew(20deg)
}

.v-banner-tabs li:nth-child(3)::after,
.v-banner-tabs li:nth-child(4)::after {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    transform: skew(-20deg)
} */

.v-banner-tabs li.active {
    background: linear-gradient(#4693ED, #8BBFEB);
    color: #fff;
    cursor: default;
    text-shadow: 0 1px 1px #599EF0;
    border: none
}

.v-banner-tabs li.active .select {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(./images/fuck.png);
    background-size: 100% 100%;
    position: absolute;
    top: 49px;
    /* left: 110px; */
    left: calc(50%);
}

.v-banner-tabs li i {
    display: inline-block;
    margin: -3px 0 0 0;
    width: 43px;
    height: 37px;
    background: no-repeat center;
    vertical-align: middle;
}

.v-banner-tabs li i.icon1 {
    background-image: url("../img/icon-banner-tabs01a.png");
}

.v-banner-tabs li i.icon2 {
    background-image: url("../img/icon-banner-tabs02a.png");
}

.v-banner-tabs li i.icon3 {
    background-image: url("../img/icon-banner-tabs03a.png");
}

.v-banner-tabs li i.icon4 {
    background-image: url("../img/icon-banner-tabs04a.png");
}
        
.tab-item i {
    display: inline-block;
    margin: 20px 47px 5px 47px;
    width: 44px;
    height: 44px;
    background: no-repeat center;
    vertical-align: middle;
}

.tab-item i.icon5 {
    background-image: url("../../images/banshizhinan/country-a.png");
    /* background-size: 100%; */
}

.tab-item i.icon6 {
    background-image: url("../../images/banshizhinan/sign-a.png");
    /* background-size: 100%; */
}

.tab-item i.icon7 {
    background-image: url("../../images/banshizhinan/map-a.png");
    /* background-size: 100%; */
}

.tab-item.active i.icon5 {
    background-image: url("../../images/banshizhinan/country.png");
    /* background-size: 100%; */
}

.tab-item.active i.icon6 {
    background-image: url("../../images/banshizhinan/sign.png");
    /* background-size: 100%; */
}

.tab-item.active i.icon7 {
    background-image: url("../../images/banshizhinan/map.png");
    /* background-size: 100%; */
}

.v-banner-tabs li.active i.icon1 {
    background-image: url("../img/icon-banner-tabs01.png");
}

.v-banner-tabs li.active i.icon2 {
    background-image: url("../img/icon-banner-tabs02.png");
}

.v-banner-tabs li.active i.icon3 {
    background-image: url("./img/icon-banner-tabs03.png");
}

.v-banner-tabs li.active i.icon4 {
    background-image: url("./img/icon-banner-tabs04.png");
}

/*  */
.v-window-title {
    padding: 20px 0;
    text-align: center;
}

.v-window-title h4 {
    display: inline-block;
    position: relative;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
}

.v-window-title i {
    display: block;
    position: absolute;
    top: 0;
}

.v-window-title i:before,
.v-window-title i:after {
    display: inline-block;
    content: "";
    transform: rotate(45deg);
    margin: 0 10px;
    width: 14px;
    height: 14px;
}

.v-window-title i:before {
    background: #CDEFFF;
}

.v-window-title i:after {
    background: #599EF0;
}

.v-window-title i:nth-child(1) {
    left: -100px;
}

.v-window-title i:nth-child(2) {
    right: -100px;
    transform: rotateY(180deg);
}

/*  */
.v-tabs-bar {
    position: relative;
    padding: 0 0 50px 0;
    animation: menuDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes menuDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.v-window-menu {
    position: relative;
}

.v-window-menu:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-block {
    float: left;
    position: relative;
    margin: 10px 0 20px 50px;
    ;
    width: calc(25% - 37.5px);
}

.v-window-block:hover {
    z-index: 99;
}

.v-window-block:nth-child(4n+1) {
    margin-left: 0;
}

.v-window-block a {
    display: block;
    box-sizing: border-box;
    padding: 130px 0 0 0;
    height: 180px;
    background: no-repeat center center/100% 100%;
    font-size: 1vw;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s;
}

.v-window-block a p{
	height: 64px;
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.v-window-block a:hover {
    transform: scale(1.1);
}

.v-window-block a.bg-a1 {
    background-image: url("./images/window-menu-a1.png");
    color: #5F4EA2;
}

.v-window-block a.bg-a2 {
    background-image: url("./images/window-menu-a2.png");
    color: #4766A4;
}

.v-window-block a.bg-a3 {
    background-image: url("./images/window-menu-a3.png");
    color: #009688;
}

.v-window-block a.bg-a4 {
    background-image: url("./images/window-menu-a4.png");
    color: #7E51B9;
}

.v-window-block a.bg-a5 {
    background-image: url("./images/window-menu-a5.png");
    color: #4766A4;
}

.v-window-block a.bg-a6 {
    background-image: url("./images/window-menu-a6.png");
    color: #5FBBF4;
}

.v-window-block a.bg-a7 {
    background-image: url("./images/window-menu-a7.png");
    color: #233DF9;
}

.v-window-block a.bg-b1 {
    background-image: url("./images/window-menu-b1.png");
    color: #97543F;
}

.v-window-block a.bg-b2 {
    background-image: url("./images/window-menu-b2.png");
    color: #4766A4;
}

.v-window-block a.bg-b3 {
    background-image: url("./images/window-menu-b3.png");
    color: #97543F;
}

.v-window-block a.bg-b4 {
    background-image: url("./images/window-menu-b4.png");
    color: #4766A4;
}

.v-window-block a.bg-b5 {
    background-image: url("./images/window-menu-b5.png");
    color: #7E51B9;
}

/*  */
.v-window-drop {
    box-sizing: border-box;
    position: absolute;
    top: 330px;
    left: 0;
    /* width: 1440px; */
    min-width: 1440px;
    width: 100%;
    background: #fff;
    border: #016EFC 1px solid;
    border-radius: 10px;
    box-shadow: 0 5px 5px #ccc;
    animation: dropDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes dropDown {
    0% {
        opacity: 0;
        margin-top: -50px;
    }

    100% {
        opacity: 1;
        margin-top: 0px;
    }
}

.v-window-drop:before {
    display: block;
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    width: calc(25% - 37.5px);
    height: 50px;
}

.v-window-drop:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 50px;
}

.v-window-drop.pis1 {
    transform: translateX(calc(-25% - 12.5px));
}

.v-window-drop.pis2 {
    transform: translateX(calc(-50% - 25px));
}

.v-window-drop.pis3 {
    transform: translateX(calc(-75% - 37.5px));
}

.v-window-drop.pis1:before {
    left: calc(25% + 12.5px);
}

.v-window-drop.pis2:before {
    left: calc(50% + 25px);
}

.v-window-drop.pis3:before {
    left: calc(75% + 37.5px);
}

.v-window-drop-head {
    position: relative;
    padding: 0 50px;
    height: 70px;
    background: linear-gradient(#c4dcfa, #5ca1f0);
    border-radius: 10px 10px 0 0;
}

.v-window-drop-head:before {
    display: block;
    content: "";
    position: absolute;
    top: -31px;
    left: calc(12.5% - 18.75px);
    transform: translateX(-31px);
    width: 0;
    height: 0;
    border-bottom: #016EFC 31px solid;
    border-right: transparent 31px solid;
    border-left: transparent 31px solid;
}

.v-window-drop-head:after {
    display: block;
    content: "";
    position: absolute;
    top: -30px;
    left: calc(12.5% - 18.75px);
    transform: translateX(-30px);
    width: 0;
    height: 0;
    border-bottom: #c4dcfa 30px solid;
    border-right: transparent 30px solid;
    border-left: transparent 30px solid;
}

.pis1 .v-window-drop-head:before,
.pis1 .v-window-drop-head:after {
    left: calc(37.5% - 6.25px);
}

.pis2 .v-window-drop-head:before,
.pis2 .v-window-drop-head:after {
    left: calc(62.5% + 6.25px);
}

.pis3 .v-window-drop-head:before,
.pis3 .v-window-drop-head:after {
    left: calc(87.5% + 18.75px);
}

.v-window-drop-head h4 {
    float: left;
    font-size: 24px;
    color: #fff;
    line-height: 70px;
}

.v-window-drop-head h5 {
    margin: 20px 0 0 20px;
    padding: 0 10px;
    height: 30px;
    background: #fff;
    font-size: 16px;
    color: #599EF0;
    line-height: 30px;
    border-radius: 4px;
    float: left;
}

.v-window-drop-body {
    position: relative;
    padding: 30px 50px;
}

.v-window-drop-row:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-drop-thumbtack {
    float: left;
    box-sizing: border-box;
    position: relative;
    margin: 30px 0 0 0;
    width: 45%;
    padding: 0 0 50px 170px;
}

.v-window-drop-thumbtack h4 {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    background: linear-gradient(#83bef2, #ffffff 60%);
    font-size: 24px;
    color: #599EF0;
    line-height: 88px;
    text-align: center;
    border: #599EF0 1px solid;
}

.v-window-drop-thumbtack ul {
    position: relative;
}

.v-window-drop-thumbtack ul:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-drop-thumbtack ul li {
    float: left;
    width: 33.33%;
    font-size: 16px;
    color: #666;
    line-height: 46px;
}

.v-window-drop-thumbtack ul li:before {
    display: inline-block;
    content: "";
    margin: -3px 5px 0 0;
    width: 30px;
    height: 30px;
    background: url("./images/window-drop-thumbtack-icon.png") no-repeat center;
    vertical-align: middle;
}

.v-window-drop-thumbtack h5 {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 18px;
    font-weight: bold;
    color: #F71212;
    line-height: 30px;
}

.v-window-drop-arrow {
    float: left;
    position: relative;
    width: 5%;
    height: 200px;
    background: url("./images/window-drop-arrow.png") no-repeat center;
}

.v-window-drop-ratio {
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    width: 50%;
}

.v-window-drop-ratio-legend {
    position: relative;
}

.v-window-drop-ratio-legend:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-drop-ratio-legend li {
    float: left;
    margin: 0 0 0 20px;
    font-size: 14px;
    color: #666;
    line-height: 40px;
}

.v-window-drop-ratio-legend li:first-child {
    margin-left: 0;
}

.v-window-drop-ratio-legend li:before {
    display: inline-block;
    content: "";
    margin: -3px 10px 0 0;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    vertical-align: middle;
    box-shadow: 0 2px 2px #ccc;
}

.v-window-drop-ratio-legend li:nth-child(1):before {
    background: #FFB932;
}

.v-window-drop-ratio-legend li:nth-child(2):before {
    background: #87BDFC;
}

.v-window-drop-ratio-list {
    position: relative;
}

.v-window-drop-ratio-list li {
    display: flex;
    position: relative;
    padding: 10px 0;
}

.v-window-drop-ratio-list li h4 {
    width: 120px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
}

.v-window-drop-ratio-list li h4 i {
    display: inline-block;
    margin: -3px 10px 0 0;
    width: 26px;
    height: 26px;
    background: no-repeat center;
    vertical-align: middle;
}

.v-window-drop-ratio-list li h4 i.icon1 {
    background-image: url("./images/window-drop-ratio-icon1.png");
}

.v-window-drop-ratio-list li h4 i.icon2 {
    background-image: url("./images/window-drop-ratio-icon2.png");
}

.v-window-drop-ratio-list li h4 i.icon3 {
    background-image: url("./images/window-drop-ratio-icon3.png");
}

.v-window-drop-ratio-list dl {
    flex-grow: 1;
    box-sizing: border-box;
    padding: 0 140px 0 0;
    width: 10%;
}

.v-window-drop-ratio-list dt,
.v-window-drop-ratio-list dd {
    position: relative;
    height: 15px;
    border-radius: 3px;
    box-shadow: 0 2px 2px #ccc;
}

.v-window-drop-ratio-list dt {
    width: 0;
    background: #FFB932;
}

.v-window-drop-ratio-list dd {
    margin: 2px 0 0 0;
    width: 100%;
    background: #87BDFC;
}

.v-window-drop-ratio-list dt h5 {
    position: absolute;
    top: -12px;
    left: 100%;
    padding: 0 10px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    white-space: nowrap;
}

.v-window-drop-ratio-list dd h5 {
    position: absolute;
    top: -12px;
    left: 100%;
    padding: 0 10px;
    font-size: 22px;
    color: #666;
    line-height: 30px;
    white-space: nowrap;
}

.v-window-drop-ratio-list dd h5 span {
    display: inline-block;
    margin: -3px 0 0 0;
    padding: 0 5px;
    font-size: 30px;
    color: #FFB932;
    vertical-align: middle;
}

/*  */
.v-window-drop-board {
    position: relative;
    margin: 20px 0;
    padding: 0 0 0 150px;
    min-height: 90px;
    border: #599EF0 1px solid;
}

.v-window-drop-board h4 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 150px;
    background: linear-gradient(#83bef2, #ffffff 60%);
    font-size: 24px;
    color: #599EF0;
    line-height: 40px;
    border-right: #599EF0 1px solid;
}

.v-window-drop-board h4 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.v-window-drop-board ul {
    padding: 5px 20px;
}

.v-window-drop-board ul:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-drop-board ul li {
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    width: 50%;
    font-size: 18px;
    color: #666;
    line-height: 46px;
}

.v-window-drop-board ul li b {
    display: inline-block;
    margin: -3px 10px 0 0;
    width: 16px;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    border: #666 1px solid;
    border-radius: 50%;
    vertical-align: middle;
}

/*  */
.btn-box {
    padding: 10px 0;
    text-align: center;
}

.v-window-drop-handle {
    padding: 0 20px;
    height: 44px;
    background: #599EF0;
    font-size: 18px;
    color: #fff;
    border: 0;
    border-radius: 4px;
}

.v-window-drop-handle:before {
    display: inline-block;
    content: "";
    margin: -3px 5px 0 0;
    width: 24px;
    height: 24px;
    background: url("./images/window-drop-handle-icon.png") no-repeat center;
    vertical-align: middle;
}

/*  */
.v-window-photo {
    position: relative;
}

.v-window-photo:after {
    display: block;
    content: "";
    clear: both;
}

.v-window-photo a {
    float: left;
    position: relative;
    box-sizing: border-box;
    margin: 25px 0 25px 50px;
    padding: 10px;
    width: calc(25% - 37.5px);
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 15px #ddd;
    transition: all 0.3s;
}

.v-window-photo a:hover {
    transform: scale(1.1);
}

.v-window-photo a:nth-child(4n+1) {
    margin-left: 0;
}

.v-window-photo i {
    display: block;
    overflow: hidden;
    position: relative;
    height: 180px;
}

.v-window-photo img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.v-window-photo h4 {
    overflow: hidden;
    font-size: 28px;
    color: #666;
    line-height: 50px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v-banner-tabs-two {
    margin-top: 28px;
}

.con-title {
    width: auto;
    height: 30px;
    font-size: 45px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 43px;
    font-style: italic;
    letter-spacing: 9px;
    font-family: Arial, Helvetica, sans-serif;
}

.small-title {
    display: inline-block;
    color: white;
    letter-spacing: 0px;
    font-size: 13px;
}

.content {
    width: 60%;
    height: 650px;
    margin: 20px auto 15px auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
    border-radius: 10px;
    background-color: white;
    border: solid 1px rgb(212, 235, 255);
    /* box-shadow: ; */
}

.left {
    width: 100%;
    height: 400px;
    /* margin: 80px 50px 20px 50px; */
    background-image: url(./img/geren.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.lefts {
    width: 100%;
    height: 400px;
    /* margin: 80px 50px 20px 50px; */
    background-image: url(./img/qiye.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.box {
    text-align: center;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s;
}

.name {
    font-weight: 700;
    margin-top: 4px;
    width: auto;
    max-width:120px;
    padding: 10px 25px;
    font-size: 17px;
    color: rgb(66, 110, 179);
    margin-bottom: 4px;
    line-height: 1;
    display: block;
    z-index: 9;
    position: relative;
    background-image: url(./img/back.png);
    background-size: 100% 100%;
}

.box.active .name {
    background-image: url(./img/activeB.png);
    color: white;
}

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    display: block;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(./img/back.png);
    border: 3px solid #fff;
}

.right,
.rights {
    width: 90%;
    height: 100px;
    margin: 100px auto 10px auto;
    position: relative;
    border-top: 2px dashed rgb(217, 217, 217);
}

.sort-con {
    width: 100%;
    height: 700px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 10px auto;
    border-radius: 10px;
    background-color: white;
    /* border: solid 1px gainsboro; */
}

.tabs-three,
.tabs-threes {
    margin: 60px 30px auto 30px;
    width: 15%;
    height: 300px;
}

.tab-item {
    font-size: 18px;
    color: rgb(88, 136, 224);
    margin: 10px;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    background-color: rgb(238, 243, 252);
    transition: all 0.3s;

}

.tab-item:hover {
    transform: scale(1.1);
}

.box:hover {
    transform: scale(1.1);
}

.tab-item.active {
    font-size: 18px;
    color: white;
    margin: 10px;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    background-color: rgb(88, 136, 224);
}


.con-row {
    /** height: 780px;*/
    max-height:600px;
    padding-right:20px;
    overflow-x:auto;
}

.con-row1 {
	width:75%;
  	height: 620px;
    border: solid 1px rgb(232, 232, 232);
    padding: 20px;
    border-radius: 17px;
}


.thing-list,
.thing-lists {
    width: 100%;
    padding: 0 40px;
}

.thing-title {
    padding-top: 35px;
    padding-bottom: 29px;
    display: flex;
    line-height: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;

}

.thing-title strong {
    font-size: 20px;
}

.thing-title span {
    font-size: 16px;
    margin-left: 20px;
}

.thing-title span em {
    color: #ef893b;
}

.thing-list ul {
    flex: 1;
    list-style-type: disc;
}

.thing-list,
.thing-list ul li {
    font-size: 18px;
    margin-bottom: 38px;
    padding-left: 18px;
    line-height: 1.2;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
}

.three-title {
    text-align: center;
    margin: 10px;
}

.line {
    background-image: url(./images/line.png);
}

.circleTitle {
    display: inline-block;
    width: auto;
    padding: 3px 10px;
    height: 30px;
    border-radius: 12px;
    background: linear-gradient(rgb(115, 128, 229), rgb(99, 163, 240));
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
}

.allTitle {
    display: inline-block;
    width: auto;
    height: 40px;
    padding: 0px 25px;
    border-radius: 5px;
    background: linear-gradient(rgb(243, 249, 254), rgb(234, 244, 255));
    color: black;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    font-weight: 100;
    margin-right:35px;
}
.el-dialog__headerbtn .el-dialog__close{

}
.el-icon-close:before{
    content: ""!important;
    background-image: url(../../images/banshizhinan/closeIcon.png)!important;
    width:15px;
    height: 15px;
    display: inline-block;
    background-size: cover; /* 或者 contain，根据需要 */
    background-position: center;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
#app{
	margin-bottom: 86px;
}
.affairHeader{
    height:320px;
    background: url(../../images/banshizhinan/affairHeader.png) 0 0 repeat-x!important;
    position:relative;
}
.affairHeader img{
    position:absolute;
    top:220px;
    left:50%;
    transform:translateX(-50%);
}
.ET_top2_column{
    border-bottom:0!important;
}
@media screen and (max-width: 750px){
   .sort-con {
        flex-direction: column;
        align-items:center;
   }
    .container{
        width:100%;
    }
   .tabs-three, .tabs-threes{
       margin:0;
       width: 100%;
       display: flex;
       height:130px;
       justify-content:center;
   }
    .tab-item {
        font-size: 17px;
        color: rgb(88, 136, 224);
        margin: 5px;
        width: 100px;
        height: 100px;
        border-radius: 10px;
        background-color: rgb(238, 243, 252);
        transition: all 0.3s;
        display: flex;
        flex-direction:column;
        align-items:center;
    }

    .tab-item.active {
        font-size: 17px;
        color: white;
        margin: 5px;
        width: 100px;
        height: 100px;
        border-radius: 10px;
        background-color: rgb(88, 136, 224);
    }
    .tab-item i {
        display: inline-block;
        margin: 5px auto 0;
        width: 30px;
        height: 30px;
        background: no-repeat center;
        background-size:100% 100%;
        vertical-align: middle;
    }
    .three-title {
        text-align: center;
        margin: 8px;
    }
    .tab-item:hover{
        transform: scale(1.0);
    }
    .con-row1 {
    	width:90%;
        box-sizing:border-box;
      	height: auto;
        border: solid 1px rgb(232, 232, 232);
        padding: 10px;
        border-radius: 17px;
    }
    .con-row {
        /** height: 780px;*/
        max-height:600px;
        padding-right:0px;
        overflow-x:auto;
        display:flex;
        flex-wrap:wrap;

    }
    .v-window-block {
        float: left;
        position: relative;
        margin: 20px 0 0px 0px;
        width: 32%;
        /* max-width:100px; */
        margin-right:2%
    }
    .v-window-block:nth-child(3n){
        margin-right:0!important;
    }
    .v-window-block:hover {
        z-index: 99;
    }

    .v-window-block:nth-child(4n+1) {
        margin-left: 0;
    }

    .v-window-block a {
        display: block;
        box-sizing: border-box;
        padding: 90px 0 0 0;
        height: 120px!important;
        background: no-repeat center center/100% 100%;
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        white-space:normal;
        transition: all 0.3s;
    }

    .v-window-block a p{
    	height: auto;
    	display: block;
    	align-content: center;
    	font-size: 12px;
    }

    .v-window-block a:hover {
        transform: scale(1.0);
    }
    .affairHeader{
        height:320px;
        background: url(../../images/banshizhinan/affairHeader.png) 0 0 repeat-x!important;
        position:relative;
        display:none;
    }
    .affairHeaderMobile{
        
        width:100%;
 
        display:block!important;
    }
    .affairHeaderMobile img{
        width:100%;
    }
}