.support-banner{padding:180px 0 ;background: url("../../public/picture/common/support-banner.jpg") center top  no-repeat; background-size: cover; color: #fff;}
.support-title{max-width:630px;font-size: 53px; color: #ff171f ; line-height: 1.2;}
.support-subtitle{margin-top:20px;max-width:630px;font-size:16px;color: #9f9f9f; font-weight: 300;}
.support-title span{display: block;}
.support-part{padding-top: 90px;}
.support-list{background: #ed4949;}
.support-list .main{position: relative;}
.support-title-box{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.support-list-title{width: 33%;padding: 50px 0 50px 0 ; text-align: center; cursor: pointer; }
.support-list-title.index{background: #ed4949; color: #fff;}
.support-cont{display: none;max-width: 930px;margin: 0 auto; padding: 60px 0; color: #fff;}
.support-cont.index{display: block;}
.support-list-title dt i{display: block;margin: 0 auto 15px auto; width: 75px; height: 75px; background:url("../../public/picture/common/support-spirit2.png") no-repeat ; background-position-y: -93px;background-position-x:4px ;}
.support-code-title dt i{background-position-x:-318px ;}
.support-contact-title dt i{background-position-x:-637px ;}
.support-pro-title dt i{background-position-x:-960px ;}
.support-list-title.index dt i{background-position-y: 0px;}
.support-list-title dt{font-size: 22px; font-weight: bold;}
.support-list-title dd{margin-top:15px;font-size: 16px;font-weight: 300;}
.support-cont h3{margin-bottom:30px;font-size: 22px; font-weight: bold;}
.support-cont p{font-size: 16px; line-height: 26px;}
.support-faq{margin-top:40px;padding-left:0px; background-position-y: -634px;}
.support-faq a{display: inline-block; color: #fff; }
.support-code input{width:70%; max-width: 370px;line-height: 30px; padding: 5px; background: #fff ; border: none;vertical-align: middle; border-radius: 3px 0 0 3px;}
.support-code span{display:inline-block;padding: 5px 10px;font-size: 18px;line-height: 30px; background: #000;vertical-align: middle; cursor: pointer;border-radius: 0 3px 3px 0;}
.support-code-tip h4{margin-top:30px;padding-left:40px;height:45px;line-height:45px;background: url("../../public/picture/common/support-spirit.png") no-repeat; background-position-y: -428px;font-size: 18px;}
.support-code-tip li{margin-left:20px;list-style-type: decimal; list-style-position:outside !important;   margin-top: 10px;}
.support-code-tip li h6{display: inline-block;font-size: 14px; font-weight: 400; }
.support-code-tip a,.support-pro li a{color: #fff;}
.support-code-tip a:hover,.support-pro li a:hover,.support-faq a:hover{text-decoration:underline;}
.support-contact{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
.support-contact dl{margin:0 40px 30px 0; padding-left: 90px; background: url("../../public/picture/common/support-spirit.png") no-repeat;}
.support-contact dl:nth-child(2){background-position-y:-220px}
.support-contact dl dt{font-size: 16px; margin-bottom: 10px;}
.support-contact dl dd{font-size: 16px;}
.support-contact dl dd a{color: #fff;}
.support-contact-share dd a{display: inline-block; width: 50px; height: 50px; margin:20px 10px 0 0 ;background: url("../../public/picture/common/support-share.png") no-repeat;}
.support-contact-share dd a:nth-child(2){background-position-x:-66px}
.support-contact-share dd a:nth-child(3){background-position-x:-130px}
.support-pro li{padding-bottom: 10px; font-size: 16px}
@media (min-width: 750px) and (max-width: 960px) {
	.support-list-title dt{font-size: 20px;}
}
@media all and (max-width: 750px) {
	.support-list-title {display: none;}
	.support-cont{display: block;}
	.support-banner{background:#e5e5e8;padding: 100px 0;}
	.support-part{padding-top: 0;}
}
@media all and (max-width: 480px) {
	.support-contact{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	.support-title{font-size: 36px;}
	.support-cont h3{font-size: 20px;}
	}