body{font-size: 15px;color: #555;font-family: Tahoma;}
.detail{width:1200px; margin:0 auto;}
img{max-width: 100%;}
a{ text-decoration:none;}
a:hover{text-decoration: underline;}
li{ list-style:none;}
/*----------------*/
.main01 {background: url('../images/userguide-tech/bg.jpg') center center no-repeat;background-size: cover;padding: 24px 0 36px;color: #fff;}
.main01 .detail {width: 1060px;}
.main01 .crumb-lang {font-size: 14px;color: #4d4e51;}
.main01 .crumb-lang a {color: #4d4e51;}
.main01 .crumb-list {display: inline-block;vertical-align: middle;}
.main01 .crumb-list img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.main01 .lang-items {float:right;}
.main01 .lang-items a {margin-right: 24px;color: #4d4e51;}
.main01 .lang-items a img {display: inline-block;vertical-align: middle;margin-right: 3px;}
.main01 h1 {font-size: 44px;text-align: center;line-height: 50px;padding: 44px 0 12px;color: #00aeef;}
.main01 h1 span{color: #333;}
.main01>.detail>p {font-size: 19px;text-align: center;line-height: 25px;margin-bottom: 36px;color: #333;}
.main01 .toggle-platform { width: 248px; height: 30px; border: 1px solid #fff; margin: 0 auto; margin-bottom: 25px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.main01 .toggle-platform button { float: left;outline: none;border:none;margin-top: 1px;background-color: transparent; font-size: 15px;width: 123px; height: 28px; line-height: 28px; color: #333; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; cursor: pointer;}
.main01 .toggle-platform .win-platform {margin-left: 1px;text-indent: 30px;background: transparent url('../images/userguide-tech/grey-win-icon.png') 7px center no-repeat;}
.main01 .toggle-platform .mac-platform {text-indent: 34px;background: transparent url('../images/userguide-tech/grey-mac-icon.png') 22px center no-repeat;}
.main01 .toggle-platform .active-win {background: #fff url('../images/userguide-tech/blue-win-icon.png') 7px center no-repeat;color: #2099ff;}
.main01 .toggle-platform .active-mac {background: #fff url('../images/userguide-tech/green-mac-icon.png') 22px center no-repeat;color: #9ecd3d;}
.main01 .platform-content {text-align: center;}
.main01 .platform-content a {display: inline-block; vertical-align: middle;font-weight: 500; text-align: left;font-size: 20px;width: 258px; height: 54px; line-height: 54px;margin-bottom: 20px;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.main01 .platform-content a:hover {text-decoration: none;box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.main01 .platform-content .to-download { text-indent: 40px;color: #fff;background: #9ecd3d url('../images/userguide-tech/white-download-icon.png') 208px center no-repeat; margin-right: 22px;  }
.main01 .win-platform-content .to-download {color: #fff;background: #2099FF url('../images/userguide-tech/white-download-icon.png') 208px center no-repeat;}
.main01 .platform-content .to-buy {color: #fff;text-indent: 60px;background: #ffb137 url('../images/userguide-tech/buy-icon.png') 164px center no-repeat;}
/*----------------*/
.main02 {padding:82px 0 0;}
.main02 .main-info {padding: 0 60px 38px;border-bottom: 1px solid #dadee0;margin-bottom: 52px;}
.main02 .main-info:last-child {margin-bottom: 0;border-bottom:none;}
.main02 .main-info .left-content {float: left;width: 380px;}
.main02 .main-info .left-content img {display: block;margin-top: 34px;}
.main02 .main-info .second-left-content img {margin-top: 122px;}
.main02 .main-info .right-content {float: left;width: 680px;}
.main02 .main-info .right-content h2 {font-size: 31px;color: #333;line-height: 38px;font-weight: 550;margin-bottom: 35px;}
.main02 .main-info .right-content ul {display: inline-block;vertical-align: top;width: 46%;}
.main02 .main-info .right-content ul li {font-size: 15px;margin-bottom: 22px;}
.main02 .main-info .right-content ul li:first-child {font-size: 19px;color: #333;margin-bottom: 24px;}
/*----------------*/
.main03 {margin-bottom: 52px;background-color: #fafafa;padding-top: 52px;}
.main03 h2 {font-size: 32px;color: #333;text-align: center;font-weight: 550;margin-bottom: 30px;line-height: 38px;}
.main03 .type-list {text-align: center;padding: 0 70px;padding-bottom: 52px;}
.main03 .type-list>li {display: inline-block;vertical-align: top;background-color: #fff;width: 238px;padding: 1px 50px;height: 446px;border: 1px solid #dadee0;}
.main03 .type-list>li:nth-child(2) {margin: 0 16px;}
.main03 .type-list>li img {display: block;margin: 20px auto;margin-bottom: 26px;}
.main03 .type-list>li div {height: 1px;background-color: #0fb4ff;text-align: center;line-height: 1px;margin-bottom: 30px;}
.main03 .type-list>li div b {font-size: 17px;color: #333;display: inline-block;background-color: #fff;padding: 0 4px;}
.main03 .type-list>li ul {padding-left: 35px;}
.main03 .type-list>li ul li {font-size: 15px;margin-bottom: 6px;text-align: left;}
/*----------------*/
.main04 {padding-bottom: 60px;}
.main04 .form-container {padding: 0 60px;border-bottom: 1px solid #dadee0;padding-bottom: 60px;}
.main04 .form-container h2 {font-size: 32px;color: #333;text-align: center;font-weight: 550;margin-bottom: 28px;line-height: 38px;}
.main04 .form-container .h-has-style {margin-top: 30px;}
.main04 .form-content {overflow-x: auto;}
.main04 .form-list {margin-bottom: 18px;}
.main04 .form-list table {width: 1080px;border-left: 1px solid #dadee0;border-bottom: 1px solid #dadee0;}
.main04 .form-list table th {width: 168px;font-size: 15px;color: #222;font-weight: 550;padding: 21px 0 21px 32px;border-top:1px solid #dadee0;border-right: 1px solid #dadee0;text-align: left; }
.main04 .form-list table th div {display: inline-block;vertical-align: middle;width:42px;}
.main04 .form-list table td {width: 912px;font-size: 15px;color: #333;border-top: 1px solid #dadee0;border-right: 1px solid #dadee0;padding: 21px 0 21px 32px;}
/*----------------*/
.main05 {padding-bottom: 60px;}
.main05 h2 {font-size: 32px;color: #333;text-align: center;font-weight: 550;margin-bottom: 30px;line-height: 38px;}
.main05 ul {text-align: center;font-size: 15px;color: #333;}
.main05 ul li {display: inline-block;vertical-align: middle;margin-right: 58px;}
.main05 ul li:last-child {margin-right: 0;}
.main05 ul li img {display: inline-block;vertical-align: middle;margin-right: 8px;}
/*----------------*/
.main06 {background-color: #fafafa;padding: 52px 0;}
.main06 h2 {font-size: 20px;color: #333;text-align: center;font-weight: 550;margin-bottom: 20px;line-height: 38px;}
.main06 .tips-container {text-align: center;font-size: 15px;}
.main06 .tips-container ul {display: inline-block;vertical-align: top;padding: 10px 0 1px 0;}
.main06 .tips-container ul:nth-child(2) {border-right: 1px solid #dadee0;border-left: 1px solid #dadee0;margin: 0 30px 0;padding: 10px 30px 1px;}
.main06 .tips-container ul li {margin-bottom: 10px;text-align: left;}
.main06 .tips-container ul li a {color: #555;}
/*----------------*/
.footer-crumb {padding: 20px 0;background-color: #4d4d4d;}
.footer-crumb .crumb-list {padding: 0 70px;color: #fbfbfb;}
.footer-crumb .crumb-list img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.footer-crumb .crumb-list a {color: #fbfbfb;}
/*----------------*/
@media (max-width: 979px) {
	.main01 .detail,.detail {width: 95%;}
	.main02 .main-info {padding:0 0 38px;}
	.main02 .main-info .left-content {float: none;width:100%;margin-bottom: 30px;}
	.main02 .main-info .left-content img {margin: 0 auto;}
	.main02 .main-info .right-content {float: none;width: 100%;}
	.main02 .main-info .right-content ul {width: 50%;}
	

	.main03 .type-list>li {margin-bottom: 20px;}
	.main03 .type-list>li:nth-child(2) {margin: 0 0 20px 0;}

	.main04 .form-container {padding:0 0 60px;}

	.main05 ul li {margin: 0 20px 10px 0;}

	.main06 .tips-container ul:nth-child(2) {border: none;}

	.footer-crumb .crumb-list {padding: 0;}
}

@media (max-width: 767px) {
	.main06 .tips-container ul:nth-child(2) {margin: 0;padding: 10px 0 1px;}
	.main06 .tips-container {text-align: left;}
}

@media (max-width: 680px) {
	.main05 ul {width: 440px;margin: 0 auto;}
}

@media (max-width: 479px) {
	.main01 .platform-content .to-download {margin-right: 0;}
	.main02 .main-info .right-content ul {width: 100%;margin-bottom: 20px;}

	.main03 .type-list {padding:0 0 52px;}
	.main03 .type-list>li {width: 90%;padding: 0 4%;height: auto;padding-bottom: 20px;}
	.main03 .type-list>li ul {padding-left: 0;}

	.main05 ul {width: 270px;}

	.main06 .tips-container ul:nth-child(2) {border-top: 1px solid #dadee0;border-bottom: 1px solid #dadee0;}
}