@charset "UTF-8";

@import url("theme.css");

body,html {
	margin: 0;
	padding: 0;
	min-width: 1860px;
	max-width: 1920px;
	font-size: 18px;
}

@media all and (max-width: 1367px){
    body,html{
        min-width: 1356px;
        font-size: 13px;
    }
}  
@media all and (min-width: 1367px) and (max-width: 1440px) {
    body,html{
        min-width: 1430px;
        font-size: 13px;
    }
}
@media all and (min-width: 1441px) and (max-width: 1536px) {
    body,html{
        min-width: 1526px;
        font-size: 14px;
    }
}
@media all and (min-width: 1537px) and (max-width: 1680px) {
    body,html{
        min-width: 1670px;
        font-size: 16px;
    }
}

@media all and (min-width: 1537px) and (max-width: 1600px) {
    body,html{
        min-width: 1590px;
    }
}

.header{
    margin:2.5rem 6rem;
    height:3rem;
}
.link{
    color:#eee;
}
#sitename{
    float:left;
    cursor: pointer;
}
#sitename .logo{
    height:3rem;
}
#sitename .divider{
    color:#182d75;
}
#nav-link{
    float:left;
    line-height: 3rem;
    margin-left:5rem;
}
#nav-link .link{
    margin-right:2rem;
}
#operate{
    line-height: 3rem;
    float:right;
}
.title{
    text-align: center;
    margin-top:5rem;
}
.title .title-cn{
    font-size: 2rem;
}
.title .title-en{
    font-size: 1.5rem;
}
.big-number{
    margin-top: 3rem;
    text-align: center;
    font-size: 10rem;
	font-family: number;
}

.num-container{
	height: 10rem;
	margin:0 auto;
	width:10rem;
}
.num-box{
	width:6rem;
	height: 10rem;
	text-align: center;
	overflow: hidden;
	float:left;
	line-height: 10rem;
}
.num-box-sign{
	width: 3rem;
	text-align: center;
	overflow: hidden;
	float:left;
	line-height: 10rem;
}
.num-roll{
	width:6rem;
}
.num-box span{
	display: inline-block;
}

.number-board{
    margin:4rem auto;
    width:80%;
    height: 8rem;
    border:1px solid  transparent;
    border-radius: 5px;
    border-image-source: url(../img/index/boder.png);
    border-image-width:4px;
    border-image-slice:4 4;
    border-image-repeat:round;
    background: rgba(0,0,0,0.1);
    
}
.number-board-item{
    width:25%;
    float: left;
    margin:2rem 0;
    padding-left: 2rem;
    border-right:1px solid #182d75;
}
.number-board-item:last-child{
    border-right:none;
}
.number-board-item .picture{
    width:3.5rem;
    height: 3.5rem;
    float: left;
    margin-right: 1.5rem;
}
.number-board-item .number{
    font-size: 2rem;
    font-family: number;
}

.vue-item{
    opacity: 0!important;
}
.vue-show{
    opacity: 1!important;
}