.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}