@import url(../css/sm.css);
@import url(../css/public.css);
#index .banner {
    width: 100%;
    height: 6.4rem;
    background: url("../images/index/banner.jpg") center no-repeat;
    background-size: 100%;
    position: relative;
}

#index .projects {
    width: 100%;
    height: 7.28rem;
    background: #FFFFFF;
    margin-bottom: 0.26667rem;
}
#index .projects .top{
	display: flex;
	height: 3.6666rem;
	border-bottom:1px solid #ccc;
}
#index .projects a{
	display: block;
	height: 100%;
}
#index .projects div div{
	position: relative;
}

#index .projects .top div~div{
	border-left:1px solid #ccc;
	
}
#index .projects .top div,#index .projects .bottom div{
	flex:1;
	text-align: center;
}
#index .projects .top div:nth-child(1) img{
	width:0.7733rem;
}
#index .projects .top div:nth-child(2) img{
	width:0.88rem;
}
#index .projects .top div:nth-child(3) img{
	width:0.6933rem;
}
#index .projects .top div span,#index .projects .bottom div span{
	display: block;
}
#index .projects .noProject,#index .projects .hasProject,#index .projects .isWait{
	height: 2.2266rem;
}

#index .projects .noProject .icon{
	padding-top: 0.74rem;
}
#index .projects .noProject .text{
	font-size:0.35rem;
	color:#323232;
	display: block;
	padding-top: 0.3rem;
}
#index .projects .top div span.text2,#index .projects .bottom div span.text2{
	color:#b1b1b1;
	padding-top: 0.2rem;
}

#index .projects .bottom div~div{
	border-left:1px solid #ccc;
	
}
#index .projects .bottom{
	display: flex;
	height: 3.6rem;
}
#index .projects .bottom div:nth-child(1) img{
	width:0.7066rem;
}
#index .projects .bottom div:nth-child(2) img{
	width:0.7066rem;
}
#index .projects div span.hasProject,#index .projects div span.isWait{
	display: none;
}
#index .projects div span.hasProject .label-1{
	display: block;
	padding-top: 1.1rem;
}
#index .projects div span.hasProject .label-1 l{
	background-color: #ff7f66;
	padding: 0.05rem 0.25rem;
	border-radius:0.1rem;
	color:#ffffff;
}
#index .projects div span.hasProject .label-2{
	display: block;
	padding-top: 0.3rem;
}
#index .projects div span.hasProject .label-ty{
	 text-align: left;
	 display: block;
	 font-size: 0.35rem;
	 padding-top: 0.2rem;
	 padding-left: 0.2rem;
}
#index .projects div span.isWait{
	background: url("../images/index/djs.gif") no-repeat left 1rem;
	background-size:0.7333rem 0.7333rem;
	width: 2rem;
	margin: 0 auto;
	text-align: center;
	padding-left: 0.75rem;
}
#index .projects div span.isWait font{
	display: block;
}
#index .projects div span.isWait font:nth-child(1){
	padding-top: 1rem;
}
#index .projects div span.isWait .goto{
	position: absolute;
	bottom:0.2rem;
	right:0.2rem;
}

#index .projects .projects-left-box {
    height: 100%;
    border-right: 1px solid #efeff4;
    box-sizing: border-box;
    flex: 44%;
    background-position: left bottom;
    background-size: 94%;
    position: relative;
    duration: 2s;
}

#index .projects .projects-left {
    display: block;
    height: 100%;
    box-sizing: border-box;
    flex: 44%;
    background: url("../images/index/ty.jpg") no-repeat;
    background-position: left bottom;
    background-size: 94%;
    position: relative;
    duration: 2s;
}

#index .projects .projects-right {
    height: 100%;
    flex: 56%;
}

#index .projects .projects-right-top {
    display: block;
    width: 100%;
    height: 50%;
    background: url("../images/index/syb.jpg") no-repeat;
    background-size: auto 75%;
    background-position: 80% bottom;
    position: relative;
    box-sizing: border-box;
}

#index .projects .projects-right-bottom {
    width: 100%;
    height: 50%;
    border-top: 1px solid #efeff4;
    display: flex;
}

#index .projects .projects-right-bottom-left {
    height: 100%;
    flex: 50%;
    background-size: 84%;
    background-position: right bottom;
    position: relative;
    box-sizing: border-box;
    border-right: 1px solid #efeff4;
}

#index .projects .projects-right-bottom-one {
    height: 100%;
    flex: 100%;
    background: url("../images/index/wl.jpg") no-repeat;
    background-size: 84%;
    background-position: right bottom;
    box-sizing: border-box;
    display: block;
}

#index .projects .projects-right-bottom-two {
    height: 100%;
    flex: 50%;
    background: url("../images/index/tj.jpg") no-repeat;
    background-size: 90%;
    background-position: center bottom;
    position: relative;
    box-sizing: border-box;
}

#index .projects h1 {
    font-size: 0.34667rem;
    color: #323232;
    text-indent: 0.26667rem;
    padding-top: 0.37333rem;
}

#index .projects p {
    font-size: 0.26667rem;
    color: #b1b1b1;
    text-indent: 0.26667rem;
    margin-top: 0.13333rem;
}

#index .projects h3 {
    line-height: 0.72rem;
}

#index .projects h6 {
    position: absolute;
    bottom: 0.26667rem;
    right: 0.13333rem;
    font-size: 0.26667rem;
    color: #646464;
}

#index .projects h5 {
    line-height: 0.4rem;
}

#index .projects .projects-left-bid {
    width: 100%;
    height: 0.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#index .projects .projects-left-bid span {
    font-size: 0.32rem;
    text-align: center;
    font-size: 0.26667rem;
    padding: 0rem 0.16rem;
    border-radius: 0.26667rem;
    background: #ff7f66;
    color: #FFFFFF;
}

#index .projects .projects-left-bid h2 {
    font-size: 0.3rem;
    text-align: center;
    color: #b1b1b1;
    margin-top: 0.13333rem;
}

#index .projects .countDown {
    width: 100%;
    height: 0.68rem;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 0;
    text-align: center;
}

#index .projects .countDown div {
    display: inline-block;
    vertical-align: middle;
}

#index .projects .countDown .countDown-left {
    width: 0.73333rem;
    height: 0.73333rem;
    overflow: hidden;
}

#index .projects .countDown .countDown-left img {
    max-width: 100%;
}

#index .projects .countDown .countDown-right {
    height: 0.73333rem;
    font-size: 0.26667rem;
    color: #646464;
    text-align: left;
    text-indent: 0.18667rem;
}

#falseSignin {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#falseSignin p {
    font-size: 0.48rem;
    text-align: center;
    margin-top: 2.66667rem;
    color: #FFFFFF;
}

#falseSignin a {
    display: block;
    width: 2.88rem;
    height: 0.8rem;
    border: 1px solid #FFFFFF;
    border-radius: 0.13333rem;
    margin: 0.88rem auto 0;
    font-size: 0.32rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.77333rem;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
}

#trueSignin {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #FFFFFF;
}

#trueSignin h6 {
    margin-top: 2rem;
    font-size: 0.8rem;
    text-align: center;
}

// #trueSignin > p {
//   margin-top: 0.4rem;
// // position: relative;
// padding-right: 0.5rem;
// }
#show_money {
    width: 1rem;
    height: 0.3rem;
}

.show_money {
    margin: auto;
    margin-top: 0.4rem;
    text-align: center;
}

.show_money div {
    display: inline-block;
}



#trueSignin p {
    font-size: 0.32rem;
    color: #FFFFFF;
    text-align: center;
}

#trueSignin .trueSignin {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.46667rem;
    background-color: rgba(0, 0, 0, 0.15);
    display: flex;
}

#trueSignin .trueSignin div {
    flex: 1;
    height: 100%;
    text-align: center;
}

#trueSignin .trueSignin h5 {
    margin-top: 0.13333rem;
    font-size: 0.48rem;
}

#trueSignin a {
    color: #fff;
}

#veeknCumulative {
    width: 100%;
    height: 2.16rem;
    background: #FFFFFF;
    display: flex;
}

#veeknCumulative div {
    flex: 1;
    text-align: center;
}

#veeknCumulative h2 {
    margin-top: 0.6rem;
}

#veeknCumulative h2,
#veeknCumulative p {
    color: #b1b1b1;
    font-size: 0.26667rem;
}

#veeknCumulative span {
    color: #323232;
    font-size: 0.48rem;
}

.Adver {
    margin-top: 0.26667rem;
    display: block;
    width: 100%;
}

.Adver img {
    width: 100%;
}

.animation {
    -webkit-animation: done 1s ease;
    -moz-animation: done 1s ease;
}

@-webkit-keyframes done {
    0% {
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(1000px) rotateX(180deg);
        opacity: 0;
    }
}

@-moz-keyframes done {
    0% {
        transform: perspective(1000px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(1000px) rotateX(180deg);
        opacity: 0;
    }
}

/*# sourceMappingURL=index.css.map */

/*common  style*/

.com-KJB-head{padding:0.25rem 0.1rem; border-bottom:#c1c1c1 1px solid; position:relative}
.com-KJB-head .left-icon{position:absolute;}
.com-KJB-head .left-icon img{ width:0.28rem; margin-left:0.1rem; margin-top:0.08rem}
.com-KJB-head .box{ width:2rem; margin:0 auto; font-size:0.45rem; text-align:center}

.com-masking_layer{ position: fixed; width: 100%; height: 100%; background: #4c4c4c; padding: 100%; z-index: 10001; opacity: 0.7; }
.com-masking_popup{ position: fixed; z-index: 10002; background: #ffffff; padding: 1px; left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz- transform:translate(-50%,-50%);color: #ffffff;  }
.com-masking_popup .box{position:relative; width: 8rem; height: 7.5rem; border-radius:0.4rem ;  background:#ffffff; color:#000000; text-align:center;}
.com-masking_popup .box .close_icon{ position: absolute; top: -0.95rem; right: 0.3rem;cursor: pointer;z-index: -1;}
.com-masking_popup .box .close_icon img{width: 0.63rem; height: 1.2rem;z-index: -1; }
.com-masking_popup .box .tit{ padding:0.55rem 0rem;  background:#00CCCB ; color:#ffffff; font-size:0.4rem;  border-top-left-radius: 0.4rem ; border-top-right-radius: 0.4rem ;}
.com-masking_popup .box .tit .tit-text{position:absolute; color:#ffffff;z-index: 10002;left:3.2rem; top:0.5rem}
.com-masking_popup .box .tit .bg img{ width:8rem; height:1.6rem;position:absolute; top:0; left:0;border-top-left-radius: 0.4rem ; border-top-right-radius: 0.4rem ;}
.com-masking_popup .box .content-1{ width: 7rem; margin: 0 auto; padding-top: 0.8rem; text-align: center;}
.com-masking_popup .box .content-2{padding-top: 1rem;}
.com-masking_popup .box .text-1{ padding: 0.4rem; font-size: 0.5rem}
.com-masking_popup .box .text-2{ padding: 0.05rem; font-size: 0.35rem;color:#ff9480}
.com-masking_popup .box .text-3{ padding: 0.05rem; font-size: 0.35rem;}
.com-masking_popup .box .com-btn{   margin: 0 auto; cursor: pointer; width:4rem; height:0.9rem; background:#ff7f66; margin-top:0.65rem; line-height:0.9rem; font-size:0.4rem; color:#ffffff ;border-radius:0.3rem ;}
.com-masking_popup .box .com-btn1{margin-top:0.8rem;}
.com-masking_popup .box .com-btn img{width: 1.8rem; height: 1.8rem;}
.com-masking_popup .box .com-btn-1{ padding: 6px 20px; width: 50px; background: #ff7f66; border-radius: 4px; color: #ffffff; margin: 0 auto; margin-top: 50px; cursor: pointer;}

/*common style end*/