/* =============头部开始=========== */
.logsign{
    overflow: hidden;
    position: relative;
}
.logsign img{
    float: left;
    width: 100%;
}
.header{
	width: 100%;
	position: relative;
	margin: 0 auto;
    background: #000;
    overflow: hidden;
}
.header img{
	width: 100%;
	float: left;
}
.header .idea_btn{
	display: inline-block;
	width: 3.11rem;
	height: 1.38rem;
	position: absolute;
	top: 63%;
	left: 19%;
}
.log_reg{
    position: absolute;
    top: 0.5rem;
    right: 1.95rem;
    overflow: hidden;
}
.log_reg a{
    width: 1.3rem;
    text-align: center;
    line-height: .53rem;
    border-radius: 0.3rem;
    border: 1px solid #eeeef0;
    display: inline-block;
    font-size: 0.26rem;
    float: left;
}
.reg_btn{
    margin-right: 0.49rem;
}
.log_reg_{
    position: absolute;
    top: 0.5rem;
    right: 1.95rem;
    overflow: hidden;
    font-size: 0.24rem;
    line-height: 0.28rem;
}
.log_reg_ a{
    text-align: center;
    line-height: .53rem;
    float: left;
}
.log_reg_ .logout{
    cursor: pointer;
    width: 1rem;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    margin-left: 0.2rem;
}
/* =============banner开始=========== */
.banner_wrap{
	width: 100%;
	margin: 0 auto;
	background: url(../images/bg02.png) 0 0 no-repeat;
	background-size: 100% 100%;
	position: relative;
    padding-top: 3.2rem;
    min-height: 9rem;
}
.banner{
	width: 55%;
	overflow: hidden;
	margin: 0 auto;
    padding-bottom: 1.19rem;
}
.ideatit{
    overflow: hidden;
}
.ideatit img{
    width: 77%;
    float: left;
    margin: 1.2rem 0 0.98rem 2.33rem;
}
.item_wrap{
	position: relative;
}
.item_wrap ul{
	overflow: hidden;
	width: 100%;
}
.item_wrap ul li{
	float: left;
	text-align: center;
    margin: 0 0.22rem 0.22rem 0;
}
.item_wrap ul li:nth-child(4),.item_wrap ul li:nth-child(8),.item_wrap ul li:nth-child(12){
    margin-right: 0;
}
.item_wrap ul li a{
	display: inline-block;
	position: relative;
    float: left;
}
.item_wrap ul li img{
	width: 3.5rem;
    height: 2.16rem;
    float: left;
}
.item_wrap ul li:hover .mask_img{
    display: none;
}
.item_wrap ul li:hover .mask_word{
    display: block;
}
.item_wrap ul li .mask_img{
    position: absolute;
    left: 0.35rem;
    top:0.32rem;
    width: 2.55rem;
    height: 2.85rem;
}
.item_wrap ul li .mask_word{
    position: absolute;
    left: 0.35rem;
    top:0.32rem;
    width: 2.55rem;
    height: 2.85rem;
    display: none;
}
.mask_word p{
    color: #fff;
    font-size: 0.24rem;
}
.shutdown{
	width: .5rem;
	height: .5rem;
	background: url(../images/shutdown.png) right 0 no-repeat;
	background-size: 53%;
	position: absolute;
	right: 5%;
	top: 0;
	display: none;
}
.left_btn, .right_btn{
	overflow: hidden;
	display: inline-block;
	position: absolute;
	top: 50%;
	cursor: pointer;
	width: 3%;
}
.left_btn img, .right_btn img{
	float: left;
	width: 0.47rem;
}
.left_btn{
	left: 12%;
}
.right_btn{
	right: 12%;
}
.gridly, .gridly > :not(.dragging) {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.gridly .dragging {
  z-index: 800; 
}
.slide_nav{
	position: absolute;
	top: 1.2rem;
	right: 1rem;
	font-size: 0.24rem;
	color: #fff;
	text-align: center;
	width: 1.6rem;
	cursor: pointer;
    /*display: none;*/
}
.slide_nav span{
	display: block;
	line-height: 0.5rem;
    border-radius: 0.4rem;
    border: 1px solid #fff;
}
.slide_nav ol{
	font-size: 0.2rem;
	line-height: 0.38rem;
}
.slide_nav ol li{
	border-top: 1px dashed #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 0.4rem;
}

/* ==================con开始=============== */
.container{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.container img{
	width: 100%;
	float: left;
}
.appDownload{
	position: relative;
}
.appdownload_btn{
	display: block;
	width: 5rem;
	height: 1.5rem;
	position: absolute;
	left: 50%;
	margin-left: -2.5rem;
	top: 67%;
}
.copylinkwrap{
    position: relative;
}
.copylink{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 3rem;
    font-size: 0.16rem;
    color: #8d8d8d;
}
.copylink a{
    color: #8d8d8d;
    text-decoration: underline;
}
/* =================媒体查询================== */
/*@media screen and (max-width: 1024px) {*/
    /*.slide_nav ol li{*/
        /*line-height: 0.6rem;*/
    /*}*/
    /*.slide_nav{*/
        /*top: 0.6rem;*/
        /*width: 10%;*/
        /*right: 0.1rem;*/
    /*}*/
/*}*/
@media screen and (max-width: 1024px) {
    .header .idea_btn{
        width: 6rem;
        height: 2.5rem;
    }
    .banner_wrap{
        background: url(../images/mobilebg02.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .banner{
        width: 63%;
    }
    .item_wrap ul li{
        margin: 0 0.6rem 0.44rem 0;
    }
    .item_wrap ul li img{
        width: 5.2rem;
        height: 3.2rem;
    }
    .item_wrap ul li:nth-child(3), .item_wrap ul li:nth-child(6), .item_wrap ul li:nth-child(9), .item_wrap ul li:nth-child(12){
        margin-right: 0;
    }
    .item_wrap ul li:nth-child(4), .item_wrap ul li:nth-child(8){
        margin-right: 0.5rem;
    }
    .log_reg_ .logout{
        margin-left: 0.5rem;
        width: 60px;
        font-size: 20px;
        line-height: 24px;
    }
    .log_reg_ a{
        font-size: 20px;
        line-height: 24px;
    }
    .log_reg_{
        top: 8px;
        right: 10px;
    }
    .log_reg{
        right: 25px;
        top: 8px;
    }
    .log_reg a{
        width: 66px;
        line-height: 24px;
        border-radius: 20px;
        font-size: 20px;
    }
    .slide_nav{
        width: 107px;
        font-size: 20px;
    }
    .slide_nav span{
        line-height: 24px;
    }
}