#server { background-color: #fff; min-width: 1200px; } #server .server-box { width: 1200px; margin: 0 auto; height: 315px; padding-top: 55px; } #server .server-box div:nth-child(1) { margin-bottom: 34px; } #server .server-box div:nth-child(1) h1 { width: 121px; margin: 0 auto; font-size: 18px; font-weight: bold; color: #cf3137; background-image: url(/uploads/image/sicity/one-tit-bg.png); background-position: center center; background-repeat: no-repeat; margin-bottom: 10px; text-align: center; } #server .server-box div:nth-child(1) p { text-align: center; color: #999; font-size: 14px; } #server .server-box div:nth-child(2) a { display: block; width: 239px; height: 104px; float: left; padding-top: 84px; background-repeat: no-repeat; background-position: top center; } #server .server-box div:nth-child(2) a p { font-size: 16px; color: #333; text-align: center; } /*#server .server-box div:nth-child(2) a:nth-child(1) { background-image: ; } #server .server-box div:nth-child(2) a:nth-child(2) { background-image: ; } #server .server-box div:nth-child(2) a:nth-child(3) { background-image: ; } #server .server-box div:nth-child(2) a:nth-child(4) { background-image: ; } #server .server-box div:nth-child(2) a:nth-child(5) { background-image: ; }*/ #server .server-box div:nth-child(2) a:hover p { color: #cf3137; } #server .server-box div:nth-child(2) a:hover:nth-child(1) { background-image: url(/uploads/image/sicity/one-img1-2.png); } #server .server-box div:nth-child(2) a:hover:nth-child(2) { background-image: url(/uploads/image/sicity/one-img2-2.png); } #server .server-box div:nth-child(2) a:hover:nth-child(3) { background-image: url(/uploads/image/sicity/one-img3-2.png); } #server .server-box div:nth-child(2) a:hover:nth-child(4) { background-image: url(/uploads/image/sicity/one-img4-2.png); } #server .server-box div:nth-child(2) a:hover:nth-child(5) { background-image: url(/uploads/image/sicity/one-img5-2.png); } .black-tit-box { height: 40px; width: 100%; } .black-tit-box div:nth-child(1) { float: left; } .black-tit-box div:nth-child(1) p { font-size: 18px; font-weight: bold; color: #cf3137; padding-left: 18px; border-left: 4px solid #cf3137; line-height: 20px; margin-top: 10px; } .black-tit-box div:nth-child(1) p span { color: #999; font-size: 12px; line-height: 20px; margin-left: 5px; font-weight: 100; } .black-tit-box a:nth-child(2) { float: right; font-size: 12px; color: #999; padding-right: 12px; background-image: ; background-position: center right; line-height: 40px; background-repeat: no-repeat; margin-right: 18px; } .white-tit-box { height: 20px; overflow: hidden; width: 100%; } .white-tit-box div:nth-child(1) { float: left; } .white-tit-box div:nth-child(1) p { font-size: 18px; font-weight: bold; color: #cf3137; padding-left: 18px; border-left: 4px solid #cf3137; line-height: 20px; } .white-tit-box div:nth-child(1) p span { color: #999; font-size: 12px; line-height: 20px; margin-left: 5px; font-weight: 100; } .white-tit-box a:nth-child(2) { float: right; font-size: 12px; color: #999; padding-right: 12px; background-image: ; background-position: center right; line-height: 20px; background-repeat: no-repeat; margin-right: 18px; } #one { min-width: 1200px; background-color: #f1f3f7; padding-top: 30px; padding-bottom: 30px; } #one .one-box { margin: 0 auto; background-color: #fbfbfb; width: 1200px; } #one .one-box .one-body { background-color: #fff; padding: 20px; } #one_1 { width: 550px; height: 380px; position: relative; float: left; } #one_1 .swiper-slide { padding: 0 !important; } #one_1 .swiper-slide img { width: 550px; height: 380px; } #one_1 .swiper-button-prev, #one_1 .swiper-button-next { display: none; } #one_1 .left-btn { width: 30px !important; height: 60px; position: absolute; top: 175px; left: 0; cursor: pointer; z-index: 100; background-color: transparent !important; background-image: ; } #one_1 .right-btn { width: 30px; height: 60px; position: absolute; top: 175px; right: 0; cursor: pointer; z-index: 100; background-image: ; } #one_2 { margin: 0; padding: 0; float: none; height: 380px; float: right; width: 550px; } #one_2 a { display: block; height: 76px; border-bottom: 1px solid #e5e5e5; } #one_2 a div { height: 40px; } #one_2 a div h1 { font-size: 16px; color: #333; line-height: 40px; width: 440px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #one_2 a div p { float: right; line-height: 40px; color: #999; font-size: 12px; } #one_2 a h2 { font-size: 12px; color: #999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; } #one_2 a:hover div h1 { background-image: ; color: #cf3137; } #one_2 a:hover div p { color: #cf3137; } #one_2 a:nth-last-child(1) { border-bottom: none; } #new { min-width: 1200px; background-color: #f1f3f7; padding-top: 30px; padding-bottom: 30px; } #new .new-box { margin: 0 auto; background-color: #fbfbfb; width: 1200px; } #new .new-box .new-body { background-color: #fff; padding: 20px; } #new_1 { width: 550px; height: 380px; position: relative; float: left; } #new_1 .swiper-slide { padding: 0 !important; } #new_1 .swiper-slide img { width: 550px; height: 380px; } #new_1 .swiper-button-prev, #new_1 .swiper-button-next { display: none; } #new_1 .left-btn { width: 30px !important; height: 60px; position: absolute; top: 175px; left: 0; cursor: pointer; z-index: 100; background-color: transparent !important; background-image: ; } #new_1 .right-btn { width: 30px; height: 60px; position: absolute; top: 175px; right: 0; cursor: pointer; z-index: 100; background-image: ; } #new_2 { margin: 0; padding: 0; float: none; height: 380px; /*float: right;*/ /*width: 550px;*/ } #new_2 a { display: block; height: 76px; border-bottom: 1px solid #e5e5e5; } #new_2 a div { height: 40px; } #new_2 a div h1 { font-size: 16px; color: #333; line-height: 40px; width: 440px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #new_2 a div p { float: right; line-height: 40px; color: #999; font-size: 12px; } #new_2 a h2 { font-size: 12px; color: #999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; } #new_2 a:hover div h1 { background-image: ; color: #cf3137; } #new_2 a:hover div p { color: #cf3137; } #new_2 a:nth-last-child(1) { border-bottom: none; } #two { /*min-width: 1200px;*/ padding:20px; background-color: #fff; } #two .two-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; } #two_1 { width: 550px; float:left; } #two_1 div:nth-child(2) { margin-top: 14px; } #two_1 div:nth-child(2) a { display: block; border-bottom: 1px solid #e5e5e5; padding-left: 16px; } #two_1 div:nth-child(2) a h1 { font-size: 16px; color: #333; line-height: 55px; width: 490px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #two_1 div:nth-child(2) a:hover h1 { background-image: ; color: #cf3137; } #two_1 div:nth-child(2) a:nth-last-child(1) { border-bottom: none; } #two_2 { width: 550px; float:right; } #two_2 div:nth-child(2) { margin-top: 14px; } #two_2 div:nth-child(2) a { display: block; border-bottom: 1px solid #e5e5e5; padding-left: 16px; } #two_2 div:nth-child(2) a h1 { font-size: 16px; color: #333; line-height: 55px; width: 490px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #two_2 div:nth-child(2) a:hover h1 { background-image: ; color: #cf3137; } #two_2 div:nth-child(2) a:nth-last-child(1) { border-bottom: none; } #banner2 { min-width: 1200px; background-color: #f1f3f7; } #banner2 .banner-box { width: 1200px; margin: 0 auto; padding-top: 30px; padding-bottom: 30px; } #banner2 .banner-box a { display: block; width: 385px; height: 300px; position: relative; } #banner2 .banner-box a img { width: 385px; height: 300px; } #banner2 .banner-box a h1 { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cf3137; font-size: 16px; color: #fff; padding: 0 10px; height: 36px; line-height: 36px; } #banner2 .banner-box a div { display: none; position: absolute; top: 0; left: 0; width: 385px; height: 300px; padding-top: 130px; background-color: rgba(207, 55, 49, 0.8); } #banner2 .banner-box a div h2 { font-size: 24px; color: #fff; text-align: center; width: 200px; margin: 0 auto; margin-bottom: 10px; } #banner2 .banner-box a:hover div { display: block; } #banner2 .banner-box a:hover h1 { display: none; } #three { min-width: 1200px; background-color: #fff; } #three .three-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; height:420px; } #three .three-box #three-tit { margin-bottom: 30px; height: 20px; } #three .three-box #three-tit div:nth-child(2) { float: right; } #three .three-box #three-tit div:nth-child(2) a { float: left; display: block; width: 70px; height: 20px; line-height: 20px; border-radius: 10px; font-size: 12px; background-color: #e5e5e5; color: #333; text-align: center; margin-right: 12px; } #three .three-box #three-tit div:nth-child(2) a:hover { background-color: #cf3137; color: #fff; } #three_1 { width: 660px; float:left; } #three_1 div:nth-child(1) { padding: 0 18px; height: 40px; background-color: #fafafa; margin-bottom: 16px; } #three_1 div:nth-child(1) p { font-size: 16px; color: #333; line-height: 40px; float: left; } #three_1 div:nth-child(1) a { float: right; font-size: 12px; color: #999; padding-right: 12px; background-image: ; background-position: center right; line-height: 20px; margin-top: 10px; background-repeat: no-repeat; } #three_1 div:nth-child(2) a { display: block; width: 148px; height: 80px; border: 1px solid #e5e5e5; position: relative; float: left; margin-left: 13px; margin-bottom: 50px; } #three_1 div:nth-child(2) a img { width: 100%; height: 100%; } #three_1 div:nth-child(2) a div { display: none; position: absolute; top: 0; left: 0; width: 148px; height: 80px; padding: 10px; background-color: rgba(207, 55, 49, 0.9); } #three_1 div:nth-child(2) a div p { font-size: 14px; color: #fff; } #three_1 div:nth-child(2) a div h2 { font-size: 12px; color: #fff; position: absolute; bottom: 10px; left: 10px; } #three_1 div:nth-child(2) a:nth-child(5n 0) { margin-right: 0; } #three_1 div:nth-child(2) a:hover div { display: block; } #three_2 { width: 500px; float:right; } #three_2 div:nth-child(1) { height: 40px; background-color: #fafafa; padding: 0 18px; margin-bottom: 20px; } #three_2 div:nth-child(1) p { font-size: 16px; color: #333; line-height: 40px; float: left; } #three_2 div:nth-child(1) a { float: right; font-size: 12px; color: #999; padding-right: 12px; background-image: ; background-position: center right; line-height: 20px; margin-top: 10px; background-repeat: no-repeat; } #three_2 div:nth-child(2) a { background-repeat: no-repeat; background-position: top 10px center; padding-top: 80px; width: 28%; height: 125px; float: left; margin-left:4%; } #three_2 div:nth-child(2) a p { font-size: 16px; color: #333; text-align: center; } /*#three_2 div:nth-child(2) a:nth-child(1) { background-image: ; } #three_2 div:nth-child(2) a:nth-child(2) { background-image: ; } #three_2 div:nth-child(2) a:nth-child(3) { background-image: ; } #three_2 div:nth-child(2) a:nth-child(4) { background-image: ; } #three_2 div:nth-child(2) a:nth-child(5) { background-image: ; } #three_2 div:nth-child(2) a:nth-child(6) { background-image: ; }*/ #three_2 div:nth-child(2) a:hover p { color: #cf3137; } #four { min-width: 1200px; background-color: #f1f3f7; padding-top: 30px; padding-bottom: 30px; } #four .four-box { margin: 0 auto; background-color: #fbfbfb; width: 1200px; } #four_1 { background-color: #fff; padding-top: 16px; } #four_1 div { width: 33.33%; float: left; margin: 0; padding: 0; margin-bottom: 28px; } #four_1 div a { display: block; width: 330px; margin: 0 auto; } #four_1 div a div:nth-child(1) { margin: 0; padding: 0; float: left; width: 140px; height: 100px; border: 1px solid #e5e5e5; } #four_1 div a div:nth-child(1) img { width: 138px; height: 98px; } #four_1 div a div:nth-child(2) { margin: 0; padding: 0; float: right; width: 170px; height: 100px; padding-top: 5px; } #four_1 div a div:nth-child(2) h1 { font-size: 16px; color: #333; margin-bottom: 14px; } #four_1 div a div:nth-child(2) p { font-size: 12px; color: #888; margin-bottom: 4px; } #four_1 div a:hover h1, #four_1 div a:hover p { color: #cf3137; } #five { min-width: 1200px; background-color: #fff; } #five .five-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; } #five_1 { margin-top: 30px; } #five_1 a { display: block; width: 386px; height: 160px; float: left; position: relative; margin-right: 21px; margin-bottom: 18px; } #five_1 a img { width: 386px; height: 160px; } #five_1 a p { height: 36px; background-color: rgba(0, 0, 0, 0.5); padding: 0 10px; line-height: 36px; width: 386px; position: absolute; bottom: 0; left: 0; color: #fff; } #five_1 a:nth-child(3n 0) { margin-right: 0; } #six { min-width: 1200px; background-color: #f1f3f7; padding-top: 20px; padding-bottom: 30px; height:420px; } #six .six-box { width: 1200px; margin: 0 auto; } #six_1 { width: 550px; float:left; } #six_1 .black-tit-box { background-color: #fafafa; } #six_1 div:nth-child(2) { background-color: #fff; } #six_1 div:nth-child(2) a { display: block; height: 113px; border-bottom: 1px solid #e5e5e5; } #six_1 div:nth-child(2) a div { height: 60px; } #six_1 div:nth-child(2) a div h1 { font-size: 16px; color: #333; line-height: 60px; width: 460px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; } #six_1 div:nth-child(2) a div p { float: right; line-height: 60px; color: #cf3137; font-size: 14px; margin-right: 12px; } #six_1 div:nth-child(2) a h2 { font-size: 12px; color: #999; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 0 12px; } #six_1 div:nth-child(2) a:hover p, #six_1 div:nth-child(2) a:hover h1, #six_1 div:nth-child(2) a:hover h2 { color: #cf3137; } #six_1 div:nth-child(2) a:nth-last-child(1) { border-bottom: none; } #six_2 { width: 550px; float:left; margin-left:80px; } #six_2 .black-tit-box { background-color: #fafafa; } #six_2 div:nth-child(2) { background-color: #fff; height: 339px; } #six_2 div:nth-child(2) a { display: block; float: left; margin-top: 22px; margin-left: 13px; } #six_2 div:nth-child(2) a div { height: 166px; height: 100px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; } #six_2 div:nth-child(2) a div img { width: 100%; height: 100%; } #six_2 div:nth-child(2) a p { font-size: 14px; color: #666; text-align: center; } #six_2 div:nth-child(2) a:hover p { color: #cf3137; } #seven { min-width: 1200px; background-color: #fff; } #seven .seven-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; } #seven .seven-box .white-tit-box { margin-top: 0; } #seven .seven-box .white-tit-box div { margin: 0; } #seven .seven-box div { margin-top: 30px; } #seven_1 { margin: 0; padding: 0; display: block; width: 550px; height: 380px; float: left; position: relative; margin-right: 21px; margin-bottom: 18px; } #seven_1 img { width: 550px; height: 380px; } #seven_1 p { height: 36px; background-color: rgba(0, 0, 0, 0.5); padding: 0 10px; line-height: 36px; width: 550px; position: absolute; bottom: 0; left: 0; color: #fff; } #seven_2 { padding: 0; margin: 0 !important; width: 580px; float: right; } #seven_2 a { display: block; width: 280px; height: 180px; float: left; position: relative; margin-right: 20px; margin-bottom: 20px; } #seven_2 a img { width: 280px; height: 180px; } #seven_2 a p { height: 36px; background-color: rgba(0, 0, 0, 0.5); padding: 0 10px; line-height: 36px; width: 280px; position: absolute; bottom: 0; left: 0; color: #fff; } #seven_2 a:nth-child(even) { margin-right: 0; } #seven_2 a:nth-child(3) { margin-bottom: 0; } #seven_2 a:nth-child(4) { margin-bottom: 0; } #eight { min-width: 1200px; background-color: #f1f3f7; } #eight .eight-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; height:550px; } #eight_1 { width: 550px; float:left; } #eight_1 .black-tit-box { background-color: #fafafa; } #eight_1 div:nth-child(2) { background-color: #fff; } #eight_1 div:nth-child(2) a { display: block; border-bottom: 1px solid #e5e5e5; padding-left: 16px; } #eight_1 div:nth-child(2) a h1 { font-size: 16px; color: #333; line-height: 62px; width: 490px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #eight_1 div:nth-child(2) a:hover h1 { background-image: ; color: #cf3137; } #eight_1 div:nth-child(2) a:nth-last-child(1) { border-bottom: none; } #eight_2 { width: 550px; float:left; margin-left:80px; } #eight_2 .black-tit-box { background-color: #fafafa; } #eight_2 div:nth-child(2) { background-color: #fff; } #eight_2 div:nth-child(2) a { display: block; border-bottom: 1px solid #e5e5e5; padding-left: 16px; } #eight_2 div:nth-child(2) a h1 { font-size: 16px; color: #333; line-height: 62px; width: 490px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 12px; background-image: ; background-repeat: no-repeat; background-position: center left; } #eight_2 div:nth-child(2) a:hover h1 { background-image: ; color: #cf3137; } #eight_2 div:nth-child(2) a:nth-last-child(1) { border-bottom: none; } #nine { background-color: #fff; min-width: 1200px; } #nine .nine-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; } #nine .nine-box .white-tit-box div:nth-child(2) { margin: 0; border: none; float: right; } #nine .nine-box .white-tit-box div:nth-child(2) p { font-size: 14px; color: #333; line-height: 20px; padding: 0 20px; float: left; border-right: 1px solid #dedede; } #nine .nine-box .white-tit-box div:nth-child(2) p span { color: #cf3137; margin: 0 3px; font-weight: bold; } #nine .nine-box .white-tit-box div:nth-child(2) p:nth-last-child(1) { border: none; } #nine_1 { margin-top: 20px; border: 1px solid #dedede; } #nine_1 a { display: block; float: left; width: 171px; height: 46px; font-size: 14px; color: #333; text-align: center; line-height: 46px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; } #nine_1 a:nth-child(7n 0) { border-right: none; } #nine_1 a:nth-child(8) { border-bottom: none; } #nine_1 a:nth-child(9) { border-bottom: none; } #nine_1 a:nth-child(10) { border-bottom: none; } #nine_1 a:nth-child(11) { border-bottom: none; } #nine_1 a:nth-child(12) { border-bottom: none; } #nine_1 a:nth-child(13) { border-bottom: none; } #nine_1 a:nth-child(14) { border-bottom: none; } #nine_1 a:hover { color: #cf3137; } #ten { min-width: 1200px; background-color: #fff; } #ten .ten-box { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 30px; } #ten .ten-box .white-tit-box { height: 20px; } #ten_1 { padding: 0 20px; margin-top: 10px; } #ten_1 a { display: block; width: 232px; line-height: 40px; float: left; font-size: 14px; color: #333; } #ten_1 a:hover { color: #cf3137; } @media screen and (max-width:1363px){ .left_float{display: none !important;} .right_flaot{display: none !important;} } .right_flaot{position:fixed; right:3px;height:194px; top:60%; background-color:#fff; padding-bottom:15px; margin-top:-89.5px; } .right_flaot li{position:relative; text-align: center; width:70px;height:72px;} .right_flaot li span{width:26px; height: 26px; display: inline-block; margin-top:10px;} .right_flaot li span img{width:100%; height: auto;} .right_flaot li h1{ font-size:14px; color:#fb333c; margin-top:5px; width:100%; text-align: center;} .right_flaot li p{position:absolute; width:72px; left:-72px; height: auto; padding:5px; background-color:#fff; top:0; display: none;} .right_flaot li p img{width:100%; height: auto;} .right_flaot li i{display:inline-block; width:40px; height: 1px; background-color:#efefef; } .right_flaot li:hover p{display:block;} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px} .paneltitle { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .item_emoji { line-height: 32px; margin-left: 5px; } .clearboth { color: gray; clear: both; margin-left: 20px; padding-top: 5px; } .chatbox { position: relative; margin-bottom: 10px; } .chatarrow { position: absolute; top: 20px; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; /*�������կ�����ie5����*/ font-size: 0px; line-height: 0px; } .chat { margin-top: 5px; padding: 7px; word-wrap: break-word; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #cfffcf; float: left; } .selfchat { background-color: #ffe6b8; float: right; } .chat_msg { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f6f6f6; color: #a0a0a0; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; } a { cursor: pointer; } #zone_left { display: none; float: left; width: 270px; background-color: #f9fff2; border-right: 1px solid #e4e4e4; -moz-user-select: none; } #zone_right { float: left; margin-left: 10px; } .badge { margin-top: 2px; background-color: orange; } .imagelable { position: relative; cursor: pointer; } #sendimage { position: absolute; width: 52px; left: 0; opacity: 0; overflow: hidden; cursor: pointer; } #div_msgpanel { height: 400px; background-color: #fff; overflow: auto; padding: 2px; } #div_msgpanel img { max-width: 99%; } #historymsg { height: 400px; background-color: #fff; overflow: auto; padding: 2px; } #historymsg img { max-width: 99%; }