@charset "utf-8"; html, body { overflow-x: hidden; font-size:13px; color: #333; background-color:#fff; margin:0; font-family: Microsoft YaHei, Helvetica, '宋体', Tahoma, Arial, "5b8b4f53", sans-serif; } form, h1, h2, h3, h4, h5, h6,th { font-weight:400; font-size:13px; } form, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd { margin:0; padding:0; list-style:none; } a { color:#333; text-decoration:none; font-size:13px; } a:hover { color:#3577ce; } .l { float:left } .r { float:right; /*! float: left; */ width: 224px; } /* .text-left{text-align:left} .text-right{text-align:right}*/ .text-center{text-align:center;} .white-space{white-space:nowrap} .text-color{color:#337ab7} /*清除浮动*/ .clearfix:after,.clearfix:before{display:table;content:" "} .container{ margin-right:auto; margin-left:auto } /* 头部 */ .header { overflow-y:auto; margin:10px 0px 10px 0; overflow:hidden; width:100%; } .header .logo { float:left; overflow:hidden; width:33%; padding-top:0px; white-space:nowrap; } .header .logo a{ height:33px; line-height:1.74; font-weight:bold; font-family:'微软雅黑'; font-size:19px; padding:5px 4px; text-align:center; background-color:#339933; color:#fff; white-space:nowrap; vertical-align:middle; text-shadow:0px 1px 0px rgba(0,0,0,.8); } .header .search { overflow:hidden; width:66%; } .header .search .size{ font-size:10px; float:right; text-align:right; width: 44px; } /* 搜索框 */ .input-group{ vertical-align:middle; width:60%; } .input-addon, .input-text, .input-so { height:33px; font-size:12px; line-height:1.3; } .input-text{ float:left; width:88%; padding:2px 5px; display:block; color:#555; background-color:#fff; border:1px solid #ddd; } .input-text:focus, .input-so:focus{ outline:0; } .input-so { padding:0px 10px; text-align:center; cursor:pointer; margin-left:-42px; background-color:#333; color:#fff; white-space:nowrap; border:1px solid #333; } /*头部栏目导航*/ .nav { overflow:hidden; background:#334999; clear:both; line-height:32px; width:100%; } .nab { overflow:hidden; background:#339966; clear:both; line-height:32px; width:100%; } .nav dd { float:left; width:20%; white-space:nowrap; overflow:hidden; padding:0; line-height:32px; } .nab dd { float:left; width:20%; white-space:nowrap; overflow:hidden; padding:0; line-height:32px; } .nav dd a { float:left; text-align:center; overflow:hidden; width:100%; color:#fff; } .nab dd a { float:left; text-align:center; overflow:hidden; width:100%; color:#fff; } .nav dd a:hover { background:#4c8fe8; color:#fff; } .nab dd a:hover { background:#4c8fe8; color:#fff; } .nav dd a.focu { background:#4c8fe8; color:#fff; } .nab dd a.focu { background:#4c8fe8; color:#fff; } /*副导航条*/ .title{ padding:5px 3px 5px 5px; margin-top:10px; margin-bottom:10px; list-style:none; background-color:#D4D4D4; font-size:13px; width:100%; } .title>li{display:inline-block} .title>li+li:before{ padding:0 2px; color:#ddd;content:"| " } .title .r a{ padding:4px 5px; font-size:13px; border:1px solid #4c8fe8; text-align:center; margin-right:-1px; } /*.title .r .hover,.title .r a:hover{ background-color:#4c8fe8; color:#fff; border:1px solid #4c8fe8; }*/ /*-分类翻页Pages-*/ .mac_pages1 {text-align:center; padding:8px 0 0 0; overflow:hidden;} .mac_pages1 .page_tip1 {color:#7f7f7f;font-weight:normal;margin-bottom:8px;} .mac_pages1 .page_link1{display:inline-block; padding:5px 8px; border:1px solid #ddd;font:normal 13px/18px Verdana;margin-bottom:2px;} .mac_pages1 .page_current1{display:inline-block; padding:5px 8px; background-color:#4c8fe8; border:1px solid #4c8fe8; color:#fff;} .mac_pages1 .page_input1 {height:25px; width:30px;border:1px solid #ddd;} .mac_pages1 .page_btn1{border:1px solid #CCCCCC; height:24px; width:40px;text-align:center; cursor: hand;} .mac_pages1 .page_info1 a:hover{background-color:#4c8fe8; border:1px solid #4c8fe8; color:#fff;} /*-/Page-*/ /*-搜索后文字提示-*/ .wrap{width:100%;max-width:1260px;min-width:320px;padding:0;margin:0 auto; position:relative; overflow:hidden;font-size:13px;} .wrap h1{font-size:13px} /*友情琏接*/ .links { margin:6px 0 10px 0; padding:0; width:100%; } .link { margin:0 -5px; display:inline-block; list-style:none; } .link li{ display:inline-block; font-size:12px; width:16.666666667%; line-height:1.5; padding:5px; } .footer{ border-top:1px solid #f5f5f5; margin-top:10px; line-height:12px; text-align:center; } /*-内容页-*/ .media { overflow:hidden; width:100%; } .media ul{ margin-left:-5px; margin-right:-5px; } .media li { float:left; width:50%; height:128px; padding:0 5px 0 5px; overflow:hidden; background-color:#fff; } .media li img { width:100%; height:130px; } .media .media-info dt{ text-align:left; overflow:hidden; line-height:1.7; } .media .media-info .playurl2{ margin-bottom:8px; line-height:2.3; } .media .media-info .playurl2 a{ border-top:1px solid #4c8fe8; padding:7px 10px; background: #4c8fe8; color: #fff; font-size:13px; text-align:center; vertical-align:middle; } /*-播放地址-*/ .playurl{ margin-top:10px; } .playurl dt{ margin-bottom:10px; } .playurl dd{ margin:0; } .playurl dd a{ margin:0; /*border:1px solid #337ab7;*/ padding:7px 10px; background: #4c8fe8; color: #fff; font-size:13px; } /*-内容页热播-*/ .title3 { margin-top:10px; margin-bottom:5px; padding:0; overflow:hidden; width:100%; } .pic { overflow:hidden; width:100%; } .pic ul{ margin-left:-5px; margin-right:-5px; } .pic li { float:left; width:50%; height:162px; padding:0 5px 0 5px; /*text-align:center;*/ white-space:nowrap; overflow:hidden; background-color:#fff; } .pic li img { width:100%; height:130px; } .pic li span { color:#4c8fe8; } .pic2 { overflow:hidden; width:100%; } .pic2 ul{ margin-left:-10px; margin-right:-10px; } .pic2 li { float:left; width:50%; line-height:1.5; padding:5px 10px; white-space:nowrap; overflow:hidden; background-color:#fff; } /*-播放器-*/ .play-t{ /*padding:5px 0px 5px 0px;*/ margin-top:1px; list-style:none; background-color:#000; font-size:13px; width:100%; color:#ff0000; overflow:hidden; text-align:center; line-height:2; } .play-t .l a,.play-t .r a{ font-size:13px; /*border:1px solid #4c8fe8;*/ text-align:center; color:#fff; padding:6px 5px; background: #4c8fe8; /*line-height:1.8;*/ } .play_t {width:100%;overflow:hidden;background:#000;padding:0px 0;font-size:13px;color:#fff;} .play_t .l{ float:left;padding-top:2px;} .play_t .r{ float:right;} .play_t a{padding-left:5px;font-size:13px;color:#fff;} .play_t .r a{ padding:7px 10px; background: #4c8fe8; text-align:center; line-height:1.9; } #bofang_box{ width:100%;overflow:hidden;position:relative; margin:0px auto 0 auto;height:250px;background:#000;} /*自适应*/ *{box-sizing:border-box;} @media (min-width:480px){.container{width:480px}} @media (min-width:760px){.container{width:760px}} @media (min-width:960px){.container{width:960px}} @media (min-width:1000px){.container{width:1000px}} @media (max-width:479px) { .container{margin-right:10px;margin-left:10px} } @media (min-width:480px){ .header .logo a{font-size:20px;padding:5px 8px;line-height:1.65;} .pic li,.pic2 li {width:33.33333333333333%;} .pic li {height:130px;} .pic li img {height:100px;} .media li{width:33.33333333333333%;height:100px;} .media li img{height:100px;} .media .media-info{width:66.66666666666666%;height:100px;} .media .media-info .playurl2{margin-bottom:5px;line-height:2;} #bofang_box{ width:100%;height:290px;} } @media (min-width:760px){ .header .logo a{font-size:20px;padding:5px 8px;line-height:1.65;} .pic li,.pic2 li {width:25%;} .pic li {height:150px;} .pic li img {height:120px;} .media li{width:25%;height:120px;} .media li img{height:120px;} .media .media-info{width:75%;height:120px;} #bofang_box{ width:100%;height:420px;} } @media (min-width:960px){ .header .logo a{font-size:20px;padding:5px 8px;line-height:1.65;} .nav dd{width:10%;} .nab dd{width:10%;} .pic li,.pic2 li {width:16.666666667%;} .pic li {height:130px;} .pic li img {height:100px;} .media li{width:16.666666667%;height:100px;} .media li img{height:100px;} .media .media-info{width:83.33333333333333%;height:100px;} #bofang_box{ width:100%;height:530px;} } @media (min-width:1000px){ .header .logo a{font-size:20px;padding:5px 8px;line-height:1.65;} .nav {line-height:38px;} .nav dd{width:10%;line-height:38px;} .nab {line-height:38px;} .nab dd{width:10%;line-height:38px;} .pic li,.pic2 li {width:16.666666667%;} .pic li {height:160px;} .pic li img {height:130px;} .media li{width:16.666666667%;height:130px;} .media li img{height:130px;} .media .media-info{width:83.33333333333333%;height:130px;} #bofang_box{ width:100%;height:530px;} } /* 隐藏 */ @media (max-width:480px){.links,.link{display:none!important}} @media (min-width:480px) and (max-width:759px){.links,.link{display:none!important}} @media (min-width:760px) and (max-width:959px){.side,.hidden-lg,.hidden-sm,.top-right{display:none!important}} @media (min-width:960px){.hidden-lg{display:none!important}} /* 显示 */ @media (max-width:480px){.visible-xs{display:block!important}} @media (min-width:480px) and (max-width:759px){.visible-sm{display:block!important}} @media (min-width:760px) and (max-width:959px){.links,.link{display:block!important}} @media (min-width:960px){.links,.link{display:block!important}} .pipaniu{width:100%;height:60px;margin-bottom:3px}@media screen and (max-width:60px){.pipaniu{width:100%;height:60px;margin-bottom:4px}} .pipaniu90{width:100%;height:90px;margin-bottom:3px}@media screen and (max-width:60px){.pipaniu{width:100%;height:90px;margin-bottom:4px}} .pipaniu120{width:100%;height:120px;margin-bottom:3px}@media screen and (max-width:60px){.pipaniu{width:100%;height:120px;margin-bottom:4px}}