UNPKG

ttk-app-core

Version:
219 lines (180 loc) 3.08 kB
.container { background: url(./browbg.png) center center no-repeat; margin: 20px; position: relative; height: 600px; background-size: cover; } .container h1 { margin-bottom: 40px; font-size: 16px; font-weight: inherit; } .container h1 span { display: inline-block; *display: inline; color: #3B3B3B; max-width: 530px; _width: 530px; margin-top: 70px; } .container h1{ text-align: center; } .container h1 span,.sprite { vertical-align: middle; *zoom: 1 } .box ul li,.box-title,.pc-box li a { text-align: center } .sprite { background: url(./1111.png) center center no-repeat; display: inline-block; *display: inline; } .sprite.chrome { background-position: -244px 15px; width: 100px; height: 110px } .sprite.ff { background-position: -105px 16px; width: 110px; height: 110px } .sprite.mobile { background-position: -488px 0; width: 77px; height: 118px } .sprite.pc { background-position: -575px 0; width: 122px; height: 110px } .sprite.taobao { background-position: -707px 0; width: 141px; height: 141px } .sprite.tianmao { background-position: -858px 0; width: 141px; height: 141px } .sprite.uc { background-position: 10px 15px; width: 99px; height: 110px } .sprite.warn { background-position: -1118px 0; width: 26px; height: 26px } a,body,div,h1,i,li,p,span,ul { margin: 0; padding: 0 } body { font-size: 14px; line-height: 1.5; } a { outline: 0; text-decoration: none } a img { border: none } li,ul { list-style: none } em,i { font-style: normal } .warn { margin-right: 10px } .alibaba { margin-right: 40px } .mobile-box { height: 230px; background-color: #fffeee } .mobile-box a { cursor: default } .mobile-box .box-title { height: 230px; text-align: center; background-color: #f88c0d } .mobile-box .box-title .arrow { border-left-color: #f88c0d } .mobile-box .box-title i { margin-top: 36px } .mobile-box .box-title b { line-height: 70px } .pc-box ul{ text-align: center; } .pc-box li{ width: 150px; display: inline-block; } .pc-box li a { *display: inline; *zoom: 1; width: 168px; height: 40px; line-height: 40px; color: #000000; position: relative; font-size: 14px } .pc-box li p { margin-top: 28px; margin-bottom: 8px } .pc-box li a:hover em { right: 16px } .pc-box li a:hover i { right: 18px } .pc-box .download{ background: #11C49B; border-radius: 20px; color: #ffffff; padding: 3px 20px; } .pc-box li a em,.pc-box li a i { border-width: 7px 6px; border-style: solid; border-color: transparent; _border-color: pink; _filter: chroma(color=pink); border-left-color: #cf4b1a; position: absolute; right: 18px; top: 13px; width: 0; height: 0; line-height: 0; font-size: 0 } .pc-box li a i { border-left-color: #f88c0d; right: 20px } .mobile-box ul i { margin-left: 160px; margin-top: 20px; box-shadow: 1px 1px 3px #EEE }