You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
514 lines
10 KiB
514 lines
10 KiB
.d-navs{height: 60px;width: 100%;background: #1b1b1b; z-index: 100;}
|
|
.d-navs ul li{display: block;float: left;}
|
|
.d-navs ul li a{
|
|
display: block;
|
|
height: 60px;
|
|
line-height: 60px;
|
|
color: #9E9E9E;
|
|
font-size: 15px;
|
|
padding: 0 20px;
|
|
}
|
|
.d-navs ul li a:hover{
|
|
color: #ffffff;
|
|
background: #434343;
|
|
}
|
|
.d-navs .search{
|
|
float: right;
|
|
width: 364px;
|
|
height: 40px;
|
|
margin-top: 10px;
|
|
background: #4a4a4a;
|
|
font-size: 14px;
|
|
color: #a1a0a0;
|
|
position: relative;
|
|
}
|
|
.d-navs .head-list{
|
|
position: relative;
|
|
}
|
|
.d-navs .head-list .down-list .d-a{
|
|
display: block;
|
|
float: left;
|
|
font-size: 14px;
|
|
font-family: '微软雅黑';
|
|
height: 36px;
|
|
line-height: 36px;
|
|
/* width: 100%; */
|
|
padding: 2px 20px;
|
|
background: #ffffff;
|
|
}
|
|
.d-navs{
|
|
transition:top 0.5s ease-in-out;
|
|
}
|
|
.piao{
|
|
transition: top 1s ease-in-out;
|
|
}
|
|
|
|
.d-navs .head-list .point{font-size: 40px;}
|
|
.d-navs .head-list .down-list{
|
|
background: #ffffff;
|
|
color: #5f5f5f;
|
|
display: none;
|
|
position: absolute;
|
|
left: -145px;
|
|
z-index: 10;
|
|
width: 295px;
|
|
font-size: 14px;
|
|
padding: 13px 13px;
|
|
}
|
|
.d-navs .head-list:hover .down-list{
|
|
background: #ffffff;
|
|
color: #5f5f5f;
|
|
display: block;
|
|
}
|
|
|
|
.d-navs .down-list .d-a{
|
|
color: #8C8C8C;
|
|
}
|
|
.d-navs .down-list .d-a:hover{
|
|
color: #d7000f;
|
|
}
|
|
|
|
.d-navs .search .i-search{
|
|
height: 40px;
|
|
width: 353px;
|
|
border: 0 solid;
|
|
float: left;
|
|
outline: none;
|
|
padding-left: 10px;
|
|
background: #4a4a4a;
|
|
color: #ffffff;
|
|
font-family: '微软雅黑';
|
|
}
|
|
.d-navs .search .i-search:focus{
|
|
background: #ffffff;
|
|
color: #000000;
|
|
opacity: .9;
|
|
}
|
|
.d-navs .search .s-niu{
|
|
width: 55px;
|
|
height: 40px;
|
|
float: left;
|
|
background: url(../../common/image/common.png) 3px -329px no-repeat;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 0px;
|
|
}
|
|
.d-title{
|
|
width: 100%;
|
|
height: 80px;
|
|
line-height: 80px;
|
|
color: #000000;
|
|
font-size: 18px;
|
|
font-family: '微软雅黑';
|
|
text-align: left;
|
|
}
|
|
.d-title span{
|
|
display: inline-block;
|
|
margin-left: 18px;
|
|
}
|
|
|
|
.middle{
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: hidden;
|
|
margin-bottom: 50px;
|
|
}
|
|
.middle .m-l{
|
|
display: block;
|
|
float: left;
|
|
margin-right: 16px;
|
|
width: 780px;
|
|
background: #ffffff;
|
|
padding: 20px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.middle .m-l .copyright{
|
|
line-height: 25px;
|
|
float: left;
|
|
font-size: 14px;
|
|
color:#999999;
|
|
}
|
|
|
|
.middle .m-r{
|
|
display: block;
|
|
float: left;
|
|
width: 320px;
|
|
}
|
|
|
|
.middle .m-r .mould1{
|
|
height: 208px;
|
|
padding: 20px 31px;
|
|
background: #ffffff;
|
|
width: 300px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.middle .m-r .mould1 .d-down{
|
|
height: 55px;
|
|
width: 300px;
|
|
line-height: 55px;
|
|
background: #6489e4;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
margin: 18px auto 18px;
|
|
border-radius: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.middle .m-r .mould1 .d-down:hover{
|
|
background: #5076d5;
|
|
|
|
}
|
|
|
|
.middle .m-r .mould1 .d-down i{
|
|
width: 47px;
|
|
height: 40px;
|
|
background: url(../../common/image/common.png) 0px -446px no-repeat;
|
|
vertical-align: -8px;
|
|
display: inline-block;
|
|
margin-left: -16px;
|
|
|
|
}
|
|
.middle .m-r .mould1 .d-coll{
|
|
height: 53px;
|
|
width: 298px;
|
|
line-height: 53px;
|
|
background: #ffffff;
|
|
color: #5c5c5c;
|
|
font-size: 16px;
|
|
margin: 0 auto 17px;
|
|
border-radius: 2px;
|
|
border: 1px solid #d4d7d8;
|
|
cursor: pointer;
|
|
text-align: left;
|
|
}
|
|
.middle .m-r .mould1 .d-coll:hover{
|
|
background: #f4f4f4;
|
|
}
|
|
.middle .m-r .mould1 .d-coll i{
|
|
width: 136px;
|
|
height: 40px;
|
|
background: url(../../common/image/common.png) 88px -30px no-repeat;
|
|
vertical-align: -8px;
|
|
display: inline-block;
|
|
/* margin-right: 18px; */
|
|
}
|
|
.middle .m-r .mould1 .d-coll span{
|
|
display: inline-block;
|
|
|
|
}
|
|
.middle .m-r .mould1 .d-coll .chose{
|
|
background: url(../../common/image/common.png) 90px -633px no-repeat;
|
|
}
|
|
.middle .m-r .mould1 .d-msg{
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-family: Arial;
|
|
}
|
|
.middle .m-r .mould1 .d-msg .d-view{
|
|
width: 33%;
|
|
height: 50px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
color: #838383;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.middle .m-r .mould1 .d-msg .view-num{
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 20px;
|
|
background: url('../../common/image/common.png') -10px -298px no-repeat;
|
|
vertical-align: -4px;
|
|
margin-right: 10px;
|
|
}
|
|
.middle .m-r .mould1 .d-msg .down-num{
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('../../common/image/common.png') -5px -6px no-repeat;
|
|
vertical-align: -4px;
|
|
margin-right: 10px;
|
|
}
|
|
.middle .m-r .mould1 .d-msg .coll-num{
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background: url('../../common/image/common.png') -6px -44px no-repeat;
|
|
vertical-align: -4px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.middle .m-r .mould2{
|
|
padding: 26px 31px;
|
|
background: #ffffff;
|
|
width: 300px;
|
|
margin-bottom: 16px;
|
|
overflow: hidden;
|
|
}
|
|
.middle .m-r .mould2 li{
|
|
width: 100%;
|
|
display: block;
|
|
height: 33px;
|
|
line-height: 33px;
|
|
float: left;
|
|
font-size: 13px;
|
|
color: #838383;
|
|
}
|
|
.middle .m-r .mould2 li .m-l2{
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 10px;
|
|
color: #000000;
|
|
}
|
|
.middle .m-r .mould2 li .m-r2{
|
|
display: inline-block;
|
|
float: left;
|
|
color: #838383;
|
|
}
|
|
.middle .m-r .mould2 li .m-r2 img{
|
|
margin-right: -7px;
|
|
}
|
|
|
|
.middle .m-r .mould3{
|
|
height: 50px;
|
|
padding: 20px 31px;
|
|
background: #ffffff;
|
|
width: 300px;
|
|
margin-bottom: 16px;
|
|
text-align: left;
|
|
line-height: 50px;
|
|
font-size: 13px;
|
|
background: url('http://static.tukuppt.com/detail/image/webcollect.png') center center no-repeat #ffffff;
|
|
}
|
|
.middle .m-r .mould3 i{
|
|
display: inline-block;
|
|
width:40px;
|
|
height: 40px;
|
|
border-radius: 100px;
|
|
background: #080808;
|
|
vertical-align: -14px;
|
|
margin-right: 18px;
|
|
color: #2d2d2d;
|
|
font-size: 14px;
|
|
}
|
|
.middle .m-r .mould3 .m3-name{
|
|
color: #7f7e7e;
|
|
}
|
|
|
|
.middle .m-r .mould4{
|
|
padding: 20px 31px;
|
|
background: #ffffff;
|
|
width: 301px;
|
|
font-size: 12px;
|
|
color: #616161;
|
|
overflow: hidden;
|
|
}
|
|
.middle .m-r .mould4 .m-about{
|
|
width: 100%;
|
|
font-size: 15px;
|
|
color: #000000;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-bottom: 17px;
|
|
}
|
|
.middle .m-r .mould4 a{
|
|
display: block;
|
|
width:130px;
|
|
text-align: center;
|
|
border:1px solid #dcdcdc;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-right: 10px;
|
|
margin-bottom: 9px;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.you-like{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.you-like .y-title{
|
|
height: 73px;
|
|
font-size: 20px;
|
|
color: #414141;
|
|
text-align: left;
|
|
}
|
|
|
|
.piao{
|
|
z-index: 3;
|
|
background: #eceff1;
|
|
}
|
|
|
|
.d-daoh{
|
|
width: 100%;
|
|
height: 90px;
|
|
line-height: 90px;
|
|
text-align: left;
|
|
color: #5A5A5A;
|
|
font-size: 16px;
|
|
}
|
|
.d-daoh span{
|
|
display: inline-block;
|
|
margin-left: 18px
|
|
}
|
|
.d-daoh a{
|
|
color: #5A5A5A;
|
|
}
|
|
.opacity{
|
|
z-index: 2;
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
-khtml-opacity: 0;
|
|
opacity: 1;
|
|
position: absolute;
|
|
}
|
|
.zezhao-t{
|
|
width: 780px;
|
|
height: 200px;
|
|
}
|
|
.zezhao-l{
|
|
top: 220px;
|
|
width: 280px;
|
|
height: 77px;
|
|
}
|
|
.zezhao-r{
|
|
top:220px;
|
|
right: 0px;
|
|
width: 290px;
|
|
height: 77px;
|
|
|
|
}
|
|
.zezhao-b{
|
|
top: 297px;
|
|
width: 780px;
|
|
height: 174px;
|
|
}
|
|
|
|
.vip-yd{
|
|
position: relative;
|
|
}
|
|
.vip-yd .yd-jr{
|
|
display: block;
|
|
width: 1200px;
|
|
margin:5px auto 0px;
|
|
height: 60px;
|
|
background: url('http://static.tukuppt.com/common/image/yd.jpg') center center no-repeat;
|
|
}
|
|
.vip-yd .yd-close{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url('http://static.tukuppt.com/common/image/yd.png') 6px -23px no-repeat;
|
|
cursor: pointer;
|
|
}
|
|
.vip-yd .yd-close:hover{
|
|
background: url('http://static.tukuppt.com/common/image/yd.png') 6px 3px no-repeat;
|
|
}
|
|
|
|
.flex-images { overflow: hidden; }
|
|
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative; }
|
|
.flex-images .item img { width: 100%; height: 100%; }
|
|
#demo1{margin-bottom:50px;}
|
|
.flex-images .item .ljxzk{
|
|
display: none;
|
|
}
|
|
.flex-images .item:hover .ljxzk{
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
background: #d7000f;
|
|
line-height: 40px;
|
|
color: #ffffff;
|
|
}
|
|
.flex-images .item:hover .ljxzk i{
|
|
width: 22px;
|
|
height: 36px;
|
|
display: inline-block;
|
|
background: url(http://static.tukuppt.com/common/image/common.png) -13px -452px no-repeat;
|
|
vertical-align: -10px;
|
|
|
|
}
|
|
.flex-images .item:hover .ljxzk:hover{
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
background: #fc2130;
|
|
}
|
|
|
|
.flex-images .item:hover .ljsck{
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 97px;
|
|
top: 10px;
|
|
background: url(http://static.tukuppt.com/common/image/common.png) 3px -35px no-repeat #ffffff;
|
|
|
|
}
|
|
.flex-images .item:hover .chose{
|
|
background: url(http://static.tukuppt.com/common/image/common.png) 7px -637px no-repeat #ffffff;
|
|
}
|
|
|
|
.flex-images .excel{background:white;;padding-bottom:30px;margin-bottom:20px;margin-right:10px;box-shadow: 5px 5px 5px #888888;}
|
|
.flex-images .exceltitle{position:relative;top:5px;color:#252525;font-size:13px;}
|
|
.s-box .ljxzk{
|
|
display: none;
|
|
}
|
|
.s-box:hover .ljxzk{
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
background: #d7000f;
|
|
line-height: 40px;
|
|
color: #ffffff;
|
|
}
|
|
.s-box:hover .ljxzk i{
|
|
width: 22px;
|
|
height: 36px;
|
|
display: inline-block;
|
|
background: url(http://static.tukuppt.com/common/image/common.png) -13px -452px no-repeat;
|
|
vertical-align: -10px;
|
|
|
|
}
|
|
.s-box:hover .ljxzk:hover{
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
background: #fc2130;
|
|
}
|
|
|
|
.s-box:hover .ljsck{
|
|
cursor: pointer;
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
right: 97px;
|
|
top: 10px;
|
|
background: url(http://static.tukuppt.com/common/image/common.png) 3px -35px no-repeat #ffffff;
|
|
|
|
}
|
|
.s-box:hover .chose{
|
|
background: url(http://static.tukuppt.com/common/image/common.png) 7px -637px no-repeat #ffffff;
|
|
}
|
|
.picjianjie{display:inline-block;font-size:13px;color:#999;margin-top:10px;line-height:22px;text-align: left;width:100%;}
|
|
.picjianjie a{color:#999;margin-right:5px;display:inline-block;}
|
|
.picjianjie a:hover{color:#d7000f}
|