@charset "utf-8";
body {font:15px/24px tahoma, Arial, sans-serif;}
*{ margin: 0; padding: 0; }
a{text-decoration:none;}
img{border:0;max-width: 100%;}
.clear {display: block;clear: both;}

.newDivNav .Logo{ margin-left:2%;}
.newDivNav ul{ margin-right:2%;}
/* CSS Document */
.detail{width: 1200px;}

.guide-banner {background: url(../images/guide-free/bg1.jpg ) no-repeat center bottom #f5f6f7;color: #1a1a1a;padding-bottom: 57px;}
.top-crumb{display: flex;justify-content: space-between;align-items:center;padding: 25px 0 15px;}
.top-crumb .crumb-txt a{color: #0669ff;}
.addsty a{color: #373737;text-decoration: underline;list-style: none;padding: 0 0 0 25px;background: url(../images/manual/mac.png) left center no-repeat;}
.addsty.win a{ background-image:url(../images/manual/win.png);}
.addsty a:hover { text-decoration: underline; color: #3891ff; }
.guide-banner .logo{text-align: center;padding-bottom: 35px;}
h1{font-size: 41px;text-align: center;color: #101010;padding-bottom: 35px;}
.h1-mess{text-align: center;font-size: 19px;line-height: 31px;padding: 0 250px;color: #1a1a1a;}
.download-box{text-align: center;padding: 40px 0 0;}
.download-box p{font-size: 19px;padding-bottom: 15px;}
.download-box a{display: inline-block;line-height: 64px;font-size: 27px; background: url(../images/manual/apple.png) no-repeat right 25px center #10a5ff;color: #fff;border-radius: 7px;padding: 0 75px 0 0;width: 255px;text-align: center;}
.download-box a:hover{background-color: #12bcff;}
.for-mobile-content{text-align: center;padding: 20px 0 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.for-mobile-content .link{display: flex;padding: 10px 0 0;gap: 30px;}
.for-mobile-content .link a{text-decoration: underline;color: #10a5ff;}
/*--------*/
.recd-guide{text-align: center;font-size: 17px;background: #dfe9ff;color: #5a6887;}
.recd-guide a{color: #0669ff;text-decoration: underline;line-height: 60px;}
/*--------*/
.sort-guide{ text-align:right;color: #101010;padding: 20px 0; }
.sort-guide span{ color: #0669ff;}
.sort-guide a{ color: #101010; }
.sort-guide a:hover{text-decoration: underline;}
/*--------*/
.main-content{padding-bottom: 30px;}
.main-content h2{font-size: 35px; text-align: center;padding: 30px 0;}
.function-box{display: flex; flex-wrap: wrap;}
.function-box.box-less{justify-content: center;}
.function-box .box-one{width: 230px;box-sizing: border-box;padding: 20px 8px; background: #f6f9fb; margin: 20px 12px 20px 0;}
.function-box .box-one.first{background: #fff; box-shadow:0 0 15px 5px rgba(161,183,228,0.21);border:2px solid #3e75ff;border-radius: 4px;}
.function-box .box-one:nth-child(5n){margin-right: 0;}
.function-box .box-one a:hover{text-decoration: underline;}
.function-box h4{font-size:19px; text-align: center;border-bottom: 1px solid #cbd4da;padding:0 0 20px 0;line-height: 31px; margin-bottom: 20px;min-height: 63px;}
.box-one .t{padding: 8px 0 8px 15px;}
.box-one .v{padding: 0 0 0 15px;}
.box-one a{font-size: 17px;color: #0669ff;padding: 7px 0;}
/*--------*/
.guide-nav{background:#e1eaff;width: 100%;position: fixed;top: 0; height: 0;transition: all 0.2s;overflow: hidden;}
.guide-nav.scroll-active{height: auto;padding: 14px 0;}
.guide-nav .detail{display: flex;align-items: center;}
.guide-nav .detail .left{font-size: 17px;color: #464646;}
.guide-nav .detail .left span{color: #0669ff;}
.guide-nav .detail .left a{color: #464646;}
.guide-nav .detail .left a:hover{text-decoration: underline;}
.guide-nav .guide-nav-right{margin-left: auto;}
.guide-nav .guide-nav-right input{border:1px solid #96a0b5;border-radius: 3px 0 0 3px;border-right: none; font-size: 15px; padding-left: 10px; line-height: 40px; background: transparent; width: 220px;box-sizing: border-box;vertical-align: middle;}
.guide-nav .guide-nav-right span{border:1px solid #96a0b5;border-radius:0 3px 3px 0;display: inline-block;line-height: 40px;width: 50px; text-align: center;vertical-align: middle; cursor:pointer;}
.guide-nav-down{padding-left: 20px;}
.fixed-nav-download { display:inline-block; height: 37px; border-radius: 5px;background: #0fb4ff; color: #fff;text-align: center;  padding: 5px 20px 0; cursor: pointer; transition:all 0.4s;font-weight: 800; font-size: 17px; line-height: 17px;}
.fixed-nav-download:hover { background: #2d9dd0; }
.fixed-nav-download-span { font-size: 11px;  display: block; font-style: normal; font-weight: 400; line-height: 18px; }

/*--------*/

@media (max-width:1200px) {
	.detail{width: 100%;padding: 0;}
	/*--------------*/
	.h1-mess{padding: 0 200px;}
	/*--------------*/
	.function-box .box-one{width: 24%;}
	.function-box .box-one:nth-child(5n){margin-right: 12px;}
	.function-box .box-one:nth-child(4n){margin-right: 0;}

}

@media (max-width:1080px) {
	.newDivNav .Details,.Details, .detail{width: 95%;}
	/*--------------*/
	.h1-mess{padding: 0 150px;}
	/*--------------*/
	.guide-nav{display: none;}

	
}

@media (max-width:979px) {
	h1{font-size: 37px;}
	.h1-mess{padding:0 50px;}
	/*--------------*/
	.recd-guide{line-height: 20px;padding-bottom: 10px;}
	/*--------------*/
	.function-box .box-one{width: 32%;}
	.function-box .box-one:nth-child(5n){margin-right: 12px;}
	.function-box .box-one:nth-child(4n){margin-right: 12px;}
	.function-box .box-one:nth-child(3n){margin-right: 0;}
	
}
@media (max-width:767px) {
	h1{ line-height: 45px;}
	.h1-mess{padding: 0;}	
	.top-crumb{display: block;}
	.addsty{text-align: right;}
	/*--------------*/
	.recd-guide{font-size: 15px;}
	/*--------------*/
	.function-box .box-one{width: 48%;}
	.function-box .box-one:nth-child(5n){margin-right: 12px;}
	.function-box .box-one:nth-child(3n){margin-right:12px;}
	.function-box .box-one:nth-child(2n){margin-right: 0;}
	.function-box.box-less{justify-content:flex-start;}
	/*--------------*/
	/*--------------*/
	/*--------------*/
	
}
@media (max-width:479px) {
	h1{ font-size: 33px;line-height: 43px;}

	.box-one a{font-size: 15px;}
	.function-box .box-one{width: 80%; margin-right: auto;margin-left: auto;}
	.function-box .box-one:nth-child(5n){margin-right:auto;}
	.function-box .box-one:nth-child(3n){margin-right:auto;}
	.function-box .box-one:nth-child(2n){margin-right: auto;}

	
}