.banner-g-f-t{padding: 160px 0;text-align: left;line-height: normal;background-position: center;background-size: cover;}
.banner-g-f-t .h1{font-size: 68px;color: #fff;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.85);font-weight: bold;}
.banner-g-f-t .h1 p{font-size: 52px;margin-bottom: 10px;}
.vote-contents{padding: 80px 0;text-align: center;line-height: normal;}
.vote-contents .h2{font-size: 36px;color: #5a5b64;font-weight: bold;margin-bottom: 45px;}
.vote-contents .list li{float: left;width: 33.333%;font-size: 18px;font-weight: 600;}
.vote-contents .list li img{margin-bottom: 20px;}
.vote-contents .btn-content{margin: 60px 0;z-index: 9;}
.vote-contents .vote{padding: 0 100px;text-align: center;line-height: normal;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;}
.vote-contents .vote .form{width: 100%;box-sizing: border-box;padding: 60px 70px;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.15);}
.vote-contents .vote .form .h4{font-size: 36px;font-weight: bold;color: #5a5b64;margin-bottom: 50px;}
.vote-contents .vote .form .form-group label{float: left;width: 50%;text-align: left;margin-bottom: 35px;font-size: 24px;font-weight: bold;color: #5a5b64;cursor: pointer;}
.vote-contents .vote .form .form-group label:hover{color: #4859d2;}
.vote-contents .vote .form .form-group label:hover i{color: #4859d2;}
.vote-contents .vote .form .form-group label input[type="radio"]{position: absolute;clip: rect(0 0 0 0);}
.vote-contents .vote .form .form-group label i{font-size: 20px;margin-right: 20px;color: #979797;}
.vote-contents .vote .form .form-group label i.curr{color: #4859d2;}
.vote-contents .vote .form .form-group label i.curr + span{color: #4859d2;}
.vote-contents .vote .form .result-group .line-item{width: 50%;float: left;margin-bottom: 34px;box-sizing: border-box;padding: 0 50px;}
.vote-contents .vote .form .result-group .line-item .line{width:100%;border: solid 1px #4859d2;height: 10px;box-sizing: border-box;position: relative;margin-bottom: 8px;}
.vote-contents .vote .form .result-group .line-item .line .per{height: 100%;position: absolute;left: 0;top: 0;background-color: #5a5b64;}
.vote-contents .vote .form .result-group .line-item .line .per.curr{background-color: #4859d2;}
.vote-contents .vote .form .result-group .line-item p{font-size: 16px;font-weight: bold;color: #5a5b64;text-align: left;}
.vote-contents .vote .form .result-group .line-item p span{float: right;}
.vote-contents .vote .form .result-group .line-item p span.curr{color: #4859d2;}
.vote-contents .vote .form .result-group .btn-group a{margin: 0 10px 20px 10px;}
.vote-contents .vote .form .result-group .btn-group a i{font-size: 22px;color: #fff;margin-right: 10px;}
.slide-enter{transform: translateY(-200px);-webkit-transform: translateY(-200px);-moz-transform: translateY(-200px);opacity: 0;}
.slide-enter-active{transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.slide-enter-to{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.rotate3d-enter{transform: rotateY(90deg);-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);}
.rotate3d-enter-active{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;}
.rotate3d-enter-to{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}
.rotate3d-leave{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);}
.rotate3d-leave-active{transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;}
.rotate3d-leave-to{transform: rotateY(-90deg);-webkit-transform: rotateY(90deg);-moz-transform: rotateY(90deg);}
.artical-content{padding: 90px 0;background-color: #f6f6f6;text-align: center;line-height: normal;}
.artical-content .h2{font-size: 36px;font-weight: bold;margin-bottom: 30px;color: #5a5b64;}
.artical-content .subtitle{font-size: 18px;font-weight: bold;color: #5a5b64;line-height: 1.56;margin-bottom: 40px;padding: 0 100px;}
.artical-content .btn-content{margin-bottom: 50px;}
.artical-content .items .item{float: left;width: 50%;box-sizing: border-box;padding: 40px;text-align: left;}
.artical-content .items .item .pic{float: left;width: 25%;}
.artical-content .items .item .info{float: left;width: 75%}
.artical-content .items .item .info .dd1{font-size: 20px;font-weight: bold;color: #5a5b64;margin-bottom: 10px;}
.artical-content .items .item .info .dd2{font-size: 14px;font-weight: 500;color: #5a5b64;height: 100px;line-height: 1.71;}
.artical-content .items .item .info a{color: #435bfd;font-size: 16px;font-weight: bold;}
.artical-content .items .item .info a:hover{text-decoration: none;}
.artical-content .items .item .info a i{font-size: 22px;color: #435bfd;margin-left: 5px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;display: inline-block;}
.artical-content .items .item .info a:hover i{transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);}
.reviews-content{padding: 90px 0;text-align: center;line-height: normal;}
.reviews-content .h2{float: left;width: 50%;font-size: 30px;font-weight: bold;line-height: 1.33;color: #fff;box-sizing: border-box;}
.reviews-content .info{width: 50%;float: left;text-align: left;padding-left: 100px;box-sizing: border-box;padding-top: 20px;}
.reviews-content .info .pic{float: left;margin-right: 30px;}
.reviews-content .info .dd1{font-size: 24px;font-weight: bold;margin-bottom: 12px;color: #fff;}
.reviews-content .info .dd2{font-size: 16px;color: #fff;font-weight: bold;}
.home_main {padding:60px 0;}
.home_main .column {font-size:36px; line-height:1.2em; font-weight:bold; padding:0 20% 30px 20%; text-align:center;}
.easy_knowing .box {padding:40px 0;}
.easy_knowing .item {float:left; width:29%; padding:1% 2.15%; text-align:center;}
.easy_knowing .item .info {padding:20px 0;}
.easy_knowing .item .info p {min-height:80px;}
.easy_knowing .item .btn {padding:10px 0 0 0;}
.easy_knowing .item .title {font-size:24px; line-height:1.2em; font-weight:600; min-height:50px}
@media(max-width: 1200px){
	.artical-content .items .item{padding: 40px 10px;}
	.artical-content .items .item .info .dd2{height: 140px;}
	.reviews-content .info .pic{float: none;margin-bottom: 10px;}
	.vote-contents .vote{padding: 0 20px;}
	.vote-contents .vote .form{padding: 40px 30px;}
}
@media (max-width: 979px) {
	.easy_knowing .item .btn a {padding:12px 20px;}
	.easy_knowing .item .title {font-size:20px;}
}
@media (max-width: 767px) {
	.easy_knowing .box {padding:20px 0 0 0;}
	.easy_knowing .item {float:none; width:auto; padding:0 20px 40px 20px;}
	.easy_knowing .item .info p {min-height:inherit;}
	.easy_knowing .item .title {font-size:20px; min-height:inherit; padding:0 0 20px 0;}
	.easy_knowing .item .btn {padding:20px 0 0 0;}
	.artical-content .subtitle{padding: 0;}
	.artical-content .items .item{width: 100%;}
	.reviews-content .h2,.reviews-content .info{width: 100%;padding: 10px;}
	.reviews-content .info .pic{float: left;}
	.vote-contents .vote .form .result-group .line-item{width: 100%;padding: 0 20px;}
	.vote-contents .vote .form .form-group label{width: 100%;}
}
@media(max-width: 479px){
	.vote-contents .vote{padding: 0 10px;}
	.vote-contents .vote .form{padding: 30px 10px;}
}
