.scrollbar::-webkit-scrollbar,body::-webkit-scrollbar {
	width: 8px;
	height: 5px
}

.scrollbar::-webkit-scrollbar-button:vertical,body::-webkit-scrollbar-button:horizontal,body::-webkit-scrollbar-button:vertical {
	display: none
}

.scrollbar::-webkit-scrollbar-thumb:vertical,body::-webkit-scrollbar-thumb:horizontal,body::-webkit-scrollbar-thumb:vertical {
	border: 2px solid transparent;
	background-color: rgba(0,0,0,.2);
	background-clip: padding-box
}

.scrollbar::-webkit-scrollbar-thumb:vertical:hover,body::-webkit-scrollbar-thumb:horizontal:hover,body::-webkit-scrollbar-thumb:vertical:hover {
	border: 1px solid transparent;
	background-color: #333b51
}

.scrollbar::-webkit-scrollbar-corner {
	overflow: hidden
}

body {
	font-size: 12px;
	font-family: 'SF Pro Display', Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
	color: #000;
	background: #edf1f7;
	overflow-x: hidden;
	-webkit-font-smoothing: subpixel-antialiased
}

body,h1,h2,h3,h4,html,li,ol,p,ul {
	margin: 0;
	padding: 0
}

h1,h2,h3,h4 {
	font-weight: 400
}

a {
	text-decoration: none;
	color: #333
}

a:hover {
	color: #666
}

img {
	padding: 0;
	border: 0;
	vertical-align: top
}

li {
	list-style: none
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	_height: 1%
}

.textover {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.left {
	float: left
}

.right {
	float: right
}

.block {
	display: block
}

.hide {
	display: none
}

.inblock {
	display: inline-block
}

.wblock {
	display: block;
	position: relative
}

.wblock,.wh {
	width: 100%;
	height: 100%
}

.over-hidden {
	overflow: hidden
}

.no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.wrapper {
	min-width: 1230px
}

.mcon {
	width: 1200px;
	margin: 0 auto
}

.header {
	height: 83px;
	background: #fff
}

.header .logo-box {
	padding-left: 50px;
	height: 50px;
	margin-top: 15px;
	background: url(../img/logo.png) no-repeat 0
}

.header .logo-box .name {
	font-size: 16px;
	line-height: 22px;
	margin-top: 5px
}

.header .logo-box .desc {
	color: #888;
	line-height: 16px
}

.header .tion-box {
	width: 150px;
	margin-top: 20px;
	text-align: right
}

.header .tion-box .ticon {
	display: inline-block;
	padding-top: 24px;
	width: 40px;
	height: 24px;
	margin-left: 22px;
	line-height: 24px;
	color: #6e747e;
	text-align: center
}

.header .tion-box .ticon-phone {
	background: url(../img/phone.png) no-repeat center -3px;
	background-size: 30px 30px
}

.header .tion-box .ticon-pc {
	background: url(../img/pc.png) no-repeat center -3px;
	background-size: 30px 30px
}

.header .tion-box .ticon-widgets {
	background: url(../img/widgets.png) no-repeat center 0px;
	background-size: 30px 30px
}

.footer {
	text-align: center;
	line-height: 26px;
	margin: 50px auto;
	color: #8a8c90
}

.btn-download {
	width: 233px;
	line-height: 66px;
	border: 1px solid #3ace72;
	font-size: 16px;
	font-size: 25px
}

.btn-download,.btn-download:link,.btn-download:visited {
	background: #3ace72;
	color: #fff
}

.btn-download:hover {
	background: #52ed9a;
	color: #fff;
	border-color: #52ed9a
}

.btn-download:active {
	background: #39ca7d;
	color: #fff;
	border-color: #39ca7d
}

.btn-download i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 24px;
	height: 24px;
	line-height: 64px;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 3px;
	background: url(../img/down.png) no-repeat 50%
}

.tbr-bigbox {
	position: relative;
	width: 100%;
	height: 610px
}

.tbr-bigbox .cslide-box {
	overflow: hidden;
	width: 100%;
	height: 610px;
	position: absolute;
	left: 0
}

.cslide-box .slide-item,.tbr-bigbox {
	overflow: hidden;
	width: 100%;
	text-align: center
}

.cslide-box .slide-item {
	width: 100%;
	height: 610px;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 1920px auto
}

.cslide-box .slide-item .btn-box {
	position: absolute;
	width: 1200px;
	left: 50%;
	top: 0;
	bottom: 0;
	margin-left: -600px
}

.cslide-box .slide-item .down-box {
	position: absolute;
	top: 321px;
	right: 0;
	width: 530px
}

.cslide-box .slide-item .down-box .btn-download {
	display: block;
	margin-right: 30px
}

.cslide-box .slide-item .down-box .btn-appstore {
	background: #fff;
	border-color: #fff;
	color: #333
}

.cslide-box .slide-item .down-box .btn-appstore i {
	background: url(../img/mac.png) no-repeat 100%;
	width: 33px;
	height: 33px;
	background-size: 32px auto
}

.cslide-box .slide-item .down-box .btn-appstore:hover {
	background: #f0f0f0;
	border-color: #f0f0f0
}

.cslide-box .slide-item .down-box .btn-appstore:active {
	background: #e0e0e0;
	border-color: #e0e0e0
}

.cslide-box .slide-item .down-box .desc {
	line-height: 42px;
	color: #bbd3ef;
	color: hsla(0,0%,100%,.7);
	font-size: 14px;
	text-align: left
}

.tbr-bigbox .btn-autodown {
	position: absolute;
	border: 1px solid #049d00;
	right: 10px;
	bottom: 10px;
	width: 98px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	background: #05c400;
	color: #fff;
	font-size: 14px
}

.tbr-bigbox .btn-autodown:hover {
	background: #00c249;
	color: #fff
}

.tbr-bigbox .btn-autodown:active {
	background: #239c51;
	color: #fff
}

.tbr-bigbox-flag {
	overflow: hidden;
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 30px;
	text-align: center
}

.tbr-bigbox-flag li {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 6px;
	background: hsla(0,0%,100%,.5);
	display: inline-block
}

.tbr-bigbox-flag .cur {
	background: #fff
}

.content {
	margin-bottom: 20px;
	width: 1230px;
	padding-top: 8px
}

.content .slist {
	margin-top: 10px
}

.content .title-box {
	line-height: 44px;
	margin-top: 15px;
	font-size: 1.5em;
	color: #3c4f6b;
	cursor: default;
	padding-left: 3px
}

.content .title-more {
	margin-top: 38px
}

.content .sitem {
	float: left;
	width: 610px;
	height: 80px;
	overflow: hidden;
	padding: 40px 0;
	margin: 0 10px 10px 0;
	background: #fff;
	position: relative;
	cursor: default
}

.content .sitemInfo {
	font-size: 1.3em;;
    line-height: 1.7em;
    color: #939393;	
	float: left;
	width: 1150px;
	overflow: hidden;
	padding: 40px 40px;
	margin: 0 10px 10px 0;
	background: #fff;
	position: relative;
	cursor: default
}

.content .nomgi,.content .sitem-even {
	margin-right: 0
}

.content .sitem .logo {
	width: 80px;
	height: 80px;
	margin-left: 35px;
	text-align: center
}

.content .sitem .logo img {
	width: 100%;
	height: 100%
}

.content .sitem .info {
	height: 95px;
	padding: 0 17px;
	position: relative;
	overflow: hidden
}

.content .sitem .info .topbox {
	line-height: 38px;
	margin-top: 10px;
	color: #202020
}

.content .sitem .info .topbox .title {
	font-size: 20px
}

.content .sitem .info .topbox .time {
	font-size: 14px;
	margin-left: 20px
}

.content .sitem .info .desc {
	font-size: 12px;
	color: #a4a4a4;
	line-height: 22px
}

.content .sitem .btns {
	margin-right: 27px
}

.content .sitem .btn-download {
	display: block;
	margin-top: 24px;
	line-height: 34px;
	border: 1px solid #3ace72;
	background: #3ace72;
	color: #fff;
	width: 109px;
	text-align: center;
	font-size: 14px
}

.content .sitem .btn-appstore {
	background: #fff;
	color: #28b96c;
	border-color: #42da89
}

.content .sitem .btns2 .btn-download {
	margin-top: 5px
}

.content .sitem .btn-appstore i {
	background: url(../img/mac2.png) no-repeat 100%;
	background-size: 24px auto;
	margin-right: 0;
	margin-bottom: 3px
}

.content .sitem .btn-googleplay {
	background: #fff;
	color: #28b96c;
	border-color: #42da89
}

.content .sitem .btn-googleplay i {
	background: url(../img/googleplay.png) no-repeat 100%;
	background-size: 24px auto;
	margin-right: 0;
	margin-bottom: 3px
}

.content .sitem .btn-download:hover {
	background: #4ae484;
	border-color: #4ae484
}

.content .sitem .btn-download:active {
	background: #24be5e;
	border-color: #24be5e
}

.content .sitem .btn-appstore:hover {
	background: #42da89;
	color: #fff
}

.content .sitem .btn-appstore:active i,.content .sitem .btn-appstore:hover i {
	background: url(../img/mac3.png) no-repeat 100%;
	background-size: 24px auto
}

.content .sitem .btn-appstore:active {
	background: #24be5e;
	border-color: #24be5e;
	color: #fff
}

.content .s-wait .icon {
	height: 50px;
	padding: 0;
	margin-top: 52px;
	background: url(../img/wait.png) no-repeat center 8px;
	height: 62px
}

.content .s-wait .icon img {
	width: 65px;
	height: 45px
}

.content .s-wait .text {
	text-align: center;
	line-height: 30px;
	color: #a8aeb9;
	font-size: 14px
}

.banner-item:hover .btn-download {
	display: block
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
	.header .logo-box {
		background: url(../img/logo2.png) no-repeat 0;
		background-size: 32px 32px
	}

	.btn-download i {
		background: url(../img/down2.png) no-repeat 50%;
		background-size: 24px 24px
	}

	.content .s-wait .icon {
		background: url(../img/wait2.png) no-repeat center 8px;
		background-size: 62px 62px
	}
}

.slide-pcmgr {
	background-image: url(../img/show1.png);
	background-color: #3270b0
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
	.slide-pcmgr {
		background-image: url(../img/show1_2.png);
		background-size: 1920px auto
	}
}

.clearfix .history h4 {
	color: #3C4F6B;
    font-size: 1.25em;
    letter-spacing: -1px;
    font-weight: 400;
    padding: 0;
    margin: 0;
    display: block;
    margin-block-start: 0.2em;
    margin-block-end: 0.2em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;    
}

.clearfix .history h4 span {
	margin-left: 10px;
    font-size: 0.6em;
    color: #a3a3a3;
}

.clearfix .history li {
    font-size: 1em;
    line-height: 1.45em;
    color: #939393;
    padding: 0;
    margin: 0;    
}

.clearfix .history ul {
	margin-bottom: 50px; 
}