@charset "UTF-8";
/* banner&下载信息 */
header .top-welcome {background: url("../images/banner.png") center bottom;color: #ffffff;margin: 3px 0;height: 720px;min-width:1200px;}
header .top-welcome .upload {width: 1200px;padding-top:168px;display: inline-block;}
header .top-welcome .title {font-size: 48px;text-align:left;margin-bottom:18px;}
header .top-welcome .title font {color:#f4fc2c;}
header .top-welcome .desc {text-align:left;font-size: 28px;line-height: 40px;letter-spacing: 1px;color: #ffffff;}
header .top-welcome .subtitle {text-align:left;padding:12px 0 72px 0;font-size: 16px;line-height: 24px;letter-spacing: 1px;color: #ffffff;}
header .top-welcome .down-bg {width: 275px;height: 70px;font-size: 30px;line-height: 70px;color: #1ec456;letter-spacing: 2px;background-color: #fcfd1c;box-shadow: 0px 1px 4px 0px rgba(0, 68, 23, 0.29);border-radius: 35px;display:inline-grid;}
header .top-welcome .down-sm {clear:both;float:left;text-align:left;}
header .top-welcome .down-sm a {width: 93px;text-align:center;font-size: 16px;line-height: 33px;letter-spacing: 1px;color: #ffffff;margin-top: 6px;}
header .top-welcome .down-sm .offset {margin-left:36px}
header .top-welcome .down-sm .vertical {width: 1px;height: 12px;display: inline-block;background-color: #87dca3;}
header .top-welcome .down-sm span {display:block;font-size: 14px;line-height: 30px;letter-spacing: 1px;color: #c6ead2;}

/* 分类 */
.classify {margin: 75px auto;text-align: center;width: 1200px;height: 459px;}
.classify .spacing {margin-left: -28px;}
.classify .title {width: 240px;height: 38px;font-size: 38px;line-height: 30px;letter-spacing: 2px;color: #1a1a1a;display:inline-block;}
.classify .title font {font-size: 38px;letter-spacing: 2px;color: #1ec456;}
.classify ul {list-style: none; }
.classify ul li {display: inline-block;float:left;margin:-64px 5px auto;}
.classify ul li .links {margin-top: 5px;position: relative;top: 96px;}
.classify ul li .text {float: left;width:400px;height:302px;background: url("../images/classify-bg.png") center bottom;}
.classify ul li .text .serial {height: 24px;font-size: 30px;line-height: 30px;letter-spacing: 2px;padding-top: 108px;}
.classify ul li .text .serial-title {font-size: 20px;line-height: 30px;letter-spacing: 1px;padding-top: 37px;}
.classify ul li .text .serial-desc {font-size: 14px;line-height: 30px;letter-spacing: 1px;color: #999999;}

/* 快捷键查询 */
.hotkey {margin-top: -25px;max-width:1920px;height: 924px;background: url("../images/keyboard_bg.png") center bottom;}
.hotkey .content {margin: auto;text-align: center;width: 1200px;padding-top: 288px;}
.hotkey .content .placeholder{width:680px;height:500px;float:left;}
.hotkey .content .text {width:516px;height:214px;float:left;}
.hotkey .content .text .title {font-size: 38px;line-height: 30px;letter-spacing: 2px;color: #1a1a1a;}
.hotkey .content .text .title font {font-size: 38px;letter-spacing: 2px;color: #1ec456;}
.hotkey .content .text .decorate {margin:19px 0 35px 0;}
.hotkey .content .text .desc {margin-top:12px;font-size: 16px;line-height: 30px;color: #999999;padding-left: 20px;text-indent: 2em;text-align: left;display: block;}
.hotkey .content .shortcuts {width: 512px;min-height: 183px;height:auto;background-color: #ffffff;box-shadow: 0px 0px 24px 0px rgba(48, 209, 103, 0.2);border-radius: 6px;float:left;}
.hotkey .content .shortcuts .brand {width: 312px;height: 38px;border-radius: 4px;border: solid 1px #e9eaf0;}
.hotkey .select { position: relative;user-select: none;margin-left: 32px;font-size: 16px;text-align:left;line-height: 30px;color: #999999;height:55px;}
.hotkey .select .icon-brand {width:16px;height:16px;position: absolute;top: 9px;margin-left:15px;background: url(../images/brand.png) no-repeat; }
.hotkey .select .icon-type {width:16px;height:16px;position: absolute;top: 9px;margin-left:15px;background: url(../images/type.png) no-repeat; }
.hotkey .select .icon { position: absolute;top: 13px;margin-left: -30px;background: url(../images/down.png) no-repeat; width:14px;height:8px;}
.hotkey .select .icon.down:before {position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 12px solid #fff; transition: border .3s linear; }
.hotkey .select-value { display: inline-block;width: 312px;height: 36px;border-radius: 4px;border: solid 1px #e9eaf0;text-align:center;}
.hotkey .select .type-text,.brand-text {margin-left:14px;font-size: 16px;line-height: 30px;color: #333333;}
.hotkey .shortcuts .remind {display: block;text-align: left;font-size: 16px;line-height: 30px;color: #333333;user-select: none;margin-left: 32px;}
.hotkey .shortcuts .remind font {color: #1ec456;}

.hotkey .select-list { position: absolute; text-align: center;left: 0px; top: 36px; z-index: 99; width: 312px; display: none; color: #666; border: solid 1px #e9eaf0; background-color: #ffffff; -moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.19); -webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.19); box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.19); }
.hotkey .select-list ul { max-height: 320px; overflow-y: auto; }
.hotkey .select-list ul::-webkit-scrollbar { width: 5px; background-color: #fff; }
.hotkey .select-list ul::-webkit-scrollbar-button { display: none; }
.hotkey .select-list ul::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); }
.hotkey .select-list li { cursor: pointer; line-height: 30px;font-size: 16px;line-height: 30px;color: #999999; }
.hotkey .select-list li:not(.disabled):hover { background-color: #e8f6ff;}

/* u盘重装步骤 */
.step {margin: auto;text-align: center;width: 1200px;}
.step .title {width: 351px;height: 38px;font-size: 38px;line-height: 30px;letter-spacing: 2px;color: #1a1a1a;display:inline-block;}
.step .title font {font-size: 38px;letter-spacing: 2px;color: #1ec456;}
.step .left-content {width:600px;margin-top:85px;float:left;padding-bottom: 150px;}
.step .left-content .serial {width:459px;height:48px;margin: auto;text-align: center;}
.step .left-content .serial li {float:left;cursor:pointer;}
.step .left-content .serial .first {background: url("../images/left.png") center bottom;width:8px;height:14px;display: block;margin-top:16px;}
.step .left-content .serial .next {background: url("../images/right.png") center bottom;width:8px;height:14px;display: block;margin-top:16px;float:right;}
.step .left-content .serial .number {width: 48px;height: 48px;font-size: 18px;line-height: 48px;letter-spacing: 1px;color: #1ec456;margin-left:50px;}
.step .left-content .serial .choose {width: 48px;height: 48px;background-color: #1ec456;border-radius:24px;box-shadow: 0px 3px 23px 0px rgba(30, 196, 86, 0.15);font-size: 18px;line-height: 48px;letter-spacing: 1px;color: #ffffff;margin-left:50px;}
.step .left-content .projection {width: 600px;height: 357px;margin-top: 40px;background-color: #ffffff;box-shadow: 0px 0px 10px 0px  rgba(0, 0, 0, 0.13);border-radius: 10px 0px 0px 10px;}
.step .left-content .projection .content {width:430px;margin: auto;text-align: left;padding-top:52px;}
.step .left-content .projection .content .text-title {font-size: 24px;line-height: 30px;letter-spacing: 1px;color: #1a1a1a;display: inline-block;}
.step .left-content .projection .content .text-desc {font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #999999;margin-top:20px;}
.step .left-content .projection .content .down {display: block;width: 188px;height: 38px;background: url("../images/button.png") center bottom;text-align:center;line-height:37px;margin-top:30px;color: #ffffff;}
.step .right-content {width:600px;height: 446px;margin-top:85px;float:left;background: url("../images/background.png") center bottom;}
.step .right-content .img-style1 {min-width: 600px;max-width: 600px;min-height: 446px;max-height: 446px;}
.step .right-content .img-style2 {max-width: 600px;min-height: 446px;max-height: 446px;}

/* 客服弹窗*/
.silder-server{
	background:#12aa7d;
	border-radius:4px;
	position:fixed;
	right:0px;
	top:50%;
	display:inline-block;
}
.silder-server .silder-list{
	text-align:center;
}

.silder-server .silder-list li{
	width:32px;
	height:32px;
	padding:8px;
	position:relative;
	cursor:pointer;

}
.silder-server .silder-list li img{
	width:100%;
	height:100%;
	display:block;
}
.silder-server .silder-list li i{
	font-style:normal;
	width:70px;
	text-align:center;
	position:absolute;
	height:30px;
	color:#fff;
	font-size:12px;
	left:-80px;
	top:10px;
	border-radius:4px;
	background:#12aa7d;
}
.silder-server .silder-list li i:after{
	content: '';
	position:absolute;
	border-style:solid;
	border-width:6px 0px 6px 10px;
	border-color:transparent transparent transparent #12aa7d;
	top:8px;
	right:-8px;
}
.silder-server .silder-list li i:before{
	content: '';
	position:absolute;
	width:10px;
	height:30px;
	right:-10px;
}
.silder-server .silder-list .line{
	width:32px;
	height:1px;
	display:inline-block;
	background:#fff;
}
.silder-server .silder-list li .cord{
	position:absolute;
	width:180px;
	height:180px;
	background:#12aa7d;
	left:-110px;
	top:-60px;
	color:#fff;
	font-size:12px;
	text-align:center;
	border-radius:4px;
}
.silder-server .silder-list li .cord p{
	line-height:30px;
}
.silder-server .silder-list li .cord a{
	color: #fff;
}
.silder-server .silder-list li .cord a span {
    display: inline-block;
    color: #fff;
    line-height: 1.5;
}
.silder-server .silder-list li .cord .wx-img{
	display:inline-block;
	width:140px;
	height:140px;
}
.silder-server .silder-list li .hide{
	display:none;
}
.dataView {
	text-align: center;
	color: #555;
}
.silder-server .silder-list li:nth-child(1) i{
	display: none;
}

.silder-server .silder-list li:nth-child(1):hover i{
	display: block;
}
.silder-server .silder-list li:nth-child(1):hover .show{
	display: none;
}
.silder-server .silder-list li:nth-child(1):hover .hide{
	display: block;
}


.silder-server .silder-list li:nth-child(3) i{
	display: none;
}
.silder-server .silder-list li:nth-child(3):hover i{
	display: block;
}
 .silder-server .silder-list li:nth-child(3):hover .show{
	display: none;
}
.silder-server .silder-list li:nth-child(3):hover .hide{
	display: block;
}