* {margin:0;padding:0;} body,html,#app {width:100%;background-color:#0f1118;} ul,li {list-style:none;} a {text-decoration:none;color:#333} select,input,button {border:none;outline:none;} .main .main-container{width:1000px;height:100%;margin:0 auto;position:relative} .header{width:150px;height:100%;position:fixed;left:0;top:0; padding:35px 10px;} .header .header-logo{height:30px; margin-bottom:20px;padding:8px 2px; border:1px solid #272933; } .header .header-logo a{ display:flex;align-items:center; font-size:18px; color:#fff; line-height:30px; } .header .header-logo img{height:30px;width:30px;margin-right:3px;} .header .header-logo:hover{background:#fe2c55; } .login-box-gd{position:fixed;right:10px;top:35px; width:210px; display:flex;justify-content:space-between } .login-box-gd a{height: 35px; line-height: 35px; font-size: 14px; width:100px; display: block; text-align: center; border-radius:5px; cursor:pointer; color:#999; background:#272933;} .login-box-gd .active{background:#fe2c55; color:#fff; border:none;} .main-nav{width:100%; margin-top:33px; display:flex;align-items:center; flex-wrap:wrap;border:1px solid #222} .main-nav li{ padding:10px 0;font-size:18px; white-space:nowrap;overflow:hidden; width:100%;text-align:center;border-bottom:1px solid #222;line-height:35px;} .main-nav li:hover{background:#272933} .main-nav a{color:#999} .main-nav li:hover a{color:#fff; } .main-search{width:600px;height:40px;margin-top:35px;display:flex;align-items:center; } .main-nav li:last-child{border:none;} .main-search .right{width:100%;height:100%;position:relative} .main-search .right form{width:100%;height:100%} .main-search .right .search-input{width:calc(100% - 40px);height:100%;padding:0 20px;border:1px solid #272933;border-radius:12px;background-color:transparent;} .main-search .right img,.main-search .right .search-submit{width:18px;height:18px;position:absolute;top:50%;right:26px;transform:translateY(-50%);cursor:pointer} .main-search .right .search-submit{width:66px;height:100%;z-index:1;right:0;background-color:transparent;border-left:1px solid #272933;} .main-content{ margin-top:30px; margin-bottom:20px; padding:10px 0; overflow:hidden;} .cpimgvideo{ margin-bottom:20px; position:relative; width:600px;float:left;} .cpimgvideo .pimgbig{ height:600px;position:relative;overflow:hidden;justify-content:center;margin-bottom:30px; display:flex;align-items:center; border-radius:15px; } .slide-left { margin-left: -100%; } .cpimgvideo .pimgbig img{max-width:100%;max-height:100%; display:block;border-radius:15px; } .cpimgvideo .pimgsmall{ overflow:hidden; white-space:nowrap; width:100%; font-size:0; display:flex; justify-content:space-between} .cpimgvideo .pimgsmall li{width:80px;height:80px;position: relative; border-radius:15px; display:inline-block; font-size:14px; overflow:hidden} .cpimgvideo .pimgsmall li img{width:80px;height:80px;position:absolute; display:block; object-fit:cover;} .cpimgvideo .pimgsmall .cur{border:1px solid #fb531c; margin-left: 0; } .iconbox .prev,.iconbox .next {position: absolute;z-index: 2;top: 50%;width: 40px;height: 66px;margin-top: -66px;background: no-repeat 0 0; opacity: 0.6; filter: alpha(opacity=60);} .iconbox .prev:hover,.iconbox .next:hover { opacity: 1; filter: alpha(opacity=100);} .iconbox .prev {left: 0px;background-image: url(images/hover_left.png);} .iconbox .next {right: 0px;background-image: url(images/hover_right.png);} .ycbox{width:330px;float:right;color:#fff;} /*.topuserbox{ height:55px;position:relative;margin-bottom:15px;background:#272933;padding:5px 10px;border-radius:10px;}*/ .topuserbox{ margin-bottom:15px } .topuserbox .username{width:240px;white-space:nowrap;overflow:hidden;height:30px; line-height:30px; font-weight:bold} .topuserbox .userkey{width:240px;white-space:nowrap;overflow:hidden;height:25px; line-height:25px; color:#999;} .topuserbox .godianpu{background:#fe2c55; width:60px;height:35px;text-align:center;line-height:35px; position:absolute;right:5px;top:15px;color:#fff;cursor:pointer;border-radius:5px;} .topuserbox img{width:100%;} .ycbox h1{font-size:22px;} .ycbox .usercont{line-height:25px; margin-top:10px;max-height:200px; overflow:hidden;text-indent:25px;text-align:justify;color:#888;position:relative} .bottom{width:100%;font-size:14px;line-height:27px;color:#999 !important;text-align:center; clear:both;padding:15px 0;} .bottom p{max-width:1200px;margin:0 auto} .bottom a{color:#999} .bottom a:hover{color:#999} .telbox{border:1px solid #272933;padding:5px 10px;border-radius:10px;margin:15px 0; height:40px; line-height:40px; font-size:22px; font-weight:bold;letter-spacing:2px;text-align:center; display:none;} .titlebox{font-size:22px; font-weight:bold;margin:15px 0; color:#fff} .telbox a{color:#fff} .ycbox .moreimglist{ margin-top:10px;} .ycbox .moreimglist li{margin-bottom:10px;height:80px} .ycbox .moreimglist li a{width:100%;display:flex;justify-content:space-between;} .ycbox .moreimglist .tuijianimgbox {width:80px;height:80px;position:relative;overflow:hidden;border-radius:10px;} .ycbox .moreimglist .tuijianimgbox img {width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;transition:all .5s;object-fit:cover;border-radius:10px;} .ycbox .moreimglist .cp-title { line-height:30px;color:#999;overflow:hidden;text-overflow:ellipsis;font-size:18px; width:230px;max-height:60px;margin-top:5px;} .morewzlist{ margin-top:40px; } .morewzlist li{margin-bottom:10px;height:30px;padding-bottom:10px; border-bottom:1px solid #222;line-height:30px; overflow:hidden} .morewzlist a { line-height:30px;color:#999;overflow:hidden;text-overflow:ellipsis;font-size:18px; } .sharebox{margin:30px 0 10px 0; color:#999;font-size:22px;} .social-share{display:inline-block;margin-left:10px;} .addtimebox{margin:10px 0; color:#999;font-size:18px;} .mp3box{position:absolute;top:30px;right:30px; width:50px;height:50px;border-radius:100%;background-color:rgba(0,0,0,0.5);border:2px solid #fff;z-index:10;cursor:pointer} .mp3box:hover{background-color:rgba(0,0,0,0.1);} .mp3box img{width:60%;height:60%;border-radius:100%;padding:20%;animation: spin 10s linear infinite; } .pasue{ transform: rotate(45deg); position:absolute;left:0;top:50%; width:100%;color:#fff;border-top: 1px solid #fff;display:none;} @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } .bottom-info{position:fixed;left:10px;bottom:10px; font-size:12px; color:#999;border:1px solid #272933;padding:5px 10px;width:130px;line-height:20px; } .xsgdbox{display:block;position:absolute;bottom:0;right:0;width:70px;height:25px;line-height:25px; background:#272933;color:#fff; text-align:center; text-indent:0;font-size:12px;cursor:pointer;} @media(max-width:767px) { body,#app{background:#fff;} .header .header-content, .main .main-container{width:100%} .header{position:relative;width:100%;padding:10px 5px;box-sizing:border-box;background:#ededed;} .header .header-logo a{color:#333;} .header .header-logo{border:none;margin-bottom:0;} .main-nav,.main-search,.bottom-info{display:none;} .login-box-gd{top:15px; width:170px;position:absolute} .login-box-gd a{width:80px;font-size:12px;} .cpimgvideo{width:100%;margin-bottom:0;} .topuserbox{border-radius:0;} .cpimgvideo .pimgbig{height:auto;margin-bottom:15px;} .main-content{margin-top:0;} .cpimgvideo .pimgsmall li{width:55px;height:55px;} .sharebox,.addtimebox{padding:0 10px;} .ycbox{width:100%;color:#333;padding:10px;box-sizing:border-box; padding-bottom:50px;} .topuserbox .username{color:#fff} .ycbox .usercont{max-height:100%;} .telbox{position:fixed;left:0px;bottom:0;width:100%;margin:0;padding:5px 0;border-radius:0;border:none;background:#ededed;z-index:11;display:block} .telbox a{color:#333} .ycbox .moreimglist .cp-title{ width: calc(100% - 90px);} .pasue{display:block} .mp3box img{animation:none;} .xsgdbox{display:none;} .morewzlist{padding:10px;} .morewzlist li{border-bottom:1px solid #eee} .titlebox{color:#333;} } .tybt,.tybm,.tybt1,.tybm1{color:#3897f0;font-weight:bold;font-size:20px !important;} .tybt2,.tybm2{color:#238ed9;font-weight:bold;font-size:20px !important;} .tybt3,.tybm3{color:#7ab900;font-weight:bold;font-size:20px !important;} .tybt4,.tybm4{color:#3fb68c;font-weight:bold;font-size:20px !important;} .tybt5,.tybm5{color:#428bbd;font-weight:bold;font-size:20px !important;} .tylxr,.tyqq,.tydz{color:#ff6600;font-weight:bold;font-size:20px !important;}