.p_scroll .vline { width:100%; border-top-width:1px; border-top-style:solid; border-top-color:#F0F0F0; opacity:1; position:absolute; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%) } .p_scroll .scrolling { width:77px; height:25px; border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#F2F2F3); background:-o-linear-gradient(#fff,#F2F2F3); background:-moz-linear-gradient(#fff,#F2F2F3); background:linear-gradient(#fff,#F2F2F3); border-radius:6px; position:relative; left:50%; text-align:center; font-size:15px; box-shadow:0 0 10px #fff inset,0 1px 1px rgba(0,0,0,.1); color:#AAA; cursor:pointer } .p_scroll .scrolling:hover { border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#F7F7F8); background:-o-linear-gradient(#fff,#F7F7F8); background:-moz-linear-gradient(#fff,#F7F7F8); background:linear-gradient(#fff,#F7F7F8) } .p_scroll .scrolling:active { border:1px solid #BABABB; background:-webkit-linear-gradient(#fff,#E4E4E4); background:-o-linear-gradient(#fff,#E4E4E4); background:-moz-linear-gradient(#fff,#E4E4E4); background:linear-gradient(#fff,#E4E4E4); box-shadow:0 0 10px #fff inset,0 1px 2px rgba(0,0,0,.1) } /*婊氬姩鏉℃暣浣?/::-webkit-scrollbar { width:5px; /*婊氬姩鏉″搴?/ } /*婊氬姩鏉℃寜閽?/::-webkit-scrollbar-button { }::-webkit-scrollbar-track { background-color:#2e3659; /*婊戦亾鍏ㄩ儴*/ } ::-webkit-scrollbar-track-piece { background-color:#9a9a9a; /*婊戦亾*/ -webkit-border-radius:4px; /*婊戦亾鍦嗚瀹藉害*/ } ::-webkit-scrollbar-thumb { background-color:#d0d0d0; /*婊戝姩鏉¤〃闈?/ border-radius:4px; /*婊戝姩鏉″渾瑙掑搴?/ } /*榧犳爣婊戣繃婊戝姩鏉?/::-webkit-scrollbar-thumb:hover { background-color:#F3F3E0; }