@font-face {
    font-family: "sourcehansans";
    src: url("../woff/k3qhy8.woff");
    font-weight: normal;
    font-style: normal;
}


html{
    position: relative;
    font-family: "sourcehansans";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

body {
    position: relative;
    margin: 0;
    padding: 0;
}

h2,
h3,
h4,
h5,
h6,
ul,
li,
dl,
dt,
dd,
a,
span,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    list-style: none;
    outline: none;
    text-decoration: none;
}
a{
    color: #333;
}
strong{
    font-weight: bold;
}
strong span{
    font-weight: bold;
}
.w1200{
    position: relative;
    margin: 0 auto;
    width: 1200px;
}


.pc-none{
    display: none !important;
}


.v-row:after {
    display: block;
    content: "";
    clear: both;
}
.v-row .v-col{
    box-sizing: border-box;
    float: left;
}
.v-row .v-col-1{
    width: 4.16%;
}
.v-row .v-col-2{
    width: 8.33%;
}
.v-row .v-col-3{
    width: 12.5%;
}
.v-row .v-col-4{
    width: 16.66%;
}
.v-row .v-col-5{
    width: 20.83%;
}
.v-row .v-col-6{
    width: 25%;
}
.v-row .v-col-7{
    width: 29.16%;
}
.v-row .v-col-8{
    width: 33.33%;
}
.v-row .v-col-9{
    width: 37.5%;
}
.v-row .v-col-10{
    width: 55%;
}
.v-row .v-col-11{
    width: 45.83%;
}
.v-row .v-col-12{
    width: 50%;
}
.v-row .v-col-13{
    width: 54.16%;
}
.v-row .v-col-14{
    width: 45%;
}
.v-row .v-col-15{
    width: 62.5%;
}
.v-row .v-col-16{
    width: 66.66%;
}
.v-row .v-col-17{
    width: 70.83%;
}
.v-row .v-col-18{
    width: 75%;
}
.v-row .v-col-19{
    width: 79.16%;
}
.v-row .v-col-20{
    width: 83.33%;
}
.v-row .v-col-21{
    width: 87.5%;
}
.v-row .v-col-22{
    width: 91.66%;
}
.v-row .v-col-23{
    width: 95.83%;
}
.v-row .v-col-24{
    width: 100%;
}


.mt10{
    margin-top: 10px;
}
.mr10{
    margin-right: 10px;
}
.mb10{
    margin-bottom: 10px;
}
.ml10{
    margin-left: 10px;
}
.mt20{
    margin-top: 20px;
}
.mr20{
    margin-right: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.ml20{
    margin-left: 20px;
}
.mt30{
    margin-top: 30px;
}
.pt10{
    padding-top: 10px;
}
.pr10{
    padding-right: 10px;
}
.pb10{
    padding-bottom: 10px;
}
.pl10{
    padding-left: 10px;
}
.pt20{
    padding-top: 20px;
}
.pr20{
    padding-right: 20px;
}
.pb20{
    padding-bottom: 20px;
}
.pl20{
    padding-left: 20px;
}


.v-shell{
    background: #fff;
}


.v-head{
    position: relative;
    z-index: 200;
    height: 120px;
    background: url("../png/5454yg.png") no-repeat center/cover;
}
.v-head.develop{
    
}
.icon-phone{
    background-image: url("../png/1auftr.png");
}
.icon-wechat{
    background-image: url("../png/9ci2p3.png");
}
.v-head-passageway{
    float: right;
}
.v-head-passageway .link{
    position: relative;
    cursor: pointer;
}
.v-head-passageway .link:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #fff;
}
.v-head-passageway .link,
.v-head-passageway .drop-box{
    float: right;
    position: relative;
    width: 40px;
    height: 40px;
}
.v-head-passageway .link,
.v-head-passageway .drop-box dt{
    background-repeat: no-repeat;
    background-position: center; 
}
.v-head-passageway .drop-box dt{
    width: 100%;
    height: 100%;
}
.v-head-passageway .drop-box dd{
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    padding: 10px;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666;
    animation: passagewayDropDown 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes passagewayDropDown{
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
.v-head-passageway .drop-box:hover dd{
    display: block;
}
.v-head-passageway .drop-box dd:before{
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    right: 25px;
    width: 0;
    height: 0;
    border-bottom: #fff 5px solid;
    border-right: transparent 5px solid;
    border-left: transparent 5px solid;
}
.v-head-passageway .drop-box dd img{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}
.v-head-logo{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-600px);
}
.v-head-logo:after{
    display: block;
    content: "";
    clear: both;
}
.v-head-logo dt,
.v-head-logo dd{
    float: left;
    position: relative;
    padding-right: 30px;
}
.v-head-logo dt{
    padding-left: 90px;
}
.v-head-logo dd{
    padding-left: 54px;
}
.v-head-logo dt:before,
.v-head-logo dd:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 60px;
    background: no-repeat center;
}
.v-head-logo dt:before{
    width: 90px;
}
.v-head-logo dd:before{
    width: 54px;
}
.v-head-logo dt:before{
    background-image: url("../png/q6evrb.png");
}
.v-head-logo dd:before{
    background-image: url("../png/c8oix7.png");
}
.v-head-logo dt.icon-none:before,
.v-head-logo dd.icon-none:before{
    display: none;
}
.v-head-logo h4{
    height: 30px;
    font-size: 24px;
    font-weight: bold;
    color: #966302;
    line-height: 30px;
    text-shadow: 0 1px 2px #666;
}
.v-head-logo h5{
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #966302;
    line-height: 20px;
    white-space: nowrap;
    text-shadow: 0 1px 2px #666;
}
.v-head-logo span{
    padding: 0 5px;
}
.v-head-logo-sub{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-600px);
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-shadow: 0 1px 3px #333;
}
.v-head-logo-sub:before{
    display: inline-block;
    content: "";
    margin: -2px 10px 0 0;
    width: 40px;
    height: 40px;
    background: url("../png/q6evrb.png") no-repeat center/40px auto;
    vertical-align: middle;
}
.v-head-search{
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 20;
    width: 600px;
    height: 40px;
}
.v-head-search .search-card{
    
    
}
.v-head-search .search-card h4{
    position: relative;
    font-size:16px;
    color: #000;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}
.v-head-search .search-card h4:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -1px;
    transform: translateY(-50%);
    width: 2px;
    height: 20px;
    background: #966302;
}
.v-head-search .search-card:first-child h4:before{
    display: none;
}
.v-head-search .search-card ul{
    
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    width: 540px;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    border: #966302 1px solid;
    border-radius: 3px;
    box-shadow: 0 2px 2px #999;
    animation: searchDown 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes searchDown{
    0% {
        top: 20px;
    }
    100% {
        top: 38px;
    }
}
.v-head-search .search-card.visible ul{
    display: block;
}
.v-head-search .search-card ul:before{
    display: block;
    content: "";
    position: absolute;
    top: -6px;
    width: 0;
    height: 0;
    border-bottom: #966302 6px solid;
    border-right: transparent 6px solid;
    border-left: transparent 6px solid;
}
.v-head-search .search-card ul:after{
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    transform: translateX(1px);
    width: 0;
    height: 0;
    border-bottom: #fff 5px solid;
    border-right: transparent 5px solid;
    border-left: transparent 5px solid;
}
.v-head-search .search-card:nth-child(1) ul:before,
.v-head-search .search-card:nth-child(1) ul:after{
    left: 264px;
}




.v-head-search .search-card:nth-child(2) ul:before,
.v-head-search .search-card:nth-child(2) ul:after{
    left: 384px;
}
.v-head-search .search-card:nth-child(3) ul:before,
.v-head-search .search-card:nth-child(3) ul:after{
    left: 264px;
}
.v-head-search .search-card:nth-child(4) ul:before,
.v-head-search .search-card:nth-child(4) ul:after{
    left: 144px;
}
.v-head-search .search-card:nth-child(5) ul:before,
.v-head-search .search-card:nth-child(5) ul:after{
    left: 23px;
}
.v-head-search .search-card li{
    display: inline-block;
    padding: 5px 8px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    vertical-align: middle;
}
.v-head-search .search-card li input,
.v-head-search .search-card li select{
    width: 140px;
    font-size: 14px;
    font-family: "sourcehansans";
    color: #333;
    line-height: 22px;
    border: 0;
    border-bottom: #966302 1px solid;
}
.v-head-search .search-card li input.large,
.v-head-search .search-card li select.large{
    width: 300px;
}
.v-head-search .search-card li button{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../png/tyn5zr.png") no-repeat center;
    border: 0;
    cursor: pointer;
}

.v-head-nav{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background: #966302;
}
.v-head-nav .trans{
    margin: 0 auto;
    width: 1200px;
    height: 40px;
}
.v-head-nav .nav-box{
    float: left;
}
.v-head-nav .nav-box a{
    float: left;
    position: relative;
    padding: 0 40px;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: transform 0.3s;
}
.v-head-nav .nav-box a:hover{
    transform: translateY(-2px);
    color: #fff;
}
.v-head-nav .nav-box a.active{
    transform: translateY(-2px);
    color: #fff;
}
.v-head-nav .nav-box a.active:before{
    display: block;
    content: "";
    position: absolute;
    right: 20%;
    bottom: 2px;
    left: 20%;
    height: 4px;
    background: #fff;
    animation: navAct 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes navAct{
    0% {
        right: 50%;
        left: 50%;
    }
    100% {
        right: 20%;
        left: 20%;
    }
}
.v-head-nav-sub{
    position: absolute;
    top: 0;
    left: 50%;
    width: 600px;
}
.v-head-nav-sub:after{
    display: block;
    content: "";
    clear: both;
}
.v-head-nav-sub a{
    float: right;
    position: relative;
    padding: 0 20px;
    height: 60px;
    font-size: 16px;
    color: black;
    line-height: 60px;
    text-shadow: 0 1px 1px #fff;
    transition: all 0.3s;
}
.v-head-nav-sub a:hover,
.v-head-nav-sub a.active{
    transform: translateY(-2px);
}













.v-body{
    margin: 0 auto;
    padding: 5px 0 20px 0;
    width: 1200px;
}


.v-current{
    position: relative;
    height: 60px;
    font-size: 14px;
    color: #333;
    line-height: 60px;
}
.v-current a{
    cursor: pointer;
    transition: all 0.3s;
}
.v-current a:hover{
    color: #966302;
}


.v-page-title{
    position: relative;
    padding: 20px 0;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
    text-align: center;
}
.v-page-title h5{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}


.v-card-list{
    position: relative;
}
.v-card-list-head{
    position: relative;
    padding: 0 10px;
    height: 60px;
    border-bottom: #ddd 1px solid;
}
.v-card-list-head.block{
    background: #966302;
    border: 0;
}
.v-card-list-head h4{
    float: left;
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 60px;
}
.v-card-list-head.block h4{
    float: none;
    color: #fff;
    text-align: center;
}
.v-card-list-head .v-tabs-bar{
    float: left;
    margin: 0 0 0 20px;
}
.v-card-list-head .more{
    position: absolute;
    top: 0;
    right: 10px;
}
.v-card-list-body{
    position: relative;
}


.more{
    display: block;
    height: 60px;
    font-size: 14px;
    color: #999;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.3s;
}
.more:hover{
    color: #966302;
}


.v-board-list{
    position: relative;
}
.v-board-list li{
    position: relative;
    padding: 0 100px 0 15px;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    border-top: #eee 1px solid;
}
.v-board-list.small li{
    position: relative;
    padding: 0 100px 0 15px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-top: #eee 1px solid;
}
.v-board-list li:first-child{
    border-top: 0;
}
.v-board-list.more-none li{
    padding-right: 0;
}
.v-board-list li:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #966302;
    border-radius: 100%;
}
.v-old-board-list li.new:after{
    display: block;
    content: "new";
    position: absolute;
    top: 0;
    right: 85px;
    font-size: 16px;
    color: #d30713;
    line-height: 20px;
}
.v-board-list li a{
    display: block;
    overflow: hidden;
    height: 60px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
}
.v-board-list.small li a{
    height: 40px;
}
.v-board-list li a:hover{
    color: #966302;
}
.v-board-list li a i{
    background: #966302;
    font-style: normal;
}
.v-board-list li a:hover i{
    color: #fff;
}
.v-board-list li span{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    color: #999;
}
.v-board-list.small li span{
    height: 40px;
}


.v-card-list.auto-notice{
    padding: 0 0 0 110px;
    background: #fcf6ed;
    border: #f8ecdb 1px solid;
}
.auto-notice .v-card-list-head{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 110px;
    height: 40px;
    background: #966302;
    border: 0;
}
.auto-notice .v-card-list-head h4{
    float: none;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    line-height: 40px;
}
.auto-notice .v-card-list-head h4:before{
    display: inline-block;
    content: "";
    margin: -2px 5px 0 8px;
    width: 20px;
    height: 20px;
    background: url("../png/pk4cx4.png") no-repeat center;
    vertical-align: middle;
}
.auto-notice .v-card-list-head h4:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: #966302 5px solid;
    border-top: transparent 5px solid;
    border-bottom: transparent 5px solid;
}
.auto-notice .v-card-list-head .more{
    display: none;
}
.auto-notice .v-board-list{
    overflow: hidden;
    height: 40px;
}
.auto-notice .v-board-list li{
    box-sizing: border-box;
    position: absolute;
    top: -40px;
    left: 0;
    padding-right: 120px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 0;
    transition: all 0.3s;
}
.auto-notice .v-board-list li.active{
    top: 0;
    z-index: 5;
}
.auto-notice .v-board-list li.next{
    top: 40px;
}
.auto-notice .v-board-list li:before{
    display: none;
}
.auto-notice .v-board-list li a{
    height: 40px;
}
.auto-notice .v-board-list li span{
    right: 15px;
    height: 40px;
}


.v-banner{
    position: relative;
    width: 100%;
    height: 400px;
}
.v-banner.small{
    height: 250px;
}
.v-banner-show{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.v-banner-show a{
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s;
}
.v-banner-show a.active{
    left: 0;
    z-index: 5;
}
.v-banner-show a.next{
    left: 100%;
}
.v-banner-show a img{
    display: block;
    width: 100%;
    height: 100%;
}
.v-banner-show a h5{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    height: 50px;
    background: rgba(0, 0, 0, 0.75);
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 0 0 5px 5px;
}
.v-banner-ctrl{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 40px;
    background: rgba(0,0,0,0.1);
    line-height: 40px;
    text-align: center;
}
.v-banner-ctrl b{
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    vertical-align: middle;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s;
}
.v-banner-ctrl b.active{
    opacity: 1;
    cursor: default;
}


.v-board-block{
    position: relative;
    padding: 10px 0;
}
.v-board-block h4{
    height: 60px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 60px;
}
.v-board-block-link{
    display: flex;
}
.v-board-block-link.ver{
    display: block;
}
.v-board-block-link.small{
    padding: 0 10px 0 0;
}
.v-board-block-link a{
    flex-grow: 1;
    position: relative;
    margin: 0 0 0 40px;
    width: 300px;
    height: 240px;
    background: #fff;
    border: #ddd 1px solid;
    border-radius: 5px;
    cursor: pointer;
}
.v-board-block-link.ver a{
    display: block;
    margin: 20px 0 0 0;
    width: auto;
    height: 150px;
}
.v-board-block-link.small a{
    display: flex;
    margin-top: 10px;
    height: 70px;
}
.v-board-block-link a:first-child{
    margin-left: 0;
}
.v-board-block-link.ver a:first-child{
    margin-top: 0;
}
.v-board-block-link a:before{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    width: 100%;
    height: 100%;
    background: linear-gradient(#B49470,#DFC99B);
    border-radius: 5px;
    opacity: 0;
    transition: all 0.3s;
}
.v-board-block-link a:hover:before{
    transform: scale(1);
    opacity: 1;
}
.v-board-block-link a i{
    display: block;
    position: relative;
    height: 140px;
}
.v-board-block-link.ver a i{
    height: 100px;
}
.v-board-block-link.small a i{
    width: 50%;
    height: 70px;
}
.v-board-block-link a i:before,
.v-board-block-link a i:after{
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    transition: all 0.3s;
}
.v-board-block-link.small a i:before,
.v-board-block-link.small a i:after{
    background-size: 70px auto;
}
.v-board-block-link a i:after{
    opacity: 0;
}
.v-board-block-link a:hover i:before{
    opacity: 0;
}
.v-board-block-link a:hover i:after{
    opacity: 1;
}
.v-board-block-link a i.icon1:before{
    background-image: url("../png/ahewul.png");
}
.v-board-block-link a i.icon1:after{
    background-image: url("../png/cw2uz4.png");
}
.v-board-block-link a i.icon2:before{
    background-image: url("../png/jjm410.png");
}
.v-board-block-link a i.icon2:after{
    background-image: url("../png/1tmxv4.png");
}
.v-board-block-link a i.icon3:before{
    background-image: url("../png/dem1nf.png");
}
.v-board-block-link a i.icon3:after{
    background-image: url("../png/9nikuk.png");
}
.v-board-block-link a i.icon4:before{
    background-image: url("../png/6qodfb.png");
}
.v-board-block-link a i.icon4:after{
    background-image: url("../png/f99tvq.png");
}
.v-board-block-link a i.icon5:before{
    background-image: url("../png/eusdle.png");
}
.v-board-block-link a i.icon5:after{
    background-image: url("../png/rnvktq.png");
}
.v-board-block-link a i.icon6:before{
    background-image: url("../png/9liwvm.png");
}
.v-board-block-link a i.icon6:after{
    background-image: url("../png/w9zc7l.png");
}
.v-board-block-link a i.icon7:before{
    background-image: url("../png/myoksw.png");
}
.v-board-block-link a i.icon7:after{
    background-image: url("../png/5us6w2.png");
}
.v-board-block-link a i.icon8:before{
    background-image: url("../png/w5be2h.png");
}
.v-board-block-link a i.icon8:after{
    background-image: url("../png/zw78d3.png");
}
.v-board-block-link a h5{
    position: relative;
    height: 50px;
    font-size: 18px;
    color: #333;
    line-height: 50px;
    text-align: center;
    transition: all 0.3s;
}
.v-board-block-link a:hover h5{
    color: #fff;
}
.v-board-block-link.small a h5{
    width: 50%;
    height: 70px;
    line-height: 70px;
    text-align: left;
}


.trans-plate{
    display: block;
    overflow: hidden;
    position: relative;
    height: 110px;
    background: #f0ede4 url("../png/2sox7w.png") no-repeat right center;
    border: #8f7230 1px solid;
    border-radius: 5px;
    cursor: pointer;
}
.trans-plate h4{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 5;
    padding: 0 140px 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: #966302;
    line-height: 30px;
    text-shadow: 0 1px 1px #fff;
}


.live-plate{
    display: block;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    background: #fff url("../png/0cxh1x.png") no-repeat 90% bottom;
    cursor: pointer;
}
.live-plate h4{
    position: relative;
    z-index: 5;
    margin: 0 0 15px 0;
    padding: 0 10px;
    font-size: 20px;
    font-weight: bold;
    color: #966302;
    line-height: 40px;
    border-bottom: #d8d8d8 1px solid;
}
.live-plate h5{
    padding: 0 10px;
    font-size: 16px;
    color: #966302;
    line-height: 28px;
}


.supervise-plate{
    display: block;
    overflow: hidden;
    position: relative;
    height: 140px;
    background: linear-gradient(#edf7ea,#f6fff3);
    cursor: pointer;
}
.supervise-plate:before{
    display: block;
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 150px;
    height: 110px;
    background: url("../png/0cxh1x.png") no-repeat center;
}
.supervise-plate h4{
    padding: 20px 30px;
    font-size: 18px;
    font-weight: bold;
    color: #597773;
    line-height: 40px;
    letter-spacing: 2px;
}


.v-foot{
    padding: 10px 0;
    background: #eaebeb;
}


.v-select-link{
    display: flex;
    padding: 10px 0;
}
.v-select-link select{
    flex-grow: 1;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 0 40px;
    padding: 0 4% 0 15px;
    width: 300px;
    height: 50px;
    background: #f3f3f3 url("../png/0h59p8.png") no-repeat 95% center;
    font-size: 14px;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.v-select-link select:first-child{
    margin-left: 0;
}


.statement-list{
    position: relative;
    padding: 10px 0;
}
.statement-list .explain{
    font-size: 14px;
    color: #333;
    line-height: 30px;
    text-align: center;
}
.statement-list .explain li{
    display: inline;
    padding: 0 20px;
}
.statement-list .explain a{
    cursor: pointer;
}
.statement-list .explain a:hover{
    color: #966302;
}
.statement-list .symbol{
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    background: url("../png/7dzqaz.png") no-repeat center;
    cursor: pointer;
}


.v-tabs-bar{
    position: relative;
}
.v-tabs-bar:after{
    display: block;
    content: "";
    clear: both;
}
.v-tabs-bar li{
    float: left;
    position: relative;
    padding: 0 10px;
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    cursor: pointer;
    transition: all 0.3s;
}
.v-tabs-bar li.active{
    font-weight: bold;
    color: #966302;
}
.v-tabs-bar li:before{
    display: block;
    content: "";
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;
    height: 5px;
    background: #966302;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.v-tabs-bar li.active:before{
    right: 5px;
    left: 5px;
}
.v-tabs-content{
    position: relative;
}
.v-tabs-pane{
    display: none;
    position: relative;
    background: #fff;
}
.v-tabs-pane.active{
    display: block;
    animation: tabsPaneIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes tabsPaneIn{
    0% {
        transform: translateX(100%);
	}
    100% {
        transform: translateX(0);
	}
}


.v-table-base{
    position: relative;
    padding: 10px 0;
}
.v-table-base table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.v-table-base thead th{
    box-sizing: border-box;
    padding: 20px 5px;
    background: #f6f6f6;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    text-align: center;
    border-bottom: #eee 1px solid;
}
.v-table-base thead th.x2{
    width: 300px;
}
.v-table-base tbody td{
    overflow: hidden;
    padding: 20px 5px;
    background: #fff;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: #eee 1px solid;
}
.v-table-base tbody td.wrap{
    overflow: visible;
    white-space: normal;
}
.v-table-base tbody td a{
    overflow: hidden;
    display: block;
    color: #966302;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
}
.v-table-base.line-break tbody td,
.v-table-base.line-break tbody td a{
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
.v-table-base tbody td a:hover{
    transform: translateY(-2px);
}
.btn-contrast{
    position: relative;
    height: 20px;
}
.btn-contrast:before,
.btn-contrast:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    background: no-repeat center/98% 98%;
    transition: all 0.3s;
}
.btn-contrast:before{
    height: 20px;
    background-image: url("../png/krgrnl.png");
}
.btn-contrast:after{
    height: 0;
    background-image: url("../png/nouur9.png");
}
.btn-contrast.active:before{
    height: 0;
}
.btn-contrast.active:after{
    height: 20px;
}


.v-pagination{
    position: relative;
    padding: 10px 0;
    height: 34px;
    text-align: center;
}
.v-pagination a,
.v-pagination li{
    display: inline-block;
    margin: 0 -1px;
    width: 34px;
    height: 34px;
    background: #fff;
    font-size: 16px;
    color: #333;
    line-height: 34px;
    text-align: center;
    border: #ddd 1px solid;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.v-pagination a{
    font-size: 20px;
    line-height: 30px;
}
.v-pagination a:hover,
.v-pagination li:hover{
    color: #966302;
    border-color: #966302;
}
.v-pagination li.active{
    background: #966302;
    color: #fff;
    border-color: #966302;
}
.v-pagination ul{
    display: inline-block;
}


.v-table-version{
    position: relative;
}
.v-table-version table{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.v-table-version tbody th,
.v-table-version tbody td{
    box-sizing: border-box;
    padding: 15px 10px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    border: #966302 1px solid;
}
.v-table-version tbody th{
    width: 200px;
    font-weight: normal;
    color: #966302;
    text-align: right;
}
.v-table-version tbody td{
    color: #333;
}
.v-table-version tbody .disvisible th,
.v-table-version tbody .disvisible td{
    padding: 0;
    height: 1px;
    border: 0;
}


.v-link{
    padding: 10px 20px;
}
.v-link a{
    display: inline-block;
    padding: 15px 25px;
    font-size: 16px;
    color: #966302;
    line-height: 20px;
    transition: all 0.3s;
}
.v-link a:hover{
    transform: translateY(-2px);
}


.v-search-form{
    position: relative;
    padding: 0 65px 0 0;
}
.v-search-form.rows,
.v-search-form.ver{
    padding-right: 0;
}
.v-search-form ul{
    position: relative;
    padding: 10px 0;
    text-align: center;
}
.v-search-form ul li{
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    padding: 5px 0 5px 120px;
    width: 33%;
    font-size: 14px;
    color: #333;
    line-height: 40px;
}
.v-search-form.ver li{
    display: block;
    width: 100%;
}
.v-search-form ul li h5{
    position: absolute;
    top: 5px;
    left: 0;
    width: 120px;
    height: 40px;
    text-align: right;
}
.v-search-form li.required h5:before{
    display: inline;
    content: "*";
    color: red;
}
.v-search-form .v-search-form-btn{
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    bottom: 15px;
    padding: 0 15px;
    height: 40px;
    background: #966302;
    font-size: 14px;
    color: #fff;
    line-height:40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.v-search-form .v-search-form-btn.prev{
    right: auto;
    left: calc(66.66% + 120px);
}
.v-search-form.ver .v-search-form-btn{
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
}
.v-input,
.v-select,
.v-textarea{
    box-sizing: border-box;
    margin: 0;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    background: #fff;
    font-size: 14px;
    font-family: "sourcehansans";
    color: #333;
    line-height: 38px;
    border: #ddd 1px solid;
    border-radius: 5px;
}
.v-input:disabled,
.v-select:disabled,
.v-textarea:disabled{
    background-color: #f5f5f5;
    cursor: no-drop;
}
.v-select{
    padding: 0 4% 0 15px;
    background: #fff url("../png/0h59p8.png") no-repeat 95% center;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.v-textarea{
    display: block;
    padding: 9px 15px;
    height: 100px;
    line-height: 20px;
    outline: none;
    resize: none;
}
.v-button{
    display: inline-block;
    padding: 0 20px;
    height: 40px;
    background: #966302;
    font-size: 14px;
    color: #fff;
    line-height:40px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.v-button-box{
    padding: 30px;
    text-align: center;
}
.v-form-flex{
    display: flex;
}
.v-form-flex input{
    flex: 1;
}
.v-form-flex span{
    padding: 0 2px;
}
.v-contrast{
    padding: 20px 20px 25px 20px;
    background: rgba(199,180,140,0.2);
}
.v-contrast h4{
    position: relative;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #966302;
    line-height: 40px;
}
.v-contrast h4 a{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
}
.v-contrast h5{
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}
.v-table-btn{
    float: right;
    position: relative;
    width: 40px;
    height: 280px;
    background: #966302;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-indent: 5px;
    letter-spacing: 5px;
    writing-mode: vertical-lr;
    border-radius: 5px;
}


.v-link-block{
    position: relative;
    padding: 10px 0;
}
.v-link-block:after{
    display: block;
    content: "";
    clear: both;
}
.v-link-block li{
    float: left;
    box-sizing: border-box;
    padding: 5px;
    width: 16.66%;
}
.v-link-block.slice3 li{
    width: 33.33%;
}
.v-link-block a{
    overflow: hidden;
    display: block;
    padding: 0 8px;
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: #eee 1px solid;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}
.v-link-block a:hover{
    background-color: #966302;
    color: #fff;
    border-color: #966302;
}


.v-board-declare{
    position: relative;
    padding: 5px 15px;
    border: #ddd 1px solid;
    border-radius: 5px;
}
.v-board-declare dl{
    position: relative;
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.v-board-declare dt,
.v-board-declare dd{
    padding: 5px 0;
}
.v-board-declare dt{
    color: #966302;
}


.v-dialog-wrapper{
    display: none;
}
.v-dialog-wrapper.visible{
    display: block;
}
.v-dialog-mask{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 500;
    background: rgba(0,0,0,0.5);
}
.v-dialog-wrapper.fix-right .v-dialog-mask{
    display: none;
}
.v-dialog{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 500;
    transform: translate(-50%,-50%);
    width: 800px;
    background: #fff;
    border: #ddd 1px solid;
    border-radius: 5px;
    box-shadow: 0 3px 5px #666;
    animation: dialogTopIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes dialogTopIn{
    0% {
        transform: translate(-50%,-100%);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-50%);
        opacity: 1;
    }
}
.v-dialog-wrapper.fix-right .v-dialog{
    left: auto;
    right: 0;
    transform: translate(0,-50%);
    animation: dialogRightIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.v-dialog.mini{
    width: 300px;
}
.v-dialog.small{
    width: 500px;
}
@keyframes dialogRightIn{
    0% {
        transform: translate(100%,-50%);
        opacity: 0;
    }
    100% {
        transform: translate(0%,-50%);
        opacity: 1;
    }
}
.v-dialog-close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 50;
    width: 60px;
    height: 60px;
    font-size: 20px;
    color: #333;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}
.v-dialog-close:hover{
    color: #966302;
}
.v-dialog-head{
    position: relative;
    height: 60px;
    border-bottom: #ddd 1px solid;
}
.v-dialog-head h4{
    float: left;
    padding: 0 20px;
    font-size: 20px;
    font-weight: bold;
    color: #966302;
    line-height: 60px;
}
.v-dialog-body{
    position: relative;
    padding: 10px;
}
.v-dialog-foot{
    position: relative;
    padding: 10px;
    text-align: center;
    border-top: #ddd 1px solid;
}


.v-check-form{
    position: relative;
    padding: 10px;
}
.v-search-form .v-check-form{
    padding: 0 10px;
}
.v-check-form:after{
    display: block;
    content: "";
    clear: both;
}
.v-check-form label{
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    width: 20%;
    font-size: 16px;
    color: #333;
    line-height: 60px;
    cursor: pointer;
    transition: all 0.3s;
}
.v-search-form .v-check-form label{
    width: 50%;
    line-height: 40px;
    text-align: left;
}
.v-check-form label:hover{
    transform: translateY(-2px);
}
.v-check-form input{
    margin: -2px 10px 0 0;
    vertical-align: middle;
}


.v-photo{
    position: relative;
    padding: 20px 0;
}
.v-photo img{
    display: block;
    width: 100%;
}


.v-board-photo{
    overflow: hidden;
    position: relative;
    height: 200px;
}
.v-board-photo.plus{
    overflow: visible;
    height: auto;
}
.v-board-photo.plus:after{
    display: block;
    content: "";
    clear: both;
}
.v-board-photo li{
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 100%;
    padding: 10px;
    width: 20%;
    height: 200px;
    transition: all 0.3s;
}
.v-board-photo.plus li{
    float: left;
    position: relative;
    top: auto;
    left: auto;
    width: 25%;
    height: 250px;
}
.v-board-photo li.active{
    left: 0%;
    z-index: 5;
}
.v-board-photo li.active+li{
    left: 20%;
    z-index: 5;
}
.v-board-photo li.active+li+li{
    left: 40%;
    z-index: 5;
}
.v-board-photo li.active+li+li+li{
    left: 60%;
    z-index: 5;
}
.v-board-photo li.active+li+li+li+li{
    left: 80%;
    z-index: 5;
}
.v-board-photo li a{
    display: block;
    cursor: pointer;
}
.v-board-photo li img{
    display: block;
    width: 100%;
    height: 150px;
}
.v-board-photo.plus li img{
    width: 100%;
    height: 200px;
}
.v-board-photo li span{
    display: block;
    overflow: hidden;
    height: 30px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.v-board-photo li:hover span{
    color: #966302;
}


.v-photo-detail{
    position: relative;
}
.v-photo-detail .v-photo{
    padding: 0;
    background: #eee;
    min-height: 640px;
}
.v-photo-detail .detail-row{
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    padding: 20px 0 20px 20px;
    background: rgba(255,255,255,0.9);
}
.detail-row>.v-col{
    padding-right: 20px;
}
.detail-row .v-card-list{
    padding: 0 20px;
    height: 304px;
    background: #fff;
}
.detail-row .v-card-list.other{
    height: auto;
}


.v-photo-num{
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    position: relative;
    height: 140px;
}
.v-photo-num.auto{
    display: block;
}
.v-photo-num.no-one{
    background: url("../png/ihx5ft.png") no-repeat center/80px auto;
}
.v-photo-num a{
    display: block;
    box-sizing: border-box;
    padding: 20px;
    width: 33.33%;
    height: 140px;
}
.v-photo-num.auto a{
    position: absolute;
    top: 0;
    left: 100%;
    transition: all 0.3s;
}
.v-photo-num a.active{
    left: 0;
    z-index: 5;
}
.v-photo-num a.active+a{
    left: 33.33%;
    z-index: 5;
}
.v-photo-num a.active+a+a{
    left: 66.66%;
    z-index: 5;
}
.v-photo-num a img{
    display: block;
    width: 100%;
    height: 100%;
}


.v-article{
    position: relative;
    padding: 20px;
}
.v-article li{
    padding: 5px 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-indent: 32px;
}
.v-article a{
    padding: 0 5px;
    color: #966302;
    cursor: pointer;
}


.v-video{
    margin: 10px 0 0 0;
    height: 220px;
    background: #000;
}
.v-video.large{
    height: 700px;
}


.v-calendar{
    position: relative;
}
.v-calendar-tips{
    position: relative;
    padding: 10px 0;
    text-align: right;
}
.v-calendar-tool{
    margin: 0 0 2px 0;
    padding: 0 20px;
    height: 60px;
    background: #966302;
    border-radius: 5px 5px 0 0;
}
.v-calendar-tool h4{
    float: left;
    height: 60px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
}
.v-calendar-ctrl{
    float: right;
}
.v-calendar-ctrl a{
    float: left;
    padding: 0 10px;
    height: 60px;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    cursor: pointer;
    user-select: none;
}
.v-calendar-head{
    display: flex;
    position: relative;
    height: 60px;
    background: linear-gradient(#B49470,#DFC99B);
}
.v-calendar-head li{
    flex-grow: 1;
    height: 60px;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
    text-align: center;
}
.v-calendar-body{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    border: #966302 2px solid;
    border-bottom: #966302 1px solid;
}
.v-calendar-body li{
    box-sizing: border-box;
    padding: 10px;
    width: 14.3%;
    min-height: 100px;
    border-right: #966302 1px solid;
    border-bottom: #966302 1px solid;
    opacity: 0;
}
.v-calendar-body li:nth-child(7n+1){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.v-calendar-body li:nth-child(7n+2){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.1s;
}
.v-calendar-body li:nth-child(7n+3){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.2s;
}
.v-calendar-body li:nth-child(7n+4){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.3s;
}
.v-calendar-body li:nth-child(7n+5){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.4s;
}
.v-calendar-body li:nth-child(7n+6){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.5s;
}
.v-calendar-body li:nth-child(7n){
    animation: calendarIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards 0.6s;
}
@keyframes calendarIn{
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
.v-calendar-body li:nth-child(7n){
    width: 14.2%;
    border-right: 0;
}
.v-calendar-body li.able{
    background-color: #fffdf9;
}
.v-calendar-body li.today{
    background-color: #fff7e6;
}
.v-calendar-body li.able h5{
    height: 20px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    text-align: right;
}
.v-calendar-body li.today h5{
    color: #B49470;
}
.v-calendar .calendar-line{
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.3s;
}
.v-calendar .calendar-line:hover{
    color: #966302;
}
.v-calendar .calendar-icon{
    display: inline-block;
    margin: -2px 5px 0 0;
    width: 20px;
    height: 20px;
    background: no-repeat center/18px 18px;
    vertical-align: middle;
}
.v-calendar .calendar-icon.icon1{
    background-image: url("../png/epdonv.png");
}
.v-calendar .calendar-icon.icon2{
    background-image: url("../png/mzh8aa.png");
}
.v-calendar .calendar-icon.icon3{
    background-image: url("../png/emsymp.png");
}
.v-calendar .calendar-icon.icon4{
    background-image: url("../png/qizm3n.png");
}
.v-calendar .calendar-icon.icon5{
    background-image: url("../png/dfz50h.png");
}
.v-calendar-tips .calendar-line{
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    cursor: default;
}
.v-calendar-tips .calendar-line:hover{
    color: #333;
}


.message-tip{
    position: fixed;
    top: 5px;
    left: 50%;
    z-index: 800;
    transform: translateX(-50%);
    padding: 0 20px;
    background: #f0f9eb;
    height: 40px;
    font-size: 16px;
    color: #67c23a;
    line-height: 40px;
    white-space: nowrap;
    border: #67c23a 1px solid;
    border-radius: 5px;
    animation: messageIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.message-tip.out{
    animation: messageOut 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.message-tip.warning{
    background-color: #fdf6ec;
    color: #e6a23c;
    border-color: #e6a23c;
}
.message-tip.error{
    background-color: #fef0f0;
    color: #f56c6c;
    border-color: #f56c6c;
}
@keyframes messageIn{
    0% {
        transform: translate(-50%,-20px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,-0px);
        opacity: 1;
    }
}
@keyframes messageOut{
    0% {
        transform: translate(-50%,0px);
        opacity: 1;
    }
    100% {
        transform: translate(-50%,-20px);
        opacity: 0;
    }
}


.v-countdown-tips{
    position: relative;
    text-align: right;
}
.v-countdown-tips li{
    display: inline-block;
    margin: 0 0 0 15px;
    height: 40px;
    font-size: 16px;
    color: #333;
    line-height: 40px;
    white-space: nowrap;
}
.v-countdown-tips li:first-child{
    margin-left: 0;
}
.v-countdown{
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}
.v-countdown dt{
    position: relative;
    width: 100%;
    height: 100%;
    background: no-repeat center/20px auto;
}
.v-countdown dd{
    display: none;
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    padding: 5px 10px;
    background: #fff;
    border: #ddd 1px solid;
    border-radius: 5px;
    animation: countdownTopIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.v-countdown dd.left-in{
    top: 50%;
    right: 24px;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    animation: countdownLeftIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes countdownTopIn{
    0% {
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%,0px);
        opacity: 1;
    }
}
@keyframes countdownLeftIn{
    0% {
        transform: translate(10px,-50%);
        opacity: 0;
    }
    100% {
        transform: translate(0px,-50%);
        opacity: 1;
    }
}
.v-countdown:hover dd{
    display: block;
}
.v-countdown dd:before{
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: #ccc 5px solid;
    border-right: transparent 5px solid;
    border-left: transparent 5px solid;
}
.v-countdown dd.left-in:before{
    top: 50%;
    right: -5px;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    border-left: #ccc 5px solid;
    border-top: transparent 5px solid;
    border-bottom: transparent 5px solid;
    border-right: 0;
}
.v-countdown dd h4{
    font-size: 16px;
    color: #333;
    line-height: 30px;
    white-space: nowrap;
}
.v-countdown-tips li:before,
.v-countdown dd h4.lv1:before,
.v-countdown dd h4.lv2:before,
.v-countdown dd h4.lv3:before,
.v-countdown dd h4.lv4:before{
    display: inline-block;
    content: "";
    margin: -2px 5px 0 0;
    width: 20px;
    height: 20px;
    background: no-repeat center/20px auto;
    vertical-align: middle;
}

.v-countdown-tips li.lv1:before,
.v-countdown dt.lv1,
.v-countdown dd h4.lv1:before{
    background-image: url("../png/lb7flu.png");
}
.v-countdown-tips li.lv2:before,
.v-countdown dt.lv2,
.v-countdown dd h4.lv2:before{
    background-image: url("../png/v6evfx.png");
}
.v-countdown-tips li.lv3:before,
.v-countdown dt.lv3,
.v-countdown dd h4.lv3:before{
    background-image: url("../png/epntpf.png");
}
.v-countdown-tips li.lv4:before,
.v-countdown dt.lv4,
.v-countdown dd h4.lv4:before{
    background-image: url("../png/rt5ip6.png");
}






.v-table-foreign{
    position: relative;
    padding: 10px 0;
}
.v-table-foreign table{
    width: 100%;
    border-collapse: collapse;
}
.v-table-foreign .tb_head {
    box-sizing: border-box;
    background: #966302;
    padding: 15px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 30px;
    text-align: center;
    border: #fff 1px solid;
}
.v-table-foreign .tb_title {
    box-sizing: border-box;
    width: 200px;
    padding: 15px 10px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #966302;
    line-height: 20px;
    text-align: right;
    border: #966302 1px solid;
}
.v-table-foreign .tb_content {
    box-sizing: border-box;
    padding: 15px 10px;
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 20px;
    border: #966302 1px solid;
}
.v-table-foreign .tb_content.c1 {
    width: 200px;
}


.v-photo-link{
    display: flex;
    justify-content: space-between;
}
.v-photo-link>a{
    display: block;
    width: 200px;
    height: 50px;
}
.v-photo-link>a img{
    display: block;
    width:100%;
    height: 100%;
}


.v-iframe{
    display: block;
    width: 100%;
}
.v-iframe.size1{
    height: 265px;
}


.v-search-row{
    padding: 20px 0 0 0;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: right;
}
.v-search-row b{
    margin: 0 5px;
    font-size: 18px;
    font-weight: normal;
    color: #966302;
}
.v-search-result{
    position: relative;
    padding: 20px 0;
}
.v-search-result a{
    display: block;
    position: relative;
    margin: 20px 0 0 0;
    padding: 10px 20px;
    border-radius: 5px;
    transition: all 0.3s;
}
.v-search-result a:before{
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}
.v-search-result a:hover{
    background: rgba(199,180,140,0.1);
}
.v-search-result h3{
    font-size: 18px;
    color: #333;
    line-height: 30px;
    transition: all 0.3s;
}
.v-search-result h4{
    height: 30px;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    transition: all 0.3s;
}
.v-search-result h5{
    overflow: hidden;
    margin: 10px 0 0 0;
    max-height: 90px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    transition: all 0.3s;
}
.v-search-result b{
    font-weight: normal;
    color: red;
    text-decoration: underline;
    transition: all 0.3s;
}


.v-list-empty{
    position: relative;
    height: 304px;
    font-size: 16px;
    color: #999;
    line-height: 304px;
    text-align: center;
}



.map-flash{
    width: 100%;
    height: 450px;
    background: url("../png/42vzli.png") no-repeat center/320px auto;
}
.map-baidu{
    width: 100%;
    height: 600px;
    
}




.old-notice-list{
    background: #f1f2f3;
}
.old-notice-list .trans{
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    background: url("../png/5q99x8.png") no-repeat 10px center/25px auto;
}
.old-notice-list a{
    display: block;
    overflow: hidden;
    position: absolute;
    top: -40px;
    right: 20px;
    left: 50px;
    height: 40px;
    font-size: 16px;
    color: #f00;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.3s;
}
.old-notice-list a.active{
    top: 0;
    z-index: 5;
}
.old-notice-list a.next{
    top: 40px;
}

.v-old-banner{
    position: relative;
    width: 100%;
    height: 260px;
}
.v-old-banner-show{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}
.v-old-banner-show a{
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.3s;
}
.v-old-banner-show a.active{
    left: 0;
    z-index: 5;
}
.v-old-banner-show a.next{
    left: 100%;
}
.v-old-banner-show a img{
    display: block;
    width: 100%;
    height: 100%;
}
.v-old-banner-show a h5{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
    height: 50px;
    background: rgba(0,0,0,0.1);
    font-size: 16px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    border-radius: 0 0 5px 5px;
}
.v-old-banner-ctrl{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 40px;
    background: rgba(0,0,0,0.1);
    line-height: 40px;
    text-align: center;
}
.v-old-banner-ctrl b{
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    vertical-align: middle;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s;
}
.v-old-banner-ctrl b.active{
    opacity: 1;
    cursor: default;
}

.v-old-card-list{
    position: relative;
}
.v-old-card-list.board{
    padding: 10px 20px;
    background: #fff;
    box-shadow: 0 2px 10px #ccc;
}
.v-old-card-list-head{
    position: relative;
    padding: 0 10px;
    height: 40px;
}
.v-old-card-list-head h4{
    float: left;
    height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #966302;
    
    line-height: 40px;
}
.v-old-card-list-head h4:before,
.v-old-card-list-head h4:after{
    display: inline-block;
    content: "";
    margin: -2px 0 0 0;
    width: 26px;
    height: 12px;
    background: url("../png/d9b7cq.png") no-repeat center;
    vertical-align: middle;
}
.v-old-card-list-head h4:before{
    margin-right: 10px;
}
.v-old-card-list-head h4:after{
    transform: rotateY(180deg);
    margin-left: 10px;
}
.v-old-card-list-head .more{
    position: absolute;
    top: 0;
    right: 10px;
    height: 40px;
    color: #966302;
    line-height: 40px;
}
.v-old-card-list-body{
    position: relative;
}

.v-old-board-list{
    position: relative;
}
.v-old-board-list.board{
    background: #fff;
    box-shadow: 0 2px 2px #999;
}
.v-old-board-list li{
    position: relative;
    padding: 0 100px 0 15px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
}
.v-old-board-list li:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #333;
    border-radius: 100%;
}
.v-old-board-list li a{
    display: block;
    cursor: pointer;
    transition: all 0.3s;
}
.v-old-board-list li a span{
    display: inline-block;
    overflow: hidden;
    margin: -2px 0 0 0;
    max-width: 90%;
    height: 40px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.3s;
}
.v-old-board-list li a:hover{
    color: #966302;
}
.v-board-list li.new a:after{
    display: inline-block;
    content: "new";
    margin: -2px 0 0 0;
    padding: 0 5px;
    height: 18px;
    font-size: 16px;
    color: #d30713;
    line-height: 15px;
    border-radius: 3px;
    vertical-align: middle;
}
.v-old-board-list li h5{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    color: #999;
}

.v-old-board-block-link{
    display: flex;
    position: relative;
}
.v-old-board-block-link a{
    display: block;
    flex-grow: 1;
    position: relative;
    margin: 0 0 0 10px;
    width: 20%;
    height: 110px;
    background: #f6f5f1;
    border: #8f7230 1px solid;
    border-radius: 5px;
    cursor: pointer;
}
.v-old-board-block-link a:first-child{
    margin-left: 0;
}
.v-old-board-block-link a i{
    display: block;
    position: relative;
    height: 80px;
    background: no-repeat center center/60px auto;
}
.v-old-board-block-link a i.icon1{
    background-image: url("../png/l4ccio.png");
}
.v-old-board-block-link a i.icon2{
    background-image: url("../png/atzuoh.png");
}
.v-old-board-block-link a i.icon3{
    background-image: url("../png/mcvaks.png");
}
.v-old-board-block-link a i.icon4{
    background-image: url("../png/95v6zz.png");
}
.v-old-board-block-link a i.icon5{
    background-image: url("../png/ye1oqq.png");
}
.v-old-board-block-link a i.icon6{
    background-image: url("../png/dtqo7u.png");
}
.v-old-board-block-link a h5{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    text-align: center;
    transition: all 0.3s;
}
.v-old-board-block-link a:hover h5{
    color: #8f7230;
}
.v-board-friendly{
    padding: 20px 0;
    background: #f1f2f3;
}
.v-board-friendly .trans{
    display: flex;
    margin: 0 auto;
    width: 1200px;
}
.v-board-friendly .gblock{
    box-sizing: border-box;
    padding: 0 20px 10px 20px;
    background: #eaebeb;
}
.v-board-friendly .gblock.gl{
    flex-grow: 1;
    width: 70%;
}
.v-board-friendly .gblock.gr{
    margin-left: 20px;
    width: 20%;
}
.v-board-friendly .gblock h4{
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 40px;
}
.v-board-friendly .gblock .v-select{
    font-size: 16px;
    color: #8f7230;
    border: #8f7230 1px solid;
}