@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
.i8_banner{ background:url(../banner/top-banner.jpg) no-repeat center; background-size:135% 100%; /*! display:none; */}
.i8_banner a{display:block;  height:200px;}

.top-banner{position:fixed; top:0; left:0; width:100%; display:none; z-index:999; /*! visibility:hidden; */}
.top-banner span{font-size:20px;  position:absolute; top:5px; right:15px; color: #fff;}
.top-banner a img{/*! height:70px; */}
/*-------------*/
.DivMain01 {  background: url(../img/eighteen-mobile/div01-bg01.jpg) center right no-repeat #0f2320; padding: 20px 0 40px; color: #fff; }
.Navigate {  background:rgba(0,0,0,0.7); padding: 12px 0; }
.Navigate .Logo { width: 155px; float: left; }
.DivMain01 .Navigate ul {  padding: 12px 0 0 30px; display: block; float: left;  }
.DivMain01 .Navigate ul li { display: block; float: left; padding: 0 15px;  }
.DivMain01 .Navigate ul li a { color: #fff; }
.DivMain01 .Navigate ul li a:hover { color: #1fdaaf; text-decoration: none; }
.Navigate .Other {  width: 210px; float: right; }
.Navigate .Other ol { list-style:none; color:#FFF;  float:right; padding: 12px 0 0 0;}
.Navigate .Other ol li { display:block; width:100px; float:left; text-align:center;}
.Navigate .Other ol li a { color: #fff; }
.Navigate .Other ol li a:hover { color: #1fdaaf; text-decoration: none; }
.DivMain01 .Icon { padding: 20px 0 0; text-align: center; }
.DivMain01 h1 { text-align: center; font-size: 29px; padding: 20px 0;  }
.DivMain01 h1 em { display: block;  font-size: 17px; font-style: normal; padding: 15px 0 0;  }
.DivMain01 .Btn {  padding: 15px 0 0; text-align: center; }
.DivMain01 .Btn .More {  background:url(../img/divnav-arrow-eighteen.png) 220px 22px no-repeat #00a2ff; display: inline-block; width: 240px; height: 60px; padding: 0 40px 0 0;
	font-size: 29px; color: #fff; line-height: 60px; cursor: pointer; }
.DivMain01 .Btn .More:hover { background:url(../img/divnav-arrow-eighteen.png) 225px 22px no-repeat #12b6fe; }
.DivMain01 .lang { padding: 10px 0 0 30px;  }
.DivMain01 .lang img { margin: 0 15px 0 0; }
/* CSS Document */
.DivMain02 {  background: url(../img/eighteen-mobile/div02-bg01.jpg) top center repeat-x #133234; }
.DivMain02 ul { width: 90%; margin: 0 auto; padding: 30px 0; }
.DivMain02 ul li { display: block; width: 20%; min-height: 155px; float: left;  color: #fff; padding: 10px 0; font-size: 1.3em; text-align: center; }
.DivMain02 ul li em { display: block; font-style: normal;  padding: 15px 0 0;  }
.DivMain02 ul li a { color: #fff; text-decoration: none; }
/* CSS Document */
.DivMain03 {  background: url(../img/eighteen-mobile/div03-img01.jpg) top right no-repeat #edebec; }
.DivMain03 .Details { padding: 30px 0 60px; }
.DivMain03 .Logo { width: 70%; margin: 0 auto; padding: 10px 0; }
.DivMain03 h2 { color: #f65c57; font-size: 21px; text-align: center; padding: 30px 0; }
.DivMain03 .Top, .DivMain03 .Center, .DivMain03 .Bottom {  width: 95%; margin: 0 auto; padding: 15px 0; }
.DivMain03 .Top .Left { width: 32%;  background: #fff; height: 96px; border-top: 4px #ff325e solid; text-align: center; padding: 20px 0; float: left; }
.DivMain03 .Top .Left p, .DivMain03 .Bottom .Left p { padding: 20px 0 0; font-size: 17px; }
.DivMain03 .TopMargin { margin: 0 2%; }
.DivMain03 .Top .Right { width: 32%;  background: #fe583f; border-top: 4px #fe583f solid; padding: 20px 0; float: left; color: #fff; }
.DivMain03 .Top .Right p { padding: 0 0 0 15%; }

.DivMain03 .Center .Left {  width: 23%; background: #fff; text-align: center; padding: 10px 0; float: left;  }
.DivMain03 .CenMargin { margin: 0 2.5% 0 0; }

.DivMain03 .Bottom .Left { width: 32%;  background: #fff;  text-align: center; padding: 20px 0; float: left; }
.DivMain03 p { padding: 10px 2.5%; }
.DivMain03 ul {  padding: 20px 0 0 2.5%; }
.DivMain03 ul li { padding: 4px 0 4px 23px; background: url(../img/div03-icon02-eighteen.png) left center no-repeat; }
/* CSS Document */
.DivMainLast-06 {  padding: 30px 0 ;  }
.DivMainLast-06 .Left {  width: 100%; text-align: center; padding: 40px 0 0; }
.DivMainLast-06 .Right { width: 100%; }
.DivMainLast-06 .Text { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #dbdfe3; }
.DivMainLast-06 .Text h4 { font-size: 17px; }
.DivMainLast-06 .Right .List ul {  }
.DivMainLast-06 .Right .List ul li { padding: 5px 0 5px 25px; }
.DivMainLast-06 .Right .List ul li:nth-child(1) { background: url(../img/divlast06-win-eighteen.png) left center no-repeat; }
.DivMainLast-06 .Right .List ul li:nth-child(2) { background: url(../img/divlast06-mac-eighteen.png) left center no-repeat; }
.DivMainLast-06 .Right .List ul li:nth-child(2) a { color: #30c8aa; }
.DivMainLast-06 .Right .List ul li:nth-child(2) a:hover { color: #f60; }
/* CSS Document */
.DivMainLast-04 {  padding: 60px 0;  }
.DivMainLast-04 h3, .DivMainLast-06 h3  { font-size: 31px; text-align: center; padding: 20px 0 0; line-height: 36px; }
.DivMainLast-04 h3 em, .DivMainLast-06 h3 em { font-size: 17px; display: block; color: #ff5855; padding: 20px 0 0; font-style: normal; }
.DivMainLast-04 .Img {  text-align: center;  padding: 20px 0; }
.DivMainLast-04 .Right { width: 100%; padding: 20px 0 0; }
.DivMainLast-04 .Right p, .DivMainLast-06 .Right p { line-height: 30px; padding: 10px 0 0; }
.DivMainLast-04 .Right .List, .DivMainLast-06 .Right .List { border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	background: #f7fbff; padding: 15px; margin: 30px 0 0; }
.DivMainLast-04 .Right .List ul {  font-size: 13px; }
.DivMainLast-04 .Right .List ul li { background: url(../img/divlast04-iocn-eighteen.png) left center no-repeat; padding: 2px 0 2px 20px;
	display: block; float: left;  width: 40%; }
.DivMainLast-04 .Right .push { padding: 40px 0 0; text-align: center; }
.DivMainLast-04 .Right .push .Btn { width: 210px; height: 60px;  padding: 0 40px 0 0;
	text-align: center; border-radius: 50px;
	font-weight: 800; cursor: pointer; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: #fff; font-size: 21px;
	line-height: 60px; display: inline-block; }
.DivMainLast-04 .Right .push .Win { background:url(../img/divlast04-win-eighteen.png) 200px 15px no-repeat #00a2ff; }
.DivMainLast-04 .Right .push .Win:hover {
	background:url(../img/divlast04-win-eighteen.png) 200px 15px no-repeat #12b6fe; }
.DivMainLast-04 .Right .push .mac {
	background:url(../img/divlast04-mac-eighteen.png) 200px 15px no-repeat #1ad4a3; margin: 0 0 0 60px; }
.DivMainLast-04 .Right .push .mac:hover {
	background:url(../img/divlast04-mac-eighteen.png) 200px 15px no-repeat #2de0b8; }

/* CSS Document */
.DivMain09 {  background: url(../img/div-last03-bg.jpg) center no-repeat; color: #fff;  }
.DivMain09 h3 { font-size: 31px; text-align: center; padding: 30px 0 0; }
.DivMain09 h3 em { font-size: 17px; display: block; color: #ff5855; padding: 20px 0 0; font-style: normal; }
.DivMain09 p { padding: 25px 50px 35px; line-height: 28px; }
/* CSS Document */

.DivMain10 {  background: url(../img/eighteen-mobile/div10-bg01.jpg) center bottom no-repeat; padding: 30px 0; }
.DivMain10 h3 { font-size: 31px; text-align: center; padding: 30px 0 0; }
.DivMain10 h3 em { font-size: 17px; display: block; color: #ff5855; padding: 20px 0 0; font-style: normal; }
.DivMain10 p { padding: 25px 50px 30px;  line-height: 28px;}
.DivMain10 .Img {  text-align: center; }

/* CSS Document */

.DivMain11 {  margin: 30px 0 0; }
.DivMain11 .Left {  background: url(../img/eighteen-mobile/div11-bg01.jpg) left center no-repeat; width: calc(50% - 40px); float: left; padding: 30px 20px; color: #fff; }
.DivMain11 .Left p {  }
.DivMain11 .Left h3, .DivMain11 .Right h3 { font-size: 35px; font-weight: 800; text-align: center; padding: 20px; }
.DivMain11 .Right {  background: url(../img/eighteen-mobile/div11-bg02.jpg) right center no-repeat; width: calc(50% - 40px); float: left; padding: 30px 20px; }
/* CSS Document */
.DivMain12 { padding: 30px 0; }
.DivMain12 .left {  width: 45%; float: left; color: #666; }
.DivMain12 .left h4 { font-size: 23px; padding:15px 0 0; }
.DivMain12 .left .Share { padding: 15px 0 0; }
.DivMain12 .left p { padding: 15px 0 0; }
.DivMain12 .left p em { display: block; font-style: normal; padding-bottom: 20px; }
.DivMain12 .left .Recommend { border-top: 1px solid #e1eaf5; width: 95%; margin: 0 auto; }
.DivMain12 .left .Recommend h4 { padding: 35px 0 0; }
.DivMain12 .left .Recommend .Col01 {  width: 50%; float: left;  }
.DivMain12 .left .Recommend .Col01 .Btn { padding: 15px 0 0; }
.DivMain12 .left .Recommend .Col01 .Btn a { text-decoration: none; }
.DivMain12 .left .Recommend .Col01 .Btn .softbtn {  font-size: 13px; cursor: pointer;  width: 165px; padding: 0 20px 0 0; height: 30px;
	background:url(../img/divlast-icon-eighteen.png) 165px 10px no-repeat #eef9ff; color: #00a2ff;  text-align: center; line-height: 30px;  }
.DivMain12 .left .Recommend .Col01 .Btn .softbtn:hover { background:url(../img/divlast-icon-eighteen.png) 165px 10px no-repeat #cdecfd; }
.DivMain12 .left .Recommend .Col01 ul { font-size: 13px; padding: 10px 0 0;  }
.DivMain12 .left .Recommend .Col01 ul li {  background: url(../img/divlast-icon02-eighteen.png) center left no-repeat; padding: 2px 0 2px 15px; }
.DivMain12 .left .Recommend .Col01 h6 {  display: block; width: 40%; padding: 10px 0 0; text-align: center; font-size: 13px; float: left; }
.DivMain12 .left .Recommend .Col01 h6 em { display: block; padding: 10px 0 0;  font-style: normal; }
.DivMain12 .left .Recommend .Col01 h6 .a1 { color: #1fdaaf;  }
/* CSS Document */
.DivMain12 .Right { width: 55%; float: right;  }
.DivMain12 .Right h4 { font-size: 23px; padding:15px 0 0; }
.DivMain12 .Right h4 em { display: inline-block; width: 40px; height: 23px; background: url(../img/divlast-rig06-eighteen.png) no-repeat; color: #fff; font-size: 14px;
	font-style: normal; text-align:center; line-height: 17px; margin: 0 0 0 5px; }
.DivMain12 .Right ul { color: #666; padding: 15px 0 0; }
.DivMain12 .Right ul li { padding: 20px 0 0 50px;  }
.DivMain12 .Right ul li:nth-child(1) { background: url(../img/divlast-rig05-eighteen.png) left 25px no-repeat; }
.DivMain12 .Right ul li:nth-child(2) { background: url(../img/divlast-rig04-eighteen.png) left 25px no-repeat; }
.DivMain12 .Right ul li:nth-child(3) { background: url(../img/divlast-rig03-eighteen.png) left 25px no-repeat; }
.DivMain12 .Right ul li a { text-decoration: underline; color: #333; }
.DivMain12 .Right .Margin_top { margin: 60px 0 0; }


@media  (max-width: 979px) {



}

@media  (max-width: 767px) {

.DivMain02 ul li {  width: 25%; }

.DivMain03 .Top .Left { width: 44%;  }
.DivMain03 .Top .Right { width: 44%;  margin: 20px 0 0; }
.DivMain03 .Center .Left {  width: 44%;  margin: 10px 2% 0 0; }
.DivMain03 .CenMargin { margin: 0 2.5% 0 0; }
.DivMain03 .Bottom .Left { width: 44%;   }

.DivMainLast-04 .Right .push a { text-decoration: none; }
.DivMainLast-04 .Right .push .Btn { display: block; margin: 0 auto; }
.DivMainLast-04 .Right .push .mac {
	background:url(../img/divlast04-mac-eighteen.png) 200px 15px no-repeat #1ad4a3; margin: 20px auto 0; }

.DivMainLast-04 h3, .DivMainLast-06 h3  { font-size: 25px;  padding: 20px 0 0; }

.DivMain09 h3 { font-size: 25px; padding: 20px 0 0; }

.DivMain10 h3 { font-size: 23px; text-align: center; padding: 30px 0 0; }
.DivMain10 p { padding: 15px 20px 20px; }

.DivMain11 .Left, .DivMain11 .Right { width: 100%; float: none; margin: 0 auto; padding: 5%; width: 90%;  }
/* CSS Document */
.DivMain12 .left, .DivMain12 .Right {  width: 100%; float: none; margin: 0 auto; color: #666; padding: 20px 0; }
/* CSS Document */

}

@media  (max-width: 479px) {

.DivMain02 ul li {  width: 33%; }

.DivMain03 .Top .Left { width: 90%; margin: 10px auto 0;  }
.DivMain03 .Top .Right { width: 90%;  margin: 20px auto 0; }
.DivMain03 .Center .Left {  width: 90%;  margin: 10px auto; }
.DivMain03 .CenMargin { margin: 0 }
.DivMain03 .Bottom .Left { width: 90%;  margin: 10px auto 0;  }

.DivMainLast-04 h3, .DivMainLast-06 h3  { font-size: 21px;  padding: 15px 0 0; }

.DivMain09 h3 { font-size: 19px; padding: 15px 0 0; }
.DivMain09 p { padding: 25px 20px 25px; line-height: 28px; }

.DivMain10 h3 { font-size: 19px;  }
.DivMain10 h3 em { font-size: 15px;  }
.DivMain10 p { padding: 15px 20px 20px; }

.DivMainLast-04 .Right .List ul li {  width: 100%; }

.topResult{height:auto; background-size:500% 100%;}
.topResult ul{ width:95%; font-size:15px; line-height:30px; padding:220px 0 20px;}

}