@charset "utf-8";
/* CSS Document*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,hr,table,th,td,form,fieldset,input,button,textarea,figure,img {
	margin: 0;
	padding: 0;
}

a, span {
	text-decoration: none;
	display: inline-block;
}
a,button {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	color: #333;

}

button {
	border: none;
	background: transparent;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
	font-weight: normal;
}
html,body,fieldset,img,iframe {
	border: 0;
}
i,em {
	font-style: normal;
}
li {
	list-style: none;
}
body,textarea,input,button,select,keygen,legend {
	outline: 0;
}
img {
	border: none;
	width: 100%;
	display: block;
}
ul,li,h1,h2,h3,h4,h5,p,dl,dd {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
}
body {
	font: 12px/1.5 "Microsoft YaHei","微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;
	color: #333;
	background: #f5f5f5;
	box-sizing: border-box;
	
	position: relative;

}
input,textarea{
	font-family: "Microsoft YaHei","微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;
	list-style: none;
	-webkit-list-style: none;
	-webkit-appearance: none;
	border: none;
	background: none;
	box-sizing: border-box;
}
*::-webkit-input-placeholder{
	color: #b0b0b0;
}
*:-moz-placeholder{
	color: #b0b0b0;
}
*:-ms-input-placeholder {
	color: #b0b0b0;
}
textarea{
	resize:none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #fedc00;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}


/* 右侧导航 */
#actor{
	
	width: 100%;
	transition:transform 0.4s ease-in;
	-moz-transition:-moz-transform 0.4s ease-in;
	-o-transition:-o-transform 0.4s ease-in;
	-webkit-transition:-webkit-transform 0.4s ease-in;
	-ms-transition:transform 0.4s ease-in;
	
} 




#circle{
	position: fixed;
	width: 70px;
	right:30px;
}
#circle li{
	width:70px;
	height: 24px;
	margin:5px 0;
	background: url(../images/dot.png) no-repeat right 5px;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
	text-align: left;
	color:white;
}
#circle li.current{
	background-position: 45px bottom;
}



/* 头部导航 */
nav{
	width: 100%;
	height: 59px;
	line-height: 59px;
	background-color:#fff;	
}
nav.active{
	background-color:rgba(23,23,23,0);
	border-bottom: 1px solid rgba(255,255,255,0);
	height: 50px;
	line-height: 50px;
	box-shadow: 0 -26px 33px #000;
	-moz-box-shadow: 0 -26px 33px #000;
	-webkit-box-shadow: 0 -26px 33px #000;
	-o-box-shadow: 0 -26px 33px #000;
	-ms-box-shadow: 0 -26px 33px #000;



	border: 0;
}

.main-n{
	height: 60px;
	position: relative;

	/* background:url(../images/logo.png) no-repeat 10px center;
	background-size: auto 60%; */
}
.logoimg{
	width:122px;display:inline-block;float: left;margin-top: 13px;
}
nav div.ul_list{
	position: absolute;
	right: 100px;
	left: 130px;
	text-align: center;
}
nav ul{
	width: 400px;
	margin-left: 285px;
	margin: 0 auto;
}
nav li{
	float: left;
	width: 80px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	color: #ababab;
	cursor: pointer;
	
}

nav li.current{
	color: #333;
}
nav li:hover{
	color: #333;
}
.indexSearch{
	position: absolute;
	height:28px;
	right: 22px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 248px;
	height: 28px;
	border:1px solid #ccc;
	border-radius: 3px;
}
.nav-indexSearch{
	right: 210px;
}
nav .indexSearch:after{
	content: '';
	width: 30px;
    height: 28px;
    position: absolute;
    right:0;
    top: 0;
    cursor: pointer;
    background: url(../images/icons.png);
    background-position: -137px -313px;
}
#magic-line-two{
	position:absolute;
	top:-2px;
	left:0;
	width:42px;
	border-bottom:2px solid #444444;
	z-index:100;
}
.nav-recommend{
	height: 46px;
	width: 100%;
	background-color: #fafafa;
	border-bottom:1px solid #e5e5e5;
	
}
.nav-recommend li{
	height: 46px;
	width: 5%;
	margin-right:3%;
	display: inline-block;
}
.nav-recommend li a{
	width: 100%;
	text-align: center;
	color: #999999;
	height: 46px;
	font-size: 14px;
	line-height: 46px;
	position: relative;
	display: block;
    float: left;
    z-index: 200;
}
.nav-recommend li.current_page_item_two a,.nav-recommend li a:hover{
	color: #444444;
}
.nav-recommend li a.current{
	color: #fff;
}
input.searchAll{
	width: 218px;
	height: 28px;
	line-height: 28px;
	position: absolute;
	padding-left: 10px;
	border-right: 1px solid #ccc;
}
input[type="text"].searchAll:focus{
	border: 0;
	border-right: 1px solid #ddd;
	box-sizing:border-box;
} 
nav .n-right{
	width: 80px;
  height: 24px;
  line-height: 24px;
  float: right;
  margin-top: 16px;
  background-color: #fedc00;
  color: #463b32;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  border:1px solid #fec500;
}
 nav .two-couple{
	 width: 370px;
	 position: absolute;
	 left: 166px;
	 top: 0;
	 bottom: 0;
	 margin: auto;
 }
@media screen and (min-width: 1440px) {      
	 nav .two-couple{
	 	left: 250px;
	 } 
}
 .two-couple a{
 	 width:100px;
	 font-size: 16px;
	 height: 60px;
	 line-height: 60px;
	 font-weight: bold;
	 color: #a29a8b;
	 text-align:center; 
	 position:relative;
	 overflow:hidden;
	 
 }
  .two-couple a:after{
  	content:'';
  	position:absolute;
  	left:0;
  	top:-22px;
  	width:100px;
  	height:100px;
  	background-color:#feea66;
  	border-radius: 50%;
  	transition: all ease-out .3s;
	-moz-transition:all ease-out .3s; /* Firefox 4 */
	-webkit-transition:all ease-out .3s; /* Safari and Chrome */
	-o-transition:all ease-out .3s; /* Opera */
	transform:scale(0);
	-ms-transform:scale(0); 	/* IE 9 */
	-moz-transform:scale(0); 	/* Firefox */
	-webkit-transform:scale(0); /* Safari 和 Chrome */
	-o-transform:scale(0); 	/* Opera */
  }
.two-couple a:hover:after{
	transform:scale(1);
	-ms-transform:scale(1); 	/* IE 9 */
	-moz-transform:scale(1); 	/* Firefox */
	-webkit-transform:scale(1); /* Safari 和 Chrome */
	-o-transform:scale(1); 	/* Opera */
}
.runningman.current{
	opacity: 1;
	animation:myleft 0.5s;
	-webkit-animation:myleft 0.5s;
	z-index:99;
}
  .two-couple a em{
  	position:relative;
  	z-index: 2;
  	display: block;
  }
 .two-couple a.caimashroom{
	 margin-left: 30px;
 }
 .two-couple a:hover{
	 color: #a29a8b;
 }
 .two-couple a.current{
	 color: #463b32;
 }
nav .n-right-admin{
	float: right;
	margin-top: 13px;
}
 .over-admin-img{
	 padding-bottom: 15px;
	 padding-left:20px;
 }
.over-admin-img a{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	overflow: hidden;
}
 .over-admin-list{
	 width: 110px;
	 height: 126px;
	 background-color: #fff;
	 position: absolute;
	 right: -2px;
	 top: 57px;
	 border-radius: 3px;
	 box-sizing:border-box;
	 z-index:999;
	 display: none;
	 box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -moz-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -webkit-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -o-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -ms-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
 }
 .over-admin-list .indexarrow,.ling-list .indexarrow{
	 width: 16px;
	 height: 11px;
	 position: absolute;
	 top: -8px;
	 right: 10px;
	 background-image: url(../images/indexarrow.png);
	 background-size:16px auto;
	 background-repeat: no-repeat;
 }
 .ling-list .indexarrow{
 	left: 34px;
 }
 .ling-list a{
 	display:block;
 	width:100%;
 	box-sizing:border-box;
 	padding:15px;
 }
 .ling-list {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 18px rgba(12, 4, 7, 0.3);
    box-sizing: border-box;
    display: none;
    height: 220px;
    left: -30px;
    position: absolute;
    top: 57px;
    width: 210px;
    z-index: 999;
}

.ling-list{
	width:210px;
	height:220px;
	position: absolute;
	 left: -30px;
    top: 57px;
	 border-radius: 3px;
	 box-sizing:border-box;
	 z-index:999;
	 display:none;
	 background-color: #fff;
	 box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -moz-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -webkit-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -o-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
	 -ms-box-shadow: 0 0px 18px rgba(12, 4, 7, 0.3);
}
.ling-list img{
	width:30px;
	height:30px;
	border-radius: 50%;
	overflow:hidden;
	float:left;
}
.ling-list .notice p,.ling-list .praise p,.ling-list .new-creat p{
	float:left;
	width:136px;
	height:30px;
	overflow:hidden;
	line-height: 16px;
	margin-left:10px;
}
.ling-list a:hover{
	background-color:#f1f1f1;
}
.ling-list a em{
	color:#fdad42;
}
.ling-list a.check-more{
	text-align: center;
	padding:0;
	color:#999999;
	height:40px;
	line-height:40px;
	border-top: 1px solid #eeeeee;
}

 .href-per,.href-edit,.href-exit{
 	background: url(../images/per-icon11.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 13px;
  padding-left: 20px;
  height: 42px;
  color: #929292;
 }
 .href-edit{
 	  background: url(../images/per-icon22.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 13px;
 }
 .href-exit{
  background: url(../images/per-icon33.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 13px;
 }
 .over-admin-list a{
	 display: block;
	 width: 100%;
	 height: 42px;
	 line-height: 42px;
	 text-align: center;
	 color: #929292;
	 font-size: 14px;
 }
 .over-admin-list a:hover .href-per{
	 color: #565656;
	 background: url(../images/per-icon1.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 12px;
 }
.over-admin-list a:hover .href-edit{
	color: #565656;
	background: url(../images/per-icon2.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 12px;
}
.over-admin-list a:hover .href-exit{
	color: #565656;
	background: url(../images/per-icon3.png) no-repeat;
  background-size: 15px auto;
  background-position: 12px 12px;
}
 .over-admin-list a.real-exit{
	 height: 41px;
	 line-height: 41px;
	 border-top: 1px solid #d9d9d9;
 }
/* 首页登录 */
.fm-login,.fm-reg,.fm-regnext,.fm-regnextpas{
	width: 415px;
	height: 410px;
	border-radius: 6px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	margin: auto;
	z-index: -1;
	opacity: 0;
	background-color: #fff;
	box-shadow: 0px 5px 30px #444444;
	-moz-box-shadow: 0px 5px 30px #444444;
	-webkit-box-shadow: 0px 5px 30px #444444;
	-o-box-shadow: 0px 5px 30px #444444;
	-ms-box-shadow: 0px 5px 30px #444444;

}
.fm-login.current,.fm-reg.current,.fm-regnext.current,.fm-regnextpas.current{
	opacity: 1;
	animation:mymove 0.5s;
	-webkit-animation:mymove 0.5s;
	z-index:99;
}
@keyframes mymove
{
from {transform:scale(0.8);}
to {transform:scale(1);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {transform:scale(0.8);}
to {transform:scale(1);}
}
.login-blue,.reg-blue{
	width: 100%;
	height: 175px;
	border-radius: 6px 6px 0 0;
	background: url(../images/logologin.png) no-repeat center center #fff;
	background-size:95px auto;
	position: relative;
}
.reg-blue{
	background: url(../images/reg-pic.png) no-repeat center center #fff;
	background-size:175px auto;
}
.find-m-blue{
	background: url(../images/reg-m-pic.png) no-repeat center center #fff;
	background-size:150px auto;
}
.find-first{
	background: url(../images/findm-pic.png) no-repeat center center #fff;
	background-size:150px auto;
}
.please-pure{
	position: relative;
}
.get-true .getnumber{
	width: 120px;
	height: 46px;
	position: absolute;
	right: 0px;
	top: 29px;
	font-size: 16px;
	color: #463b32;
	text-align: center;
	line-height: 46px;
	cursor: pointer;
	margin-top: -9px;
	background-color:#fedc00;
	border-radius:4px;
}
.login-blue span,.reg-blue span{
	position: absolute;
	right: 14px;
	top: 14px;
	width: 14px;
	height: 14px;
	font-size: 18px;
	color: #396bdf;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
	background: url(../images/close-every-white.png) no-repeat;
	background-size:13px auto;
	transition: all ease-out .3s;
}
.login-blue span:hover,.reg-blue span:hover{
	  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}



.login-inpress,.reg-inpress{
	padding: 15px 37px 0;
}
.please-input,.please-pas,.please-num,.please-true{
	width: 100%;
	height: 46px;
	border: 1px solid #d9dcde;
	line-height: 46px;
	color: #404040;
	font-size: 16px;
	border-radius:4px;
	padding:0 11px;
	box-sizing:border-box;
	  font-weight: bold;
}
.please-pas,.please-true{
	margin-top: 20px;
}
.please-true{
	width: 62%;
}

.loginin-press,.regin-press.current,.regin-pressnext.current,.regin-pressdone.current{
	width: 100%;
	height: 48px;
	border-radius: 6px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #463b32;
	background-color: #fedc00;
	margin-top: 25px;
	cursor: pointer;
	  font-weight: bold;
}
.regin-press,.regin-pressnext,.regin-pressdone{
	width: 100%;
	height: 48px;
	border-radius: 6px;
	line-height: 48px;
	text-align: center;
	font-size: 16px;
	color: #ababab;
	background-color: #ecedee;
	margin-top: 25px;
	  font-weight: bold;
}
.enter-other,.back-other,.error-tipsad,.error-tipspas{
	position: absolute;
	bottom: -30px;
	text-align: center;
	font-size: 14px;
	left: 50%;
	margin-left: -65px;
	color: #fafafa;
	cursor: pointer;
	font-weight: bold;
}
.error-tipspas{
	width: auto;
	height: 20px;
	line-height: 22px;
	cursor: default;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	bottom: -56px;
}
.error-tipspas span{
	padding: 2px 10px;
	background-color: #ffc100;
	color: #463617;
	border-radius: 16px;
}
.error-tipsad{
	width: 90px;
	margin-left: -45px;
}
.back-other{
	margin-left: -28px;
}
.enter-other span.goreg{
	color: #fedc00;
}

/* section1 */
.page1{
	
  
    position: relative;
   	width: 100%;
   	height: 100%;
   	z-index: 8;
	padding-top: 50px;
	background-color: #f9d649;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##f9d649,endColorStr=#f9d649); /*IE*/ 
background:-moz-linear-gradient(top,#f9d649,#f9d649);/*火狐*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f9d649), to(#f9d649));/*谷歌*/
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9d649', endColorstr='#f9d649'); /*IE6 & IE7*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9d649', endColorstr='#f9d649')"; /* IE8 */ 
	
}
.page1 em{
	position:absolute;
	width: 200px;
	height: 100px;
	opacity: 0.18;
	left:0;
	bottom:0;
	background-color: #ffffff;
	-webkit-border-radius: 200px 200px 0 0;
}
.page1 em.pop1{
	width: 198px;
	height: 111px;
}
.page1 em.pop2{
	width: 176px;
	height: 88px;
	left: 10%;
	
}
.page1 em.pop3{
	width: 182px;
	height: 91px;
	left:39%;
}
.page1 em.pop4{
	width: 270px;
	height: 135px;
	left:48%;
	
}
.page1 em.pop5{
	width: 184px;
	height: 92px;
	left:64%;
}
.page1 em.pop6{
	width: 206px;
	height: 103px;
	left:74%;
}
.page1 em.pop7{
	width: 224px;
	height: 112px;
	left:84%;

}
.page1 em.pop8{
	width: 154px;
	height: 77px;
	left:92%;
}

.waveh{
	position: relative;
	z-index: 8;
	top: -50px;
	min-width: 900px;
}
@media screen and (min-width: 1200px) {      
	.waveh {
		top: -70px;     
	}  
} 

.main{
	width: 1000px;
	margin:  auto;
	position: relative;
	box-sizing:border-box;

}

.s-left{
	width: 40%;
	height: auto;
	text-align: center;
	z-index: 7;
    position:absolute;
    bottom:-12%;
    left:0;
}

.s-right{
	float: right;
	width: 43%;
	min-width:500px; 
	text-align: center;
	    margin: 23% 0;
}
.s-right h3{
	opacity: 0.5;
	text-align: left;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}
.s-right h1{
	font-size: 62px;
	text-align: left;
	color: #ffffff;
}
.s-right p{
	color: #ffffff;
	font-size: 16px;
	text-align: left;
}
.s-right img{
	position: relative;
	top: 30px;
	left: 0px;
	z-index:2;
}
.slogin{
	width: 100%;
	position: relative;
}
 #indexs{
	 position: relative;
	 left: 0;
	 top: 0;
}

.ewm{
	width: 550px;
	height:48px;
	margin-top: 44px;
    text-align: left;
}
.f-left{
	float:left;
	width:30%;
}
.f-right{
	float:right;
	width:430px;
	margin-top: 15px;
}
.ios,.android{
	width: 172px;
	height: 48px;
	text-align: center;
	background: url(../images/iosfb.png) no-repeat center center;
	background-color:#fff;
	cursor:pointer;
	background-size:172px auto;	
}
.saoma{
	width: 48px;
	height: 48px;
	cursor:pointer;
	background-image: url(../images/saomafb.png);
	background-size:48px auto;
	margin-left:15px;
	position:relative;
}
.saomab{
	background-image: url(../images/saomab.png);
	background-size:48px auto;
}
.saomab:hover{
	background-image: url(../images/saomafb.png);
	background-size:48px auto;
}
.saoewm{
	width:122px;
	height:129px;
	position:absolute;
	left:-39px;
	bottom:52px;
	background: url(../images/saoewm.png) no-repeat;
	background-size:122px auto;
	display:none;
}

/* section2 */
.page2{
	position: relative;
	z-index: 1;
	width: 100%;
   	height: 100%;
	padding-top: 150px;
	/* background:url(../images/2222.png) no-repeat #fff;
	background-position: top left;
	background-size: contain;  */
}
.page2 img{
	margin-top:60px;
}
.main2{
	padding: 10px 0 165px;
}
.main2 li{
	width: 25%;
	float: left;
	text-align: center;
	
}
.main2 li h1{
	color: #404040;
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
}

.main2 li p{
	color: #ababab;
	font-size: 14px;
	margin-top: 14px;
}
.main2 li span{
	width: 30px;
	height: 33px;
	background: url(../images/sprit.png) no-repeat;
	background-position: left top;
}
.main2 li:nth-child(2) span{
	width: 36px;
	height: 24px;
	background-position: right top;
	margin-top: 4px;
	padding-top: 5px;
}
.main2 li:nth-child(3) span{
	width: 32px;
	height: 28px;
	background-position: left bottom;
	margin-top: 4px;
	padding-top: 4px;
}
.main2 li:last-child span{
	width: 26px;
	height: 32px;
	background-position: right bottom;
	padding-top: 1px;
}
.two-l,.two-r{
	width: 21%;
	height: 450px;
	float: left;
	position: relative;
}
.left-t{
	position: absolute;
	top: 60px;
	left: 90px;
}
.left-b{
	position: absolute;
	top: 332px;
	left: 0;
}
.right-t{
	position: absolute;
	top: 58px;
	right: 90px;
}
.right-b{
	position: absolute;
	top: 332px;
	right: 0;
}
.left-t img,.left-b img,.right-t img,.right-b img{
	width: 150px;
}
.left-t h1,.left-b h1,.right-t h1,.right-b h1{
	text-align: center;
	font-size: 22px;
	margin-top: 20px;
}
.left-t h1{
	color: #bb8dfe;
}
.left-b h1{
	color: #ffaa44;
}
.right-t h1{
	color: #ff8f7d;
}
.right-b h1{
	color: #29afee;
}
.standby{
	float: left;
	width: 58%;
	margin:0 auto;
}
.introduce li img.two{
	width: 136px;
	height: 136px;
	float: left;
}


/* section4 */
.page4{
	 width: 100%;
    height: 900px;
}
.page4-h p,.page2-h p{
	opacity: 0.2;
	color: #333333;
	font-weight: 500;
	font-size: 16px;
	text-align:center;
	position: relative;
	z-index:1;
}
.page4-h,.page2-h{
	position:relative;
	margin-bottom:40px;
}
.page4-h em,.page2-h em{
	position:absolute;
	left:52%;
	top:0;
	width:50px;
	height:50px;
	color: black;
	text-align: center;
	border-radius: 100px;
	/*-webkit-border-radius: 10px;*/
	/*-moz-border-radius: 100px;*/
	border:6px #ffe079 solid;
	z-index:0;
}
.page4-h h1,.page2-h h1{
	font-size: 36px;
	font-weight: 600;
	color: #333333;
	text-align:center;
	position: relative;
	z-index:1;
}

.blackWhite ul{
	position:absolute;
	width: 297px;
    top: 96px;
    left: 37px;
}
.hot-star ol{
	float:right;
	margin-top: 7%;
}
.hot-star ol h4{
	color: #333333;
	font-weight: 600;
	font-size: 18px;
}
.hot-star ol p{
	color: #333333;
	opacity: 0.5;
	font-size: 14px;
}
.hot-star ol li{
	position:relative;
	padding: 30px 62px;
	width: 508px;
	height: 106px;
	box-sizing:border-box;
	cursor:default;
}
.hot-star ol li.current{
	border-radius: 100px;
	background-color: #ffe079;
	padding: 30px 62px 30px 95px ;
}
.hot-star ol li.current em{
	left:33px;
	
}
.hot-star ol li em{
	width:44px;
	height:44px;
	position:absolute;
	left:0;
	top:32px;
	background:url(../images/spirit1.png) no-repeat 0px 0px;
	background-size:44px auto;
}
.hot-star ol li:nth-child(2) em{
	background:url(../images/spirit2.png) no-repeat 0px 0px;
	background-size:44px auto;
}
.hot-star ol li:nth-child(3) em{
	background:url(../images/spirit3.png) no-repeat 0px 0px;
	background-size:44px auto;
}
.hot-star ol li:nth-child(4) em{
	background:url(../images/spirit4.png) no-repeat 0px 0px;
	background-size:44px auto;
}
.hot-star ol li:nth-child(5) em{
	background:url(../images/spirit5.png) no-repeat 0px 0px;
	background-size:44px auto;
}
.hot-star ul li{
	position:absolute;
	left:0;
	top:0;
}
.main4{
	position: relative;
	padding:80px  75px 0;
}
.disglobal{
	width: 900px;
	height: 270px;
	margin: 0 auto;
}
.blackWhite{
	width:372px;
	float:left;
	position:relative;
}
.gray{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	display: none;
}
#img_title{
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	width: 350px;
	height: 50px;

}
#img_desc{
	color: #fff;
	font-size: 16px; 
	line-height: 24px;
	text-align: justify;
	width: 350px;
	height: 120px;
}
#img_avatar{
	width: 50px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.7);
}
.content-des h1,.content-des p{
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
.content-des h1{
	font-size: 24px;
}
.arrf{
	width:120px;
	height: 40px;

	z-index: 99999;

}
.all-img{
	position: relative;
	width: 100%;height: 100%;overflow: hidden;
               
}
.content-des{
	position: absolute;
	right: -350px;
	top: 50%;
	width: 350px;
	z-index: 9999;
}


.all-img img.banner{width:100%;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}

.page3p{
	background-color:#fff;
	 width: 100%;
   	height: 100%;
	overflow: hidden;
}
.page3s{
	width: 100%;
   	height: 100%;
	overflow: hidden;
}
.circlep{
	position: relative;
	width: 100%;
	background-color: #fff;
	min-width:1300px;
}
.cp-topw,.cp-topww{
	width: 100%;
	height: 230px;
	position: relative;
}
.cp-topw .img-pro{
	width: 626px;
	height: auto;
	position: absolute;
	top: 90px;
	left: 5%;
	z-index: 1;
	overflow: hidden;
	box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -moz-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -webkit-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -o-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -ms-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
}

.img-pro img,.cp-topww .img-pro img{
	
	transition: transform 1s;
	-moz-transition: transform 1s; /* Firefox 4 */
	-webkit-transition: transform 1s; /* Safari 和 Chrome */
	-o-transition: transform 1s;
	transform:scale(1);
	-ms-transform:scale(1); 	/* IE 9 */
	-moz-transform:scale(1); 	/* Firefox */
	-webkit-transform:scale(1); /* Safari 和 Chrome */
	-o-transform:scale(1);	
}
.img-pro img:hover,.cp-topww .img-pro img:hover{
	
	transition: transform 2s;
	-moz-transition: transform 2s; /* Firefox 4 */
	-webkit-transition: transform 2s; /* Safari 和 Chrome */
	-o-transition: transform 2s;
	transform:scale(1.2);
	-ms-transform:scale(1.2); 	/* IE 9 */
	-moz-transform:scale(1.2); 	/* Firefox */
	-webkit-transform:scale(1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2);	
}
.cp-topww .img-pro{	
	width: 626px;
	height: auto;
	position: absolute;
	top: 90px;
	z-index: 1;
	overflow: hidden;
	right: 5%;
	box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -moz-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -webkit-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -o-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
    -ms-box-shadow: 1px 3px 22px rgba(11, 3, 6, 0.32);
}

@media screen and (min-width: 1560px) {      
	.cp-topw .img-pro,.cp-topww .img-pro{
		width: 840px;
	}
} 
.cp-dess,.cp-desl{
	width: 100%;
	height: 350px;
	background-color: #f5f5f5;
	position: relative;
}

.cp-dess p,.cp-dess .small-admin,.cp-dess h1,.cp-desl p,.cp-desl .small-admin,.cp-desl h1{
	width: 488px;
	position: absolute;
	right: 5%;
	top: 10px;
	font-size: 18px;
	color: #5c5c5c;
	margin-top: 40px;
}
.cp-desl p,.cp-desl .small-admin,.cp-desl h1{
	left: 5%;
}
.cp-dess h1,.cp-desl h1{
	color: #404040;
	font-size: 36px;
	top:-120px;
}
.cp-dess .small-admin{
	top: 105px;
}
.cp-dess .small-adminb,.cp-desl .small-admin{
	top: 105px;
}
.cp-dess img,.cp-desl img{
	width: 38px;
	height: 38px;
	float: left;
}
.small-admin span{
	font-size: 16px;
	color: #525252;
	margin-left: 10px;
	margin-top: 7px;
}
/* .cp-img,.cp-dess{
	width: 50%;
	float: left;
	background-color: #000;
}
.cp-dess{
	background-color: #fff;

}
.cp-img img,.cp-imgs img{
	opacity: 0.6;
}
.cp-img:hover img,.cp-imgs:hover img{
	transition:all 0.2s ease-in;
	opacity: 1;
}
.cp-des,.cp-imgs{
	width: 50%;
	float: right;
}
.cp-des,.cp-dess{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin:auto 0;
}
.cp-dess1{
	left: 0;
	height: 148px;
}
.cp-des1{
	height: 137px;
}
.cp-des2{
	height: 148px;
}
.cp-des h1,.cp-dess h1{
	width: 390px;
	color: #404040;
	font-size: 36px;
	text-align: left;
	margin:0 auto;
}
.cp-des p,.cp-dess p{
	width:390px; 
	color: #bababa;
	font-size: 14px;
	text-align: left;
	margin:10px auto 0;

}
.cp-imgs{
	background-color: #000;
} */
/* section4 */
.page3{
	width: 100%;
   height: 600px;
}
.discription{
	width:405px;
	float: right;
	margin-top: 220px;
	text-align: justify;
}
.discriptionp{
	float: left;
	margin-top: 300px;
}
.discription h1{
	height: 66px;
	color: #000;
	font-size: 36px;
	text-align: justify;
	font-weight: normal;

}
.discription p{
	color: #c4c4c4;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	text-align: justify;
}
.lookfor{
	width: 50%;
	float: left;
}

.sli-content{
	width: 306px;
	height: 676px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	top: 88px;
	left: 66px;
	
}
.sli-content img{
	border: 1px solid #666;
}


.silver img{
	width: 304px;
	position: absolute;
	left: 0;
	top: 0;
}
.des{
	
	width: 460px;
	float: right;
	position: relative;
	
}


.main3{
	position: relative;

	padding:0 50px 0 0px ;



}
.main3p{
	position: relative;
	padding:178px 40px 60px 30px ;

}
.surface{
	float: left;
	width: 428px;
}
.des h1,.hand h1,.surface h1{
	height: 45px;
	color: #404040;
	font-size: 24px;
}
.des p,.hand p,.surface p{
	color: #7e7e7e;
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
}
.des-text{
	height: 141px;
}

.arr{
	width:120px;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: -55px;

}
.arr img{
	opacity: 0.7;
}

.arr img,.arrf img{
	width: 40px;
	float: left;
	cursor: pointer;
	opacity: 0.7;
}
.arr img:hover,.arrf img:hover{
	opacity: 1;
}
img.arr-right{
	margin-left: 30px;
}
/* section5 */
.page5{
	width: 100%;
   	height: 200px;
	position: relative;
	z-index: 1;
	box-sizing:border-box;
}

.main5{
	height:888px;
	position: relative;
	padding:120px 20px 0 30px;
	background:url(../images/hotlist-bg.png) no-repeat center 134px;
	background-size:725px auto;
}
.hand{
	float: left;
	width: 428px;
	margin-top: 128px;
	
}
.hand h1{
	color: #fff;
	font-size: 22px;

}
.hand p{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}
.handhold{
	width:25%;
	position: absolute;
	right:12%;
	bottom: 0;
	z-index: 3;
}



.bigtv{
	width: 50%;
	float: right;

}
.height-1{
	height: 154px;
	width: 100%;
	background-color: #f2f2f2;
	position: relative;
	bottom: 0;
	left: 0;
}
/* 底部 */
.page6{
	background-color: #333;
	position: relative;
}
.page6index{
	margin-top:0;
}
div.footer{
	width: 100%;
	height: auto;
	background: #333;
	text-align: center;
	line-height: 30px;
	color: #181818;
	font-size: 14px;
	padding: 35px 0 ;
}
.mainf{
	padding: 0 68px 0 60px;
}
footer p{
	width: 426px;
    margin: 0 auto;
	color: #cacaca;
}
.wxs{
	width: 134px;
	position: absolute;
	top: -122px;
	left: -46px;
	opacity: 0;
	z-index: 999;
	
}
.sh-left{
	width: 100%;
}
.sh-right{
	float: right;
	width: 260px;
}
.sh-right .ewm-img{
	width:112px;
	box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-o-box-shadow: 0 0 0;
	-ms-box-shadow: 0 0 0;
}
.share{
	width: 220px;
	height: auto;
	margin:0 auto;
}
div.sol{
	width: 40px;
	height: 40px;
	padding-top: 20px;
	position: relative;
	margin-right: 20px;
	float: left;
}
div.sol:last-child{
	margin-right: 0;
}
div.sol em{
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/spritsol.png) no-repeat left top;
	background-size:160px auto;
}
.wx em:hover{
	background-position: left bottom;
}
.wx em:hover~.wxs{
	opacity: 1;
	transition: all 1s ease-out;
}
div.sol:nth-child(2) em{
	background-position: -40px top;
}
div.sol:nth-child(2):hover em{
	background-position: -40px bottom;
}
div.sol:nth-child(2):hover .q-content{
	opacity: 1;
	transition: all 1s ease-out;
}
div.sina em{
	background-position: -80px top;
}
div.sina em:hover {
	background-position: -80px bottom;
}

div.mail em{
	background-position: right top;
}
div.mail em:hover{
	background-position: right bottom;
}
div.sol:nth-child(4):hover .m-content{
	opacity: 1;
	transition: all 1s ease-out;
}
.sina a{
	display: block;
	width: 40px;
	height: 40px;
}

.q-content,.m-content{
	position: absolute;
	top: -21px;
	left: -46px;
	width: 144px;
	height: 30px;
	border-radius: 5px;
	background-color: #fff;
	opacity: 0;
	border: 1px solid #d8dde1;
	z-index: 5;
}
.q-content:after,.m-content:after{
	content: '';
	width: 14px;
	height: 7px;
	position: absolute;
    left: 58px;
    top: 29px;
    transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 
    background:url(../images/circle-arrow.png) no-repeat;
}
.m-content{
	width: 140px;
	left: -53px;
}
.q-content p,.m-content p{
	text-align: center;
	font-size: 14px;
	color: #545454;
}

.m-content:after{
	left: 65px;
}
.been{
	width: 100%;
	font-size: 14px;
	color: #b0b0b0;
	margin-top: 10px;
	text-align:center;
}
.footer-link a,
.footer-link strong {
	color: #b0b0b0;
	margin: 0 5px;
}
.footer-link a:hover {
	color: #fff;
}
.mainf p span{
	padding: 0 10px;
}

#actor {
            width: 100%;
            height: auto;
            position: absolute;
            left: 0;
	background-color: #f5f5f5;
            
        }
.video{
	display: block;
	width: 100%;
	height: 420px;
	overflow: hidden;
	position: relative;

}
.video-poster{
	width: 100%;
	height: 420px;
	overflow: hidden;
	background-color: #000;
	position: relative;
	background-image: url(../images/fm_bg.png);
	background-repeat:no-repeat;
	background-attachment: fixed !important;
	-webkit-background-size:100% auto;
	background-size:100% auto;
}
 .video:before{
	 content:'';
	 width: 47px;
	 height: 77px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 margin-left: -23px;
	 margin-top: -38px;
	 background-image: url(../images/play-button.png);
 }
.video-poster img{
	opacity: 0.6;
}
.mini_player{
	position: fixed; 
	width: 980px;
	height: 551px;
	left: 50%; 
	top: 50%; 
	margin-left: -490px;
	margin-top: -275px;
	z-index: 101; 
	display: block;
	background-color: #000;
	display: none;

}
.play_close{
	position: absolute;
	right: -30px;
	top: 0;
	width: 30px;
	height: 22px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	background-color: #000;
	cursor: pointer;

}   

.saoma:hover .saoewm{
	display:block;
}
.iosfoot{
	background: url(../images/iosfoot.png) no-repeat center center;
	background-size:172px auto;
}
.androidfoot{
	background: url(../images/androidfoot.png) no-repeat center center;
	background-size:172px auto;
	margin-left:10px;
}
.iosb{
	background: url(../images/iosb.png) no-repeat center center;
	background-size:172px auto;
}
.androidb{
	background: url(../images/androidb.png) no-repeat center center;
	background-size:172px auto;
}
.iosfoot:hover{
	background-image: url(../images/iosfb.png); 
}
.androidfoot:hover{
	background-image: url(../images/androidfb.png);
}
.m-style{
	width: 42%;
    float: left;
    margin-left: 7%;
    height: 112px;
}
.ewm-img{
	float:left;
	width: 110px;
}
    nav{
        background-color: #fff;
    }
    .main2 li {
        width: 20%;
        float: left;
        border-radius: 50%;
        margin-right: 6%;
        text-align: center;
        box-shadow: 0px 5px 12px rgba(87, 138, 255, 0.42);
        -moz-box-shadow: 0px 5px 12px rgba(87, 138, 255, 0.42);
        -webkit-box-shadow: 0px 5px 12px rgba(87, 138, 255, 0.42);
        -o-box-shadow: 0px 5px 12px rgba(87, 138, 255, 0.42);
        -ms-box-shadow: 0px 5px 12px rgba(87, 138, 255, 0.42);
    }
    .main2 li:nth-child(2){
        box-shadow: 0px 5px 12px rgba(98, 172, 255, 0.42);
        -moz-box-shadow: 0px 5px 12px rgba(98, 172, 255, 0.42);
        -webkit-box-shadow: 0px 5px 12px rgba(98, 172, 255, 0.42);
        -o-box-shadow: 0px 5px 12px rgba(98, 172, 255, 0.42);
        -ms-box-shadow: 0px 5px 12px rgba(98, 172, 255, 0.42);
    }
    .main2 li:nth-child(3){
        box-shadow: 0px 5px 12px rgba(87, 190, 255, 0.42);
        -moz-box-shadow: 0px 5px 12px rgba(87, 190, 255, 0.42);
        -webkit-box-shadow: 0px 5px 12px rgba(87, 190, 255, 0.42);
        -o-box-shadow: 0px 5px 12px rgba(87, 214, 190, 0.42);
        -ms-box-shadow: 0px 5px 12px rgba(87, 214, 190, 0.42);
    }
    .main2 li:last-child{
        margin-right: 0;
        box-shadow: 0px 5px 12px rgba(87, 214, 255, 0.42);
        -moz-box-shadow: 0px 5px 12px rgba(87, 214, 255, 0.42);
        -webkit-box-shadow: 0px 5px 12px rgba(87, 214, 255, 0.42);
        -o-box-shadow: 0px 5px 12px rgba(87, 214, 255, 0.42);
        -ms-box-shadow: 0px 5px 12px rgba(87, 214, 255, 0.42);
    }
    .video:after{
		content:'';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100px;
		height: 100px;
		margin-top: -50px;
		margin-left: -50px;
		background:url(../images/play-button.png) no-repeat;
		background-size: 100% auto;
    }
    .vjs-tech{
        width: 100%;
        height: 100%;
    }


/* 弹出新网页片单编辑页面 */
.circle-leader{
	background-color: #fff;
	padding: 30px 25px 20px;
	margin: 10px 0;
	position: relative;
}
.leader-img{
	float: left;
	height: 150px;
	width: 274px;
	overflow: hidden;
}
.leader-des{
	float: left;
	margin-left: 22px;
	width: 652px;
}
@media screen and (min-width:1440px){
	.leader-des{
	float: left;
	margin-left: 22px;
	width: 854px;
}
	.hot-star ol li{
		width: 680px;
	}
}
.leader-title{
	width: 100%;
	height: 36px;
	padding:0 12px;
	background-color: #fff;
	border-radius: 2px;
	box-sizing:border-box;
	color: #5d5d5d;
	border: 1px solid #e6e6e6;
	font-size: 16px;
	line-height: 36px;
}
.leader-circle-des{
	color: #5d5d5d;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	bottom:10px;
	left:75px;
	text-align: center;
}
textarea.leader-dess {
    width: 100%;
    height: 106px;
    color: #494949;
    height: 106px;
	font-size: 16px;
	line-height: 22px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 10px 12px;
	border: 1px solid #e6e6e6;
	margin-top: 8px;
}
 /* 片单工具页面 */
 .one{
	 width: 100%;
	 background-color: #578aff;
	 padding-top: 40px;
 }
 .one-desleft{
	 width: 60%;
	 float: left;
 }
 .one-des{
	 padding: 0 30px 56px 60px;
 }
 .one-desleft h3{
	 font-size: 26px;
	 color: #fff;
 }
 .one-desleft p{
	 font-size: 18px;
	 margin-top: 10px;
	 color: #fff;
 }
 .one-desright{
	 float: right;
	 width: 260px;
	 height: 127px;
	 cursor: pointer;
 }
 .one-desright a{
	 display: block;
	 width: 260px;
	 height: 127px;
	 background: url("../images/3.png") no-repeat;
	 -webkit-background-size:260px auto;
	 background-size:260px auto;

 }
 .one-desright a em{
	 opacity:0;
 }
 .bigarrow{
	 position: absolute;
	 top: -10%;
	 right: 12%;
	 width: 20%;
	 display: none;
 }
 .two{
	 width: 100%;
	 background-color: #fff;
	 padding: 80px 0;
 }
 .twoleft,.threeleft{
	 width: 45%;
	 float: left;
 }
 .tworight,.threeright{
	 float: right;
	 width: 45%;
	 margin-top: 120px;
 }
 .tworight h3,.threeleft h3{
	 color: #2c2c2c;
	 font-size: 36px;
 }
 .tworight p,.threeleft p{
	 color: #5c5c5c;
	 font-size: 18px;
	 line-height:34px;
	 margin-top: 10px;
 }
 .threeright{
	 margin-top: 0;
 }
 .threeleft{
	 margin-top: 160px;
 }
 .three{
	 padding: 40px 0;
 }

 /*from fmpersonal*/
 .manage-upload-suc {
	 width: 557px;
	 height:401px;

	 z-index:999;
	 position: fixed;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 background-color: #f4f4f4;
	 display: none;
 }
 .manage-code-auto .tit, .manage-code-pop .tit {
	 background-color: #578aff;
	 height: 39px;
	 line-height: 39px;
	 position: relative;
	 padding-left: 12px;
	 font-family: '微软雅黑', '宋体';
	 font-size: 18px;
	 color: #FFF;
 }
 .manage-code-auto .tit .close, .manage-code-pop .tit .close {
	 position: absolute;
	 right: 14px;
	 top: 14px;
	 width: 14px;
	 height: 14px;
	 font-size: 18px;
	 color: #396bdf;
	 text-align: center;
	 line-height: 18px;
	 cursor: pointer;
	 background-image: url(../images/close-every-white.png);
	 background-size: 14px;
 }
.mobile-img{
 	width:285px;
 	height:566px;
 	position:relative;
 	left:0;
 	top:0;
 	z-index:1;
 	background:url(../images/mobile-bg.png) no-repeat center center;
 	background-size:285px auto;
 	border-radius:42px;
 	box-shadow: 0 16px 80px rgba(31,157,255,0.75);
	-moz-box-shadow: 0 16px 80px rgba(31,157,255,0.75);
	-webkit-box-shadow: 0 16px 80px rgba(31,157,255,0.75);
	-o-box-shadow: 0 16px 80px rgba(31,157,255,0.75);
	-ms-box-shadow: 0 16px 80px rgba(31,157,255,0.75);
 }
.mobile-img img{
	position:absolute;
	left:15px;
	top:53px;
	width:260px;
}
.mobile-des{
	position:absolute;
	left:276px;
	top:182px;
	width:645px;
	height:370px;
	padding:85px 100px 0 140px;
	background:url(../images/mobile-des-bg.png) no-repeat #13a1ff;
	border-radius:18px;
	background-size:645px auto;
	box-shadow: 0 16px 80px rgba(2,162,255,0.75);
	-moz-box-shadow: 0 16px 80px rgba(2,162,255,0.75);
	-webkit-box-shadow: 0 16px 80px rgba(2,162,255,0.75);
	-o-box-shadow: 0 16px 80px rgba(2,162,255,0.75);
	-ms-box-shadow: 0 16px 80px rgba(2,162,255,0.75);
	box-sizing:border-box;
	
}
.mobile-des h3{
	color:#464A4F;
	font-size:24px;
}
.mobile-des p{
	font-size:18px;
	color:#888686;
	margin-top:30px;
}
.list1,.list2{
	position:absolute;
	left:8px;
	top:266px;
}
.list2{
	top:266px;
	display:none;
}
.list-arrow{
	position:absolute;
	right: 116px;
  	bottom: 235px;
}
.turn-left,.turn-right{
	width:43px;
	height:31px;
	background:url(../images/list-arrow.png) no-repeat;
	background-position:left top;
	background-size:104px; auto;
	opacity:0.5;
}
.turn-right{
	opacity:1;
	background-position:right top;
	margin-left:20px;
}
.runningman,.captain{
	position:absolute;
	left:0;
	bottom:70px;
	width:374px;
}
.captain.current{
	opacity: 1;
	animation:mymove 0.5s;
	-webkit-animation:mymove 0.5s;
	z-index:99;
}
@keyframes mymove
{
from {transform:scale(0.8);}
to {transform:scale(1);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {transform:scale(0.8);}
to {transform:scale(1);}
}
.runningman.current{
	opacity: 1;
	animation:myleft 0.5s;
	-webkit-animation:myleft 0.5s;
	z-index:99;
}
@keyframes myleft
{
from {left:-30px}
to {left:0}
}

@-webkit-keyframes myleft /*Safari and Chrome*/
{
from {left:-30px}
to {left:0}
}
.list-arrow a:hover{
	opacity:1;
}
@media screen and (min-width: 1440px) {  
	.blackWhite ul{
		position:absolute;
		width: 297px;
	    top: 96px;
	    left: 37px;
	}    
	.cp-topw .img-pro,.cp-topww .img-pro{
		width: 700px;
	}
	.list-arrow{
		right: 138px;
  		bottom: 146px;
	}
	.mobile-img{
	 	width:342px;
	 	height:678px;
	 	left:20px;
	 	background-size:342px auto;
	 }
	.mobile-img img{
		position: absolute;
		left: 18px;
		top: 64px;
		width: 311px;
	}
	.mobile-des{
		position:absolute;
		left: 335px;
  		top: 202px;
		width:774px;
		height:444px;
		padding:85px 100px 0 160px;
		background-size:774px auto;
		
	}
}

.upload-suc {
    background-color: #fafafa;
    border-radius: 6px;
    bottom: 0;
    box-sizing: border-box;
    height: 140px;
    left: 0;
    margin: auto;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 290px;
    z-index: -1;
}
.toabout{
	color:#b0b0b0;
	margin-top: 28px;
  	margin-left: -122px;
}
.tips-ling{
	position:absolute;
	right:156px;
	top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 59px;
    background:url(../images/ling.png) no-repeat center center;
    background-size:20px auto;
    cursor:pointer;
}
.tips-ling.current:after{
	content:'';
	position:absolute;
	right: 0;
	top: 20px;
    width: 8px;
    height: 8px;
	border-radius:50%;
	background-color:#fed100;
}
.tips-ling:hover{
	background:url(../images/lingy.png) no-repeat center center;
    background-size:20px auto;
}
.upload-quick{
	position:absolute;
	right:106px;
	top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    background:url(../images/upload-quick.png) no-repeat;
    background-size:20px auto;
    cursor:pointer;
}
/*page3轮播图*/
#form1 {
	
}
	#form1 input, #subscribe-form input {
		 border:1px solid #000;
		 border-radius:10px;
		 background:#CCC;
		 color:#333;
		 -moz-border-radius:10px;
		 -webkit-border-radius:10px;
		 font-size:12px;
		 line-height:1.2307em;
		 padding:5px 0 5px 10px;
		 width:200px;
		 outline:none;		 
		 box-shadow:none;
	}
	#form1 textarea {
		 border:1px solid #000;
		 border-radius:10px;
		 background:#CCC;
		 color:#333;
		 -moz-border-radius:10px;
		 -webkit-border-radius:10px;
		 font-size:12px;
		 line-height:1.2307em;
		 padding:5px 0 5px 10px;
		 width:300px;
		 height:100px;
		 overflow:auto;
		 outline:none;
	}
	#form1 label, #subscribe-form label {
		display:inline-block;
		min-height:30px;
	}
	#form1 .error, #form1 .empty {
		display:none;
		font-size:10px;
		color:#F00
	}
	#subscribe-form {
		position: relative;
	}
	#subscribe-form .error {
		display:block;
		overflow:hidden;
		height:0px;
		font-size:10px;
		color:#F00;
		
		-webkit-transition: all 0.3s ease-out; 
		-moz-transition: all 0.3s ease-out; 
		-o-transition: all 0.3s ease-out; 
		transition: all 0.3s ease-out;
	}
	#subscribe-form label.invalid .error {
		height:19px;
	}
	#subscribe-form .success {
		width:200px;
		border:1px solid #000;
		border-radius:10px;
		padding:10px 0 10px 10px;
		background:#CCC;
		color:#333;
		position:absolute;
		z-index:10;
		left:12px;
		top:5px;
	}
	.btns a{
		display:inline-block;
		padding:5px 10px;
		background:#000;
		margin-right:20px;
		text-decoration:none;
		color:#fff;
		border-radius:10px;
		-moz-border-radius:10px;
		 -webkit-border-radius:10px;
	}
		.btns a:hover {
			background:#333;
		}


/* Form defaults */
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
	}

/*==========================================*/

#search input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 15px 15px 15px 15px;
    font-size: 13px;
    height: 14px;
    line-height: 14px;
    outline: medium none;
    padding: 8px;
    width: 300px;
}

#search a {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 15px 15px 15px 15px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 7px;
    text-align: center;
    width: 80px;
}

#search a:hover {
				transition: all ease 0.5;
				-webkit-transition: all ease 0.5s;
				-o-transition: all ease 0.5;
				-moz-transition: all ease 0.5;
				-ms-transition: all ease 0.5;
				background:#000;
				color:#fff;
			}
			
.example {
    color: #CCCCCC;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    padding: 5px 0;
}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	}

.extra-wrap { 
	overflow:hidden;
	}
/*--------- slider ---------*/
#slide{
	width:504px;
	height:324px;
	position:relative;
	padding:6px;
	z-index:2;
	top:60px;
	right: -20%;
}
.inside{
	position:relative;
}
.gallery{
	width:564px;
	position:relative;
	z-index:2
}
.gallery li{
	position:absolute;
	left:0;
	top:0;
	display: none;
}
.left.btn,.right.btn{
	display:inline-block;
	margin-top:10px;
	width:32px;
}
.left.btn img,.right.btn img{
	width:22px;
	height:22px;
	cursor:pointer;
	
}
.pag{
	width:640px;
	margin:5px auto;
	position:absolute;
	z-index:1;
	top:0;
	left:-10%;
}
.img-pags{position:static;left:33px;z-index:1;display:block;}
.img-pags li{
	height:160px;
	width:160px;
	float:left;
}
.img-pags li a img{opacity:.6;}
.img-pags li a span{display:block;background:#000;}

.prev{
	display:block;
	position:absolute;
	z-index:15;
	bottom:35px;
	right:-62%;
	text-decoration:none;
	border:1px solid #DDD;
	padding:7px 11px 6px;
	text-shadow:0 1px 1px white;
	box-shadow:0 1px 1px #fff;
	font:bold 11px Sans-Serif;
	white-space:nowrap;
	vertical-align:middle;
	color:#666;
	background:transparent;
	cursor:pointer;
	border-color:#ddd;
	border-radius:3px;
	background:-webkit-linear-gradient(top, white, #E0E0E0);
	background:-moz-linear-gradient(top, white, #E0E0E0);
	background:-ms-linear-gradient(top, white, #E0E0E0);
	background:-o-linear-gradient(top, white, #E0E0E0);
	background:linear-gradient(top, white, #E0E0E0);
	-pie-background:linear-gradient(top, white, #E0E0E0);
	box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.prev:hover{color:#999}
.next{
	display:block;
	position:absolute;
	z-index:15;
	bottom:35px;
	right:-72%;
	text-decoration:none;
	border:1px solid #DDD;
	padding:7px 11px 6px;
	text-shadow:0 1px 1px white;
	box-shadow:0 1px 1px #fff;
	font:bold 11px Sans-Serif;
	white-space:nowrap;
	vertical-align:middle;
	color:#666;
	background:transparent;
	cursor:pointer;
	border-color:#ddd;
	border-radius:3px;
	background:-webkit-linear-gradient(top, white, #E0E0E0);
	background:-moz-linear-gradient(top, white, #E0E0E0);
	background:-ms-linear-gradient(top, white, #E0E0E0);
	background:-o-linear-gradient(top, white, #E0E0E0);
	background:linear-gradient(top, white, #E0E0E0);
	-pie-background:linear-gradient(top, white, #E0E0E0);
	box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}
.next:hover{
	color:#999
}

.button1{
	 left:0;
	top:35px;
	display:block;
	position:absolute;
	z-index:15;
	text-decoration:none;
	border:1px solid #DDD;
	padding:7px 11px 6px;
	text-shadow:0 1px 1px white;
	box-shadow:0 1px 1px #fff;
	font:bold 11px Sans-Serif;
	white-space:nowrap;
	vertical-align:middle;
	color:#666;
	background:transparent;
	cursor:pointer;
	border-color:#ddd;
	border-radius:3px;
	background:-webkit-linear-gradient(top, white, #E0E0E0);
	background:-moz-linear-gradient(top, white, #E0E0E0);
	background:-ms-linear-gradient(top, white, #E0E0E0);
	background:-o-linear-gradient(top, white, #E0E0E0);
	background:linear-gradient(top, white, #E0E0E0);
	-pie-background:linear-gradient(top, white, #E0E0E0);
	box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}

.button2{
	left:880px;
	top:35px;
	display:block;
	position:absolute;
	z-index:15;
	text-decoration:none;
	border:1px solid #DDD;
	padding:7px 11px 6px;
	text-shadow:0 1px 1px white;
	box-shadow:0 1px 1px #fff;
	font:bold 11px Sans-Serif;
	white-space:nowrap;
	vertical-align:middle;
	color:#666;
	background:transparent;
	cursor:pointer;
	border-color:#ddd;
	border-radius:3px;
	background:-webkit-linear-gradient(top, white, #E0E0E0);
	background:-moz-linear-gradient(top, white, #E0E0E0);
	background:-ms-linear-gradient(top, white, #E0E0E0);
	background:-o-linear-gradient(top, white, #E0E0E0);
	background:linear-gradient(top, white, #E0E0E0);
	-pie-background:linear-gradient(top, white, #E0E0E0);
	box-shadow:0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
}


.banner{
	width:260px;
	overflow:hidden;
	position:absolute;
	bottom:70px;
	color:#fff;
	left:30px;
	z-index:15;
	background:url(images/png.png) left top repeat;
	padding:0px;
	border-radius:10px 0 0 10px;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
}
.banner span{
	display:block;
	padding:20px 20px 20px 80px;
	background:url(../images/1group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao2{
	background:url(../images/2group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao3{
	background:url(../images/3group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao4{
	background:url(../images/4group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao5{
	background:url(../images/5group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao6{
	background:url(../images/6group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao7{
	background:url(../images/7group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao8{
	background:url(../images/8group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao9{
	background:url(../images/9group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao10{
	background:url(../images/10group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao11{
	background:url(../images/11group.png) no-repeat 30px center;
	background-size:42px auto;
}
.banner span.hao12{
	background:url(../images/12group.png) no-repeat 30px center;
	background-size:42px auto;
}



/*-------- end slider -----------*/
.page3-h{
	position: absolute;
    right: 0;
    top: 100px;
}
.page3-h h1{
	font-size: 58px;
	font-weight: 600;
	color: #333333;
	position: relative;
    z-index: 1;
}
.page3-h p{
	position: relative;
    z-index: 1;
	opacity: 0.2;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
}
.page3-h em{
	position: absolute;
    left: 52%;
    top: 28px;
    width: 116px;
    height: 116px;
    color: black;
    text-align: center;
    border-radius: 100px;
    /* -webkit-border-radius: 10px; */
    /* -moz-border-radius: 100px; */
    border: 6px #ffe079 solid;
    z-index: 0;
}