/*左侧*/ .index-left .idx-adver1 { height: 80px; padding-bottom: 50px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC} .index-left .idx-news { padding: 20px 25px; margin-bottom: 20px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .index-left .idx-news .tits { height: 30px; line-height: 30px;padding-bottom:10px; border-bottom: solid 1px #EAEAEA} .index-left .idx-news .tits h2 { line-height: 25px; font-family: "microsoft yahei"; font-size: 20px; color: #555555; float: left; padding-right: 20px; border-right: solid 1px #E0E0E0} .index-left .idx-news .tits span { line-height: 32px; padding: 0 0 0 20px; color: #999999; font-size: 13px} .index-left .idx-news .tits a.more { float: right; font-size: 12px; color: #949494;} .index-left .idx-news .cont { padding: 15px 0 0 0} .index-left .idx-news .cont .cont-left { float: left; width: 320px; padding: 0 20px 0 2px; margin: 0; overflow: hidden; border-right: 1px solid #EEEEEE} .index-left .idx-news .cont .cont-right { float: left; width: 320px; padding-left: 25px; padding-right: 10px; overflow: hidden} .index-left .idx-news .cont .news-ul li { padding: 10px 0; border-bottom: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF} .index-left .idx-news .cont .news-ul li:hover{ border-bottom: solid 1px #E0E0E0;border-top: solid 1px #E0E0E0; background: #F9F9F9} .index-left .idx-news .cont .news-ul li .img { float: left; width: 96px;} .index-left .idx-news .cont .news-ul li .word { padding-left: 110px;} .index-left .idx-news .cont .news-ul li .word h3 { float: left; position: relative; word-wrap:break-word; width: 205px; height: 34px; overflow: hidden;} .index-left .idx-news .cont .news-ul li .word h3 a { font-family: "microsoft yahei";font-size: 15px; color: #444444; font-weight: 400; line-height: 34px;text-overflow: ellipsis} .index-left .idx-news .cont .news-ul li:hover .word h3 a{ color: #35B5EB} .index-left .idx-news .cont .news-ul li .word p { float: left; width: 205px; font-family: "宋体";font-size: 12px; color: #858585; line-height: 16px; height: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis} /*手机版快讯*/ .index-left .phone-index-kuaixun { padding: 10px 10px 20px; display: none; background: #FFFFFF} .index-left .phone-index-kuaixun .tits { height: 30px; line-height: 30px;padding-bottom:10px; border-bottom: solid 1px #EAEAEA} .index-left .phone-index-kuaixun .tits h2 { font-family: "microsoft yahei"; font-size: 20px; color: #35B5EB;float: left; padding-right: 20px; border-right: solid 1px #E0E0E0} .index-left .phone-index-kuaixun .tits a.more { float: right; font-size: 12px; color: #949494} .index-left .phone-index-kuaixun .kuaixun-ul li{padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .index-left .phone-index-kuaixun .kuaixun-ul li .time{float: left; width: 96px; height: 64px;} .index-left .phone-index-kuaixun .kuaixun-ul li .time a{background: #35B5EB; display: block;width: 96px; height: 64px; line-height: 64px; text-align: center;} .index-left .phone-index-kuaixun .kuaixun-ul li .time a span{text-align: center;font-family: "Times New Roman";font-style: italic;color: #fff;font-size: 28px;font-size: 28px;} .index-left .phone-index-kuaixun .kuaixun-ul li .word{padding-left: 118px;} .index-left .phone-index-kuaixun .kuaixun-ul li .word h3{word-wrap:break-word; overflow: hidden;} .index-left .phone-index-kuaixun .kuaixun-ul li .word h3 a{color: #474747;font-size: 18px;font-size: 18px;line-height:1.5;} .index-left .phone-index-kuaixun .kuaixun-ul li .word h3 a:hover{color: #F58563;} /*.index-left .phone-index-kuaixun .kuaixun-ul li .word p{font-size: 12px; color: #858585; line-height: 16px; height: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/ /*顶部轮播 add 20140718*/ .index-left .idx-banner { height: 300px; padding: 20px 15px; margin-bottom: 20px; overflow: hidden; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .index-left .idx-banner .idx-banner-left { float: left} .index-left .idx-banner .idx-banner-right { float: left;padding: 10px 5px; margin-left: 20px; width: 223px} .index-left .idx-banner .ib-bd-img{position: relative; width: 480px; height: 300px; overflow: hidden;} .index-left .idx-banner .ib-bd-img ul{height: 300px; width: 300%; position: absolute;} .index-left .idx-banner .ib-bd-img ul li{width: 480px; height: 300px; overflow: hidden; float: left;} .index-left .idx-banner .ib-bd-img ul li a{position: relative; display: block; width: 480px; height: 300px;} .index-left .idx-banner .ib-bd-img ul li a img{width: 500px; height: 300px;-webkit-transition: all .2s;-ms-transition: all .2s;} .index-left .idx-banner .ib-bd-img ul li a i{ position: absolute; width:80px; height:80px; display: none; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background: url("index-sprite2.png") no-repeat 0px -91px;} .index-left .idx-banner .ib-bd-img ul li a em{position: absolute; width:38px; height:44px; display: none;left:50%; top:50%; margin-left:-12px; margin-top:-22px; background: url("index-sprite2.png") no-repeat 0px -194px;} .index-left .idx-banner .ib-bd-img ul li a:hover img {-webkit-transform: translate(-20px);-ms-transform: translate(-20px); } .index-left .idx-banner .ib-bd-img ul li .video-item:hover img{opacity:0.7;} .index-left .idx-banner .ib-bd-word { position: relative; height: 230px; margin-bottom: 30px; overflow: hidden} .index-left .idx-banner .ib-bd-word ul li { display: none} .index-left .idx-banner .ib-bd-word ul li .h3 { padding-bottom: 15px} .index-left .idx-banner .ib-bd-word ul li .h3 h3{font-size: 18px; font-family: "Microsoft yahei"; color:#000; line-height: 24px; overflow: hidden; height: 48px; } .index-left .idx-banner .ib-bd-word ul li .h4{padding-bottom: 18px;} .index-left .idx-banner .ib-bd-word ul li .h4 h4{color: #35B5EB; font-size: 12px; font-family: "nsimsun"; line-height: 15px; height: 15px; overflow: hidden;} .index-left .idx-banner .ib-bd-word ul li .p{font-size: 12px; color: #777777; font-family: "nsimsun"; line-height: 20px; height: 110px; overflow: hidden;padding-bottom: 30px;} .index-left .idx-banner .ib-bd-word ul li .tag{height: 26px; overflow: hidden; margin-bottom: 30px;} .index-left .idx-banner .ib-bd-word ul li .tag a{float: left;margin-right: 6px;color: #fff;font-size: 12px;font-family: "NSimSun";padding: 4px 14px;text-align: center;background: #c5c5c5;border-radius: 1px; } .index-left .idx-banner .ib-bd-word ul li .tag a:hover { background: #ED5565} .index-left .idx-banner .ib-hd-btns ul { float: left; margin: 0 8px} .index-left .idx-banner .ib-hd-btns ul li { float: left; margin: 0 3px} .index-left .idx-banner .ib-hd-btns ul li a { float: left; width: 7px; height: 7px; background: #D3D3D3; border-radius: 8px; border:1px solid #D3D3D3; overflow: hidden} .index-left .idx-banner .ib-hd-btns ul li.on a { border-color: #DD7455; background: #FFFFFF} .index-left .idx-banner .ib-hd-btns .prev,.index-left .idx-banner .ib-hd-btns .next { float: left;width: 20px; height: 8px; background: url("index-sprite2.png") no-repeat 0 1px} .index-left .idx-banner .ib-hd-btns .prev { margin-left: 58px} .index-left .idx-banner .ib-hd-btns .next { background-position: -50px 1px} /*手机版顶部banner*/ .phone-index-banner{display: none; position: relative; padding: 0; margin: 0;} .phone-index-banner .img{width: 100%;border: 0; padding: 0; margin: 0;} .phone-index-banner .tip{position: absolute; bottom: 6px; background:rgba(0,0,0,0.5);width: 100%;} .phone-index-banner .tip p{color: #fff;opacity: 1; padding: 6px 10px; font-size: 18px; line-height: 20px; font-family: "SimSun"} .video-item{position: fixed; display: block; width: 480px; height: 300px; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s;} .video-item img{width: 500px; height: 300px;-webkit-transition: all .2s;-ms-transition: all .2s;} .video-item i{ position: absolute; width:80px; height:80px; display: none; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background: url("index-sprite2.png") no-repeat 0px -91px;} .video-item em{position: absolute; width:38px; height:44px; display: none;left:50%; top:50%; margin-left:-12px; margin-top:-22px; background: url("index-sprite2.png") no-repeat 0px -194px;} .video-item:hover img {-webkit-transform: translate(-20px);-ms-transform: translate(-20px); } .video-item:hover img{opacity:0.7;} .double em{ -webkit-transform: scale(2,2); } .double i{ -webkit-transform: scale(2,2); } #video-box{position:fixed; z-index:1001; border:5px solid #fff; border-bottom:0px;} /*首页响应式部分*/ @media screen and (max-width: 780px){ /*广告图*/ .idx-adver1{display: none;} /*轮播图*/ .idx-banner{display: none;} /*手机轮播图*/ .phone-index-banner{display: block;} /*业界快讯*/ .index-left .phone-index-kuaixun{display: block;margin-bottom: 48px; margin-top: 48px;} /*最新要闻*/ .index-left .idx-news{padding: 20px 10px;} .index-left .idx-news .cont{padding: 0px 0px 10px 0px;} .index-left .idx-news .cont .cont-left{width: 100%; border-right: 0; padding: 0;} .index-left .idx-news .cont .cont-right{width: 100%; padding: 0} .index-left .idx-news .cont .news-ul li{border-bottom: solid 1px #E5E5E5; padding: 20px 0; } .index-left .idx-news .cont .news-ul li .img img{width: 180px;} .index-left .idx-news .cont .news-ul li .word{padding-left: 200px;} .index-left .idx-news .cont .news-ul li .word h3 a{font-family: "SimSun";font-weight: normal; color: #474747; font-size: 18px;font-size: 18px;} } /*首页响应式部分*/ @media screen and (max-width: 480px){ /*业界快讯*/ .index-left .phone-index-kuaixun{margin-bottom: 0px; margin-top: 0px;} /*最新要闻*/ .index-left .idx-news{display: none;} /*.index-left .idx-news{margin-bottom: 0px;} .index-left .idx-news .cont .news-ul li .img img{width: 96px;} .index-left .idx-news .cont .news-ul li .word{padding-left: 118px;}*/ /*.index-left .idx-news .cont .news-ul li .word p{display: none;}*/ /*公告*/ .index-xlb{display: none!important;} .index-main{/*padding-top:60px!important 0905*/; /*->*/padding-top:0px !important; padding-bottom: 10px;} } /* ipad 竖向*/ @media (max-device-width: 768px) and (orientation: portrait) { .index-xlb{padding-bottom:0px;} .index-left .phone-index-kuaixun{margin-top:20px; margin-bottom:20px;} .index-left .idx-news{margin-bottom:20px;} .index-left .phone-index-kuaixun{padding-bottom:30px;} .index-xlb{ visibility: hidden;} .phone-lp-articles-tags{ display: block; margin-top:-10px; margin-bottom:10px;} .idx-news{display: none;} } .videoRotate{animation: idxVideo .5s; -moz-animation: idxVideo .5s; /* Firefox */-webkit-animation: idxVideo .5s; /* Safari 和 Chrome */-o-animation: idxVideo .5s; /* Opera */} /*主体区域*/ .lp-main { width: 1100px; margin: 20px auto 0 auto} /*左边区域*/ .lp-left { float: left; width: 765px} /*右边栏部分*/ .lp-right-space { margin-bottom: 20px} .lp-right { float: right; width: 320px; margin-bottom: 50px} .lp-right .advertOne { width: 280px; height: 93px; overflow: hidden} .lp-right .moreSelect-wrap { min-height: 530px; margin-bottom: 20px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC} .lp-right .moreSelect { height: 495px; padding: 20px; overflow: hidden; background: #FFFFFF} .lp-right .moreSelect .ms-top { height: 38px; border-bottom: solid 1px #EAEAEA; position: relative} .lp-right .moreSelect .ms-top ul{} .lp-right .moreSelect .ms-top ul li { float: left; color: #EAEAEA} .lp-right .moreSelect .ms-top ul li a { width: 56px; color: #C1C1C1; font-family: "Microsoft Yahei"; font-size: 14px; font-size: 15px; padding: 20px 14px} .ie6 .lp-right .moreSelect .ms-top ul li a, .ie7 .lp-right .moreSelect .ms-top ul li a { color: #C1C1C1; font-family: "Microsoft Yahei"; font-size: 14px;font-size: 14px; padding: 20px 14px} .lp-right .moreSelect .ms-top ul li.last a { border-right: 0} .lp-right .moreSelect .ms-top ul li a.cur { color: #35B5EB} .lp-right .moreSelect .ms-top .bar { position: absolute; width: 79px; height: 3px; left: 10px; bottom: -2px; overflow: hidden; background: #35B5EB} .lp-right .moreSelect .ms-main .bd { display: none} .lp-right .moreSelect .ms-main .bd-yjkx ul { padding:18px 0; height: 375px} .ie7 .lp-right .moreSelect .ms-main .bd-yjkx ul { margin: 0 0 18px 0} .lp-right .moreSelect .ms-main .bd-yjkx ul li{height: 54px; padding: 10px; border-bottom: solid 1px #EAEAEA; display: none; position: relative;} .lp-right .moreSelect .ms-main .bd-yjkx ul li:hover { background: #F9F9F9} .lp-right .moreSelect .ms-main .bd-yjkx ul li .time { float: left; width: 65px; height: 54px; line-height: 54px; text-align: center; font-family: "Microsoft Yahei"; font-style: italic; color: #FFFFFF; font-size: 20px; background: #35B5EB} .lp-right .moreSelect .ms-main .bd-yjkx ul li .time span { width: 48px; padding: 0 3px} .lp-right .moreSelect .ms-main .bd-yjkx ul li .tits { width: 170px; height: 54px; float: left; margin-left: 18px} .lp-right .moreSelect .ms-main .bd-yjkx ul li .tits h4 { height: 30px; padding: 7px 0;overflow: hidden} .lp-right .moreSelect .ms-main .bd-yjkx ul li .tits h4 a { font-size: 12px;font-size: 12px; font-family: "Microsoft Yahei"; color: #858585; line-height: 18px} .lp-right .moreSelect .ms-main .bd-yjkx ul li:hover .tits h4 a { color: #35B5EB} .lp-right .moreSelect .ms-main .bd-yjkx .more { float: left; display: block; width: 260px; height: 35px; line-height: 35px; background: #F0F0F0; text-align: center; left: 30px; font-size: 14px; color: #999999; margin: 5px 0 5px 10px;font-family: "Microsoft Yahei"} .lp-right .moreSelect .ms-main .bd-yjkx .more:hover { color: #FFFFFF; background: #64D9FF} .lp-right .moreSelect .ms-main .bd-jcpl ul { padding: 18px 0} .lp-right .moreSelect .ms-main .bd-jcpl ul li { height: auto; padding: 5px 8px; border-bottom: solid 1px #EAEAEA} .lp-right .moreSelect .ms-main .bd-jcpl ul li:hover { background: #F9F9F9} .lp-right .moreSelect .ms-main .bd-jcpl ul li .pic { float: left;width: 45px;height: 54px;margin-top: 6px} .lp-right .moreSelect .ms-main .bd-jcpl ul li .word { float: left;margin-top: 2px;margin-left: 8px; width: 205px} .lp-right .moreSelect .ms-main .bd-jcpl ul li .word .w-name { color: #949494; font-size: 12px;font-size: 12px; font-family: "Microsoft Yahei";height: 20px; line-height: 20px; } .lp-right .moreSelect .ms-main .bd-jcpl ul li .word .w-name a { float: left; color: #949494; font-size: 12px; font-family: "Microsoft Yahei"; font-weight: bold; max-width: 80px; /* margin-right: 10px; */ overflow: hidden; height: 20px; width: 80px} .lp-right .moreSelect .ms-main .bd-jcpl ul li .word .w-page{padding-top: 2px; font-family: "Microsoft Yahei"; font-size: 12px;font-size: 12px; color: #c1c1c1;} .lp-right .moreSelect .ms-main .bd-jcpl ul li .word .w-page a{font-family: "Microsoft Yahei"; font-size: 12px; font-size: 12px; color: #5f5e5e; margin-left: 5px; margin-right: 5px;} .lp-right .moreSelect .ms-main .bd-jcpl ul li .word .w-comment{line-height: 18px; max-height: 36px;_height:36px; color:#35B5EB; font-family: "Microsoft Yahei"; font-size: 12px;font-size: 12px; overflow: hidden; padding-top: 2px; } .lp-right .moreSelect .ms-main .bd-jcpl .more{display: block;width: 196px; height: 30px; line-height: 30px;background: #F18E70; text-align: center; left: 30px; font-size: 14px; font-size: 14px; color: #fff; margin: 5px auto;font-family: "Microsoft Yahei"} .lp-right .moreSelect .ms-main .bd-wqzt ul{padding:10px 0 18px;} .lp-right .moreSelect .ms-main .bd-wqzt ul li{height: 95px; padding-top: 10px; } .lp-right .moreSelect .ms-main .bd-wqzt .more{display: block;width: 196px; height: 30px; line-height: 30px;background: #F18E70; text-align: center; left: 30px; font-size: 14px;font-size: 14px; color: #FFFFFF; margin: 5px auto;font-family: "Microsoft Yahei"} .lp-right .articleUs { padding: 10px; position: relative; background: #FFFFFF} .lp-right .articleUs h3{color: #8c8c8c; font-size: 20px;font-size: 20px; font-family: "microsoft yahei"; line-height:50px; height: 60px;} .lp-right .articleUs .au-main { width: 260px; height: 260px; position: relative; overflow: hidden} .lp-right .articleUs .au-main .btn{width: 130px; height: 130px; position: absolute; display: block;} .lp-right .articleUs .au-main .btn i.coin{ display: block;width: 54px; height: 54px; position: absolute; left: 37px; top: 30px; background: url("com-sprite.png") -9px -300px;} .lp-right .articleUs .au-main .btn i.coin{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;} .lp-right .articleUs .au-main .btn span.name{position: absolute; bottom: 10px; color: #ffffff; font-size: 18px;font-size: 18px; font-family: "Asenine"; width: 130px; text-align: center; } .lp-right .articleUs .au-main .btn-cu { top: 0;left: 0; background: #00648F} .lp-right .articleUs .au-main .btn-cu i.coin{ background-position: -9px -300px} .lp-right .articleUs .au-main .btn-au { top: 0;right: 0;background: #2E8DB4} .lp-right .articleUs .au-main .btn-au i.coin{ background-position: -140px -301px} .lp-right .articleUs .au-main .btn-fl { bottom: 0;left: 0;background: #7DB8D1} .lp-right .articleUs .au-main .btn-fl i.coin{ background-position: -7px -429px} .lp-right .articleUs .au-main .btn-wc{bottom: 0;right: 0;background: #35B5EB; cursor:pointer} .lp-right .articleUs .au-main .btn-wc i.coin{ background-position: -139px -429px} .lp-right .articleUs .btn-wc-ewm { _display: none; z-index: -1;opacity: 0; filter: alpha(opacity=0); position: absolute; bottom: -130px; right: -1px; width: 288px; height: 170px; background: url("lp-wxewm.png") no-repeat 2px 0;} .lp-right .articleUs .btn-wc-ewm{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;} .lp-right .articleUs .btn-wc-ewm.show{z-index: 9; bottom: -163px; opacity: 1; filter: alpha(opacity=100);} .lp-right .articleUs .au-main .btn.hover i.ro-coin{transform: rotate(360deg);-ms-transform: rotate(360deg);/* IE 9 */-webkit-transform: rotate(360deg);/* Safari and Chrome */-o-transform: rotate(360deg);/* Opera */-moz-transform: rotate(360deg);} .lp-right .advertTwo { width: 280px} .lp-right .fengshenBang { padding: 15px 15px 30px 15px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .lp-right .fengshenBang h3{color: #8c8c8c;font-size: 20px;font-size: 20px;font-family: "microsoft yahei";line-height: 60px;height: 50px;} .lp-right .fengshenBang h3 a{color: #8c8c8c;font-size: 20px;font-size: 20px;} .lp-right .fengshenBang ul{} .lp-right .fengshenBang ul li{ height: 48px; padding: 11px 0;border-bottom: solid 1px #EAEAEA; cursor: pointer;} .lp-right .fengshenBang ul li:last-child { border-bottom: 0} .lp-right .fengshenBang ul li .ka-img { float: left; width: 50px; height: 50px} .lp-right .fengshenBang ul li .ka-body { float: left; width: 160px; margin-left: 14px} .lp-right .fengshenBang ul li .ka-body .name { height: 30px; overflow: hidden} .lp-right .fengshenBang ul li .ka-body .name span { font-size: 16px; color: #D54F4B; line-height: 30px; text-decoration: none} /*.lp-right .fengshenBang ul li .ka-body .name a:hover{color: #2DB1C8;}*/ .lp-right .fengshenBang ul li .ka-body .pre{height: 18px; line-height: 18px; overflow: hidden;} .lp-right .fengshenBang ul li .ka-body .pre a{color: #858585; font-size: 12px; font-family: "nsimsun";} .lp-right .fengshenBang ul li{transition: .2s all ease;-webkit-transition: .2s all ease;-ms-transition:.2s all ease;-moz-transition:.2s all ease;-o-transition:.2s all ease;} .lp-right .fengshenBang ul li:hover{/*margin-left: 5px; border-color:#E5F1F7*/ background:#F9F9F9; } .lp-right .fengshenBang ul li:hover .ka-img img{animation: icon-jump .2s infinite;-o-animation: icon-jump .2s infinite;-moz-animation: icon-jump .2s infinite;-webkit-animation: icon-jump .2s infinite;} .lp-right .lpKepu{background: #fff; padding: 15px 15px 40px 15px;} .lp-right .lpKepu h3{color: #8c8c8c;font-size: 20px;font-size: 20px;font-family: "microsoft yahei";line-height: 60px;height: 50px;} .lp-right .lpKepu h3 a{color: #8c8c8c;font-size: 20px;font-size: 20px;} .lp-right .lpKepu ul{margin-top: 15px;} .lp-right .lpKepu ul li{ height: 40px; /* max-height: 48px;*/ /* margin-bottom: 20px; */ overflow: hidden;} .lp-right .lpKepu ul li i{float: left; width: 4px; height: 4px; background:#858585; margin-top: 17px;margin-right: 10px;} .lp-right .lpKepu ul li a{line-height: 40px; height: 40px; padding-bottom: 18px;width: 225px;font-size: 12px; float: left;color: #666666;} .lp-right .lpKepu ul li{transition: .2s all ease;-webkit-transition: .2s all ease;-ms-transition:.2s all ease;-moz-transition:.2s all ease;-o-transition:.2s all ease;} /*.lp-right .lpKepu ul li:hover{padding-left: 5px;} .lp-right .lpKepu ul li:hover a{color: #d54f4b;} .lp-right .lpKepu ul li:hover i{background: #d54f4b;}*/ .lp-right .lpKepu ul li a:hover { padding-left: 5px; color: #D54F4B} /*.lp-right .lpKepu ul li:hover a{}*/ /*.lp-right .hotPage ul li:hover{padding-left: 5px;} .lp-right .hotPage ul li:hover a{color: #d54f4b;} .lp-right .hotPage ul li:hover i{background: #d54f4b;}*/ .lp-right .hotPage ul li a:hover { padding-left: 5px; color: #D54F4B} /*.lp-right .hotPage ul li:hover a{}*/ .lp-right .lpSudi { padding: 15px 15px 30px 15px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .lp-right .lpSudi h3{color: #8c8c8c;font-size: 20px;font-size: 20px;font-family: "microsoft yahei";line-height: 60px;height: 50px;} .lp-right .lpSudi h3 a{color: #8c8c8c;font-size: 20px;font-size: 20px;} .lp-right .lpSudi ul{margin-top: 15px;} .lp-right .lpSudi ul li{ height: 40px; /* max-height: 48px;*/ /* margin-bottom: 20px; */ overflow: hidden;} .lp-right .lpSudi ul li i { float: left; width: 4px; height: 4px; background:#858585; margin-top: 17px; margin-right: 10px; overflow: hidden} .lp-right .lpSudi ul li a { line-height: 40px; height: 40px; padding-bottom: 18px;width: 260px;font-size: 12px; float: left;color: #666666;} .lp-right .lpSudi ul li { transition: .2s all ease;-webkit-transition: .2s all ease;-ms-transition:.2s all ease;-moz-transition:.2s all ease;-o-transition:.2s all ease;} /*.lp-right .lpSudi ul li:hover{padding-left: 5px;} .lp-right .lpSudi ul li:hover a{color: #d54f4b;} .lp-right .lpSudi ul li:hover i{background: #d54f4b;}*/ .lp-right .lpSudi ul li a:hover { padding-left: 5px;color: #d54f4b} /*.lp-right .lpSudi ul li:hover a{}*/ .lp-right .lagou { padding: 15px 15px 30px 15px; margin-bottom: 30px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .lp-right .lagou h3 { color: #8c8c8c; font-size: 20px; font-family: "microsoft yahei";line-height: 50px; height: 50px} .lp-right .lagou h3 a { color: #8c8c8c; font-size: 20px} .lp-right .lagou b { font-weight: normal!important;} .lp-right .lagou ul { margin-top: 20px} .lp-right .lagou ul li { width: 270px; height: 20px; margin-bottom: 20px; overflow: hidden; padding-left: 0} /*.lp-right .lagou ul li i{float: left; width: 4px; height: 4px; background:#858585; margin-top: 22px;margin-right: 10px;}*/ .lp-right .lagou ul li a { line-height: 20px; font-size: 12px; color: #666666;} /*.lp-right .lagou ul li a:hover{text-decoration: underline;}*/ .lp-right .lagou ul li { transition: .2s all ease;-webkit-transition: .2s all ease;-ms-transition:.2s all ease;-moz-transition:.2s all ease;-o-transition:.2s all ease;} /*.lp-right .lagou ul li:hover{padding-left: 5px;} .lp-right .lagou ul li:hover a{color: #d54f4b;} .lp-right .fengshenBang ul li .ka-img img{border: solid 1px #ECECEC; border-radius: 15px;} .lp-right .fengshenBang ul li .ka-body{width: 160px;margin-left: 14px; float: left;} .lp-right .fengshenBang ul li .ka-body .name{ height: 30px; overflow: hidden;} .lp-right .fengshenBang ul li .ka-body .name a{font-size: 16px; color: #d54f4b; line-height: 30px; text-decoration: none; } /*.lp-right .fengshenBang ul li .ka-body .name a:hover{color: #2DB1C8;}*/ .lp-right .fengshenBang ul li .ka-body .pre{height: 18px; line-height: 18px; overflow: hidden;} .lp-right .fengshenBang ul li .ka-body .pre span{color: #858585; font-size: 12px; font-family: "nsimsun";} .lp-right .fengshenBang ul li{transition: .2s all ease;-webkit-transition: .2s all ease;-ms-transition:.2s all ease;-moz-transition:.2s all ease;-o-transition:.2s all ease;} .lp-right .fengshenBang ul li:hover{/*margin-left: 5px; border-color:#E5F1F7*/ background:#F9F9F9; } .lp-right .fengshenBang ul li:hover .ka-img img{animation: icon-jump .2s infinite;-o-animation: icon-jump .2s infinite;-moz-animation: icon-jump .2s infinite;-webkit-animation: icon-jump .2s infinite;} /*尾部*/ .lp-footer{display: block; width: 100%; background: #3B3B3B; padding:32px 0; } .lp-footer .search{width:500px;margin: 0 auto;background: #35B5EB;} .lp-footer .search input{float: left;height: 72px; width:400px; background: none; border: none;outline: none; padding: 0 25px; font-size: 14px;font-size: 14px; color:#fff; line-height: 14px; line-height: 72px\9; } .lp-footer .search button{float: left;width: 50px; height: 72px; border: 0; outline: 0;cursor: pointer;background: url("footer-search-btn.png") no-repeat center center;} .lp-footer .report{text-align: center; padding: 40px 0; } .lp-footer .report,.lp-footer .report a{font-family: "NSimSun"; font-size: 12px;font-size: 12px; color: #AFAFAF;} .lp-footer .links{width: 700px; margin: 0 auto;} .lp-footer .links ul li{float: left;width: 120px;margin: 0 10px 22px; text-align: center;text-align: left;} .lp-footer .links ul li a{color: #595959; font-size: 12px;font-size: 12px; font-family: "NSimSun";} /*评论*/ .lp-comment{width: 100%; margin: 0 auto; padding-top: 28px; font-family: "microsoft yahei";} .lp-comment .h2{height: 30px; line-height: 30px;} .lp-comment .h2 h2{font-size: 24px; color: #D55252;font-weight:normal; float: left;} .lp-comment .h2 strong.h2-tip{font-size: 12px; margin-left: 8px; float:left; color:#505050;padding-top: 4px;font-family: "nsimsun";} .lp-comment .h2 strong.h2-tip a{color:#57a9b8; font-size: 12px; text-decoration: none; padding: 0 5px;} .lp-comment .submit{margin-top: 20px; margin-bottom: 20px;} .lp-comment .submit .text{padding-right: 32px;} .lp-comment .submit textarea{resize:none;width: 100%; height: 60px; color: #999999; font-size: 14px; border: solid 1px #E5E5E5; padding: 15px;} .lp-comment .submit textarea:focus{outline: solid 1px #FFB7B7;} .lp-comment .submit .sub{padding-top: 14px;} .lp-comment .submit .sub button{font-size: 14px; color: #fff; padding: 10px 30px; background: #D55252; border: 0; cursor: pointer; float: right; display: inline;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;} .lp-comment .submit .sub button:hover{background: #E05F5F;} .lp-comment .submit .sub button.disabled{background: #FAADAD; cursor: default;} .lp-comment .words{padding-bottom: 20px;} .lp-comment .words h3{font-size: 14px; color: #999999; height:40px; line-height: 40px; border-bottom: solid 1px #ECECEC; position: relative;margin-top: 4px; font-weight:normal;} .lp-comment .words h3 span{color: #A2442F; padding: 0 3px;} .lp-comment .words h3 i{display: block; width: 13px; height: 8px; background: url("com-sprite.png") no-repeat -250px 0px; position: absolute; bottom: -7px; left: 32px;} .lp-comment .words .comment-say{} .lp-comment .words .comment-say-li{padding: 20px 0 8px; border-bottom: dashed 1px #ECECEC;} .lp-comment .words .comment-say-li.last{border-bottom: none;} .lp-comment .words .comment-say .csl-img{width: 40px; float: left;/* margin-right: 22px;*/} .lp-comment .words .comment-say .csl-body{/*width: 538px;float: left;*/ padding-left: 60px;} .lp-comment .words .comment-say .csl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;word-break:break-all;word-wrap:break-word;overflow: auto; } .lp-comment .words .comment-say .csl-body .cont a.name{color: #B66257; text-decoration: none;} .lp-comment .words .comment-say .csl-body .time{font-size: 12px; color: #cccccc; height: 14px; line-height: 14px;} .lp-comment .words .comment-say .csl-body .time span{padding-right: 12px; float: left;} .lp-comment .words .comment-say .csl-body .time a.respond-coin{float: left; width:15px; height: 14px;background: url("com-sprite.png") no-repeat -200px 0px;} .lp-comment .words .comment-say .csl-respond{padding: 15px 0 8px;} .lp-comment .words .comment-say .comment-respond-li{padding-bottom:12px; } .lp-comment .words .comment-say .crl-img{width: 30px; float: left;/* margin-right: 18px;*/} .lp-comment .words .comment-say .crl-body{/*width: 490px;float: left;*/ padding-left: 45px;} .lp-comment .words .comment-say .crl-body .cont{color: #666666; font-size: 14px; padding-bottom: 10px;} .lp-comment .words .comment-say .crl-body .cont a.name{color: #B66257; text-decoration: none;} .lp-comment .words .comment-say .crl-body .time{font-size: 12px; color: #cccccc; height: 14px; line-height: 14px;} .lp-comment .words .comment-say .crl-body .time span{padding-right: 12px; float: left;} /*创建的回复样式*/ .lp-comment .words .comment-say .csl-body .respond-submit{display: none;} .lp-comment .words .comment-say .csl-body .text{position: relative;} .lp-comment .words .comment-say .csl-body .text input{border-radius: 2px; padding-right:10px; height: 37px; line-height: 14px;font-size: 14px;line-height: 37px\9; color: #5A5A5A;border:solid 1px #EEEEEE; background: #F7F7F7;} .lp-comment .words .comment-say .csl-body .text input:focus{outline: solid 1px #FFB7B7;} .lp-comment .words .comment-say .csl-body .text .tip{font-size: 14px; color: #999999;position: absolute; top: 10px; left: 10px;} .lp-comment .words .comment-say .csl-body .text .tip a{padding: 0 5px;} .lp-comment .words .comment-say .csl-body .sub button{cursor: pointer;width: 85px; height: 33px; color: #fff; font-size: 14px;background: #D55252;border: 0; outline: 0; float: right;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;} .lp-comment .words .comment-say .csl-body .sub button:hover{background: #E05F5F;} .lp-comment .words .comment-say .csl-body .sub button.disabled{background: #FAADAD; cursor: default;} .lp-comment .words .comment-say .csl-body .sub{padding-top: 14px;} .lp-comment .words .comment-say-more{height: 28px;background-color: #E0E0E0;background-repeat: no-repeat;background-position: center center; color: #555; text-align: center;line-height: 28px; margin-top: 30px;} .lp-comment .words .comment-say-more.loading{background-image: url("loading-comment.gif");} .lp-comment .words .comment-say-more:hover{background-color: #cacaca;} /*.lp-comment .words .comment-say-more span,.lp-comment .words .comment-say-more em {display: block;}*/ .lp-comment .words .comment-say-more span{cursor: pointer;} .lp-comment .words .comment-say-more em,.lp-comment .words .comment-say-more span{display: none;} /*文章列表统一样式*/ .phone-lp-articles-tags{display: none;height: 40px; line-height: 40px; overflow: hidden; width: 100%;} .phone-lp-articles-tags ul{padding: 0 8px;} .phone-lp-articles-tags ul li{float: left;margin-right: 6px;margin-bottom: 12px;} .phone-lp-articles-tags ul li a{color: #fff;font-size: 12px;font-family: "SimSun";padding: 8px 15px;text-align: center;background: #9F9F9F;border-radius: 2px;font-weight: bold;} .lp-articles{background-color: #ffffff;overflow: hidden;margin-bottom: 31px;border-top: solid 2px #fff;} .lp-articles{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .lp-articles:hover{border-top: solid 2px #35B5EB;} .lp-articles .article-top{border-bottom: 1px solid #e5e5e5;padding: 10px 20px 10px 12px;} .lp-articles .article-left{float: left;} .lp-articles .article-right{margin-left: 260px;} .lp-articles .article-right h2 {font-size: 20px;font-size: 20px;;color: #474747;font-family: '\5FAE\8F6F\96C5\9ED1';margin: 15px 0 20px 0px;line-height: 1.5;} .lp-articles .article-right h2 a{color:#474747; text-decoration: none;overflow: hidden;} .lp-articles:hover .article-right h2 a{color: #35B5EB;} .lp-articles .article-right-text{font-family: "NSimSun";font-size: 12px;color: #aaa;line-height: 1.8;} .lp-articles .article-bottom{} .lp-articles .article-bottom .metatag{height: 20px;padding: 18px 10px;color: #737373;} .lp-articles .article-bottom .metatag .date{height: 20px;float: left;color: #b5b5b5;font-family:'arial';font-size: 14px; font-style: italic;} .lp-articles .article-bottom .metatag .tags{max-width: 280px;overflow: hidden;float: left;color: #737373;padding:0px 0 0 10px;margin-left: 10px;height: 20px; line-height: 20px;background: url("articleList-sprite.png") no-repeat -100px 8px;} .lp-articles .article-bottom .metatag .tags li{float: left;padding-right: 5px;} .lp-articles .article-bottom .metatag .tags a{color: #737373;text-decoration: none; font-size: 12px;font-size: 12px; position: relative;} .lp-articles .article-bottom .metatag .tags li:hover a{color:#35B5EB; } .lp-articles .article-bottom .metatag .tags i{width: 5px;height: 5px;float: left;border-radius: 2px;background-color: #e5e5e5;margin:8px 5px 0 0px;} .lp-articles .article-bottom .metatag .cmt{height: 20px;float: left;color: #d1d1d1;line-height: 20px;} .lp-articles .article-bottom .metatag .cmt i{width: 14px;height: 12px;background: url("articleList-sprite.png") no-repeat 0 0;float: left;margin: 5px 0 0 0;} .lp-articles .article-bottom .metatag .cmt .line{height: 12px;float: left;padding: 0px 10px;} .lp-articles .article-bottom .metatag .cmt .sz{height: 20px;float: left;color: #5e5e5e;margin: 0 11px 0 10px;} .lp-articles .article-bottom .metatag .au { float: right; font-size: 14px; color:#A3A3A3; font-weight: bold; font-family: "NSimSun",Arial; border-left: solid 1px #E5E5E5; padding: 0 10px 0 15px; overflow: hidden} .ie6 .lp-articles .article-bottom .metatag .au, .ie7 .lp-articles .article-bottom .metatag .au { border-left: 0} .lp-articles .article-bottom .metatag .au i { float: right;width: 14px; height: 12px; background: url("articleList-sprite.png") no-repeat 0 -100px; margin-top: 7px; margin-right: 2px;} .lp-articles .article-bottom .metatag .au span { float: right} .lp-articles .article-bottom .metatag .sor { font-weight: bold; font-family: "NSimSun",Arial; float: right; font-size: 12px; color:#A3A3A3;line-height: 18px; padding: 3px 15px ; margin-right: 10px} .ie6 .lp-articles .article-bottom .metatag .sor, .ie7 .lp-articles .article-bottom .metatag .sor { display: none} .lp-articles:hover .article-bottom .metatag .sor{color:#35B5EB;} .lp-articles-page { height: 36px; padding: 12px 25px; border: 1px solid #EEEEEE; box-shadow: 0 0 4px #ECECEC; background: #FFFFFF} .lp-articles-page .page-btn { height: 36px;line-height: 36px} .lp-articles-page .page-btn span { font-family: "NSimSun";font-size: 12px;color: #B7B7B7} .lp-articles-page .page-btn i { width: 36px; height: 36px; position: relative} .lp-articles-page .page-btn-pre { float: left} .lp-articles-page .page-btn-pre i { float: left; background: url("articleList-sprite.png") no-repeat 0 -50px; margin-right: 20px;} .lp-articles-page .page-btn-next { float: right} .lp-articles-page .page-btn-next i { float: right; background: url("articleList-sprite.png") no-repeat -100px -50px; margin-left: 20px;} .lp-articles-page .page-btn i b { display: block; width: 25px; height: 25px; position: absolute; top: 5px; left: 7px;} .lp-articles-page .page-btn-pre i b{ background: url("articleList-sprite.png") no-repeat -50px -50px;} .lp-articles-page .page-btn-next i b{ background: url("articleList-sprite.png") no-repeat -150px -50px;} .lp-articles-page .page-btn-pre:hover i b{animation: preBtn .5s ease-out;-o-animation: preBtn .5s ease-out;-moz-animation: preBtn .5s ease-out;-webkit-animation: preBtn .5s ease-out;} .lp-articles-page .page-btn-next:hover i b{animation: nextBtn .5s ease-out;-o-animation: nextBtn .5s ease-out;-moz-animation: nextBtn .5s ease-out;-webkit-animation: nextBtn .5s ease-out;} .lap-loading{display: none;height: 36px;background-color: #fff;line-height: 36px; float: left;} .lap-loading i{width: 35px; height: 35px; float: left; background: url("pageLoading.gif"); margin-right: 8px; } .lap-loading span{float: left; font-size: 14px; font-size: 14px; color: #666;} /*弹层公用样式 openPop*/ #lp-overlay{position:absolute;display: none;background:#000;filter:Alpha(opacity=70);opacity: 0.7;top: 0;left: 0;z-index: 1000;} /*登录弹层*/ .lp-login-pop{font-family: "microsoft yahei";display: none;top: 0;width: 405px; height: 360px;padding: 30px 40px; background: #fff;position: absolute; z-index: 1001; border-radius: 3px;} .lp-login-pop .lplp-sjzh{border-bottom: dashed 1px #D5D5D5;} .lp-login-pop .lplp-sjzh h5{font-size: 15px; color: #333333; } .lp-login-pop .lplp-sjzh .lplp-sjzh-btns{padding-top: 20px; padding-bottom: 28px;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn{float: left; width: 184px; height: 46px; cursor: pointer; font-size: 14px; color: #fff; line-height: 46px; text-decoration: none;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn i{float: left; width: 30px; height: 24px; margin-left: 30px; margin-top: 11px;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn span{float: right; margin-right: 48px;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-qq{background:#1469B4; margin-right: 36px;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-qq:hover{background: #2C81CE;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-qq i{background: url("com-sprite2.png") no-repeat 5px -181px;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-weibo{background:#D04341; } .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-weibo:hover{background: #DB5D5A;} .lp-login-pop .lplp-sjzh .lplp-sjzh-btns .btn-weibo i{background: url("com-sprite2.png") no-repeat -45px -181px;} .lp-login-pop .lplp-form{padding-top: 32px;} .lp-login-pop .lplp-form .inp-text{width: 280px;height: 45px; position: relative; padding-bottom: 35px; z-index: 1;} .lp-login-pop .lplp-form .inp-text input{width: 330px;height: 45px; padding-left:60px; padding-right: 10px;line-height: 16px;line-height: 45px\9; font-size: 16px; color: #000; border:solid 1px #b9b9b9;} .lp-login-pop .lplp-form .inp-text input:focus{border:solid 1px #DAA191;outline:none;} .lp-login-pop .lplp-form .inp-text label{width: 48px; height: 28px; border-right: solid 1px #b9b9b9;display: block;position: absolute; top: 10px; left: 5px; background: url("com-sprite2.png") no-repeat -190px -181px; } .lp-login-pop .lplp-form .inp-text .what{position: absolute; top: 0; left: 65px; font-size: 14px; color: #b9b9b9;line-height: 45px; z-index: 0;} .lp-login-pop .lplp-form .inp-text .login-pwd-label{background-position: -239px -181px;} .lp-login-pop .lplp-form .inp-text .tip{height: 45px; width: 300px; line-height: 45px; font-size: 12px; color: #cc6666;position: absolute; top: 0; left: 300px; z-index: 3;} .lp-login-pop .lplp-form .inp-text .tip i{float: left; width: 28px; height: 45px; } .lp-login-pop .lplp-form .inp-text.right .tip i{background: url("login-regist/coins-sprite.png") no-repeat 0px -185px;} .lp-login-pop .lplp-form .inp-text.right .tip span{visibility: hidden;} .lp-login-pop .lplp-form .inp-text.error .tip i{background: url("login-regist/coins-sprite.png") no-repeat 0px -237px;} .lp-login-pop .lplp-form .inp-text.error input{border-color: #DAA191;outline-color: #DAA191; color: #CC8B7D;} .lp-login-pop .lplp-form .inp-radio{height: 18px; line-height: 18px; font-size: 14px; color: #666666; margin-bottom: 30px;} .lp-login-pop .lplp-form .inp-submit{} .lp-login-pop .lplp-form .inp-submit button{float: left; margin-right: 20px; width: 104px; height: 48px;color: #fff; font-size:18px; background: #D04341; border: none;font-family: "microsoft yahei";letter-spacing:3px; cursor: pointer;} .lp-login-pop .lplp-form .inp-submit button{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;} .lp-login-pop .lplp-form .inp-submit button:hover{background: #BC3B3B;} .lp-login-pop .lplp-form .inp-submit input{position: relative; top: 2px;} .lp-login-pop .lplp-form .inp-submit label{color:#666666; } .lp-login-pop .lplp-form .inp-submit .forget-div{text-align:left;} .lp-login-pop .lplp-form .inp-submit .forget-div a{font-size: 14px;color: #cc6666;letter-spacing:1px;text-align:left;} .lp-login-pop .lplp-form .inp-submit .register-div{text-align:left;} .lp-login-pop .lplp-form .inp-submit .register-div a{font-size: 14px;color: #cc6666;letter-spacing:1px; } .lp-login-pop .lplp-form .inp-submit .register-div span{color: #333333; font-size: 14px; margin-right: 5px;} /*淡入淡出提示框 comTip*/ .comTip{display: none;padding: 15px 50px; font-size: 14px; color: #666666; background:#FAFAFA; line-height: 1; border: solid 2px #EFEFEF; position: absolute; top: 0; border-radius: 2px; font-family: 'microsoft yahei';} .publishtosina{color:#666;} .publishtosina input[type="checkbox"]{position: relative; top:2px;} /*分页*/ /*内容区产品分页区域*/ .lp-sl-pages{height: 26px;margin: 20px auto; padding-top: 0px;} .lp-sl-pages a,.lp-sl-pages span{float: left;padding: 5px 10px; text-align: center; font-size: 13px; color: #fff; background: #999999;text-decoration: none;margin-right: 8px;} .lp-sl-pages span.act{background: #35B5EB;} .lp-sl-pages a:hover{background: #35B5EB;} /*封神榜图标抖动*/ @keyframes icon-jump { 50% { -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); } 100% { -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } } @-moz-keyframes icon-jump /* Firefox */ { 50% { -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); } 100% { -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } } @-webkit-keyframes icon-jump /* Safari 和 Chrome */ { 50% { -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); } 100% { -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } } @-o-keyframes icon-jump /* Opera */ { 50% { -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); } 100% { -moz-transform:rotate(2deg); -webkit-transform:rotate(2deg); -o-transform:rotate(2deg); } } @keyframes idxVideo { 35%{ transform: rotate(100deg); -ms-transform: rotate(100deg); /* IE 9 */ -webkit-transform: rotate(100deg); /* Safari and Chrome */ -o-transform: rotate(100deg); /* Opera */ -moz-transform: rotate(100deg); } 100%{ transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } } @-moz-keyframes idxVideo /* Firefox */ { 35%{ transform: rotate(100deg); -ms-transform: rotate(100deg); /* IE 9 */ -webkit-transform: rotate(100deg); /* Safari and Chrome */ -o-transform: rotate(100deg); /* Opera */ -moz-transform: rotate(100deg); } 100%{ transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } } @-webkit-keyframes idxVideo /* Safari 和 Chrome */ { 35%{ transform: rotate(100deg); -ms-transform: rotate(100deg); /* IE 9 */ -webkit-transform: rotate(100deg); /* Safari and Chrome */ -o-transform: rotate(100deg); /* Opera */ -moz-transform: rotate(100deg); } 100%{ transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } } @-o-keyframes idxVideo /* Opera */ { 35%{ transform: rotate(100deg); -ms-transform: rotate(100deg); /* IE 9 */ -webkit-transform: rotate(100deg); /* Safari and Chrome */ -o-transform: rotate(100deg); /* Opera */ -moz-transform: rotate(100deg); } 100%{ transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ -o-transform: rotate(0deg); /* Opera */ -moz-transform: rotate(0deg); } }