body{
	width: 100%;
	background: url(../images/icon/index-bj2.jpg)no-repeat;
    background-size:120%;
    position:absolute;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/icon/guide-bg.7e59d4e.jpg',sizingMethod='scale');
}
.swiper-container{
	width: 96%;
	height: 12rem;
	position: fixed;
	bottom: 1%;
	left: 2%;
	border-radius: 4px;
	box-shadow: 2px 2px 10px #666;
}
.swiper-container img {
    width: 100%;
    height: 100%;
}
.head-center{
	width: 80%;
	padding-left: 20%;
}
.led-searchk{
	height: 2.5rem;
	border: 1px solid #FFFFFF;
	border-radius: 18px;
	margin: 28px 30px;
	visibility: hidden;
}
.searchicon{
	width: 28px;
	float: left;
	color: #fff;
	font-size: 0.8rem;
	text-align: right;
	padding: 10px 5px 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.searchkinput{
	margin-left: 30px;
}
#search-ledin{
	width: 90%;
	height: 100%;
	background: transparent !important;
	color: #fff;
	font-size: 1.14rem;
	margin-top: 0.4rem;
}
.ledproject{
	padding: 30px 20px;
	margin: 10px;
	position: relative;
}
.logobox {
	margin: 25px 5%;
	height: 50px;
}
.logobox > .logo {
	float: left;
}
.logobox > .logo img{
	width: 250px;
	height: 50px;
}

.logobox > .indexlogin {
	background: url(../images/guide-i.688155a.png) no-repeat;
	background-size: 150px;
	float: right;
	width: 50px;
	height: 50px;
	background-position: -48px -916px;
	cursor: pointer;
}
.logobox > .loginactive {
	background-position: -48px -1062px;
	cursor: pointer;
}
.project-kled{
	margin-top: 8%;
}
.project-noe,.project-two{
	height: 7rem;
	
}
.project-noe>div {
	margin: 4%;
	border-radius: 5px;
}
/*.project-noe>div:nth-child(2n+1){
	margin-right: 2.5%;
}
.project-noe>div:nth-child(2n){
	margin-left: 2.5%;
}*/
.project-noe>div:nth-of-type(1) {
	background-color: #2196F3;
	/*box-shadow: 1px 2px 10px #2196F3;*/
}
.project-noe>div:nth-of-type(2) {
	background-color: #4caf50;
	/*box-shadow: 1px 2px 10px #4caf50;*/
}
.project-noe>div:nth-of-type(3) {
	background-color: #f36e64;
	/*box-shadow: 1px 2px 10px #f36e64;*/
}
.project-noe>div:nth-of-type(4) {
	background-color: #9e71ef;
	/*box-shadow: 1px 2px 10px #9e71ef;*/
}
.project-noe>div:nth-of-type(5) {
	background-color: #74aeed;
	/*box-shadow: 1px 2px 10px #74aeed;*/
}
.project-noe>div:nth-of-type(6) {
	background-color: #eabf3c;
	/*box-shadow: 1px 2px 10px #eabf3c;*/
}
.project-noe>div:nth-of-type(7) {
	background-color: #f5764e;
	/*box-shadow: 1px 2px 10px #f5764e;*/
}
.project-noe>div:nth-of-type(8) {
	background-color: #c1c1c1;
	/*box-shadow: 1px 2px 10px #c1c1c1;*/
}
.project-on>div:nth-child(2n){
	margin-left: 4%;
	margin-right: 2.5%;
}
.addledshow,.myledshow,.myledprogram,.addledshowtwo,.myledshowtwo,.myledprogramtwo,.myledGps,.myled_wait{
	float: left;
	width: 25%;
	height: 5.2rem;
}
.add-ledicon,.myled-icon,.program-icon,.add-ledicontwo,.myled-icontwo,.program-icontwo{
	width: 100%;
	height: 1.3rem;
}
.add-ledtxt,.myled-txt,.program-txt,.add-ledtxttwo,.myled-txttwo,.program-txttwo{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 0.9rem;
}
.publicicon{
	width: 50px;
	height: 50px;
	margin: 5px auto;
	text-align: center;
	background: url(../images/guide-i.688155a.png);
	background-size:100px;
}
.gpscicon{
	width: 50px;
	height: 50px;
	margin: 5px auto;
	text-align: center;
	background: url(../images/icon/index_history_trail.png) no-repeat;
	background-size: 36px;
    background-position: 6px 10px;
}
.waitcicon{
	width: 50px;
	height: 50px;
	margin: 5px auto;
	text-align: center;
	background: url(../images/icon/wait.png) no-repeat;
	background-size: 36px;
    background-position: 6px 10px;
}
.add-ledicontwo{
	background-position: -24px -146px;
}
.myled-icontwo{
	background-position: -24px -384px;	
}
.add-ledicon{
	background-position: -24px -228px;	
}
.myled-icon{
	background-position: -24px 0px;
}
.program-icon{
	background-position: -24px -74px;
}
.program-icontwo{
	background-position: -24px -314px;
}
/*==============添加显示屏  样式================*/
.led-add {
    height: 35.5rem;
    padding: 3.9rem 0.71rem 0.71rem;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
}
.led-add .stpe-2 .scan {
    background-image: url(../images/scan.png);
    background-size: 12.8rem;
    background-repeat: no-repeat;
    border: none;
    margin-top: 20px;
}
.led-add .stpe-2 {
    padding-top: 1.4285rem;
    padding-bottom: 2.857rem;
    margin-top: 2.1428rem;
}
.led-add .stpe-2>div {
    width: 12.8rem;
    height: 12.8rem;
    margin: 0 auto;
    border: 0.0714rem solid #ddd;
}
.scan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.scan .handle {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background-image: url(../images/gesture.png);
    background-position: 55% 65%;
    background-repeat: no-repeat;
}
.greenround{
	display: none;
    width: 3.214rem;
    height: 3.214rem;
    margin-top: -1.7857rem;
    margin-left: -1.0714rem;
    border-radius: 50%;
    background-color: rgba(0,255,0,0.7);
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: slide;
    animation-name: slide;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@keyframes slide{				
	0% {
	    -webkit-transform: scale(0.5);
	    transform: scale(0.5);
	}
	100% {
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	}
}
@-webkit-keyframes slide{				
	0% {
	    -webkit-transform: scale(0.5);
	    transform: scale(0.5);
	}
	100% {
	    -webkit-transform: scale(0.9);
	    transform: scale(0.9);
	}
}

.ledcode{
	width: 70%;
	height: 160px;
	border: 1px solid #12B7F5;
	position: fixed;
	left: 15%;
	top:140px;
	z-index: 200;
	border-radius: 5px;
	display: none;
}
.ledhint{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #d7d7d7;
	border-radius: 5px 5px 0 0;
}
.ledinpt{
	width: 100%;
	height: 70px;
	background: #fff;
}
.ledinpt input{
	width: 100%;
	height: 40px;
	margin-top: 10px;
	font-size: 1.14rem;
	border: 1px solid #666;
	border-radius: 15px;
}
.ledcand{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #12B7F5;
	color:#fff;
	font-size: 1.14rem;
	text-align: center;
	border-radius: 0px 0px 5px 5px;
}
.inpt_text{
	text-align: center;
	padding-top: 5px 0;
}
.myledprogramtwo{position: relative;}
.add-ads-list{
	display: none;
	position: absolute;
	bottom: -105px;
	left: 0;
	background: #fff;
	width: 233%;
    margin-left: -121%;
    z-index: 9991;
}
.add-ads-list .lists > li {
    width: 25%;
    float: left;
    text-align: center;
    color: #333;
    padding: 12px 0;
    border: 1px dashed #666666;
    border-left: none;
    border-top: none;
    line-height: 2rem;
    font-size: 1rem;
}
.add-ads-list .lists > li:before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    margin: auto;
    background: url(../images/adlist-ics.png) no-repeat;
    background-position: 2px -526px;
}
.add-ads-list .lists > li.ad-ads-txt:before {
    background-position: 2px -652px;
}
.add-ads-list .lists > li.ad-ads-time:before {
    background-position: 2px -742px;
}
.add-ads-list .lists > li.ad-ads-img:before {
    background-position: 2px -826px;
}
.add-ads-list .lists > li.ad-ads-animation:before {
    background-position: 3px -1644px;
}
.add-ads-list .lists > li.ad-ads-sub:before {
    background-position: 2px -1408px;
}
.add-ads-list:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -8px;
    right: 23%;
}