.p-banner{ width: 100%; height: 250px; background: url('../image/p-banner.jpg') center center no-repeat; position: relative; } .p-banner .img-header{ position: absolute; top:65px; left: 50%; margin-left: -58px; width: 100px; height: 100px; border-radius: 100px; border: 3px solid #ffffff; overflow: hidden; } .p-banner .u-name{ position: absolute; top:185px; width: 100%; height: 30px; border-radius: 100px; font-size: 14px; color: #ffffff; } .p-type{ width: 100%; height: 70px; background: #ffffff; } .p-type .p-box{ height: 70px; padding: 0 35px; line-height: 70px; display: inline-block; font-size: 16px; color: #474747; cursor: pointer; } .p-type .p-chose{ color: #d7000f; border-bottom: 2px solid #d7000f; } .p-type .p-box:hover{ color: #d7000f; } .you-like{ width: 100%; overflow: hidden; margin-bottom: 30px; } .you-like .y-title{ height: 100px; line-height: 100px; font-size: 20px; color: #414141; text-align: left; } .tips{ width: 100%; height:auto; margin:100px 0px; } .tips .tips1{ width: 100%; font-size: 16px; color: #0b0b0b; height: 40px; line-height: 40px; } .tips .tips2{ width: 100%; font-size: 16px; color: #0b0b0b; height: 60px; line-height: 40px; } .tips .tips3{ display: inline-block; width: 200px; height: 50px; line-height: 50px; border: 2px solid #d7000f; color: #d7000f; } .vip-log{ width: 100%; height: auto; margin:30px 0 30px; } .vip-log .white{ background: #ffffff; min-height:50px; width: 1200px; margin: 50px auto 30px; } .vip-log table{ width: 100%; padding: 20px 0; } .vip-log td{ height: 90px; line-height: 90px; font-size: 14px; color: #6a6a6a; } .vip-log th{ height: 90px; line-height: 90px; border-bottom: 1px solid #dcdcdc; font-size: 16px; color: #000000; } .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{ }