.leftNav-item { position: fixed; right: 35px; bottom: 130px; z-index: 999999; } .leftNav-item ul{ margin: 0; padding: 0; } .leftNav-item ul li { width: 60px; height: 60px; font-size: 20px; border-radius: 5px; background: #fff; color: #fff; text-align: center; margin: 5px 0; cursor: pointer; position: relative; transition: .5s; box-shadow: 0 2px 5px rgba(0,0,0,0.8); } .leftNav-item ul li i { color: #666; line-height: 60px; font-size:20px; } .leftNav-item ul li .rota { display: block; position: absolute; border-radius: 5px; left: 0; top: 0; width: 100%; height: 100%; margin: auto; -webkit-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); -webkit-transition: -webkit-transform .3s ease-in; transition: transform .3s ease-in; opacity: 0; filter: alpha(opacity=0); background: #840f15; color: #fff; text-align: center; line-height: 60px; font-size: 12px; text-decoration: none; padding: 2px 3px; box-sizing: border-box; } .leftNav-item ul li:hover .rota { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity: .9; filter: alpha(opacity=90); } .leftNav-item ul li .title { position: absolute; right: -72px; top: 16px; height: 18px; line-height: 18px; font-size: 14px; text-align: left; padding: 3px 10px; background: rgba(0,0,0,0.5); color: #fff; border-radius: 8px; } .leftNav-item ul li .img-item { position: absolute; right: 65px; top: -30px; border: 1px solid #ccc; border-radius: 3px; } .leftNav-item ul li div img { max-width: 120px; display: block; } .leftNav-item ul li .text-item { position: absolute; left: 65px; top: 18px; border: 1px solid #ccc; border-radius: 3px; background: #fff; text-decoration: none; padding: 3px 8px; color: #444; font-size: 14px; } .leftNav-item ul li .text-item span { position: relative; padding-left: 15px; word-break:keep-all; white-space:nowrap; } .leftNav-item ul li .text-item span i { font-size: 14px; line-height: 24px; position: absolute; left: 0; top: -2px; color: #444; } .for-top { display: none; } .serBtn{background:url(../maximages/serBtn.png) no-repeat;cursor: pointer;display: inline-block;*display: inline;*zoom:1;width: 20px;height: 30px;} .serWrap{height:0;overflow:hidden;position: absolute; right: 59px; top: 71px; border-top-left-radius: 7px; border-bottom-left-radius: 7px;} #ser{width:100%;overflow: hidden;padding:10px 0 ;background-color: #f1eded;border-bottom:1px solid #ededed;display: none;} .ser{width:320px; height:38px; line-height:34px; background-color: #f1eded;z-index:9999994; margin:0 auto;position: relative;} /*#btn_ser{width: 18px;height: 39px;display: block;cursor: pointer;background:url(../images/btn_bg01.png) no-repeat center center;} #btn_ser.close_btn{background:url(../images/closeBtn_bg01.png) no-repeat center center;}*/ /*.close_btn{display: none;}*/ /*.searchWrap{width:18px; height: 39px;position:relative; z-index:9999999;float:right; margin-right: 30px;}*/ .search input{position:absolute; height: 34px;line-height:34px; color:#262626; border:none; background:none; top:0px; padding-left:0px; } .search input.notxt { padding: 0 0 0 7px; width: 83%; border: 1px solid #bfbfbf; background: #fff; } .search input.notxt1 { position: absolute; width: 18%; height:34px; right:0; border: none; cursor:pointer; overflow: hidden; padding-right:0; color:#fff; border:none; background-color: #840f15; border: 1px solid #840f15; height: 36px; font-size: 14px; }