/*body.app-home-index{
	background: url('image/top.svg') fixed no-repeat;
    background-position: 0em 4.8em;
	background-size: 100% auto;
}*/
@media screen and (max-width: 1400px) { /*当屏幕尺寸小于1000px时，应用下面的CSS样式*/
/*	body.app-home-index{
	    background-position: 0em 48px;
	}
	#container.home-index{
	    padding-top: 1.1em;
	}*/
}

.indexTempContainer .bigShadow {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
.indexTempContainer {
	background: white;
	margin-top: -3em;
}
.indexTempContainer .panelWrapBig {
	width: 60% !important;
	margin: 0 auto;
}
.indexTempContainer .bannerTop {
	width: 100%;
	position: relative;
/*  background: url('image/top.svg') fixed no-repeat;
    background-size: 100% auto;
*/
    background-color: rgba(0,0,0,0.1);
}
.indexTempContainer .bannerTop .slogan {
	position: absolute;
	top: 35%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 20%;
    display: none;
}
.indexTempContainer .bannerTop .pop{
	background:url('image/airship.svg') no-repeat;
	background-size: 100% auto;
	width: 26em;
	height: 10.66em;
	position: absolute;
	left: 62%;
	top: 18%;
	transform:scale(0.8);
	cursor: pointer;
	opacity: 0.95;
}
.indexTempContainer .bannerTop .pop.right{
	/*transform:scale(-0.3,0.3);*/
}
.indexTempContainer .bannerTop .pop.reverse{
	transform:scaleX(-1);
	left: 10%;
}
.indexTempContainer .bannerTop .pop.reverse.first{
	left: -2%;
	top: 10%;
	transform:scale(-0.2,0.2);
	opacity: 0.5;
}
.indexTempContainer .bannerTop .pop.reverse.second{
	left: 18%;
	top: 22%;
	transform:scale(-0.5,0.5);
	opacity: 0.7;
}

.indexTempContainer .bannerTop .pop.reverse .text{
	transform:scaleX(-1);
}
.indexTempContainer .bannerTop .pop:hover{
	opacity: 1 !important;
}
.indexTempContainer .bannerTop .pop .text{
	position: absolute;
	width: 100%;
    top: 50%;
    margin-top: -2em;
    left: 4px;
}
.indexTempContainer .bannerTop button {
	position: absolute;
	top: 42%;
	right:20%;
	width: 10em;
    display: none;
}
.indexTempContainer .contentType {
	/*background-color: rgba(249, 249, 249, 0.99);*/
	background-color: white;
	z-index: 2;
	height: auto;
	padding: 5em 0em;
	padding-bottom: 7em
    box-sizing: border-box;
    /*min-height: 70em;*/
}
.indexTempContainer .contentType .sum {
	margin-top: 2em;
	margin-bottom: 10em;
}
.indexTempContainer .contentType .sum p {
	margin-top: 1.5em;
}
.indexTempContainer .contentType .sum img {
	width: 5em;
	height: auto;
}
.indexTempContainer .contentType .textArea {
	width: 46%;
	padding: 0em 2%;
	display: inline-block;	
	vertical-align: top;
}
.indexTempContainer .contentType .imageArea {
	width: 45%;
	padding: 0em 2%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}
.indexTempContainer .contentType .introPc .imageArea {
	text-align: left;
}
.indexTempContainer .contentType  .imageArea img {
	width: 27em;
	height: 46em;
/*	width: 32em;
    height: 54em;
*/	/*margin-left: 6em;*/
}
.indexTempContainer .contentType header {
	margin-bottom: 1em;
}
.indexTempContainer .contentType .smallTitle {
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}
.indexTempContainer .contentType .displayMargin {
	margin-top: 14em;
}
.indexTempContainer .introduction {
/*	background-color: #00BCD4;
	color: #D8DFB2;*/
	/*background-color: pink;*/
/*	background-color: rgb(241, 12, 73);
*/
	/*background-color: rgb(252, 228, 236);*/
	/*background-color: #2A2A2A;*/
	position: relative;
	overflow: hidden;
    width: 100%;
}

.indexTempContainer .introduction ul.introductionList{
    width: 100%;
    text-align: center;
    margin: 0em auto;
    display: block;
}
.indexTempContainer .introduction ul.introductionList > li{
    display: inline-block;
    width: 16em;
    height: 30em;
    margin: 2em 4em;
    vertical-align: top;
}
.indexTempContainer .introduction ul.introductionList li img{
    width: 16em;
    height: 16em;
    display: block;
    background-image: url(apps/pc/home/index/image/intro_1.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.indexTempContainer .introduction ul.introductionList li:nth-child(1) img{
    background-image: url(apps/pc/home/index/image/intro_2.svg);
}
.indexTempContainer .introduction ul.introductionList li:nth-child(3) img{
    background-image: url(apps/pc/home/index/image/intro_3.svg);
}

.indexTempContainer .introduction ul.introductionList ul li{
    list-style: outside disc;
    text-align: left;
    line-height: 1.5em;
    margin: 2em 0em;
    margin-left: 1em;
}
.indexTempContainer .introduction header{
    font-size: 3rem;
}

.indexTempContainer .bannar_1.contentType{
    width: 100%;
    background:url('image/bannar_1.png') no-repeat;
    background-size: 100% auto;
    padding: 0em;
    position: relative;
}
.indexTempContainer .bannar_1.contentType .content{
    position: absolute;
    left: 70%;
    top: 33%;
}
.indexTempContainer .bannar_2.contentType{
    width: 100%;
    background:url('image/bannar_2.png') no-repeat;
    background-size: 100% auto;
    padding: 0em;
    position: relative;
}
.indexTempContainer .bannar_2.contentType .content{
    position: absolute;
    left: 70%;
    top: 10%;
}
.indexTempContainer .bannar_2.contentType .content ul li,.indexTempContainer .bannar_1.contentType .content ul li{
    list-style-position: inside;
    margin-bottom: 1em;
}
.indexTempContainer .bannerSec {
	width: 100%;
	height: auto;
}
.indexTempContainer .bannerSec img {
	width: 100%;
	height: 100%;
	background: url('banar2.svg') center bottom;
	background-size: 100% auto;
	box-shadow: -5px 5px 20px rgba(0,0,0,0.56);
}
.indexTempContainer .controlIntro {
	padding-bottom: 0em;
	/*background-color: #c3e2c3;*/
	/*background-color: #073737;*/
	position: relative;
	/*overflow: hidden;*/
    margin-bottom: 7em;
    overflow-x: hidden;
}
.indexTempContainer .controlIntro .mobileEdit img {
    background:url('apps/pc/home/index/image/mobileEdit.png') no-repeat;
    background-size: 100% auto;
}
.indexTempContainer .controlIntro .pcEdit img {
    background:url('apps/pc/home/index/image/pcEdit.png') no-repeat;
    background-size: 100% auto;
}
.indexTempContainer .controlIntro .readMode img {
    background:url('apps/pc/home/index/image/readMode.png') no-repeat;
    background-size: 100% auto;
    margin-bottom: 7em;
}
.indexTempContainer .controlIntro .textArea,.indexTempContainer .controlIntro .introPc .imageArea {
    position: relative;
    top: 0em;
    left: -20em;
    opacity: 0;
}
.indexTempContainer .controlIntro .imageArea,.indexTempContainer .controlIntro .introPc .textArea {
    position: relative;
    top: 0em;
    left: 20em;
    opacity: 0;
}
.indexTempContainer .controlIntro p{
	margin-bottom: 2em;
	line-height: 1.5em;
}
.indexTempContainer .introPhone.slide .textArea, .indexTempContainer .introPhone.slide .imageArea {
    left: 0em;
    opacity: 1;
    transition: opacity 1.5s;
    transition: left 0.7s;
}
.indexTempContainer .introPc.slide .textArea, .indexTempContainer .introPc.slide .imageArea {
    left: 0em;
    opacity: 1;
    transition: opacity 1.5s;
    transition: left 0.7s;
}
.indexTempContainer .introThird.slide .textArea, .indexTempContainer .introThird.slide .imageArea {
    left: 0em;
    opacity: 1;
    transition: opacity 1.5s;
    transition: left 0.7s;
}
.indexTempContainer .controlIntro ul {
	width: 36em;
	margin: 0em auto;
	cursor: pointer;
	clear: both;
	overflow:hidden;
	margin-bottom: 8em;
	background-color: #E0ADAD;
    position: relative;
}
.indexTempContainer .controlIntro ul li {
	list-style: none;
	width: 12em;
	text-align: center;
	padding: 1em 0em;
	line-height: 1.5em;
	float: left;
    z-index: 10;
    position: relative;
}
.indexTempContainer .controlIntro ul li.selected {
	/*background-color: #E91E63;*/
	color: white;
}
.indexTempContainer .controlIntro .controlChoose .slideBg{
    width: 33.3%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0em;
    bottom: 0em;
    /*height: 0.4em;*/
}
.indexTempContainer .controlIntro .controlChoose li:nth-child(2).selected ~ .slideBg{
    left: 33.3%;
}
.indexTempContainer .controlIntro .controlChoose li:nth-child(3).selected ~ .slideBg{
    left: 66.7%;
}
.indexTempContainer .createPanel .imageArea img, .indexTempContainer .copyrightPanel .imageArea img{
	width: 90%;
}
.indexTempContainer .controlIntro .teamWork .imageArea img {
	width: 160%;
	margin-left: -10em;
}
.indexTempContainer .controlIntro .teamWork .textArea {
	position: relative;
	left: 10em;
}
.indexTempContainer .bannerThird img {
	width: 100%;
	height: 100%;
	background: url('halfwork.svg') center bottom;
	background-size: 100% auto;
	box-shadow: -5px 5px 20px rgba(0,0,0,0.56);
}
.indexTempContainer .aboutIntro {
	position: relative;
	overflow: hidden;
    /*background-color: #2A2A2A;*/
}
.indexTempContainer .aboutIntro .sum p {
	width: 60%;
	margin-left: 20%;
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail {
	margin: 0em 1.5%;
	transition: box-shadow 0.2s;
	background-color: white;
	opacity: 0.95;
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail:hover {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail img {
	width: 90%;
	margin: 1.5em auto;
	display: block;
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail header {
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail p {
	padding: 0em 5%;
	line-height: 1.5em;
	height: 4.5em;
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail button {
	width: 8em;
	margin-top: 2em;
	margin-bottom: 1.5em;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.indexTempContainer .aboutIntro .aboutDisplay .aboutDetail button:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.indexTempContainer .aboutIntro .splitLine {
	/*height: 0em;*/
	width: 97%;
	margin: 3em auto;
	margin-bottom: 6em;
	border-top: 1px solid #ccc;
 }
.indexTempContainer .aboutIntro .sum.lastSum {
	margin-bottom: 5em;
}
.indexTempContainer .aboutIntro .sum.lastSum button {
	width: 10em;
	margin-top: 2em;
}
.indexTempContainer .webFooter {
	background-color: #333333;
	color: #ccc;
	padding: 5em 0em;
}
.indexTempContainer .webFooter .option span {
	margin: 0.5em 2em;
	display: inline-block;
}



.indexTempContainer .topBar{
	height: 75px;
	line-height: 75px;
	width: 100%;
	position: static;
	list-style: none;
	z-index: 1000;
}
.indexTempContainer .topBar li{
	display: inline-block;
	padding: 0em 1.5em;
	vertical-align: top;
}
.indexTempContainer .topBar li a {
	text-decoration: none;
	color: white;
	display: block;
}
.indexTempContainer .topBar li.home{
}
.indexTempContainer .topBar li[opt]:hover,.topBar li.loginState .userNest:hover{
	background-color: #0087a7;
	cursor: pointer;
}
.indexTempContainer .topBar li.competition{
	color: #00BCD4;
	transition:background 0.4s ease-out;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQcAAAB4CAMAAADIdsc1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAC31BMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u4AAACIDrnfAAAA83RSTlMAEVoWGdYVb+EuJt9NWPFBNeqWS/hRUPPtBgU+/FcBfv5UPFkMrNACW1wh0UrgTF1S7+IN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") no-repeat center center;
	background-size: auto 90%;
}
.indexTempContainer .topBar li.loginState .userNest{
	display: inline-block;
	padding: 0em 0.3em;
}
.indexTempContainer .topBar li.loginState{
	width: 15em;
}
.indexTempContainer .topBar li.loginState.nonloginable span{
	padding: 0.2em 0.8em;
}
.indexTempContainer .topBar li.loginState.nonloginable span:hover{
	background-color: rgb(113, 201, 212) ;
	border-radius: 2px;
}
.indexTempContainer .topBar li.loginState.loginable .userIcon{
	width: 2em;
	height: 2em;
	border-radius: 50%;
	vertical-align: middle;
}
.indexTempContainer .topBar li.logo{
	/*width: 10em;*/
	margin-left: 2em;
	cursor: pointer;
	background-image: url("image/logo.png");
	background-repeat:  no-repeat;
	background-size: auto 80%;
	background-position: left center;
}