/*提示更新*/ #tiShiGengXin{ position: absolute; top: 0px; color: #fff; font-size: 16px; display: none; background: url(../images/layout/tishi11.png) no-repeat; width: 416px; text-align: center; height: 40px; line-height: 40px; right: 200px; z-index: 9; } #tiShiGengXin a{ background: #146ec0 url(../images/layout/down11.png) 15px 7px no-repeat; padding: 5px 20px 5px 45px; border: 1px solid #0cbbf4; border-radius: 25px; margin-left: 5px; color: #fff; text-decoration: none; } #tiShiGengXin .closeTS{ position: absolute; width: 18px; height: 18px; top: 5px; right: 5px; background: url(../images/layout/close11.png) no-repeat; cursor: pointer; } #diBanBen{ position: absolute; left: 50%; margin-top: 88px; margin-left: -400px; display: none; top: 0; } #diBanBen .tab-left{ width: 180px; height: 500px; background: url(../images/dibanben/bj.png) no-repeat; display: inline-block; vertical-align: top; padding: 0; } #diBanBen .tab-left li{ color: #fff; font-size: 16px; padding: 20px 0 20px 50px; cursor: pointer; list-style: none; } #diBanBen .tab-left li.xp{ background: url(../images/dibanben/normal.png) 20px 22px no-repeat; } #diBanBen .tab-left li.win7{ background: url(../images/dibanben/normal.png) 20px -38px no-repeat; } #diBanBen .tab-left li.sanw{ background: url(../images/dibanben/normal.png) 20px -98px no-repeat; } #diBanBen .tab-left li.active{ color: #336ae0; } #diBanBen .tab-left li.xp.active{ background: #fff url(../images/dibanben/active.png) 20px 22px no-repeat; } #diBanBen .tab-left li.win7.active{ background: #fff url(../images/dibanben/active.png) 20px -38px no-repeat; } #diBanBen .tab-left li.sanw.active{ background: #fff url(../images/dibanben/active.png) 20px -98px no-repeat; } #diBanBen .tab-right{ width: 620px; height: 500px; background: #fff; display: inline-block; text-align: center; } #diBanBen .tab-right li{ display: none; font-size: 20px; color: #666; margin-top: 103px; list-style: none; } #diBanBen .tab-right li.active{ display: inline-block; } #diBanBen .tab-right li div{ width: 100px; height: 100px; display: inline-block; margin-bottom: 20px; } #diBanBen .tab-right li div.chro{ background: url(../images/dibanben/chro.png) no-repeat; } #diBanBen .tab-right li div.ie{ background: url(../images/dibanben/ie.png) no-repeat; } #diBanBen .tab-right li div.san{ background: url(../images/dibanben/san.png) no-repeat; } #diBanBen .tab-right li p{ line-height: 30px; } #diBanBen .tab-right li a{ display: inline-block; color: #fff; border: none; padding: 6px 1px 6px 28px; border-radius: 35px; font-size: 18px; background: #336ae0 url(../images/dibanben/down.png) 13px center no-repeat; margin: 25px 5px 0; cursor: pointer; width: 170px; background-size: 18px; } #diBanBen .popup-ct .close { width: 18px; height: 18px; position: absolute; top: 18px; right: 15px; background: url(../../images/layout/close_popUp.png) no-repeat; border: none; cursor: pointer; } #diBanBen .popup-ct h3{ font-size: 18px; line-height: 50px; font-weight: normal; padding-left: 15px; } /*add*/ .cover-content { position: relative; width: 100%; height: 100%; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1; } .popup-lt { position: absolute; top: 0px; left: -20px; bottom: 19px; width: 20px; background: url(../../images/popup/bg-pp-2d-lt.png) top left no-repeat; } .popup-lb { position: absolute; left: -20px; bottom: 0px; width: 42px; height: 19px; z-index: 999; background: url(../../images/popup/bg-pp-2d-lb.png) top left no-repeat; } .popup-rt { position: absolute; right: -8px; top: 0px; bottom: 19px; width: 8px; background: url(../../images/popup/bg-pp-2d-rt.png) top left no-repeat; } .popup-rb { position: absolute; right: -8px; bottom: 0px; height: 19px; left: 22px; z-index: 999; background: url(../../images/popup/bg-pp-2d-rb.png) top right no-repeat; } .popup-ct { color: #fff; height: 48px; background: url(../../images/popup/bg-pp-23d-ct.png) top left repeat-x; } .popup-cb { background: #ffffff; }