.lists_banner1 { height: 90px; overflow: hidden; margin: 20px 0; } .lists_banner1 .banner_small { float: left; width: 320px; height: 90px; } .lists_banner1 .banner_small img { display: block; width: 100%; height: 100%; } .lists_banner1 .banner_big { float: right; width: 960px; height: 90px; } .lists_banner1 .banner_big img { display: block; width: 100%; height: 100%; } .fliter_area { background: #666; border-radius: 4px; } .fliterSearch { padding: 10px 17px; color: #e6e6e6; position: relative; } .fliterSearch .bar { line-height: 34px; } .fliterSearch .bar strong { color: #e6e6e6; font-weight: normal; margin-right: 18px; } .fliterSearch .bar a { margin-right: 20px; } .fliterSearch .bar .keywords { color: #aaa; } .fliterSearch .bar .keywords strong { color: #ddd; font-weight: normal; } .blockTit .cLocation { float: left; color: #737373; } .blockTit .cLocation a { margin: 0 8px; } .blockTit .cLocation a.tag { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 5px; background: #bfbfbf; border: 1px solid #999999; color: #4b4b4b; font-size: 12px; height: 22px; line-height: 22px; margin-bottom: 3px; } .blockTit .cLocation a.tag i { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #808080; font-size: 14px; margin-left: 5px; font-family: Helvetica, Arial; } .blockTit .cLocation a.tag:hover i { color: #000000; } .blockTit .cResults .cFilter { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; height: 22px; padding: 0 10px; line-height: 22px; border: 1px solid #999999; position: relative; background: #bfbfbf; color: #4c4c4c; font-size: 12px; margin: 0 26px 2px 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .blockTit .cResults .cFilter ul { background: #bfbfbf; position: absolute; left: 0; top: 23px; padding: 5px 10px; text-align: left; width: 63px; line-height: 22px; z-index: 999; display: none; } .blockTit .cResults .cFilter ul li a { color: #737373; margin: 0; } .blockTit .cResults .cFilter ul li.current a { color: #4c4c4c; } .blockTit .cResults .cFilter ul li a:hover { color: #4c4c4c; } .blockTit .cResults span { color: #4c4c4c; } .nosearchdata { line-height: 28px; padding: 0 20px 30px; color: #000; } .pageNav { text-align: right; padding: 20px 20px 40px; } .pageNav .pageNavByNum { color: #545454; float: right; } .pageNav .pageNavByNum label, .pageNav .pageNavByNum input { float: left; line-height: 40px; margin-left: 10px; } .pageNav .pageNavByNum input.blackTxt { width: 46px; height: 40px; border: none; color: #bfbfbf; padding-left: 10px; background: #6f6f6f; font-size: 16px; border-radius: 2px; } .goBtn { width: 56px; text-align: center; height: 40px; color: #4c4c4c; border: 0; cursor: pointer; font-size: 16px; background: #bfbfbf; border-radius: 2px; } .goBtn:hover { color: #4de600; background-color: #666666 } .pageNav .joggerA { float: left; height: 38px; font-size: 16px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .joggerA a { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #4c4c4c; background-color: #bfbfbf; text-decoration: none; border-radius: 2px; } .joggerA b { margin: 0 10px 5px 0; } .joggerA a:hover { color: #4de600; background-color: #666666 } .joggerA a.current { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #55ff00; background-color: #545454; } .joggerA span.disabled { display: none } .joggerB { font-size: 16px; text-align: center; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .joggerB a { display: inline-block; height: 38px; line-height: 38px; width: 30px; text-align: center; margin: 5px; color: #545454; background-color: #c2c2c2; text-decoration: none } .joggerB a:hover { color: #545454; background-color: #999999 } .joggerB a:active { color: #545454; background-color: #55ff00 } .joggerB a.current { display: inline-block; height: 38px; line-height: 38px; width: 30px; text-align: center; margin: 5px; color: #ffffff; background-color: #999999; } .joggerB a.disabled { display: none } .joggerC { font-size: 16px; text-align: center; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .joggerC a { display: inline-block; height: 38px; line-height: 38px; width: 30px; text-align: center; margin: 5px; color: #222; background-color: #fff; text-decoration: none } .joggerC a:hover { color: #222; background-color: #ccc } .joggerC a:active { color: #222; background-color: #aaa } .joggerC a.current { display: inline-block; height: 38px; line-height: 38px; width: 30px; text-align: center; margin: 5px; color: #ffffff; background-color: #ccc; } .joggerC a.disabled { display: none } .w980 { width: 980px; float: left; } .w940 { width: 940px; } .w380 { width: 380px; } .w320 { width: 320px; } .w960 { width: 960px; } .p35 { padding: 0 35px; } .re_right { width: 300px; overflow: hidden; float: right; } .notice_lists { height: 40px; line-height: 40px; overflow: hidden; background: #666666; border-radius: 4px; } .notice_lists .bd { float: left; width: 248px; } .notice_lists .bd ul li a { color: #55ff00; display: block; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .notice_lists .bd ul li a:hover { text-decoration: underline; } .notice_lists .hd { float: right; width: 32px; padding-top: 9px; font-size: 12px; } .notice_lists .hd .prev { display: block; width: 100%; height: 12px; line-height: 12px; text-align: center; color: #999; } .notice_lists .hd .next { display: block; width: 100%; height: 15px; line-height: 15px; text-align: center; color: #999; } .hot_keywords, .recom_cont { overflow: hidden; background: #666666; border-radius: 4px; padding: 0 10px; } .hot_keywords h3, .recom_cont h3 { line-height: 44px; border-bottom: 1px solid #808080; position: relative; } .hot_keywords h3 .line, .recom_cont h3 .line { position: absolute; left: 0; bottom: -1px; width: 30px; height: 1px; background: #55ff00; } .hot_keywords .keywords { overflow: hidden; width: 290px; padding: 10px 0 5px; } .hot_keywords .keywords a { float: left; width: 50px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #999; margin: 0 5px 5px 0; border-radius: 4px; font-size: 12px; } .recom_cont ul { padding: 10px 0; } .recom_cont ul li { line-height: 24px; font-size: 14px; } .recom_cont ul li a { color: #e5e5e5; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 24px } .recom_cont ul li a:hover { color: #55ff00; } .recom_cont ul li a .first, .recom_cont ul li a .second, .recom_cont ul li a .third { display: inline-block; *display: inline; *zoom: 1; width: 13px; height: 15px; text-align: center; line-height: 15px; color: #333333; font-size: 12px; margin-right: 5px; vertical-align: middle; margin-bottom: 1px; } .recom_cont ul li a .first { background: url(../images/first_icon.png) no-repeat top left; background-size: 13px 15px; } .recom_cont ul li a .second { background: url(../images/second_icon.png) no-repeat top left; background-size: 13px 15px; } .recom_cont ul li a .third { background: url(../images/third_icon.png) no-repeat top left; background-size: 13px 15px; } .recom_cont ul li a .four { display: inline-block; *display: inline; *zoom: 1; width: 13px; height: 15px; background: url(../images/dot_icon.png) no-repeat; background-position-x: center; background-position-y: 6px; background-size: 5px 5px; margin-right: 5px; } .fliterSearch .bar .searchForm { width: 430px; margin: 30px auto 40px; background: #bbb; border-radius: 4px; } .fliterSearch .ll_select, .fliterSearch input.searchText { height: 48px; line-height: 48px; float: left; background: #bbb; border: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #4c4c4c; } .fliterSearch input.searchText { width: 220px; padding: 0 10px; } .fliterSearch input.searchBtn { width: 90px; padding-left: 25px; height: 38px; text-align: center; line-height: 38px; border: none; background: #515151; color: #cccccc; vertical-align: top; border-radius: 4px; } .fliterSearch .submit_area { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 90px; height: 38px; line-height: 38px; margin: 5px; position: relative; } .fliterSearch .submit_area .submit_sea_img { position: absolute; top: 10px; left: 20px; } .fliterSearch .submit_area .submit_sea_img:hover { cursor: pointer; } .fliterSearch .searchNav { text-align: center; } .fliterSearch .searchNav .bar a { line-height: 34px; margin-right: 32px; color: #B3B3B3; position: relative; } .fliterSearch .searchNav .bar a:hover { color: #e6e6e6; } .fliterSearch .searchNav .bar a.current { color: #e6e6e6; } .fliterSearch .searchNav .bar a.current .line { position: absolute; left: 0; bottom: -10px; width: 100%; height: 2px; background: #55ff00; } .fliterSearch .searchNav .bar a:last-child { margin-right: 0; } .blockTit .cLocation.search_info span { color: #4c4c4c; } .playback_line { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 130px; height: 40px; text-align: center; line-height: 40px; background: #4d4d4d; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-right: 3px; color: #cccccc; font-size: 16px; font-family: 'Microsoft YaHei', "微软雅黑"; } .playback_line.current { color: #55ff00; background: #333333; } .playback_line:hover { color: #55ff00; } .vedioLists { position: relative; width: 670px; height: 388px; } .vedioLists .vedioType { display: none; width: 670px; height: 388px; } .substitutes { line-height: 25px; } .substitutes a { color: #55ff00; } .substitutes a:hover { text-decoration: underline; } .vedioBanner { margin: 20px 0 35px; width: 670px; height: 90px; } .vedioBanner img { display: block; width: 670px; height: 90px; } .sc_right { background: #666666; border-radius: 4px; padding: 20px 0 10px; } .functionLists { padding-left: 20px; overflow: hidden; margin-bottom: 20px; } .functionLists a { float: left; background: #999; border-radius: 4px; text-align: center; color: #e5e5e5; overflow: hidden; margin-right: 10px; } .functionLists a:hover { color: #fff; background: #65d92b; } .functionLists a:hover img { opacity: 1; filter: alpha(opacity=100); } .functionLists a.bds_more { background: #999; color: #e5e5e5; font-size: 14px; } .functionLists .bdshare-button-style0-16 a.bds_more:hover { color: #fff; background: #65d92b; } .functionLists a.collection { width: 170px; height: 60px; line-height: 60px; font-size: 20px; font-family: 'Microsoft YaHei', "微软雅黑"; } .functionLists a.collection img { margin-right: 5px; margin-bottom: 2px; } .functionLists a.share, .functionLists a.errors { width: 75px; height: 60px; } .functionLists a.share img, .functionLists a.errors img { margin-top: 9px; margin-bottom: 3px; opacity: 0.8; filter: alpha(opacity=80); } .free_download_area { background: #999999; padding: 10px; margin: 0 20px 20px; border-radius: 4px; } .free_download_area .fd { border-radius: 4px; background: #cccccc; overflow: hidden; } .free_download_area .fd_tit { background: #4d4d4d; font-size: 18px; height: 40px; line-height: 40px; color: #55ff00; text-align: center; font-family: 'Microsoft YaHei', "微软雅黑"; } .free_download_area .fd_div { padding: 15px 20px 10px; } .free_download_area .fd_div ul li { line-height: 24px; margin-bottom: 10px; } .free_download_area .fd_div a { line-height: 24px; color: #4c4c4c; font-weight: bold; margin-bottom: 10px; } .free_download_area .fd_div a:hover { text-decoration: underline; } .free_download_area .fd_div a img { vertical-align: top; margin-right: 10px; } .free_download_area .fd_div .crying { text-align: center; height: 42px; line-height: 42px; font-size: 14px; color: #666666; padding: 7px 0 15px; } .free_download_area .fd_div .crying img { vertical-align: top; margin-right: 8px; } .free_download_area .fd_div p { font-size: 12px; color: #4c4c4c; line-height: 18px; } .vip_download_area { padding: 0 20px; margin-bottom: 20px; } .vip_download_area > a { display: block; margin-bottom: 5px; } .vip_download_area > p { font-size: 12px; color: #e6e6e6; line-height: 22px; } .vip_download_area > p strong { font-size: 18px; } .vip_download_area > p a { text-decoration: underline; } .download_area { padding: 0 20px; margin-bottom: 20px; } .download_area > a { float: left; margin-bottom: 5px; } .download_area > p { font-size: 12px; color: #e6e6e6; line-height: 22px; clear: both; } .download_area > p strong { font-size: 18px; } .download_area > p .underline { text-decoration: underline; } .download_block { width: 165px; height: 94px; text-align: center; border-radius: 5px; } .download_useable { background-color: #f2f2f2; } .download_disable { background-color: #cccccc; } .download_block > a:hover { opacity: 0.8; filter: alpha(opacity=80); } .download_block .down_img_1 { padding-top: 2px; padding-bottom: 2px; } .download_block .down_img_2 { padding-top: 10px; padding-bottom: 10px; } .download_useable .text_a1 { color: #3bb200; font-weight: bold; font-size: 14px; } .download_useable .text_a2 { color: #808080; font-size: 12px; } .download_disable .text_a1 { color: #808080; font-weight: bold; font-size: 14px; } .download_disable .text_a2 { color: #808080; font-size: 12px; } .type_lists { overflow: hidden; margin-left: 20px; } .type_lists span { float: left; font-size: 12px; line-height: 32px; padding: 0 10px; background: #808080; color: #b2b2b2; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; } .type_lists a { float: left; font-size: 12px; line-height: 32px; padding: 0 10px; background: #999999; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; } .type_lists a:hover { background: #CCCCCC; color: #4c4c4c; } .type_lists_new { overflow: hidden; margin-left: 20px; } .type_lists_new span { float: left; font-size: 12px; line-height: 20px; padding: 0 5px; background: #808080; color: #b2b2b2; margin-right: 8px; margin-bottom: 8px; border-radius: 4px; } .type_lists_new a { float: left; font-size: 12px; line-height: 20px; padding: 0 5px; background: #999999; margin-right: 8px; margin-bottom: 8px; border-radius: 4px; } .type_lists_new a:hover { background: #CCCCCC; color: #4c4c4c; } .user-info { background: #666666 url(../images/userBg.png) no-repeat top center; background-size: 100%; border-radius: 4px; padding-top: 30px; } .user-info .tx { display: block; width: 120px; height: 120px; margin: 0 auto; } .user-info .username { text-align: center; font-size: 18px; line-height: 28px; margin-top: 5px; font-family: 'Microsoft YaHei', "微软雅黑"; } .user-info .signTxt { font-size: 12px; line-height: 22px; color: #ccc; padding: 0 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-info .signTxt span { color: #b3b3b3; } .user-info .btnLists { text-align: center; margin: 15px 0 20px; } .user-info .btnLists a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 75px; height: 32px; line-height: 32px; border-radius: 2px; background: #4d4d4d; margin: 0 5px; font-size: 12px; } .user-info .data .data_lists { overflow: hidden; padding: 0 35px 20px 34px; } .user-info .data .data_lists li { float: left; width: 83px; border-right: 1px solid #949494; text-align: center; } .user-info .data .data_lists li span { font-size: 12px; color: #b2b2b2; display: block; line-height: 30px; } .user-info .data .data_lists li strong { font-size: 16px; font-weight: normal; } .user-info .work_lists { padding: 0 20px 10px; } .user-info .work_lists h5 { border-top: 1px solid #949494; font-size: 12px; color: #cccccc; overflow: hidden; padding-bottom: 10px; padding-top: 15px; } .user-info .work_lists li { margin-bottom: 10px; width: 280px; height: 140px; } .user-info .work_lists li a { display: block; width: 100%; height: 100%; position: relative; } .user-info .work_lists li a .tit { position: absolute; bottom: 0; left: 0; right: 0; height: 32px; line-height: 32px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); /*background: #000; opacity: 0.4; filter: alpha(opacity=40);*/ padding-left: 10px; } .contribute { background: #868686; border-radius: 4px; padding: 0 20px; margin: 20px 0 50px; } .contribute .contribute_nav { padding: 20px 0; line-height: 47px; border-bottom: 1px solid #6b6b6b; } .contribute .contribute_nav ul { overflow: hidden; } .contribute .contribute_nav ul li { float: left; width: 150px; height: 47px; line-height: 47px; text-align: center; margin-right: 20px; } .contribute .contribute_nav ul li a { display: block; background: #666666; color: #b2b2b2; border-radius: 4px; } .contribute .contribute_nav ul li a.active { background: #4d4d4d; color: #55ff00; } .contribute .contribute_nav ul li a:hover { opacity: 0.8; filter: alpha(opacity=80); } .contribute_cont { padding-left: 93px; padding-top: 88px; } .contribute_cont > div { margin-bottom: 40px; } .contribute_cont label { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100px; line-height: 50px; text-align: right; margin-right: 10px; } .contribute_cont label i { color: #55ff00; font-size: 20px; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 5px; font-family: 'Microsoft YaHei', "微软雅黑"; } .contribute_cont .uploadCover { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 298px; height: 148px; background: #cccccc; border: 1px solid #666666; border-radius: 4px; text-align: center; color: #4d4d4d; cursor: pointer; position: relative; } .contribute_cont .uploadCover img.coverimg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .contribute_cont .uploadCover img.addicon { margin: 45px 0 10px; } .contribute_cont .titleArea { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 758px; height: 48px; line-height: 48px; border: 1px solid #666666; background: #cccccc; padding: 0 10px; border-radius: 4px; } .contribute_cont .titleArea input { width: 100%; height: 48px; line-height: 48px; background: none; border: none; vertical-align: top; } .contribute_cont .workDesc { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 758px; height: 150px; border: 1px solid #666666; background: #cccccc; padding: 5px 10px; border-radius: 4px; } .contribute_cont .workDesc textarea { width: 100%; height: 100%; background: none; border: none; vertical-align: top; } .contribute_cont .videoAddress, .contribute_cont .uploadPictures { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 148px; height: 48px; border: 1px solid #666666; background: #cccccc; border-radius: 4px; text-align: center; color: #4d4d4d; cursor: pointer; } .contribute_cont .videoAddress img, .contribute_cont .uploadPictures img { margin: 13px 10px 0 0; vertical-align: bottom; } .videoAddressLists, .uploadPicturesLists { display: none; width: 800px; margin-left: 117px; } .videoAddressLists ul li, .uploadPicturesLists ul li { width: 762px; border: 1px solid #666666; background: #cccccc; border-radius: 4px; line-height: 22px; overflow: hidden; margin-top: 10px; padding: 16px 0 16px 18px; font-size: 12px; } .videoAddressLists ul li .cont, .uploadPicturesLists ul li .cont { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 592px; } .videoAddressLists ul li .cont span, .uploadPicturesLists ul li .cont span { color: #4d4d4d; } .videoAddressLists ul li .cont a, .uploadPicturesLists ul li .cont a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 530px; color: #1a1a1a; } .videoAddressLists ul li .cont a.alink, .uploadPicturesLists ul li .cont a.alink { text-decoration: underline; } .videoAddressLists ul li .cont a.alink:hover, .uploadPicturesLists ul li .cont a.alink:hover { color: #4de600; } .videoAddressLists ul li .cont a.addvideoTit, .videoAddressLists ul li .cont a.addvideoAddress { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .videoAddressLists ul li .cont a.addaddressTit, .videoAddressLists ul li .cont a.addaddressLink { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .videoAddressLists ul li .operation, .uploadPicturesLists ul li .operation { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 12px; overflow: hidden; } .videoAddressLists ul li .operation img, .uploadPicturesLists ul li .operation img { margin-right: 14px; float: left; cursor: pointer; } .uploadPicturesLists ul li .cont .fl { width: 200px; height: 112px; } .uploadPicturesLists ul li .cont .fr { width: 375px; color: #1a1a1a; } .contribute_cont .tagArea { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 350px; height: 48px; line-height: 48px; border: 1px solid #666666; background: #cccccc; padding: 0 10px; border-radius: 4px; } .contribute_cont .tag .tips { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; line-height: 50px; font-size: 12px; color: #55ff00; } .contribute_cont .tagArea input { width: 100%; height: 48px; line-height: 48px; background: none; border: none; vertical-align: top; } .contribute_cont .submissionBtns a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: #515151; border-radius: 4px; height: 47px; line-height: 47px; text-align: center; } .contribute_cont .submissionBtns a:hover { opacity: 0.8; filter: alpha(opacity=80); } .contribute_cont .submissionBtns { padding: 60px 0 120px 450px; } .contribute_cont .submissionBtns .preview { color: #cccccc; width: 98px; margin-right: 10px; } .contribute_cont .submissionBtns .release { color: #55ff00; width: 150px; } @media only screen and (min-width: 1300px) { .user-info-fixed { position: fixed; top: 20px; left: 50%; z-index: 10; margin-left: 330px; } .download_sidebar_fixed { position: fixed; top: 20px; left: 50%; z-index: 10; margin-left: 270px; } }