/*脚部*/
.footer.con{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.footer.con ul {
position: relative;
width: 100%;
max-width: 984px;
height: 58px;
background: url('/images/page_footer.png') center no-repeat;
background-size: contain;
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: 30px;
}
.footer.con ul li{
position: relative;
height: 100%;
cursor: pointer;
}
.footer.con ul li:nth-child(1) {
width: 12.5%;
}
.footer.con ul li:nth-child(2) {
width: 12.5%;
}
.footer.con ul li:nth-child(3) {
width: 12.5%;
}
.footer.con ul li:nth-child(4) {
width: 12.5%;
}
.footer.con ul li:nth-child(5) {
width: 12.5%;
}
.footer.con ul li:nth-child(6) {
width: 12.5%;
}
.footer.con ul li:nth-child(7) {
width: 12.5%;
}
.footer.con ul li:nth-child(8) {
width: 12.5%;
}
.footer.con ul li a{
display: inline-block;
width: 100%;
height: 100%;
}
.footer.con .qr-wcode {
width: 191px;
height: 225px;
background: url(/images/qr-wcode.png) no-repeat;
position: absolute;
top: -220px;
right: -29%;
display: none
}
.footer.con .qr-dcode {
width: 214px;
height: 280px;
background: url(/images/qr-dcode.png) no-repeat;
position: absolute;
top: -220px;
right: -49%;
display: none
}
.qr-ccode {
width: 198px;
height: 188px;
position: absolute;
top: -280.5px;
right: 30%;
padding:200px;
}
.fillbg { background-color: rgba(0, 0, 0, 0.6);
bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed;
right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.fillbg-active { opacity: 1; display:block; }
.footer {
#background: #3F3F3F;
color: white;
height:auto !important;
}
.footer-wraper {
/*width: 1200px;*/
/*min-width: 1200px;*/
width: 76%;
margin: 0 auto;
padding-top: 4.04%;
padding-bottom:4.04%;
overflow: hidden;
}
.footer-bottom {
width: 95%;
margin: 0 auto;
text-align: center;
padding-bottom: 0.01%;
}
.footer-bottom > div {
padding: 4px 0;
}
#list-infor {
/*margin-left: 22px;*/
overflow: hidden;
width: 60%;
}
#footerlogo {
width: 25%;
}
#list-infor #list-infor-wraper {
/*width:85%;*/
margin: 0 auto;
}
#download-app {
position: relative;
overflow: hidden;
color: white;
width: 221px;
margin-right: 4%;
}
#download-app a:hover {
border: black 1px solid;
color: black;
}
#download-app:before {
z-index: 3;
position: absolute;
width: 200%;
height: 45px;
content: "";
left: -210%;
background: #0C7CBE;
transform: skew(45deg);
transition: left 0.5s;
}
#download-app:hover:before {
left: -20px;
transition: all 0.5s;
}
#download-app a {
position: relative;
z-index: 3;
color: inherit;
}
#download-app a:hover {
color: inherit;
transition: all 0.5s;
}
#other-infor{
/*margin-right:2.8%;*/
width: 40%;
}
#other-infor-wraper > div:nth-child(2) {
margin-top: 40px;
}
.list-item {
padding: 0 9%;
}
.list-title {
font-size: 17px;
color: white;
margin-bottom: 20px;
/*border: white 1px solid;*/
}
.list-item dd {
font-size: 14px;
color: #b7b7b7;
padding: 3px 0px;
text-align: center;
}
#youzan{
width: 70%;
margin: 0 auto;
}
#jd{
width: 61%;
margin: 0 auto;
}
#weibo{
width:110%;
}
/*友情链接*/
#fl {
/*width: 100%;*/
/*width: 359px;*/
margin-top: 1.1%;
}
#fl-wraper {
width: 48%;
margin: 0 auto;
}
#fsl-wraper {
/*width: 358px;*/
}
.fs-line {
width: 90px;
padding: 5px;
}
.fs-line a {
display: block;
line-height: 30px;
width: 100%;
height: 30px;
}
.fs-line img {
width: 100%;
vertical-align: middle;
}
.sn-title {
font-size: 13px;
}
.sn-title span {
/*font-size: 21px;*/
color: white;
}
.cn-content {
color: #888888;
margin: 0 auto;
}
#download-app a{
display: block;
width: 221px;
/*height: 45px;*/
border: 1px solid white;
text-align: center;
/*margin-left: 40px;*/
margin-right: 40px;
}
#download-app a {
font-size: 16px;
line-height: 45px;
text-align: center;
overflow: hidden;
}
.phones-num {
font-size: 19px;
color: white;
}
.phones-num span {
text-indent: 3em;
font-size: 14px;
}
.cicle-foot-items {
width: 100%;
background-color: #ffffff;
}
.cicle-foot-item {
margin-left: 1.7%;
float:left;
background-color: #ffffff;
border: 1px solid #ffffff;
opacity: 1;
border: 0.1px solid #E6E6E6;
text-align: center;
font-size: 17px;
color: #393939;
}
.cicle-foot-item:hover {
border: 0.1px solid #009FE8;
background-color: #009FE8;
opacity: 1;
text-align: center;
font-size: 17px;
color: #FFFFFF;
}
#ci-foot-wraper {
width: 1435px;
height: 215px;
margin: 40px auto;
}
.item-foot_bg {
width: 260px;
height: 160px;
}
#ci-foot-wraper > div:nth-child(1) .item-foot_bg {
background: url('../images/footer/foot1.png') no-repeat;
background-size: 100%;
}
#ci-foot-wraper > div:nth-child(2) .item-foot_bg {
background: url('../images/footer/foot2.png') no-repeat;
background-size: 100%;
}
#ci-foot-wraper > div:nth-child(3) .item-foot_bg {
background: url('../images/footer/foot3.png') no-repeat;
background-size: 100%;
}
#ci-foot-wraper > div:nth-child(4) .item-foot_bg {
background: url('../images/footer/foot4.png') no-repeat;
background-size: 100%;
}
#ci-foot-wraper > div:nth-child(5) .item-foot_bg {
background: url('../images/footer/foot5.png') no-repeat;
background-size: 100%;
}
.ci-foot-title{
height: 56px;
font-size: 20px;
line-height: 56px;
}
.footer .flex-row{
width: 1200px;
display: flex;
justify-content: center;
align-items: center;
float:left;
}
.footer .flex-row .wrap2 {
background-color: rgba(153, 153, 153, 1);
width: 1px;
height: 61px;
margin: 0 0 0 20px;
}
.footer .flex-row .wrap3 {
height: 85px;
margin: 18px 0 0 19px;
}
.wrap3 span {
height: 12px;
overflow-wrap: break-word;
color: #FFFFFF;
font-size: 14px;
font-family: MicrosoftYaHei;
text-align: center;
white-space: nowrap;
line-height: 12px;
margin-top: 12px;
display: block;
}
.bottom{
padding: 1% 0px 1% 0%;
background-color: rgba(57, 57, 57, 1);
text-align: center;
height: 50px;
overflow-wrap: break-word;
color: rgba(153, 153, 153, 1);
font-size: 12px;
text-align: center;
white-space: nowrap;
line-height: 20px;
display: block;
}
/*脚部*/
@media screen and (max-width: 1200px){
#list-infor-wraper{
/*display: none;*/
}
#other-infor{
/*display: none;*/
}
}