@CHARSET "UTF-8"; /*PathMenu弹出样式*/ .PathMenu { position:absolute; right: 0px; bottom: 0px; width: 60px; height: 60px; z-index:100; } .PathInner { position:relative; width: 126px; height: 126px; z-index:100; } .PathInner .PathItem { position:absolute; left: 0px; bottom: 0px;border-radius: 100px; width: 126px; height: 126px; display: none; } .PathInner a { /* position:absolute; */ display:block; /* overflow:hidden; */ background-position:center; background-repeat:no-repeat; z-index:2000; color: #fff; } .PathInner a .item, .rotate { width:100%; height:100%; background-position:center; background-repeat:no-repeat; display:block; overflow:hidden; text-align:center; vertical-align:middle; position:absolute; } .PathInner .PathMain { z-index:1000; position:absolute; display:block; /* overflow:hidden; */ background-position:center; background-repeat:no-repeat; bottom:0; left:0; } .PathInner .PathMain .Tmain { width: 126px; height: 126px; } .PathInner .PathMain .Tmain .rotate { -moz-transform: rotate(0deg); position:absolute; bottom:0; left:0px; } .PathInner .cover { width:100%; height:100%; display:block; cursor: pointer; *filter:alpha(opacity=0); filter:alpha(opacity=0)\0; opacity:0; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -ms-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; } .PathInner .cover:hover { opacity:0.2; *filter:alpha(opacity=20); filter:alpha(opacity=20)\0; } .PathItem .link { position:absolute; bottom:0; left:0; width: 126px; height: 126px; top:0px; left:0px; } .PathMain{ background-position:center; } .PathItem .link .item { bottom:0; left:0;border-radius: 100px; background-color: #bd9560; width: 126px; height: 126px; } .PathItem a.text_r{ font-size:26px; margin-left:136px; background:none; margin-top:45px; font-size:30px; border-radius: 0;height:40px;} .masking-out{ position:fixed; top :0px; left:0px; width: 100%; height: 100%; z-index: 10; display: none; opacity:0.8; *filter:alpha(opacity=80); filter:alpha(opacity=80)\0; background-color:#000; }