﻿.index-social .main{width:920px}
.index-social .entery{border-radius:0 70px 70px 0;background:linear-gradient(to right,var(--body),rgba(171, 132, 82, 0.4));padding:0 20px}
.index-social .entery:after{position:absolute;top:0;right:0;width:100%;height:100%;content:"";background:url('../img/bg-1.webp');background-size:cover;opacity:.5;z-index:-1}
.index-social .entery .arm{height:63px;width:63px;margin:20px 0 0 15px}
.index-social .entery .inside{width:calc(100% - 380px);padding:22px 0}
.index-social .entery .social{margin-top:2px;width:300px}
.index-social .entery .social a{width:calc(50% - 10px);padding:5px 5px 5px 10px;margin:10px 10px 0 0;line-height:24px;border-radius:10px 15px 15px 10px;background:#f8f6f4}
.index-social .entery .social a .icon{width:24px;height:24px;margin-left:7px}
.index-social .entery .social a:hover{opacity:.8}


@media only screen and (max-width:760px){
.index-social .entery{border-radius:0 25px 25px 0;padding:5px 15px 15px 0}
.index-social .entery .social{width:100%}
.index-social .entery .social a{margin:5px}
.index-social .entery .arm{width:60px;height:60px;margin:10px 0 0 10px}
.index-social .entery .inside{width:calc(100% - 70px);padding:15px 0}
.index-social .entery .inside .title{font-size:14px}
.index-social .entery .inside .desc{font-size:13px}
}