@charset "utf-8";
#body{width: 100%;background-color: #F5F5F5;font-family: "微软雅黑";padding-top: 16px;;}
::-webkit-input-placeholder{ color:#999;}
:-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
:-ms-input-placeholder{ color:#999;}

/* -------------------------- ---------------------------- */
.basis{height: 25px;border-bottom: 1px solid #E8E8E8;line-height: 25px;font-size: 12px;color: #777777;background: #f2f2f2}
.basisCont{width: 1200px;margin: 0 auto;}
.basisCont div.basis-address{float: left;}
.basisCont div.basis-login{float: right;}
.hy{float: left;margin-right: 22px;}
.dw{float: left;display: inline-block;width: 10px;height: 12px;background-image: url("/cyg/images/initial/icon/dw.png");margin-top: 7px;;margin-right: 3px}
.current-city{color: #ee1c24;}
.current-city,.select-city{display: block;float: left;position: relative;}
.select-city:hover ul.cityTotal {display: block;}
ul.cityTotal{display: none;position: absolute;top: 25px;left: 0;background: #fff;width: 305px;padding-top: 15px;padding-left: 15px;padding-bottom: 10px;border: 1px solid #E8E8E8;z-index: 2;}
ul.cityTotal>li{overflow: hidden;margin-top: 5px;}
ul.cityTotal li h3{float: left;width: 50px;color: #333;font-weight: bold;}
ul.cityTotal li ul{float: left;width: 240px;}
ul.cityTotal li ul li{float: left;padding: 0 7px;}
ul.cityTotal li ul li a{color: #676767;}
ul.cityTotal li ul li a:hover{color: #053B71;}
.basisCont div.basis-login i{width:1px;height: 13px;background-color: #8B8B8B;font-size: 12px;display: inline-block;float: left;margin: 6px 5px 0 13px;}
.basisCont div.basis-login em{width: 25px;display: inline-block;float: left;height: 13px;margin-top: 6px;}
.basisCont div.basis-login span{float: left;}
.basisCont div.basis-login span a{color:#777777;}
.basisCont div.basis-login span b{color:#165493;font-weight: bold;font-style: oblique;}
.basisCont div.basis-login span.wxNum{position: relative;z-index: 9999;;padding: 0 10px;border-left: 1px solid #F5F5F5;border-right: 1px solid #F5F5F5;}
.basisCont div.basis-login span.wxNum u{display: none;position: absolute;top: 25px;left: -1px;;background: #fff;border: 1px solid #ccc;width: 84px;height: 110px;padding: 10px 5px 0;text-decoration: none;border-top: none;}
.basisCont div.basis-login span.wxNum u q{position: absolute;display: none;width: 14px;height: 1px;background: #ccc;top: 0;right: 0;}
.basisCont div.basis-login span.wxNum strong{display: block;text-decoration: none;text-align: center;}
.basisCont div.basis-login span.wxNum:hover{background: #fff;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.basisCont div.basis-login span.wxNum:hover u,
.basisCont div.basis-login span.wxNum:hover u q{display: block;}
/*------------------------heade----------------------------*/
.header{width: 100%;background: #fff;border-bottom: 1px solid #e8e8e8;;}
.header-cont{width: 1200px;height: 98px;overflow: hidden;margin: 0 auto;position: relative;}
.header-cont div.head-logo{float: left;width: 174px;height: 42px;margin-top: 26px;margin-left: 12px;}
.header-cont div.head-search{position: absolute;margin: auto;right: 0;;top: 28px;width:320px;height: 40px;border: 1px solid #ccc;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;}
.header-cont div.head-search .searchBtn{font-size: 15px;width: 235px;background-color: transparent;float: left;margin-top: 10px;margin-left: 20px;}
.header-cont div.head-search .searchSub{width: 63px;height: 40px;float: right;background-color: #fff;background-image: url("/cyg/images/initial/icon/icon-serch.png");background-repeat: no-repeat;background-position: center center;color: #fff;font-size: 15px;text-align: center;}
.header-cont div.head-App{float: right;width: 300px;height: 110px;font-size: 12px;background-image: url("/cyg/images/initial/downloadApp.png");background-repeat: no-repeat;background-size: cover;overflow: hidden;margin-top: 20px;margin-right: 29px;display: none;}
.headAppTxt{width: 170px;float: left;margin-top: 26px;margin-left: 32px;}
.headAppTxt p{margin-bottom: 7px;color: #555;}
.headAppTxt span{color: #06A5FD;}
.hotCar{position: absolute;top: 83px;left: 435px;width: 400px;height: 30px;display: none;}
.hotCar ul p,.hotCar ul li{float: left;font-size: 12px;color: #999;}
.hotCar ul li a{color: #999;}
.hotCar ul li{padding: 0 5px;}
.headAppQr{float: right;width: 69px;height: 67px;margin-top: 18px;margin-right: 25px;}
ul.itemList{position: absolute;top: 34px;left: 355px;;overflow: hidden;height: 64px;}
ul.itemList li{float: left;margin-top: 10px;height: 35px;margin:10px 20px;}
ul.itemList p{float: left;width: 330px;height: 35px;background-color:#EE1C24 color: #fff;font-size: 16px;letter-spacing: 4px;font-weight: bold;text-align: center;line-height: 35px;margin-right: 35px;}
ul.itemList li a{display: inline-block;padding: 0 9px 33px;font-size: 18px;color: #555;font-weight: bold;}
ul.itemList li a:hover{color: #EE1C24;border-bottom: 3px solid #EE1C24}
ul.itemList li a.col{color: #EE1C24;border-bottom: 3px solid #EE1C24;}
/*------------------------------------  weekBrand     ---------------------------*/

.weekBrand{float: left;width: 870px;height: 163px;overflow: hidden;border-top: 1px solid #E8E7E7;border-bottom: 1px solid #E8E7E7;}
.weekBrand ul{overflow: hidden;}
.weekBrand ul li{float: left;width: 288px;border-right: 1px solid #E8E7E7;overflow: hidden;}
.weekBrand ul li:first-child{border-left: 1px solid #E8E7E7;width: 290px;}
.weekBrand ul li a{display: block;position: relative;height: 163px;}
.weekBrand ul li a img{display: block;width: 72%;position: absolute;bottom: 0;right: 15px;}

.weekBrand ul li a span{position: absolute;left: 20px;top: 14px;font-size: 20px;color: #323232;font-weight: bold;}
.weekBrand ul li a p{position: absolute;left: 20px;top: 44px;font-size: 16px;color: #EE1C24;}
			

/*-----------------------------------section left car brand -------------------------------------*/
.section{width: 1200px;margin: 0 auto;background-color: #FFFFFF;height: 535px;}
.section div.carBrand{width: 330px;float: left;position: relative;}
.section div.carBrand>ul>p{height: 35px;background-color: #EE1C24;color: #fff;font-size: 16px;letter-spacing: 4px;font-weight: bold;text-align: center;line-height: 35px;}
.section div.carBrand>ul div.carBrandForm{width: 287px;margin: 16px auto 9px;}
.section div.carBrand>ul div.carBrandForm p{width: 284px;height: 35px;border: 1px solid #D8D8D8;margin-bottom: 13px;-webkit-border-radius: 5px;border-radius: 5px;}
.section div.carBrand>ul div.carBrandForm p input{font-size: 16px;display: block;width: 275px;margin-top: 7px;margin-left: 8px;color: #323232;-webkit-box-shadow: 0 0 10px 10px #fff inset;box-shadow: 0 0 10px 10px #fff inset;}
.section div.carBrand>ul div.carBrandForm p select{font-family: "微软雅黑";font-size: 16px;display: block;width: 275px;margin-top: 6px;border: none;line-height: 16px;margin-left: 6px;color: #999;}

#brandSub{width: 286px;height: 40px;background-color: #EE1C24;color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 40px;-webkit-border-radius: 5px;border-radius: 5px;margin-top: 1px;}
.section div.carBrand>ul div.carLoginSuccess{width: 287px;margin: 16px auto 20px;text-align: center;display: none;}
.section div.carBrand>ul div.carLoginSuccess img{width: 63%;display: inline-block;margin: 12px auto 33px;}
.section div.carBrand>ul div.carLoginSuccess h2{font-size: 18px;color: #ee1c24;font-weight: bold;margin-bottom: 12px}
.section div.carBrand>ul div.carLoginSuccess p{font-size: 14px;color: #777;}

.section div.carBrand>ul>li{border: 1px solid #fff;position: relative;}
.section div.carBrand>ul>li:hover{border: 1px solid #EE1C24;border-right: 1px solid #fff;}
.section div.carBrand ul li div.shouDiv{/*border-top: 1px dotted #E0E0E0;*/width: 310px;margin: 0 auto;padding-bottom: 6px;padding-top: 7px;overflow: hidden;}
.section div.carBrand>ul>li p.showP{width: 9px;background-color: #fff;position: absolute;margin: auto;top: 0px;height: 100%;right: -5px;z-index: 120;display: none;}

.section div.carBrand>ul>li:first-child>div.shouDiv{border: none;}
.section div.carBrand ul li div.shouDiv h3{font-size: 14px;color: #165493;font-weight: bold;margin-bottom: 10px;}
.section div.carBrand ul li div.shouDiv h3 i{float: right;font-size: 15px;color: #adadad;}
.section div.carBrand ul li div.shouDiv span{display: block;width: 76px;float: left;text-align: center;margin-bottom: 6px;}
.section div.carBrand ul li div.shouDiv a{color: #555;font-size: 12px;padding: 6px 2px;display: inline-block;text-align: center;}
.section div.carBrand ul li div.shouDiv a i{display: block;width: 40px;height: 40px;margin: 0 auto 3px;}
.section div.carBrand ul li div.shouDiv a em{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;width: 60px;}
.section div.carBrand ul li div.shouDiv a:hover{color: #EE1C24;;}
.section div.carBrand ul li div.hideDiv{width: 869px;position: absolute;background-color: #fff;top: -302px;left: 328px;border: 1px solid #EE1C24;display: none;z-index: 99;overflow: hidden;padding-bottom: 30px;}
.section div.carBrand ul li div.hideDiv ul {width: 100%;float: left;}
.section div.carBrand ul li div.hideDiv ul.ulR{border-left: 1px solid #f2f2f2;display: none;}
.section div.carBrand ul li div.hideDiv h2{padding: 20px ;font-size: 16px;font-weight: bold;color: #261d18;height: 9px;}
.section div.carBrand ul li div.hideDiv ul li{float: left;width: 404px;padding-top: 5px;padding-bottom: 5px;margin-left: 19px;}
.section div.carBrand ul li div.hideDiv ul li h4{float: left;color: #EE1C24;font-size: 14px;font-weight: bold;margin-bottom: 10px;width: 40px;padding-top: 4px;}
.section div.carBrand ul li div.hideDiv ul li div{width: 360px;float: left;position: relative;}
.section div.carBrand ul li div.hideDiv ul li div span{/*border: 1px solid #fff;*/display: inline-block;padding: 0px 0 0px;height: 21px;}
.section div.carBrand ul li div.hideDiv ul li div span:hover{/*border: 1px solid #eee;*/background: #fff;}
.section div.carBrand ul li div.hideDiv ul li div span i{display: none;position: absolute;width: 350px;top: 0;left: 0;padding: 4px 0 5px;background: #fff;/*border: 1px solid #eee;*/z-index: 9;}
.section div.carBrand ul li div.hideDiv ul li div span strong{width: 52px;height: 2px;display: none;position: absolute;background: #fff3f3;z-index: 10;}
/*.section div.carBrand ul li div.hideDiv ul li div span:hover strong{display: block;}*/
.section div.carBrand ul li div.hideDiv ul li div span:hover i{display: block;}
.section div.carBrand ul li div.hideDiv ul li i a{color: #EE1C24;background: #fff3f3;margin-right: 5px;-webkit-border-radius:3px;border-radius:3px;}
.section div.carBrand ul li div.hideDiv ul li i a:hover{color: #fff;background: #EE1C24;}
.section div.carBrand ul li div.hideDiv ul li a{display: inline-block;font-size: 12px;color:#323232;padding: 4px 4px 4px;;}
/*.section div.carBrand ul li div.hideDiv ul li a:hover{color: #EE1C24;;}*/
.section div.scrollBox{float: left;width: 870px;height: 370px;background-color: #555555;position: relative;}
/*----------------------------- service tep--------------------------------*/
.service{width: 1200px;margin: 10px auto 0;background-color: #fff;height: 100px;overflow: hidden;}
.service ul{overflow: hidden;margin-top: 30px;}
.service ul li{float: left;padding-left: 20px;padding-right: 12px;}
.service ul li div{float: left;}
.service ul li div.service-icon{width: 26px;height: 26px;margin-right: 8px;margin-left: 11px;margin-top: 5px;}
.service ul li div p{color: #323232;font-size: 16px;margin-bottom: 8px;font-weight: bold;}
.service ul li div span{color: #777;font-size: 12px;}
.step{width: 1200px;height: 74px;margin: 18px auto 0;background-color: #fff;overflow: hidden;}
.step img{width: 880px;height: 50px;display: block;margin-left: 167px;margin-top: 14px;}

/* --------------- car brand  tab ------------------------*/


.hotBrand{width: 1200px;margin: 0 auto;}
.hotBrandTitel{overflow: hidden;height: 58px;}
.hotBrandTitel h2{float: left;font-size: 20px;color: #555;font-weight: bold;margin-top: 23px;padding-left: 5px;}
.hotBrandTitel ul{float: right;margin-top: 28px;}
.hotBrandTitel ul li{float: left;font-size: 14px;color: #323232;padding: 0 25px;cursor: pointer;}
.hotBrandTitel ul li.col{color: #EE1C24;font-weight: bold;}
.hotBrandTitel ul li:hover{color: #EE1C24;}
.hotBrandCont{width: 1200px;height: 770px;}
/*.hotBrandCont ul{overflow: hidden;}*/
.hotBrandCont ul li{float: left;width: 286px;background-color: #fff;border-right: 1px solid #F5F5F5;height: 360px;margin-bottom: 23px;position: relative;}
.hotBrandCont ul li a{display: inline-block;}
.hotBrandCont ul li.liR{margin-right: 16px;}
.hotBrandCont ul li div.divCont{position: absolute;top: 0;left: 0;z-index: 20;width: 286px;height: 360px;}
.hotBrandCont ul li div.divCont:hover{-webkit-box-shadow: 0 0 20px 3px #eaeaea;-moz-box-shadow: 0 0 20px 3px #eaeaea;box-shadow: 0 0 20px 3px #eaeaea;z-index: 10;}
.hotBrandCont ul li div.hotCarImg{height: 180px;padding: 0px 0px 0;overflow: hidden;}
.hotBrandCont ul li div.divCont:hover img{animation: dh1 1s 1 forwards;-webkit-animation: dh1 1s 1 forwards;}
.hotBrandCont ul li div.divCont:hover p.hotCarTitel{font-weight: bold;color: #EE1C24;}
@keyframes dh1{
	from{
		-webkit-transform: scale(1,1);
		-moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
	}
	to{
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
}
.hotBrandCont ul li p.hotCarTitel{padding: 20px 23px 0 ;font-size: 18px;color: #323232;line-height: 24px;}
.hotBrandCont ul li div.hotCarGroup{overflow: hidden;padding: 25px 23px 0;}
.hotBrandCont ul li div.hotCarGroup div.carGroupInfo{float: left;width: 130px;font-size: 15px;}
.hotBrandCont ul li div.hotCarGroup div.carGroupInfo p{color: #323232;margin-bottom: 8px;}
.hotBrandCont ul li div.hotCarGroup div.carGroupInfo p i{display: inline-block;width: 15px;height: 15px;vertical-align: -2px;margin-right: 5px;}
.hotBrandCont ul li div.hotCarGroup div.carGroupInfo>span{color: #999;}
.hotBrandCont ul li div.hotCarGroup div.carGroupInfo em{color: #323232;}
.hotBrandCont ul li span.carGroupBtn{position: absolute;bottom: 52px;right: 22px;display: block;width: 90px;height: 37px;line-height:37px;font-size: 18px;text-align: center;line-height: 38px;background-color: #DA3833;color: #fff;-webkit-border-radius: 5px;border-radius: 5px;}
.hotBrandCont ul li span.carGroupBtn:active{background-color: #b73733;color: #fff;}


.hotEvaluationBox{width: 1200px;margin: 0 auto;;height: 660px;}
.hotEvaluation{width: 1200px;}
.hotEvaluationTitel{overflow: hidden;height: 35px;}
.hotEvaluationTitel h2{float: left;font-size: 20px;color: #555;font-weight: bold;padding-left: 5px;}
.hotEvaluationTitel ul{float: right;margin-top: 10px;}
.hotEvaluationTitel ul li{float: left;font-size: 14px;color: #323232;padding: 0 25px;cursor: pointer;}
.hotEvaluationTitel ul li.col{color: #EE1C24;font-weight: bold;}
.hotEvaluationTitel ul li:hover{color: #EE1C24;}
.hotEvaluationCont{width: 1200px;}
.hotEvaluationCont ul{width: 1200px;height: 295px;}
.hotEvaluationCont ul li{width: 595px;height: 210px;margin-left: 11px;background-color: #fff;;float: left;margin-left: 2px;margin-bottom: 2px;position: relative;}
.hotEvaluationCont ul li h6{width: 595px;height: 210px;position: absolute;overflow: hidden;z-index: 5;}
.hotEvaluationCont ul li h6:hover{box-shadow:0 0 20px 3px #eaeaea;}
.hotEvaluationCont ul li div.hotUser{width: 105px;float: left;}
.hotEvaluationCont ul li div.hotTxt{width: 460px;float: left;margin-top: 30px;}
.hotEvaluationCont ul li div.hotUser div{width: 50px;height: 50px;-webkit-border-radius: 70px;border-radius: 70px;overflow: hidden;margin: 25px auto 15px;}
.hotEvaluationCont ul li h3{text-align: center;font-size: 12px;color: #35649c;margin-bottom: 5px;}
.hotEvaluationCont ul li p{text-align: left;font-size: 14px;color: #a9a9a9;}
.hotEvaluationCont ul li p span{width: 70px;display: inline-block;color: #323232;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: -2px;}
.hotEvaluationCont ul li p i{display: inline-block;width: 11px;height: 11px;background: url(/cyg/images/initial/icon/xing1.png);margin-right: 5px;}
.hotEvaluationCont ul li p.evaluationTxt{text-align: left;height: 40px;;font-size: 13px;color: #606060;margin-top: 16px;;line-height: 20px;overflow: hidden;
	word-break: break-all;
	display: -moz-box;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 2;}
.hotEvaluationCont ul li div.hotTxt div{margin-top: 18px;;}
.hotEvaluationCont ul li div.hotTxt div span{display: inline-block;width: 110px;height: 70px;overflow: hidden;margin-right: 5px;;}


.hotEvaluationCont ul.factory{width: 1200px;height: 295px;}
.hotEvaluationCont ul.factory li{width: 590px;height: 210px;margin-left: 16px;background-color: #fff;overflow: hidden;float: left;margin-bottom: 16px;}
.hotEvaluationCont ul.factory li.li-r{margin-left: 0;}
.hotEvaluationCont ul.factory li:hover{box-shadow:0 0 20px 3px #eaeaea;}
.hotEvaluationCont .factory li div.factoryImg{float: left;width: 145px;height: 180px;-webkit-border-radius: 0px;border-radius: 0px;overflow: hidden;margin: 15px 5px 5px 16px;}
.hotEvaluationCont .factory li div.factoryUser{float: left;width: 418px;height: 180px;margin: 15px 0 16px 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.hotEvaluationCont ul.factory li h3{text-align: left;font-size: 18px;color: #323232;margin-bottom: 17px;padding: 0 20px;font-weight: bold;}
.hotEvaluationCont ul.factory li p{text-align: left;font-size: 14px;color: #323232;padding: 0 20px;}
.hotEvaluationCont ul.factory li h6{width: 45px;height: 2px;background-color: #555555;margin: 13px 0 0 20px;}
.hotEvaluationCont ul.factory li p span{width: 70px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: -2px;}
.hotEvaluationCont ul.factory li p.evaluationTxt{text-align: left;font-size: 13px;color: #606060;margin-top: 18px;padding: 0 20px;line-height: 23px;overflow: hidden;
	word-break: break-all;
	display: -moz-box;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 4;}
	


/*-------------------------------- protection  --------------------------------*/
.protection{width: 100%;background-color: #fff;border-top: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;padding: 30px 0;margin-top: 60px;}
.protectionCont{width: 1284px;margin: 0 auto;}
.protectionCont ul{overflow: hidden;}
.protectionCont ul li{float: left;width: 213px;border-left: 1px solid #EDEDED;height: 112px;}
.protectionCont ul li:first-child{border: none;}
.protectionCont ul li div{width: 50px;height: 50px;margin: 0 auto 8px;}
.protectionCont ul li:hover div {
	-webkit-animation: iconswing 3s infinite linear;
	animation: iconswing 3s infinite linear
}
.protectionCont ul li h3{color: #2D2D32;font-size: 17px;text-align: center;margin-bottom: 10px;}
.protectionCont ul li p{color: #9EA0A3;font-size: 13px;text-align: center;}
@-webkit-keyframes iconswing {
	0% {
		-webkit-transform: rotateZ(15deg)
	}
	5% {
		-webkit-transform: rotateZ(-15deg)
	}
	10% {
		-webkit-transform: rotateZ(15deg)
	}
	15% {
		-webkit-transform: rotateZ(-15deg)
	}
	20% {
		-webkit-transform: rotateZ(15deg)
	}
	25% {
		-webkit-transform: rotateZ(-15deg)
	}
	30% {
		-webkit-transform: rotateZ(0deg)
	}
	100% {
		-webkit-transform: rotateZ(0deg)
	}
}

@keyframes iconswing {
	0% {
		transform: rotateZ(15deg)
	}
	5% {
		transform: rotateZ(-15deg)
	}
	10% {
		transform: rotateZ(15deg)
	}
	15% {
		transform: rotateZ(-15deg)
	}
	20% {
		transform: rotateZ(15deg)
	}
	25% {
		transform: rotateZ(-15deg)
	}
	30% {
		transform: rotateZ(0deg)
	}
	100% {
		transform: rotateZ(0deg)
	}
}


/* ------------------------------   footer    -----------------------------*/
.footer{width: 100%;padding-top: 40px;height:68px;overflow: hidden;background-color: #333;/*background: #333 #f1f1f1;*/}
.footer ul{width: 1200px;margin:0 auto;text-align: center;margin: 30px auto 14px;}
.footer ul li{display: inline-block;}
.footer ul li a{color: #a3a2a2;font-size: 14px;display: inline-block;padding: 0 20px;border-left: 1px solid #777;}
/*.footer ul li a:hover{color: #EE1C24;}*/
.footer ul li:first-child a{border: none;}
.footer p{font-size: 12px;text-align: center;width: 1200px;margin: 0 auto 13px;;color: #fff;}
.footer p i{vertical-align: -1px;}
.footerLogo{height:0;width: 1200px;margin: 0 auto;position: relative;}
.footerLogo div{position: absolute;width: 156px;height: 37px;top: 0px;left: 0;}
.footerLogo div img{width: 100%;}


/*--------------     back Top    ------------------------------*/

.backTop{width: 1420px;height: 0;;margin: auto;z-index: 1000;}
.backTop ul{position: fixed;left: auto;width: 80px;;bottom: 50px;}
.backTopCont{float: right;position: relative;width: 50px;}
.backTop ul li{width: 80px;height: 65px;border-bottom: 1px solid #FFFFFF; padding-top: 14px;}
.backTop ul li i{width: 32px;height: 32px;display: block;margin: 0 auto;}
.backTop ul li p{font-size: 12px;color: #fff;text-align: center;margin-top: 5px;}
.backTop ul li.backTop i{width: 45px;height: 45px;}
.backTop ul li.backTop{background-color: #666666;height: 63px;padding-top: 17px;display: none;}
.backTop ul li.qq{background-color: #7396B7;}
.backTop ul li.wx{background-color: #89C054;position: relative;}
.backTop ul li.tel{background-color: #F0B246;position: relative;}
.backTop ul li.tel:hover{background-color: #ff811b;}
.telCont{background-color: #ff811b;height: 79px;width: 160px;color: #fff;font-size: 18px;text-align: center;line-height: 78px;position: absolute;top: 0;left: -160px;display: none;}
.backTop ul li.tel:hover .telCont{display: block;}
.wxCont{position: absolute;top: 0;left: -160px;width: 160px;height: 160px;display: none;}
.backTop ul li.wx:hover .wxCont{display: block;}