.category-01{
float:left; width:100%;background-color:#dddddd;
height:400px;
border-bottom:1px solid #dddddd;
}
.category-01-main{
margin:0 auto;
width:1200px;
height:100%;
background-color:#FFF;
position: relative;
}

.category-01-01{
float:left;
width:239px;
height:100%;
border-right:1px solid #aaaaaa;
background-color:#cccccc;
color:#666666;
overflow: auto;
}
.category-right {
    display: none;
    position: absolute;
    top: 0;
    left: 240px;
    bottom: 0;
    width: 300px; /* 调整合适的宽度 */
    height: 400px;
    background-color: #999;
    color: #fff;
    z-index: 999; /* 确保它在最上面 */
}
.category-01-02{
float:left;
width:960px;
height:100%;
background-color:#f6f6f6;
}

.category-02{
float:left; width:100%;
}
.category-02-main{
margin:0 auto;
width:1200px;
background-color:#FFF;
}
.category-02-01{
float:left;
width:calc(100% - 24px);
padding-left:24px;
height:42px;
line-height:42px;
text-align:left;
letter-spacing:1px;
font-size:14px;
font-weight:bold;
color:#333333;
border-bottom:1px solid #eeeeee;
}
.category-02-02{
float:left;
width:100%;
height:400px;
margin-top:4px;
border:1px solid #eeeeee;
background-color:#ffffff;
}


.category-101{
float:left;
width:100%;
background-color:#ffffff;
margin-top:20px;
border-top: 2px solid #ff0000;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.category-101-z{
position:relative;
width:280px;
height:80px;
margin-left:20px;
margin-top:-12px;
}
.category-102{
float:left;
width:100%;
height:500px;
margin-top:-65px;
}
.category-103{
float:left;
height:50px;
line-height:50px;
margin-top:0px;
padding-left:115px;
font-size:20px;font-weight:bold;font-family:微软雅黑;
letter-spacing:2px;
text-align:left;
}
.category-104{
float:left;
width:100%;
height:450px;
}
.category-105{
float:right;
height:50px;
line-height:50px;
text-align:left;
margin-left:50px;
font-size:12px;
color:#666666;
letter-spacing:0.5px;
max-width:800px;
}
.category-106{
float:left;
height:24px;
line-height:24px;
text-align:left;
margin-right:10px;
font-size:12px;
color:#666666;
letter-spacing:0.5px;
padding-left:14px;
padding-right:14px;
border: 1px solid #cccccc;
background-color:#FFFFFF;
margin-top:13px;
cursor:pointer;
}
.category-110{
float:left;
width:98%;
height:430px;
margin-left:1%;
margin-top:10px;
background-color:#aaaaaa;
overflow:hidden;
border: 1px solid #dddddd;
}
.category-110-01{
float:left;
width:227px;
height:430px;
background-color:#eeeeee;
}
.category-110-02{
float:left;
width:calc(100% - 227px);
height:430px;
background-color:#eeeeee;
}
.category-111{
float:left;
width:calc(25% - 1px);
height:214px;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color:#ffffff;
cursor:pointer;
}
.category-111-01{
float:left;
width:80%;
height:80px;
margin-top:15px;
margin-left:10%;
text-align:center;
}
.category-111-01-z{
float:left;
width:80%;
height:80px;
margin-top:25px;
margin-left:10%;
text-align:center;
}
.category-111-02{
float:left;
width:80%;
height:30px;
letter-spacing:30px;
margin-top:15px;
margin-left:10%;
text-align:center;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-size:14px;font-weight:bold;
letter-spacing:1px;
color:#333333;
}
.category-111-02-z{
float:left;
width:80%;
height:30px;
letter-spacing:30px;
margin-top:25px;
margin-left:10%;
text-align:center;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-size:14px;font-weight:bold;
letter-spacing:1px;
color:#333333;
}
.category-111-03{
float:left;
width:90%;
height:25px;
letter-spacing:25px;
margin-left:5%;
text-align:center;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-size:12px;
letter-spacing:0.5px;
color:#777777;
}
.category-111-04{
float:left;
width:70%;
height:30px;
line-height:28px;
margin-left:15%;
text-align:center;
font-size:12px;
letter-spacing:0.5px;
background-color:#CCC;
border-radius:8px;
margin-top:5px;
}
.category-120{
float:left;
width:100%;
height:430px;
line-height:430px;
background-color:#eeeeee;
text-align:center;
letter-spacing:1px;
color:#666666;
}
.category-201
{
float:left;
width:calc(100% - 24px);
height:39px;
line-height:39px;
padding-left:24px;
text-align:left;
background-color:#f6f6f6;
border-bottom: 1px solid #ffffff;
cursor:pointer;

}
.category-202
{
float:left;
width:calc(100% - 24px);
height:39px;
line-height:39px;
padding-left:24px;
text-align:left;
background-color:#eeeeee;
border-bottom: 1px solid #ffffff;
cursor:pointer;
}

.category-301{
float:left;
width:100%;
background-color:#ffffff;
margin-top:20px;
border-top: 2px solid #ff0000;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.category-301-z{
position:relative;
width:280px;
height:80px;
margin-left:20px;
margin-top:-12px;
}
.category-302{
float:left;
width:100%;
margin-top:-65px;
}
.category-303{
float:left;
height:50px;
line-height:50px;
margin-top:0px;
padding-left:115px;
font-size:20px;font-weight:bold;font-family:微软雅黑;
letter-spacing:2px;
text-align:left;
}
.category-304{
float:left;
width:100%;
min-height:200px;
padding-bottom:20px;
}
.category-305{
float:right;
height:50px;
line-height:50px;
text-align:left;
margin-left:50px;
font-size:12px;
color:#666666;
letter-spacing:0.5px;
max-width:800px;
overflow:hidden;
}
.category-306{
float:left;
height:24px;
line-height:24px;
text-align:left;
margin-right:10px;
font-size:12px;
color:#666666;
letter-spacing:0.5px;
padding-left:14px;
padding-right:14px;
border: 1px solid #cccccc;
background-color:#FFFFFF;
margin-top:13px;
cursor:pointer;
}
.category-310{
float:left;
width:98%;
margin-left:1%;
margin-top:10px;
background-color:#aaaaaa;
overflow:hidden;
border: 1px solid #dddddd;
}
.category-312{
float:left;
width:calc(20% - 1px);
height:214px;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background-color:#ffffff;
cursor:pointer;
}
.category-399{
float:left;
width:100%;
height:8px;
line-height:8px;
}

.index-121{
float:left;
width:100%;
height:262px;
border-top: 2px solid #ff0000;
background-image:url(/img/wmys_bg.png);
background-size:cover;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
margin-top:10px;
}
.index-121-01{
float:left;
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-size:22px;font-weight:bold;
letter-spacing:4px;
color:#f6f6f6;
margin-top:30px;
}
.index-121-02{
float:left;
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-size:14px;font-weight:bold;
letter-spacing:2px;
color:#dddddd;
}
.index-121-03{
float:left;
width:100%;
height:130px;
margin-top:15px;
}
.index-121-04{
float:left;
width:25%;
height:130px;
}
.index-121-04-01{
float:left;
width:78px;
height:90px;
margin-top:20px;
margin-left:20px;
background-image:url(/img/dbx_bg.png);
background-size:cover;
}
.index-121-04-02{
float:left;
width:calc(100% - 118px);
height:98px;
margin-top:25px;
margin-left:20px;
font-size:12px;
letter-spacing:0.5px;
line-height:1.25pc;
color:#dddddd;
}
.index-121-04-03{
float:left;
width:68px;
text-align:center;
line-height:1.25pc;
margin-top:26px;
margin-left:5px;
font-size:16px;font-weight:bod;
color:#ffffff;
letter-spacing:2px;
}
.index-122{
float:left;
width:100%;
height:300px;
border-top: 2px solid #999999;
background-color:#eeeeee;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-top:10px;
}
.index-122-1{
float:left;
width:33%;
height:280px;
border-right: 1px solid #ffffff;
margin-top:10px;
cursor:pointer;
}
.index-122-2{
float:left;
width:33%;
height:280px;
margin-top:10px;
cursor:pointer;
}

.index-122-3{
float:left;
width:92%;
height:40px;
border-bottom: 1px solid #dddddd;
margin-left:4%;
}
.index-122-4{
float:left;
width:60%;
height:30px;
line-height:30px;
font-size:14px;font-weight:bold;
color:#444444;
margin-left:24px;
}
.index-122-5{
float:left;
width:calc(40% - 40px);
text-align:right;
font-size:12px;
color:#888888;
letter-spacing:0.5px;
margin-top:8px;
letter-spacing:0.5px;
}
.index-122-6{
float:left;
width:92%;
height:110px;
margin-left:4%;
background-color:#ffffff;
overflow:hidden;
margin-top:8px;
border: 1px solid #dddddd;
}

.index-122-6-1{
float:left;
width:calc(100% - 14px);
height:30px;
line-height:30px;
padding-left:14px;
text-align:left;
border-bottom: 1px solid #cccccc;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
letter-spacing:0.5px;
background-color:#f6f6f6;
color:#444444;
}
.index-122-6-2{
float:left;
width:100%;
height:89px;
overflow: hidden; text-overflow: ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
letter-spacing:0.5px;
color:#888888;
}
.index-122-6-3{
float:left;
width:calc(100% - 28px);
line-height:1.35pc;
text-align:left;
margin-left:14px;
margin-top:5px;
overflow: hidden; text-overflow: ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.index-123-01{
float:left;
width:90px;
height:69px;
overflow:hidden;
margin-left:5px;
margin-top:4px;
border: 1px solid #333333;
}
.index-123-02{
float:left;
width:calc(100% - 100px);
height:89px;
}