@import (once) "default.less";

/* point ///////////////////////*/
.point{
.pr;
.dib;
.oh;
width:10px;
height:10px;
left:1%;
}
.point::after{
content: "";
position: absolute;
top:0;
bottom:0;
right:40%;
margin:auto;
width:100%;
height:100%;
border-top:4px #FFF  solid;
border-right:4px #FFF solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition:.3s;
}
.point::after{
border-top:2px #FFF  solid;
border-right:2px #FFF solid;
}

/* footer_link ///////////////////////*/
.footer_link{
.right;

dl{
.dt;
}
dd{
.dtc;
}
ul{
padding:0 40px 0 0;
margin:0;
}

a{
.db;
color:#FFF;
.tdn;
}
.point{
margin:0 5px 0 0;
}
.sub{
padding:0 0 0 15px;
}

a:hover{
.tdu;
}

dd:last-child a{
padding:10px 0 10px 30px;
margin:0 0 5px 0;
border:1px #FFF solid;
width:200px;
line-height:100%;
}

dd:last-child a:hover{
color:@c2;
background:#FFF;
}
dd:last-child a:hover > .point::after{
border-top:2px @c2  solid;
border-right:2px @c2 solid;
}

}

.copyright{
clear:both;
}


@media (max-width:1000px) {
.footer_link{
.fn;

dl{
width:100%;
padding:0 0 30px 0;
}

ul{
padding:0 10px 0 0;
margin:0;
}
}
}

@media (max-width:600px) {
.footer_link{
.fn;

dl{
.db;
}
dd{
.db;
padding:0 0 20px 0;
}
ul{
padding:0;
margin:0;
}

dd:last-child a{
padding:5px 0 5px 20px;
width:100%;
}

}
}