@charset "utf-8"; .list-dot li { background-position: 0px 14px; } .ie6 .list-dot li { background-position: 0px 12px; } .bgc1 { background-color: #ededed; } .bgc2 { background-color: #e7fafb; } .ie6 .ie6mg { position: relative; top: 20px; } .ie6 .fa { display: none; } #recom { height: 450px; } #recom .hd { position: absolute; top: 0; right: 0; z-index: 1; width: 160px; height: 430px; padding: 10px; background-color: rgba(0,0,0,0.3); } #recom .hd li { float: left; margin-bottom: 10px; } #recom .hd li a { position: relative; display: block; } #recom .hd li div { position: absolute; left: 0; top: 0; width: 160px; height: 100px; background: #000; opacity: 0.40; filter: "alpha(opacity=40)"; filter: alpha(opacity=40); zoom: 1; } .ie6 #recom .hd li div, #recom .hd li.on div { display: none !important; } #recom .bd li a { position: relative; display: block; } #recom .bd li a div { display: none; position: absolute; left: 0; bottom: 0; padding: 0 10px; width: 1050px; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.3); color: #ffffff; zoom: 1; } .i-lydt { width: 478px; border: 1px solid #85e3e5; padding: 10px; background: #f3ffff; } .i-lydt dt { display: none; height: 30px; line-height: 30px; } .i-lydt dt, .i-lydt dt a { color: #25a0bf !important; } .i-lydt dd { height: 300px; } .i-lydt dd h1 { min-height: 26px; max-height: 52px; overflow: hidden; border-bottom: 1px dashed #85e3e5; padding: 5px 0 15px 0; text-align: center; font-size: 20px; line-height: 26px; font-weight: bold; } .i-lydt dd h1, .i-lydt dd h1 a { color: #25a0bf; } .i-lydt dd ul { margin-top: 4px; line-height: 32px; } #focus { width: 540px; height: 322px; } #focus .hd, #focus .hd ul { height: 12px; } #focus .hd { position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; } .ie6 #focus .hd { bottom: -4px; } #focus .hd ul { text-align: center; } #focus .hd ul li { display: inline-block; margin: 0 3px; width: 20px; height: 2px; border-radius: 1px; font-size: 0; background-color: #b6b6b6; cursor: pointer; vertical-align: top; } .ie7 #focus .hd ul li, .ie6 #focus .hd ul li { display: inline; } #focus .hd ul li.on { background-color: #ffffff; } #focus .bd li { position: relative; } #focus .bd li div { width: 504px; padding: 10px 18px 20px; font-size: 18px; line-height: 20px; position: absolute; bottom: 0; left: 0; background: repeat-x top center; color: #ffffff; } #focus .prev, #focus .next { position: absolute; width: 47px; height: 47px; background: no-repeat; top: 35%; cursor: pointer; } #focus .prev { left: 10px; background-position: 0 0; } #focus .next{ right: 10px; background-position: 0 -47px; } .ie6 #focus .bd li a { text-decoration: none; } .ie6 #recom .hd, .ie6 .phover li div, .ie6 .i-mstc dd .list-img a div, .ie6 .i-gyjl dd li div { cursor: pointer; background: #333333; filter: alpha(opacity=80); overflow: hidden; } .i-jdtq { width: 180px; } .i-jdtq dt { background: #48bbcc; height: 54px; line-height: 54px; color: #ffffff; } .i-jdtq dd li { overflow: hidden; height: 52px; padding: 7px 10px; border-top: 1px solid #ffffff; background: #66d3e3; text-align: center; color: #ffffff; line-height: 26px; } .i-jdtq dd li div { font-size: 16px; } .i-gyjl dt { height: 60px; line-height: 60px; } .i-gyjl dt, .i-gyjl dt a { color: #25a0bf !important; } .i-gyjl dt .fa { font-size: 28px; } .i-gyjl dt .txt { font-size: 28px; } .i-gyjl dd { height: 410px; } .i-gyjl dd ul { width: 120%; } .i-gyjl dd li { float: left; margin-right: 10px; margin-bottom: 10px; position: relative; } .i-gyjl dd li a { display: block; width: 300px; height: 200px; } .i-gyjl dd li.first a { width: 630px; height: 410px; } .i-gyjl dd li.first div { width: 610px; } .i-gyjl dd li div { width: 280px; } .i-mstc, .i-rytj { width: 920px; overflow: hidden; } .i-mstc dt .txt { font-size: 22px; } .i-mstc dt, .i-mstc dt a, .i-jtzn dt, .i-jtzn dt a, .i-lygl dt, .i-lygl dt a, .i-rwdl dt, .i-rwdl dt a, .i-flfg dt, .i-flfg dt a { color: #ffffff !important; } .i-mstc dd, .i-flfg dd { height: 200px; background: #ffffff; } .i-flfg dd { height: 210px; padding: 5px 10px; } .i-flfg dd ul { line-height: 30px; } .i-mstc dd .list-img a { position: relative; display: block; width: 320px; height: 200px; } .i-mstc dd .list-img a div { width: 300px; } .i-mstc dd .list-txt { width: 570px; overflow: hidden; } .i-mstc dd .list-txt ul { width: 600px; } .i-mstc dd .list-txt li { float: left; width: 265px; margin-right: 10px; } .i-jtzn, .i-lyrp, .i-flfg { width: 320px; overflow: hidden; } .i-lygl dt, .i-rwdl dt, .i-jtzn dt { height: 42px; line-height: 42px; background: #47bab1; } .i-jtzn dt { font-size: 20px; } .i-jtzn dd ul { width: 330px; } .i-jtzn dd li { float: left; margin: 10px 10px 0 0; } .i-jtzn dd li a, .i-jtzn dd li a div { display: block; width: 155px; height: 105px; } .i-jtzn dd li a { background-color: #47bab1; background-image: repeating-linear-gradient( 120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 30px, rgba(255, 255, 255, 0.2) 30px, rgba(255, 255, 255, 0.2) 31px, transparent 31px, transparent 60px), repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 30px, rgba(255, 255, 255, 0.2) 30px, rgba(255, 255, 255, 0.2) 31px, transparent 31px, transparent 60px), repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 1px, transparent 1px, transparent 30px); background-size: 70px 120px; } .i-jtzn dd li a:hover { background-color: #48bbcc; } .i-rytj dt, .i-lyrp dt { height: 50px; line-height: 50px; } .i-rytj dt .fa { font-size: 22px; } .i-rytj dt .txt { font-size: 22px; } .i-rytj dt, .i-rytj dt a, .i-lyrp dt, .i-lyrp dt a { color: #25a0bf !important; } .i-lyrp dt .txt { font-size: 22px; } .i-lyrp dd { border: 1px solid #25a0bf; height: 278px; } #attra { height: 300px; } #attra .bd ul { width: 120%; } #attra .bd li { float: left; margin-right: 12px; } #attra .bd li a { width: 213px; height: 292px; overflow: hidden; display: block; padding: 3px; border: 1px solid #63abb7; text-decoration: none; } #attra .bd li a:hover { background: #f9fbfb; } #attra .bd li h2 { font-size: 18px; color: #0068b7; padding: 4px 7px 2px 7px; } #attra .bd li p { padding: 0 7px; text-indent: 2em; color: #3595a4; line-height: 28px; } #attra .fa { position: absolute; top: 17px; font-size: 22px; color: #59c3c3 !important; text-decoration: none; } #attra .fa:hover { color: #2aa8c0 !important; } #attra .fa.prev { right: 40px; } #attra .fa.next { right: 10px; } .i-lygl { width: 620px; } .i-rwdl { width: 290px; } .i-mstc dt, .i-flfg dt { background: #48bbcc; height: 40px; line-height: 40px; } .i-lygl dd, .i-rwdl dd { height: 220px; line-height: 30px; background: #ffffff; } .i-lygl dd ul.list-dot, .i-rwdl dd ul.list-dot { padding-top: 4px; } .i-lygl dd .list-img, .i-lygl dd .list-img a { width: 320px; height: 200px; } .i-lygl dd .list-img a div { width: 300px; } .i-lygl dd .list-txt { width: 270px; }