@charset "utf-8";
body {margin:0 auto; padding:0; background-color:#F9F9F9; position:relative;}/* */
body,html{ padding-top:0px; overflow-x:hidden;}
* {font-size:15px; line-height:25px; color:#606060; font-family:'微软雅黑';}
*:focus {outline:none;}
img { border:0px;}
ul {margin:0px; *margin-left:0px; margin-left:-40px;}
li {list-style-type:none;}
a { outline:none; outline:0;text-decoration:none;outline-style:none;}
a:link {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* */
a:visited {font-size: 14px;color: #858585;text-decoration: none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
a:hover {font-size: 14px;color:#0774F2;text-decoration:none; transition:color 0.3s linear;}/* transition:color 0.3s linear;*/
p { margin:0px; padding:0px;}
form { margin:0px; padding:0px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea { -webkit-appearance: none;}
*{-webkit-tap-highlight-color: transparent;}

.top { width:100%; overflow:hidden; text-align:center; position:fixed; z-index:30; background-color:#000; padding:10px 0px; top:0;}
.top .topinfo { margin:0 auto; width:75%; overflow:hidden; display:flex; justify-content:space-between;}
.top .topinfo .logo { width:30%; text-align:left;}
.top .topinfo .logo img { width:57.6%; height:auto;}
.top .topinfo .sellang { width:30%; text-align:right;}
.top .topinfo .sellang a { display:inline-block; margin-top:18px; border-radius:5px; font-size:18px; line-height:25px; padding:5px 10px; color:#fff; text-decoration:none; background-color:#FA2828;}

.banner { width:100%; height:28vw; overflow:hidden; margin-top:0px; z-index:10; background:url(../images/topimg.jpg) no-repeat center top; background-size:100% 130%;}
.banner .bninfo { margin:0 auto; width:74%; overflow:hidden; margin-top:140px;}
.banner .bninfo .bigname { width:100%; text-align:left; font-size:40px; color:#fff; line-height:45px; font-weight:bold;}
.banner .bninfo .smallnote { width:100%; margin-top:30px; text-align:left; font-size:20px; color:#fff; line-height:30px; font-weight:bold;}
.banner .bnlinks { display:none; width:100%; text-align:center; overflow:hidden; margin-top:80px;}
.banner .bnlinks a { display:inline-block; width:18%; height:80px; overflow:hidden; transition:.3s; margin-left:10px; margin-right:10px; background-color:#5F57FD; border-radius:10px;}
.banner .bnlinks a:hover { background-color:#362CFF;}
.banner .bnlinks a span { display:inline-block; width:auto; margin-left:6px; color:#fff; font-size:0.9vw; font-weight:bold; line-height:80px;}
.banner .bnlinks a img { width:20px; height:20px; margin-left:6px; margin-bottom:-3px;}

.platforms { width:100%; background-color:#000; margin-top:0px; padding:50px 0px; padding-bottom:60px; border-top:1px solid #333;}
.platforms .title { margin:0 auto; width:75%; text-align:center; font-size:35px; font-weight:bold; color:#fff; line-height:40px;}
.platforms .lists { display:none; margin:0 auto; width:75%; margin-top:50px; overflow:hidden;}
.platforms .lists ul { width:100%;}
.platforms .lists ul a { display:block; float:left; width:14.285%; text-align:center; font-size:16px; color:#fff; line-height:25px; margin-bottom:30px;}
.platforms .lists ul a img { width:80px; height:80px; margin-bottom:15px;}

.pagemain { display:none; margin:0 auto; width:75%; overflow:hidden; margin-top:40px; margin-bottom:100px;}
.pagemain .datas { width:calc(100%-2px); border:1px solid #CFCFCF; border-radius:20px; background-color:#fff; position:relative; overflow:hidden; margin-bottom:15px;}
.pagemain .datas .inum { position:absolute; left:0; top:0; border-radius:20px 0 10px 0; width:45px; height:40px; background-color:#EBEBEB; font-size:16px; font-weight:bold; color:#000; line-height:40px; text-align:center;}
.pagemain .datas .infos { margin:0 auto; width:95%; padding:45px 0; display:flex; justify-content:space-between; align-items:center;}
.pagemain .datas .infos .linfo { width:20%; margin-left:2%; text-align:center;}
.pagemain .datas .infos .minfo { width:53%; text-align:center;}
.pagemain .datas .infos .rinfo { width:25%; text-align:center;}
.pagemain .datas .infos .linfo .slogo { width:100%; text-align:center;}
.pagemain .datas .infos .linfo .slogo img { width:100%; height:auto;}
.pagemain .datas .infos .linfo .name { width:100%; margin-top:3px; text-align:center; font-size:18px; color:#8E8E8E; font-weight:bold;}
.pagemain .datas .infos .linfo .stars { width:100%; margin-top:3px; text-align:center; font-size:30px; line-height:30px; color:#FFC42B;}
.pagemain .datas .infos .linfo .notes { margin:0 auto; width:90%; margin-top:10px; text-align:center; font-size:16px; color:#8E8E8E;}
.pagemain .datas .infos .minfo .stitle { width:100%; text-align:center; line-height:30px; font-weight:bold; font-size:21px; color:#414141;}
.pagemain .datas .infos .minfo .stitle:hover { color:#000;}
.pagemain .datas .infos .minfo .notes { width:100%; margin-top:20px; text-align:center; font-size:18px; color:#8E8E8E;}
.pagemain .datas .infos .rinfo .sbt { display:block; margin:0 auto; transition:.3s; width:100%; background-color:#FF6B00; line-height:70px; border-radius:10px; font-size:18px; color:#000; font-weight:bold;}
.pagemain .datas .infos .rinfo .sbt:hover { background-color:#FF5421;}
.pagemain .datas .infos .rinfo .cards { width:100%; margin-top:20px;}

.footer { width:100%; padding:30px 0px; overflow:hidden; text-align:center; background-color:#131313; color:#fff; font-size:15px; line-height:25px;}

@media screen and (max-width:750px){
	.top { padding:8px 0px; top:0;}
	.top .topinfo { width:95%;}
	.top .topinfo .logo { width:50%;}
	.top .topinfo .logo img { width:80%;}
	.top .topinfo .sellang { width:50%;}
	.top .topinfo .sellang a { margin-top:6px; font-size:15px;}
	
	.banner { width:100%; height:150vw; background:url(../images/topimg.jpg) no-repeat center top; background-size:300% 100%;}
	.banner .bninfo { width:90%; margin-top:22vw;}
	.banner .bninfo .bigname { font-size:7vw; line-height:7.5vw; text-align:center;}
	.banner .bninfo .smallnote { margin-top:5vw; font-size:4.2vw; line-height:7vw; text-align:center;}
	.banner .bnlinks { margin-top:8vw;}
	.banner .bnlinks a { display:inherit; width:90%; height:10vw; margin-left:auto; margin-right:auto; margin-bottom:3vw; border-radius:2vw;}
	.banner .bnlinks a span { font-size:3.8vw; line-height:10vw; margin-left:6px;}
	.banner .bnlinks a img { width:3.8vw; height:3.8vw; margin-left:6px; margin-bottom:-3px;}
	
	.platforms { padding:8vw 0px; padding-bottom:5vw;}
	.platforms .title { width:90%; font-size:6vw; line-height:6.5vw;}
	.platforms .lists { width:90%; margin-top:8vw;}
	.platforms .lists ul { width:100%;}
	.platforms .lists ul a { width:33.3333%; font-size:3.5vw; line-height:6vw; margin-bottom:5vw;}
	.platforms .lists ul a img { width:16vw; height:16vw; margin-bottom:2vw;}
	
	.pagemain { width:95%; margin-top:30px; margin-bottom:40px;}
	.pagemain .datas .infos { padding:30px 0; display:inherit;}
	.pagemain .datas .infos .linfo { margin:0 auto; width:80%; margin-left:auto;}
	.pagemain .datas .infos .minfo { margin:0 auto; width:80%; margin-top:20px;}
	.pagemain .datas .infos .rinfo { margin:0 auto; width:100%; margin-top:20px;}
	.pagemain .datas .infos .linfo .slogo { width:100%; text-align:center;}
	.pagemain .datas .infos .linfo .slogo img { width:80%; height:auto;}
	.pagemain .datas .infos .linfo .notes { width:100%; margin-top:10px;font-size:16px;}
	.pagemain .datas .infos .minfo .notes { font-size:16px;}
	.pagemain .datas .infos .rinfo .sbt { line-height:60px;}
	
	.footer { padding:20px 0px; font-size:15px; line-height:25px;}
}