*{ margin:0; } ::-webkit-scrollbar {width: 5px;background: #fff;} ::-webkit-scrollbar-button {display: none;} ::-webkit-scrollbar-thumb {background: #ff91a1;} body {background: #000;overflow: hidden;} .imgAD{ border:0; } a:focus{outline:none;} #container {width: 280px;height: 300px;margin: 0;background: #fff;overflow: hidden; position: relative;} #container .show-head{ font-size: 12px; width: 280px;height: 20px;margin: 0 auto;background: #356ed0; color: #fff; overflow: hidden; line-height:20px; } .show-head .title{ display: inline-block; margin-left: 10px; width: 240px; float: left; } .show-head .close{ cursor: pointer; font-size: 16px; width: 16px; height: 16px; float: right; margin: 2px; display: inline-block; } .show-head .close img{ width:100%; height:100%; } #container .showcase{ float: left;width:135px;height:135px;margin: 10px 0 0 10px;} #container .left{ position: absolute; width:30px; height:30px; left: -4px; top: 165px; z-index: 888; } #container .left:hover{ left: 0; cursor: pointer; } #container .right{ position: absolute; width:30px; height:30px; right:-4px; top:165px; z-index: 888; } #container .right:hover{ right:0; cursor: pointer; } /*右侧顶部360*/ .right360ad{ position: relative; } .right360ad img{ width: 100%; height: 100%; } .right360ad h3{ height: 18px; line-height: 17px; text-align: center; position: absolute; font-size: 14px; left: 0; bottom: 0; overflow: hidden; z-index: 2; color: #fff; } .right360ad .rightBack{ width: 135px; height: 18px; background: #000; opacity: 0.7; filter: alpha(opacity=70); position: absolute; left: 0; bottom: 0; } .right360ad span{ position: absolute; top: 0; right: 0; color: #eee; font-size: 12px; background: rgba(0,0,0,0.1); padding: 2px; } .right360ad div{ width: 135px; height: 135px; overflow: hidden; } @-webkit-keyframes run_load { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @keyframes run_load { 0% { transform: rotate(0);} 100% { transform: rotate(360deg);} } @-webkit-keyframes height_go_0 { 0% { height: 30px;} 50% { height: 30px;} 100% { height: 0;} } @keyframes height_go_0 { 0% { height: 30px;} 50% { height: 30px;} 100% { height: 0;} } .loading_ajax{height: 16px;line-height: 16px;margin-top: 16px;margin-bottom: 4px;width: 100%;font-size: 12px;text-align: center;} .loading_ajax>div{background-color: #999;width: 8px;height: 8px;border-radius: 100%;margin: 1px;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block;} .loading_ajax>div:nth-of-type(1){-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .loading_ajax>div:nth-of-type(2){-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} .loading_ajax>div:nth-of-type(3){-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);} @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: .7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: .7; } 80% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } #fail_tips{height: 490px;line-height: 490px;text-align: center;font-size: 12px;} #fail_tips span{color: #2a90d7;cursor: pointer;} .reduce_height{height: 112px!important;} #container .right_pannel .today_news li .adv_source{color: #aaa;font-size: 12px;margin-left: 10px;} .iamzhikead{ display: none; } #container .content .iamzhikead{ display: block; padding: 5px 3px; height: 114px; } .iamzhikead .zhikeBack{ background-color: #fff; opacity: 0.3; filter: alpha(opacity=30); } .right_top_zhike{height: 110px;position: relative;} .right_top_zhike a{display: block;height: 110px;overflow: hidden;} .right_top_zhike a p{width: 100%;height: 16px;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.3);color: #fff;line-height: 16px;text-align: left;font-size: 14px;overflow: hidden;} .right_top_zhike a:hover p{color: #ee4b4b;} .right_top_zhike>p{font-size: 12px;color: #eee;position: absolute;right: 0;top: 0;} /*信息流直客*/ *{font-family: "Microsoft Yahei"} #container .content #zhikeAd{ display: inline-block; *display: inline; *zoom: 1; width: 500px; height: 104px; position: relative; } #container .content #zhikeAd div{ width: 117px; height: 70px; margin-right: 8px; float: left; } #container .content #zhikeAd div a{ display: inline-block; *display: inline; *zoom: 1; width: 117px; height: 70px; overflow: hidden; } #container .content #zhikeAd img{ width: 117px; height: 70px; float: left; border: none; } #container .content #zhikeAd p:hover a{ color: #ee4b4b; } #container .content #zhikeAd .last{ margin-right: 0; } #container .content #zhikeAd p{ width: 100%; height: 24px; line-height: 24px; color: #333; font-size: 12px; margin: 0; padding: 0; overflow: hidden; margin-bottom: 5px; } #container .content #zhikeAd p a{ font-size: 15px; color: #333; line-height: 24px; font-weight: bold; height: 24px; overflow: hidden; } #container .content #zhikeAd span{ position: absolute; right: 9px; bottom: 4px; color: #ccc; font-size: 12px; line-height: 16px; } .ad_name{ right: 10px; bottom: 10px; z-index: 12580; position: absolute; background-color: #ccc; font-size: 12px; width: 35px; height: 20px; line-height: 20px; text-align: center; color: #ffffff; }