* { margin: 0; padding: 0; } ol, ul { list-style: none; } a,a:hover { text-decoration: none; } a:link, a:visited, ins { text-decoration: none; } img{border:none} body { background-color: #FFFFFF; font-family: "微软雅黑", "宋体", "黑体", Arial; } .header1 { position: relative; height: 40px; /*background: url(../images/line-solid.gif) repeat-x bottom;*/ z-index: 100; } .menu1 { height: 30px; z-index: 100; background-position: 0px 100%;/* position: absolute;*/ /*top: 50px; right: 0;*/ padding-right: 1px; margin: 0 auto; width: 1180px; margin: 0 auto; } .menu1 .current { width: 58px; padding-right: 45px; } .menu1 .current a { width: 33px; } .menu1 .l1 a { width: 60px; } .menu1 .l2 a { width: 66px; } .menu1 li a:hover { border-bottom: 3px solid #3f8fca; } .menu1 li_4:hover dl.li_4_content{ display: block; } .menu1 li a:hover .li_4_content {} .menu1 li { float: left; font-size: 14px; text-align: center; line-height: 35px; height: 30px; padding: 0; padding-left: 28px;} .menu1 li.lihover, .menu1 li.licurrent { padding-bottom: 15px; border-bottom: 3px solid #FE7700; } .menu1 li a { padding: 2px 0px; /*border-right: 1px solid #D7D7D7; */color: #242424; font-weight: bold; margin: 0; border-left: none; display: inline-block; font-size: 14px; width: 82px; text-decoration:none; } .menu1 li a.noborder { border-right: none; } .li_12,.li_13,.li_14,.li_15,.li_16{display: none; } .li_1 { position: relative; z-index: 100; } .li_1 a.noclick { width: 80px; } .li_1_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_1_content a:hover { color: #f18336 !important; } .li_1_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_1_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_1_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_1_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_1_content dd.lastItem a { border-bottom: none; } .li_2 { position: relative; z-index: 100; } .li_2 a.noclick { width: 80px; } .li_2_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_2_content a:hover { color: #f18336 !important; } .li_2_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_2_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_2_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_2_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_2_content dd.lastItem a { border-bottom: none; } .li_3 { position: relative; z-index: 100; } .li_3 a.noclick { width: 60px; } .li_3_content { position: absolute; top: 25px; left: 13px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_3_content a:hover { color: #f18336 !important; } .li_3_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_3_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_3_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_3_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_3_content dd.lastItem a { border-bottom: none; } .li_4 { position: relative; z-index: 100; } .li_4 a.noclick { width: 80px; } .li_4_content { position: absolute; top: 25px; left: -5px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_4_content a:hover { color: #f18336 !important; } .li_4_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_4_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_4_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_4_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_4_content dd.lastItem a { border-bottom: none; } .li_5 { position: relative; z-index: 100; } .li_5 a.noclick { width: 80px; } .li_5_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_5_content a:hover { color: #f18336 !important; } .li_5_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_5_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_5_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_5_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_5_content dd.lastItem a { border-bottom: none; } .li_6 { position: relative; z-index: 100; } .li_6 a.noclick { width: 80px; } .li_6_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_6_content a:hover { color: #f18336 !important; } .li_6_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_6_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_6_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_6_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_6_content dd.lastItem a { border-bottom: none; } .li_7 { position: relative; z-index: 100; } .li_7 a.noclick { width: 80px; } .li_7_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_7_content a:hover { color: #f18336 !important; } .li_7_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_7_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_7_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_7_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_7_content dd.lastItem a { border-bottom: none; } .li_8 { position: relative; z-index: 100; } .li_8 a.noclick { width: 80px; } .li_8_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_8_content a:hover { color: #f18336 !important; } .li_8_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_8_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_8_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_8_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_8_content dd.lastItem a { border-bottom: none; } .li_9 { position: relative; z-index: 100; } .li_17 { display: none; } .li_9 a.noclick { width: 80px; } .li_9_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_9_content a:hover { color: #f18336 !important; } .li_9_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_9_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_9_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_9_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_9_content dd.lastItem a { border-bottom: none; } .li_10 { position: relative; z-index: 100; } .li_10:hover .li_10_content{ display: block;} .li_10 a.noclick { width: 80px; } .li_10_content { position: absolute; top: 25px; left: 14px; line-height: 20px; z-index: 99; display: none; height: 188px; *top: 18px; width: 130px; } .li_10_content a:hover { color: #f18336 !important; } .li_10_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_10_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_10_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_10_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_10_content dd.lastItem a { border-bottom: none; } .li_11{ position: relative; z-index: 100; } .li_11:hover .li_11_content{ display: block;} .li_11_content { display: none;position: absolute; top: 25px; left: 34px;} .li_11_content a:hover { color: #f18336 !important; } .li_11_content dt { height: 17px; border-bottom: 3px solid #3f8fca; *height: 19px; line-height: 17px; } .li_11_content dd { border-left: 1px solid #E6E4E3; border-right: 1px solid #E6E4E3; padding: 7px 8px; background: #ffffff url(../images/menu.gif) no-repeat bottom; } .li_11_content dd a { text-align: center; padding: 0; border-right: none; color: #666; font-weight: normal; width: auto; } .li_11_content dd.lastItem { background-image: none; border-bottom: 1px solid #E6E4E3; } .li_11_content dd.lastItem a { border-bottom: none; } .li_18{ display: none; } .li_19{ display: none; } .li_20{ display: none; } .miui_logo { position: absolute; top: 29px; left: 0; } .language { position: absolute; right: 0; top: 10px; line-height: 20px; height: 20px; font-size: 12px; color: #6D6D6D; text-align: right; } .language span { color: #A6A6A6; padding: 0 3px; } .language a { color: #A6A6A6; } .language a:hover { text-decoration: underline; } .demo-1 .sl-slider-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .demo-2 .sl-slider-wrapper { width: 100%; height: 600px; overflow: hidden; position: relative; } .demo-2 .sl-slider h2, .demo-2 .sl-slider blockquote { padding: 100px 30px 10px 30px; width: 80%; max-width: 960px; color: #fff; margin: 0 auto; position: relative; z-index: 100; } .demo-2 .sl-slider h2 { font-size: 100px; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); } .demo-2 .sl-slider blockquote { font-size: 28px; padding-top: 10px; font-weight: 300; text-shadow: 0 -1px 0 rgba(0,0,0,0.2); } .demo-2 .sl-slider blockquote cite { font-size: 16px; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 5px; padding-top: 30px; display: inline-block; } .demo-2 .bg-img { padding: 200px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; top: -200px; left: -200px; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } /* Custom navigation arrows */ .nav-arrows span { position: absolute; z-index: 2000; top: 50%; width: 40px; height: 40px; border: 8px solid #ddd; border: 8px solid rgba(150,150,150,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-arrows span:hover { border-color: rgba(150,150,150,0.9); } .nav-arrows span.nav-arrow-prev { left: 5%; border-right: none; border-top: none; } .nav-arrows span.nav-arrow-next { right: 5%; border-left: none; border-bottom: none; } /* Custom navigation dots */ .nav-dots { text-align: center; position: absolute; bottom: 2%; height: 30px; width: 100%; left: 0; z-index: 1000; } .nav-dots span { display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1); } .demo-2 .nav-dots span { background: rgba(150,150,150,0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5); } .demo-2 .nav-dots span.nav-dot-current, .demo-2 .nav-dots span:hover { box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); } .nav-dots span.nav-dot-current:after { content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8); } /* Content elements */ .demo-1 .deco { width: 260px; height: 260px; border: 2px dashed #ddd; border: 2px dashed rgba(150,150,150,0.4); border-radius: 50%; position: absolute; bottom: 50%; left: 50%; margin: 0 0 0 -130px; } .demo-1 [data-icon]:after { content: attr(data-icon); font-family: 'AnimalsNormal'; color: #999; text-shadow: 0 0 1px #999; position: absolute; width: 220px; height: 220px; line-height: 220px; text-align: center; font-size: 100px; top: 50%; left: 50%; margin: -110px 0 0 -110px; box-shadow: inset 0 0 0 10px #f7f7f7; border-radius: 50%; } .demo-1 .sl-slide h2 { color: #000; text-shadow: 0 0 1px #000; padding: 20px; position: absolute; font-size: 34px; font-weight: 700; letter-spacing: 13px; text-transform: uppercase; width: 80%; left: 10%; text-align: center; line-height: 50px; bottom: 50%; margin: 0 0 -120px 0; } .demo-1 .sl-slide blockquote { position: absolute; width: 100%; text-align: center; left: 0; font-weight: 400; font-size: 14px; line-height: 20px; height: 70px; color: #8b8b8b; z-index: 2; bottom: 50%; margin: 0 0 -200px 0; padding: 0; } .demo-1 .sl-slide blockquote p{ margin: 0 auto; width: 60%; max-width: 400px; position: relative; } .demo-1 .sl-slide blockquote p:before { color: #f0f0f0; color: rgba(244,244,244,0.65); font-family: "Bookman Old Style", Bookman, Garamond, serif; position: absolute; line-height: 60px; width: 75px; height: 75px; font-size: 200px; z-index: -1; left: -80px; top: 35px; content: '\201C'; } .demo-1 .sl-slide blockquote cite { font-size: 10px; padding-top: 10px; display: inline-block; font-style: normal; text-transform: uppercase; letter-spacing: 4px; } /* Custom background colors for slides in first demo */ /* First Slide */ .demo-1 .bg-1 .sl-slide-inner, .demo-1 .bg-1 .sl-content-slice { background: #fff; } /* Second Slide */ .demo-1 .bg-2 .sl-slide-inner, .demo-1 .bg-2 .sl-content-slice { background: #000; } .demo-1 .bg-2 [data-icon]:after, .demo-1 .bg-2 h2 { color: #fff; } .demo-1 .bg-2 blockquote:before { color: #222; } /* Third Slide */ .demo-1 .bg-3 .sl-slide-inner, .demo-1 .bg-3 .sl-content-slice { background: #db84ad; } .demo-1 .bg-3 .deco { border-color: #fff; border-color: rgba(255,255,255,0.5); } .demo-1 .bg-3 [data-icon]:after { color: #fff; text-shadow: 0 0 1px #fff; box-shadow: inset 0 0 0 10px #b55381; } .demo-1 .bg-3 h2, .demo-1 .bg-3 blockquote{ color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); } .demo-1 .bg-3 blockquote:before { color: #c46c96; } /* Forth Slide */ .demo-1 .bg-4 .sl-slide-inner, .demo-1 .bg-4 .sl-content-slice { background: #5bc2ce; } .demo-1 .bg-4 .deco { border-color: #379eaa; } .demo-1 .bg-4 [data-icon]:after { text-shadow: 0 0 1px #277d87; color: #277d87; } .demo-1 .bg-4 h2, .demo-1 .bg-4 blockquote{ color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .demo-1 .bg-4 blockquote:before { color: #379eaa; } /* Fifth Slide */ .demo-1 .bg-5 .sl-slide-inner, .demo-1 .bg-5 .sl-content-slice { background: #ffeb41; } .demo-1 .bg-5 .deco { border-color: #ECD82C; } .demo-1 .bg-5 .deco:after { color: #000; text-shadow: 0 0 1px #000; } .demo-1 .bg-5 h2, .demo-1 .bg-5 blockquote{ color: #000; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .demo-1 .bg-5 blockquote:before { color: #ecd82c; } .demo-2 .bg-img-1 { background-image: url(../images/banner.jpg); } .demo-2 .bg-img-2 { background-image: url(../images/2.jpg); } .demo-2 .bg-img-3 { background-image: url(../images/3.jpg); } .demo-2 .bg-img-4 { background-image: url(../images/4.jpg); } .demo-2 .bg-img-5 { background-image: url(../images/5.jpg); } /* Animations for content elements */ .sl-trans-elems .deco{ -webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -o-animation: roll 1s ease-out both, fadeIn 1s ease-out both; -ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both; animation: roll 1s ease-out both, fadeIn 1s ease-out both; } .sl-trans-elems h2{ -webkit-animation: moveUp 1s ease-in-out both; -moz-animation: moveUp 1s ease-in-out both; -o-animation: moveUp 1s ease-in-out both; -ms-animation: moveUp 1s ease-in-out both; animation: moveUp 1s ease-in-out both; } .sl-trans-elems blockquote{ -webkit-animation: fadeIn 0.5s linear 0.5s both; -moz-animation: fadeIn 0.5s linear 0.5s both; -o-animation: fadeIn 0.5s linear 0.5s both; -ms-animation: fadeIn 0.5s linear 0.5s both; animation: fadeIn 0.5s linear 0.5s both; } .sl-trans-back-elems .deco{ -webkit-animation: scaleDown 1s ease-in-out both; -moz-animation: scaleDown 1s ease-in-out both; -o-animation: scaleDown 1s ease-in-out both; -ms-animation: scaleDown 1s ease-in-out both; animation: scaleDown 1s ease-in-out both; } .sl-trans-back-elems h2{ -webkit-animation: fadeOut 1s ease-in-out both; -moz-animation: fadeOut 1s ease-in-out both; -o-animation: fadeOut 1s ease-in-out both; -ms-animation: fadeOut 1s ease-in-out both; animation: fadeOut 1s ease-in-out both; } .sl-trans-back-elems blockquote{ -webkit-animation: fadeOut 1s linear both; -moz-animation: fadeOut 1s linear both; -o-animation: fadeOut 1s linear both; -ms-animation: fadeOut 1s linear both; animation: fadeOut 1s linear both; } @-webkit-keyframes roll{ 0% {-webkit-transform: translateX(500px) rotate(360deg);} 100% {-webkit-transform: translateX(0px) rotate(0deg);} } @-moz-keyframes roll{ 0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-o-keyframes roll{ 0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;} } @-ms-keyframes roll{ 0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;} } @keyframes roll{ 0% {transform: translateX(500px) rotate(360deg); opacity: 0;} 100% {transform: translateX(0px) rotate(0deg); opacity: 1;} } @-webkit-keyframes moveUp{ 0% {-webkit-transform: translateY(40px);} 100% {-webkit-transform: translateY(0px);} } @-moz-keyframes moveUp{ 0% {-moz-transform: translateY(40px);} 100% {-moz-transform: translateY(0px);} } @-o-keyframes moveUp{ 0% {-o-transform: translateY(40px);} 100% {-o-transform: translateY(0px);} } @-ms-keyframes moveUp{ 0% {-ms-transform: translateY(40px);} 100% {-ms-transform: translateY(0px);} } @keyframes moveUp{ 0% {transform: translateY(40px);} 100% {transform: translateY(0px);} } @-webkit-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes scaleDown{ 0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(0.5);} } @-moz-keyframes scaleDown{ 0% {-moz-transform: scale(1);} 100% {-moz-transform: scale(0.5);} } @-o-keyframes scaleDown{ 0% {-o-transform: scale(1);} 100% {-o-transform: scale(0.5);} } @-ms-keyframes scaleDown{ 0% {-ms-transform: scale(1);} 100% {-ms-transform: scale(0.5);} } @keyframes scaleDown{ 0% {transform: scale(1);} 100% {transform: scale(0.5);} } @-webkit-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut{ 0% {opacity: 1;} 100% {opacity: 0;} } /* Media Queries for custom slider */ @media screen and (max-width: 660px) { .demo-1 .deco { width: 130px; height: 130px; margin-left: -65px; margin-bottom: 50px; } .demo-1 [data-icon]:after { width: 110px; height: 110px; line-height: 110px; font-size: 40px; margin: -55px 0 0 -55px; } .demo-1 .sl-slide blockquote { margin-bottom: -120px; } .demo-1 .sl-slide h2 { line-height: 22px; font-size: 18px; margin-bottom: -40px; letter-spacing: 8px; } .demo-1 .sl-slide blockquote p:before { line-height: 10px; width: 40px; height: 40px; font-size: 120px; left: -45px; } .demo-2 .sl-slider-wrapper { height: 500px; } .demo-2 .sl-slider h2 { font-size: 36px; } .demo-2 .sl-slider blockquote { font-size: 16px; } } .posterTvGrid{position:relative;height:310px;} .posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;} .posterTvGrid .contentHolder{position:relative;overflow:hidden;} .posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:414px;height:269px;} .posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;} .posterTvGrid .contentHolderUnit img{width:100%;height:100%;} .posterTvGrid .contentHolderUnit .elementTitle{} .posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;} .posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:224px;background:url(../images/leftShadow.png) no-repeat;} .posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:224px;background:url(../images/rightShadow.png) no-repeat;} .posterTvGrid .bannerControls{} .posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;} .posterTvGrid .leftNav{left:7px;background:url("../images/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c/xx/slide_prev_btn.png");} .posterTvGrid .rightNav{right:7px;background:url("../images/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/c/xx/slide_next_btn.png");} .posterTvGrid .bottomNavButtonON, .posterTvGrid .bottomNavButtonON:hover{background:#69aaec;} .posterTvGrid .bottomNavLeft{} .posterTvGrid .bottomNavRight{} .clear{height:0; overflow:hidden; clear:both} .button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2); } .red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top, #ed1c24, #A51715);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); } .red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;} .red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top, #aa1317, #ed1c24);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');} .cor_bs,.cor_bs:hover{color:#ffffff;} .keBody{background:url(../images/bodyBg.jpg) repeat #333;} .keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal} .kePublic{background:#0e162c; padding:0px;} .keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px} .keTxtP{font-size:16px; color:#ffffff;} .keUrl{color:#FFF; font-size:30px;} .keUrl:hover{ text-decoration: underline; color: #FFF; } .mKeBanner,.mKeBanner div{text-align:center;} /*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/ .hidden { display: none } .s-skin-wrap { min-width: 1010px; /*background: url(../images/goddess_mbg_0adf1d18.jpg) no-repeat center top;*/ width: 100%; overflow: hidden } .s-skin-wrap .s-skin-banner { width: 984px; height: 327px; background: url(../images/goddess_banner_42170cfb.jpg) no-repeat center top; margin: 0 auto } .s-skin-wrap .s-skin-content { width: 984px; margin: 0 auto; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list { height: 530px; /*background: url(../images/goddess_stage_2b145290.jpg) no-repeat center top;*/ position: relative } .s-skin-wrap .s-skin-content .s-skin-item { margin: 0 49px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list ul { width: 780px; height: 510px; margin: 0 auto; padding: 0; position: relative } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-item { width: 195px; height: 277px; overflow: hidden; cursor: pointer; position: absolute } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p1 { left: 302px; top: 194px; opacity: 1; z-index: 5; transform: scale(0.9996); -webkit-transform: scale(0.9996); -moz-transform: scale(0.9996); -o-transform: scale(0.9996); -ms-transform: scale(0.9996) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p2 { left: 95px; top: 186px; opacity: .97; z-index: 5; transform: scale(0.9692); -webkit-transform: scale(0.9692); -moz-transform: scale(0.9692); -o-transform: scale(0.9692); -ms-transform: scale(0.9692) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p3 { left: -35px; top: 161px; opacity: .87; z-index: 4; transform: scale(0.8743); -webkit-transform: scale(0.8743); -moz-transform: scale(0.8743); -o-transform: scale(0.8743); -ms-transform: scale(0.8743) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p4 { left: -37px; top: 129px; opacity: .75; z-index: 3; transform: scale(0.7509); -webkit-transform: scale(0.7509); -moz-transform: scale(0.7509); -o-transform: scale(0.7509); -ms-transform: scale(0.7509) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p5 { left: 88px; top: 101px; opacity: .65; z-index: 1; transform: scale(0.6463); -webkit-transform: scale(0.6463); -moz-transform: scale(0.6463); -o-transform: scale(0.6463); -ms-transform: scale(0.6463) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p6 { left: 294px; top: 89px; opacity: .6; z-index: 1; transform: scale(0.6004); -webkit-transform: scale(0.6004); -moz-transform: scale(0.6004); -o-transform: scale(0.6004); -ms-transform: scale(0.6004) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p7 { left: 502px; top: 97px; opacity: .63; z-index: 1; transform: scale(0.6308); -webkit-transform: scale(0.6308); -moz-transform: scale(0.6308); -o-transform: scale(0.6308); -ms-transform: scale(0.6308) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p8 { left: 631px; top: 122px; opacity: .73; z-index: 2; transform: scale(0.7257); -webkit-transform: scale(0.7257); -moz-transform: scale(0.7257); -o-transform: scale(0.7257); -ms-transform: scale(0.7257) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p9 { left: 634px; top: 155px; opacity: .85; z-index: 3; transform: scale(0.8491); -webkit-transform: scale(0.8491); -moz-transform: scale(0.8491); -o-transform: scale(0.8491); -ms-transform: scale(0.8491) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-p10 { left: 508px; top: 182px; opacity: .95; z-index: 5; transform: scale(0.9537); -webkit-transform: scale(0.9537); -moz-transform: scale(0.9537); -o-transform: scale(0.9537); -ms-transform: scale(0.9537) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .angelababy .s-star-name { font-size: 12px } .s-skin-lottery-fail .emot, .s-skin-lottery-winning .sui-dialog-body .prize-icon, .s-qrcode-outer .close, .s-skin-wrap .s-skin-banner .s-skin-immediGet, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-label .s-star-name, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-label .s-star-preview, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .heart, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video-title h2, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .play-icon, .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-title h2, .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-setting-btn, .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-title h2, .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-title h2, .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list i, .s-skin-wrap .s-skin-elevator li i, .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-btn, .sui-dialog-lottery-verif .verif-body .verif-refresh, .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .share-copy, .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .sns-item, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .sns-item, .sui-dialog-lottery-verif .verif-submit .verif-submit-btn { display: inline-block; width: 21px; height: 18px; background: url(../images/goddess_icon_05883963.png) -1px -1px no-repeat; _background: url(../images/goddess_icon_ie6_a8aa5692.png) -1px -1px no-repeat } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-label { position: absolute; width: 195px; height: 50px; line-height: 50px; left: 0; bottom: 20px; z-index: 99; height: 0; transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; overflow: hidden } .s-skin-wrap .s-skin-content .s-star-wrap .roundabout-in-focus .s-star-label { opacity: 1; height: 50px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-label .s-star-name { width: 65px; height: 50px; line-height: 50px; color: #fff; font-size: 16px; text-align: center; background-position: -247px -3px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-label .s-star-preview { width: 120px; height: 50px; line-height: 50px; color: #fed8ec; font-size: 18px; text-align: center; background-position: -64px -107px; float: left; text-decoration: none } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-nameTips { padding: 5px 19px; text-align: center; background: #d8cee0; font-size: 14px; color: #666; position: absolute; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; opacity: 0; filter: alpha(opacity=0); z-index: 99 } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-nameTips .tg-border { display: inline-block; width: 0; height: 0; border-color: #d8cee0 transparent transparent transparent; border-width: 7px; border-style: solid dashed dashed dashed; overflow: hidden; top: 24px; left: 43%; position: absolute } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary { color: #8596b9; background: #0e162f; width: 824px; margin: -20px 49px 0; padding: 30px; border: 1px solid #2f446e; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative } .s-skin-wrap .s-skin-banner .s-skin-immediGet { width: 76px; height: 76px; top: 186px; left: 748px; background-position: -166px -3px; position: relative } .s-skin-wrap .s-skin-banner .s-skin-immediGet:hover { background-position: -258px -563px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile { width: 467px; float: left } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-baike ul { padding-top: 10px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-title { height: 29px; line-height: 29px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-name a { font-size: 30px; color: #ff3393; float: left; text-decoration: none } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-like { color: #ff3393; font-size: 14px; text-decoration: none; float: right } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .selected i, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-like:hover i { background-position: -24px -1px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .heart { vertical-align: middle; margin-left: 5px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-desc { font-size: 14px; line-height: 26px; padding-top: 6px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-news h3 { font-size: 18px; color: #ff3393; padding-bottom: 6px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-baike li { line-height: 30px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-baike li a { font-size: 14px; color: #8596b9; text-decoration: none } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-baike li a:hover { text-decoration: underline } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-skinHeat { font-size: 18px; color: #ff3393; padding-top: 21px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-profile .s-star-skin-num { font-size: 18px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video { width: 326px; float: left; padding-left: 30px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video-title { height: 28px; line-height: 28px; padding-bottom: 15px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video-title h2 { width: 94px; height: 28px; background-position: -1px -20px; float: left } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video-title .s-star-more { color: #8596b9; font-size: 14px; float: right } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video-title .s-star-more:hover { color: #ff3393 } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video .s-star-video-wrap { width: 320px; height: 181px; line-height: 181px; text-align: center; border: 1px solid #2f446e } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video .s-star-video-wrap img { width: 320px; height: 181px } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video .play-btn { position: relative; display: block; overflow: hidden; height: 181px; opacity: .7; filter: alpha(opacity=70); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video .play-btn:hover { opacity: 1; filter: alpha(opacity=100) } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .s-star-video .play-icon { width: 60px; height: 60px; background-position: -1px -102px; position: absolute; left: 130px; top: 62px; z-index: 5 } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .triangle.tg-border { display: inline-block; width: 0; height: 0; border-color: transparent transparent #2f446e transparent; border-width: 9px; border-style: solid dashed dashed dashed; overflow: hidden; top: -19px; left: 430px; position: absolute } .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary .triangle.tg-background { display: inline-block; width: 0; height: 0; border-color: transparent transparent #0e162f transparent; border-width: 9px; border-style: solid dashed dashed dashed; overflow: hidden; top: -18px; left: 430px; position: absolute } .s-skin-wrap .s-skin-content .s-skin-yulan { padding-top: 50px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-title { text-align: center } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-title h2 { width: 346px; height: 36px; background-position: -1px -165px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-title .s-skin-yulan-intro { font-size: 20px; color: #4c6596; height: 25px; line-height: 25px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap { padding-top: 30px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-star-list li { float: left; margin-left: 6px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-star-list li.first { margin-left: 0 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-star-list li a { display: inline-block; width: 81px; height: 34px; line-height: 34px; text-align: center; border: 1px solid #2f446e; color: #8596b9; font-size: 14px; text-decoration: none; outline: none } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-star-list li a:hover { border: 1px solid #ff3393 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-star-list .cur a { border: 1px solid #ff3393; background: #ff3393; color: #fff } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view { padding-top: 30px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-live { float: left; width: 571px; height: 490px; position: relative } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-imac { width: 571px; height: 490px; float: left; background: url(../images/imac_4ae646f6.png) no-repeat; position: absolute; z-index: 5 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-desktop { width: 521px; height: 326px; background-size: 522px 326px; position: absolute; left: 25px; top: 26px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-rows { width: 283px; float: left; padding-left: 30px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list ul { display: none } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list ul.cur { display: block } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list li { float: left; margin-left: 5px; margin-top: 5px; position: relative; cursor: pointer; width: 91px; height: 57px; overflow: hidden } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list li.first-col { float: left; margin-left: 0 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list li.first-row { margin-top: 0 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list img { width: 91px; height: 57px; opacity: .7; filter: alpha(opacity=70); transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list .active img, .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list .hover img, .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list a:hover img { opacity: 1; filter: alpha(opacity=100) } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-pic-list .s-skin-plus-border { width: 89px; height: 55px; border: 1px solid #f2328f; position: absolute; left: 0; top: 0 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-setting { padding-top: 14px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-setting-btn { width: 283px; height: 50px; line-height: 50px; background-position: -1px -202px; text-align: center; font-size: 24px; color: #ffd9ed; text-decoration: none } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-setting-btn:hover { background-position: -2px -779px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-desc { padding-top: 18px } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-desc h2 { font-size: 18px; color: #ff3393 } .s-skin-wrap .s-skin-content .s-skin-yulan .s-skin-yulan-wrap .s-skin-view .s-skin-desc .s-skin-desc-text { font-size: 14px; color: #8596b9; padding-top: 15px; line-height: 21px } .s-skin-wrap .s-skin-content .s-skin-lottery { padding: 39px 0 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-title { text-align: center } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-title h2 { width: 310px; height: 36px; background-position: -1px -255px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-title .s-skin-lottery-chance { height: 20px; line-height: 20px; font-size: 20px; color: #8596b9; padding: 11px 0 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-title .s-skin-lottery-changeNum { font-size: 20px; color: #ff3393; padding: 0 11px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine { padding: 20px 0; position: relative; height: 539px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine .s-skin-lottery-turnable { width: 543px; height: 543px; position: absolute!important; left: 50%; margin-left: -271px; z-index: 3; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000; webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine .s-skin-lottery-turnable-inner { width: 491px; height: 491px; background: url(../images/goddess_turnable_inner_0309a550.png) no-repeat; position: absolute; left: 50%; margin-left: -246px; margin-top: 26px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine .s-skin-lottery-turnable-prize { width: 455px; height: 442px; background: url(../images/goddess_turnable_prize_7b27268e.png) no-repeat; position: absolute; left: 50%; margin-left: -228px; margin-top: 45px; z-index: 5 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine .s-skin-lottery-btn { width: 201px; height: 201px; line-height: 200px; background-position: -4px -485px; position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -100px; font-size: 30px; color: #ffe8e8; text-align: center; text-decoration: none; z-index: 9 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-machine .s-skin-lottery-btn:hover { background-position: -2px -837px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra { padding-top: 11px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra h2 { font-size: 18px; color: #ff3393; height: 18px; line-height: 18px; padding-bottom: 8px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .s-skin-lottery-rule { float: left; _width: 400px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .s-skin-lottery-rule p { color: #8596b9; font-size: 14px; height: 30px; line-height: 30px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .s-skin-lottery-share { float: right } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .to-experience { font-size: 14px; color: #ff3393 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-tips p { font-size: 14px; color: #8596b9; height: 24px; line-height: 24px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-input { width: 340px; height: 42px; line-height: 42px; background: #8ba3c8; font-size: 14px; color: #203065; border: 0; padding: 0 0 0 14px; outline: none } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-action { position: relative; padding-top: 8px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-action .share-copy { width: 118px; height: 42px; line-height: 42px; text-align: center; text-decoration: none; font-size: 20px; color: #ffd9ed; vertical-align: top; background-position: -223px -454px; margin-left: 8px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-action .sui-tips-copy-success { background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .sui-tips-copy-success .sui-tips-body { font-size: 14px; color: #ff3393; text-align: center } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-action .share-copy:hover { background-position: -223px -507px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to { padding: 15px 0 } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-label { color: #8596b9; font-size: 13px; margin-right: 3px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .sns-item, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .sns-item { width: 19px; height: 19px; margin-left: 6px; vertical-align: middle; cursor: pointer } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-weibo, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .share-weibo { background-position: -223px -566px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-weixin, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .share-weixin { background-position: -223px -591px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-qzone, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .share-qzone { background-position: -223px -616px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-baidu, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .share-baidu { background-position: -223px -641px } .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-to .share-tqq, .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .share-tqq { background-position: -223px -666px } .s-skin-wrap .s-skin-content .s-skin-rules { padding-top: 6px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-title { text-align: center } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-title h2 { width: 274px; height: 36px; background-position: -1px -295px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list { padding-top: 29px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list li { height: 45px; padding: 29px 0; border: 1px solid #2f446e; float: left; background: #0e162f } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list i, .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-txt { float: left } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list li p { color: #8596b9; font-size: 16px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-1 { width: 343px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-1 i { width: 75px; height: 103px; background-position: -7px -341px; margin-top: -29px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-2 { width: 526px; margin-left: 10px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-2 i { width: 73px; height: 103px; background-position: -91px -341px; margin-top: -29px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-3 { width: 527px; margin-top: 10px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-3 i { width: 76px; height: 102px; background-position: -172px -341px; margin-top: -29px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-4 { width: 344px; margin-top: 10px; margin-left: 10px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-4 i { width: 74px; height: 103px; background-position: -256px -341px; margin-top: -29px } .s-skin-wrap .s-skin-content .s-skin-rules .s-skin-rules-list .rules-txt .rules-txt-line2 { padding-top: 12px } .s-activity-footer { font-size: 13px; color: #8ba3c8; height: 54px; line-height: 54px; padding: 19px 0 0 } .s-activity-footer a { text-decoration: underline } .s-skin-wrap .s-skin-elevator { position: fixed; top: 200px; right: 10px; _position: absolute } .s-skin-wrap .s-skin-elevator li { text-align: right; height: 23px; line-height: 22px; _width: 117px; overflow: hidden } .s-skin-wrap .s-skin-elevator li i { width: 22px; height: 22px; background-position: -7px -451px; margin-left: 11px; vertical-align: top; *margin-top:-5px } .s-skin-wrap .s-skin-elevator .cur a { color: #f33a92 } .s-skin-wrap .s-skin-elevator .cur i { background-position: -33px -451px } .s-skin-wrap .s-skin-elevator li a { font-size: 14px; color: #8596b9; text-decoration: none; display: block; outline: none } .sui-dialog.sui-dialog-lottery-verif { width: 306px; height: 120px; padding: 18px 0 32px 30px; background: #b3dced; background: url(../images/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IzZGNlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU4JSIgc3RvcC1jb2xvcj0iI2M4ZGFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2UwZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b3dced 0, #c8daff 58%, #bce0ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b3dced), color-stop(58%, #c8daff), color-stop(100%, #bce0ee)); background: -webkit-linear-gradient(top, #b3dced 0, #c8daff 58%, #bce0ee 100%); background: -o-linear-gradient(top, #b3dced 0, #c8daff 58%, #bce0ee 100%); background: -ms-linear-gradient(top, #b3dced 0, #c8daff 58%, #bce0ee 100%); background: linear-gradient(to bottom, #b3dced 0, #c8daff 58%, #bce0ee 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 ) } .sui-dialog-lottery-verif .sui-dialog-body { padding: 0 } .sui-dialog-lottery-verif .verif-body { height: 46px; line-height: 46px; overflow: hidden } .sui-dialog-lottery-verif .verif-body img { width: 111px; height: 46px; margin-left: 10px } .sui-dialog-lottery-verif .verif-body input { width: 109px; height: 44px; line-height: 44px; border: 1px solid #afc1e6; padding: 0; padding-left: 19px; outline: none; vertical-align: top; zoom: 1 } .sui-dialog-lottery-verif .verif-title { color: #415187; font-size: 14px; height: 15px; line-height: 15px; padding-bottom: 5px } .sui-dialog-lottery-verif .verif-body .verif-refresh { width: 28px; height: 35px; background-position: -249px -75px; margin-left: 8px } .sui-dialog-lottery-verif .verif-body .verif-refresh.error { background-position: -304px -74px; width: 28px } .sui-dialog-lottery-verif .verif-body .verif-refresh.ok { background-position: -305px -116px; width: 28px } .sui-dialog-lottery-verif .verif-submit { height: 57px; position: relative } .sui-dialog-lottery-verif .verif-submit .verif-submit-btn { width: 120px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; color: #ffd9ed; background-position: -223px -454px; text-decoration: none; position: absolute; bottom: 0; right: 110px } .sui-dialog-lottery-verif .verif-submit .verif-submit-btn:hover { background-position: -223px -507px } .s-qrcode-mask { position: fixed; _position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999998; opacity: .5; filter: alpha(opacity=50); background: #000; display: none } .s-qrcode-outer { position: fixed; *position:absolute; height: 256px; width: 256px; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; z-index: 999999; display: none } .s-qrcode-outer .close { position: absolute; display: block; height: 21px; width: 21px; top: -36px; right: 0; cursor: pointer; background-position: -259px -118px; overflow: hidden } .sui-dialog.s-skin-lottery-fail { width: 480px; height: 185px; padding: 31px 0 39px 0; border: 0; background: #ebf1f6; background: url(../images/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2VmZjRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmY0ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWJkM2VlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWViZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODljM2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ebf1f6 0, #eff4ff 50%, #eff4ff 100%, #abd3ee 100%, #89c3eb 100%, #d5ebfb 100%, #89c3eb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebf1f6), color-stop(50%, #eff4ff), color-stop(100%, #eff4ff), color-stop(100%, #abd3ee), color-stop(100%, #89c3eb), color-stop(100%, #d5ebfb), color-stop(100%, #89c3eb)); background: -webkit-linear-gradient(top, #ebf1f6 0, #eff4ff 50%, #eff4ff 100%, #abd3ee 100%, #89c3eb 100%, #d5ebfb 100%, #89c3eb 100%); background: -o-linear-gradient(top, #ebf1f6 0, #eff4ff 50%, #eff4ff 100%, #abd3ee 100%, #89c3eb 100%, #d5ebfb 100%, #89c3eb 100%); background: -ms-linear-gradient(top, #ebf1f6 0, #eff4ff 50%, #eff4ff 100%, #abd3ee 100%, #89c3eb 100%, #d5ebfb 100%, #89c3eb 100%); background: linear-gradient(to bottom, #ebf1f6 0, #eff4ff 50%, #eff4ff 100%, #abd3ee 100%, #89c3eb 100%, #d5ebfb 100%, #89c3eb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#89c3eb', GradientType=0 ) } .s-skin-lottery-fail .emot { width: 74px; height: 74px; background-position: -10px -698px } .s-skin-lottery-fail .sui-dialog-body { text-align: center; padding: 0 } .s-skin-lottery-fail .sui-dialog-body h2 { font-size: 30px; height: 30px; line-height: 30px; color: #415187; padding: 10px 0 } .s-skin-lottery-fail .sui-dialog-body p { font-size: 24px; line-height: 30px; color: #415187 } .s-skin-lottery-fail .sui-dialog-body .skin-lottery-txt { font-size: 14px; height: 30px; line-height: 30px; color: #333 } .s-skin-lottery-fail .sui-dialog-body .skin-lottery-txt.last { margin-top: -8px } .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share { line-height: 30px; color: #415187; padding-top: 14px; font-size: 14px } .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .label { padding-left: 19px; font-size: 14px } .s-skin-lottery-fail .sui-dialog-body .lottery-fail-share .sns-item { font-size: 14px } .sui-dialog.s-skin-lottery-winning { width: 494px; height: 279px; padding: 61px 0 31px 0; background: url(../images/winning_bg_5493ada3.png) #dce7ff no-repeat } .s-skin-lottery-winning .sui-dialog-body { padding: 0; text-align: center } .s-skin-lottery-winning .sui-dialog-body .prize-icon { width: 74px; height: 74px; background-position: -98px -700px } .s-skin-lottery-winning .sui-dialog-body .prize-name { font-size: 30px; line-height: 30px; color: #ff3393; padding: 18px 0 29px 0 } .s-skin-lottery-winning .sui-dialog-body .lottery-winning-extra a { font-size: 14px; color: #415187; text-decoration: none } .s-skin-lottery-winning .sui-dialog-body .lottery-winning-extra .myPrize { margin-right: 50px } .s-skin-wrap .disabled { cursor: default !important } .s-skin-wrap .left-area { position: fixed; _position: absolute; width: 120px; top: 50%; margin-top: -80px; left: 10px; _left: 0; *left:0; zoom: 1 } .s-skin-wrap .right-area { position: fixed; _position: absolute; top: 50%; margin-top: 50px; right: 10px; zoom: 1 } .s-skin-wrap .ad-area { margin-left: 6px } .s-skin-wrap .ad-weibo { width: 90px; height: 102px; margin-top: 9px } .s-skin-wrap .ad-weibo a { display: inline-block; width: 100%; height: 100% } .s-skin-wrap .ad-lecai { width: 90px; height: 120px; margin-top: 9px } .s-skin-wrap .ad-weixin { width: 90px; height: 102px; background-size: 90px 102px } .s-skin-wrap .ad-weixin a { display: block; width: 100%; height: 100% } .s-skin-wrap .ad-lecai a { display: inline-block; width: 100%; height: 100% } .s-skin-wrap .s-skin-content, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-list .s-star-nameTips, .s-skin-wrap .s-skin-content .s-star-wrap .s-star-summary, .s-skin-wrap .s-skin-content .s-skin-lottery .s-skin-lottery-extra .lottery-share-action .sui-tips-copy-success { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box } #dd li:hover { box-shadow: rgb(38, 169, 249) 0px 10px 20px; width: 195px; height: 275px; } #ll li { float: left; width: 124px; text-align: center;} #ll li p { padding-top: 10px;} #ll .wk_addres { background: url(../images/tel.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_weibo { background: url(../images/fax.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_email { background: url(../images/qq.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_weixin { background: url(../images/dian.png) no-repeat left center; width: 58px; height: 58px; } .wk_c_right_name_r { margin:0 auto; width: 1200px; } #sj a:hover{ background: url(../images/sj.png) no-repeat left center ; } #sj1 a:hover{ background: url(../images/htc.png) no-repeat left center ; } #sj2 a:hover{ background: url(../images/pb.png) no-repeat left center ; } #sj3 a:hover{ background: url(../images/7d1.png) no-repeat left center ; } #sj4 a:hover{ background: url(../images/6r.png) no-repeat left center ; } #sj5 a:hover{ background: url(../images/3r.png) no-repeat left center ; } #sj6 a:hover{ background: url(../images/zl.png) no-repeat left center ; } #sj7 a:hover{ background: url(../images/zd.png) no-repeat left center ; } #sj8 a:hover{ background: url(../images/F1.png) no-repeat left center ; } #sj9 a:hover{ background: url(../images/360.png) no-repeat left center ; } #sj10 a:hover{ background: url(../images/720.png) no-repeat left center ; } #sj11 a:hover{ background: url(../images/sg.png) no-repeat left center ; } #sj12 a:hover{ background: url(../images/360.png) no-repeat left center ; } #ll .wk_weibo { background: url(../images/fax.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_email { background: url(../images/qq.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_weixin { background: url(../images/dian.png) no-repeat left center; width: 58px; height: 58px; } .wk_c_right_name_r { margin:0 auto; width: 1200px; } #sj a:hover{ background: url(../images/sj.png) no-repeat left center ; } #sj span { display:none;} #sj1 a:hover{ background: url(../images/htc.png) no-repeat left center ; } #sj2 a:hover{ background: url(../images/pb.png) no-repeat left center ; } #sj3 a:hover{ background: url(../images/7d1.png) no-repeat left center ; } #sj4 a:hover{ background: url(../images/6r.png) no-repeat left center ; } #sj5 a:hover{ background: url(../images/3r.png) no-repeat left center ; } #sj6 a:hover{ background: url(../images/zl.png) no-repeat left center ; } #sj7 a:hover{ background: url(../images/zd.png) no-repeat left center ; } #sj8 a:hover{ background: url(../images/F1.png) no-repeat left center ; } #sj9 a:hover{ background: url(../images/360.png) no-repeat left center ; } #sj10 a:hover{ background: url(../images/720.png) no-repeat left center ; } #sj11 a:hover{ background: url(../images/sg.png) no-repeat left center ; } #sj12 a:hover{ background: url(../images/360.png) no-repeat left center ; } #ll .wk_weibo { background: url(../images/fax.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_email { background: url(../images/qq.png) no-repeat left center; width: 58px; height: 58px; } #ll .wk_weixin { background: url(../images/dian.png) no-repeat left center; width: 58px; height: 58px; } .wk_c_right_name_r { margin:0 auto; width: 1200px; } #sj a:hover{ background: url(../images/sj.png) no-repeat left center ; } #sj span { display:none;} .wk_home_title1 { text-align: center; position: relative; background: url(../images/cases.jpg) no-repeat left center; width: 1280px; height: 414px; margin: 0 auto; top: -40px; } .wk_home_title11 { text-align: center; position: relative; /* width: 1280px; */ height: 100%; background: #E5E5E5; } .wk_service_text11 { padding:10px; width: 695px;} .wk_home_title { text-align: center; position: relative; top: -38px; background: url(../images/case.jpg) no-repeat left center; width: 1280px; height: 540px; } .wk_home_news { background: rgb(30, 30, 30); } .posterTvGrid .rightNav { right: 7px; background: url("../images/2.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="{dede:global.cfg_templets_skin/}/images/c/xx/slide_next_btn.png"); } .posterTvGrid .leftNav { left: 7px; background: url("../images/1.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="{dede:global.cfg_templets_skin/}/images/c/xx/slide_prev_btn.png"); } .wk_home_title1 { text-align: center; position: relative; background: url(../images/cases.jpg) no-repeat left center; width: 1280px; height: 414px; margin: 0 auto; top: -40px; } .wk_home_title11 { text-align: center; position: relative; /* width: 1280px; */ height:100%; background: #E5E5E5; } .wk_service_text11 { padding:10px; width: 695px;} .wk_home_title { text-align: center; position: relative; top: -38px; background: url(../images/case.jpg) no-repeat left center; width: 1280px; height: 540px; } .wk_home_news { background: rgb(30, 30, 30); } .posterTvGrid .rightNav { right: 7px; background: url("../images/2.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="{../c/xx/slide_next_btn.png"); } .posterTvGrid .leftNav { left: 7px; background: url("../images/1.png") no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="{../c/xx/slide_prev_btn.png"); } .wk_home_title1 { text-align: center; position: relative; background: url(../images/cases.jpg) no-repeat left center; width: 1280px; height: 414px; margin: 0 auto; top: 0px; } .demo{ padding: 1em 0; } .box1{ position: relative; perspective: 1000px; } .box1 .box1-img{ transform: rotateY(0); transition: all 0.50s ease-in-out 0s; } .box1:hover .box1-img{ transform: rotateY(-90deg); } .box1 .box1-img img{ width: 100%; height: auto; } .box1 .box1-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; /*padding: 60px 20px;*/ text-align: center; background: rgba(0,0,0,0.7); transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s; height: 242px; /* line-height: 242px;*/ } .box1:hover .box1-content{ transform: rotateY(0); } .box1 .title{ font-size: 20px; color: #fff; text-transform: uppercase; } .box1 .description{ font-size: 14px; line-height: 24px; color: #fff; } /*.box .title:after, .box .description:after{ content: ""; width: 80%; display: block; border-bottom: 1px solid #fff; margin: 15px auto; }*/ .box1 .social-links{ margin: 0; padding: 0; list-style: none; } .box1 .social-links li{ display: inline-block; margin: 0 10px; } .box1 .social-links li a{ font-size: 20px; color: #a6a6a6; } .box1 .social-links li a:hover{ text-decoration: none; color: #fff; } @media only screen and (max-width: 990px) { .box1{ margin-bottom:20px; } } @media only screen and (max-width: 479px) { .box1 .box1-content{ padding: 20px; } } @media screen and (max-width: 1920px) { .hm-t-container{display:none;} }