/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height:5px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
::-webkit-scrollbar-thumb {
  background-color: #da634b;
  background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, .4) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, .4) 50%,  rgba(255, 255, 255, .4) 75%,  transparent 75%,  transparent);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}

/* 全局重置 */
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{
background:url(../img/mimi.png) center top no-repeat;
background-color:#da634b;
overflow-y:scroll;
color:#555;
font-size:13px;
font-family:"Microsoft YaHei",Simsun,Tahoma
}
caption,td,th{font-size:14px}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
a{color:#000;text-decoration:none}
a:hover{text-decoration:none}
img{border:none}
li,ol,ul{list-style:none}
button,input,select,textarea{font-size:14px}
table{border-collapse:collapse}
html{overflow-y:scroll}

/* 容器主体 */
#container{
width:1200px;
margin:0 auto;
margin-top:180px;
}

/* 顶部导航 */
.nav{
width:100%;
margin-bottom:10px;
border-radius:2px;
overflow:hidden;
}
.nav li{
float:left;
text-align:center;
display:block;
width:148px;
height:40px;
line-height:40px;
background:#e47653;
border: 1px solid #da634b;
font-size:18px;
transition:color .5s,background-color .5s;
overflow:hidden
}
.nav li a{
display:block;
width:100%;
height:100%;
color:#fff;
}
.nav li:hover{
color:#fff;
background:#ff6ea1
}

/* 栏目容器 纯白底色 */
.cate{
width:100%;
background:#ffffff !important;
margin-bottom:10px;
border-radius:2px;
overflow:hidden;
}
.cate_name{
height:40px;
width:100%;
overflow:hidden;
}
.cate_name p{
font-size:18px;
font-weight:700;
line-height:40px;
color:#fff;
margin-left:20px;
}
.cate_ul{
margin:0 auto;
position:relative;
max-width:960px;
background:#fff;
padding:10px 0;
}

/* 链接条目纯白底色 */
.link-item{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 16px;
border-bottom:1px solid #f0f2f5;
gap:16px;
background:#fff;
}
.link-item:last-child{
border-bottom:none;
}
.link-info{
flex:1;
}
.link-name{
font-size:16px;
font-weight:500;
color:#111;
margin-bottom:4px;
}
.link-desc{
font-size:14px;color:#666;margin-bottom:6px;
}
.ip-tag{
font-size:13px;color:#da634b;
}
.btn-link{
padding:9px 18px;
background:#e47653;
color:#fff;
border-radius:2px;
text-decoration:none;font-size:14px;transition:0.5s;
}
.btn-link:hover{
background:#ff6ea1;
}
.empty-text{
text-align:center;color:#999;padding:40px 0;font-size:14px;background:#fff;
}

/* 链接条目样式 */
.link-item{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 16px;
border-bottom:1px solid #eee;
gap:16px;
}
.link-item:last-child{
border-bottom:none;
}
.link-info{
flex:1;
}
.link-name{
font-size:16px;
font-weight:500;
color:#111;
margin-bottom:4px;
}
.link-desc{
font-size:14px;
color:#666;
margin-bottom:6px;
}
.ip-tag{
font-size:13px;
color:#da634b;
}
.btn-link{
padding:9px 18px;
background:#e47653;
color:#fff;
border-radius:2px;
text-decoration:none;
font-size:14px;
transition:0.5s;
}
.btn-link:hover{
background:#ff6ea1;
}

.empty-text{
text-align:center;
color:#999;
padding:40px 0;
font-size:14px;
}

/* 底部 */
.footer{
border-radius:5px 5px 0 0;
height:auto;
margin-bottom:0;
opacity:.7;
margin-top:20px;
}
.footer p{
text-align:center;
line-height:40px;
color:#333;
}
.footer p a{
color:#333;
}
.clear{
clear:both;
height:0;
}

/* 侧边悬浮按钮 大屏幕显示 */
.side{
position:fixed;
bottom:5px;
width:70px;
left:50%;
margin-left:606px;
}
.side_div{
width:70px;
height:32px;
line-height:32px;
text-align:center;
color:#fff;
margin-top:2px;
border:1px solid #e47653;
border-radius:2px;
background:#e47653;
}
.side_div a{
color:#fff;
display:block;
width:100%;
height:100%;
}
.faq{
position:fixed;
bottom:5px;
width:70px;
right:50%;
margin-right:606px;
}
.faq_div{
width:70px;
height:32px;
line-height:32px;
text-align:center;
color:#fff;
margin-top:2px;
border:1px solid #e47653;
border-radius:2px;
background:#e47653;
}
.faq_div a{
color:#fff;
display:block;
width:100%;
height:100%;
}

/* 移动端适配 */
@media screen and (max-width:1200px){
.side{display:none}
.faq{display:none}
.xm{display:none}
}
@media screen and (max-width:960px){
body{background-size:150%}
#container{width:98%;margin-top:40%}
.nav li{width:20%;margin-right:-2px;height:35px;line-height:35px}
.cate li{width:20%;margin-right:-1px;height:35px;line-height:35px}
.cate_name{height:35px}
.cate_name p{font-size:21px;line-height:35px}
}
@media screen and (max-width:800px){
.nav li{font-size:15px;height:30px;line-height:30px}
.cate li{font-size:15px;height:30px;line-height:30px}
.cate_name{height:30px}
.cate_name p{font-size:20px;line-height:30px}
.link-item{flex-direction:column;align-items:flex-start}
}
@media screen and (max-width:640px){
.nav li{width:25%;font-size:12px;height:30px;border:1px solid #da634b;line-height:30px}
.cate li{width:25%;font-size:11px;height:30px;line-height:30px}
.cate_name{height:30px}
.cate_name p{font-size:17px;line-height:30px}
.cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:2px 3px;margin-left:4px;font-size:11px;border-radius:2px}
}