html{height:100%;font-size:24px} body{padding:0;margin:0;z-index:1;width:100%;background:#eeeeee;} ul, ol, dl {list-style:none;margin:0;padding:0;} em{font-style:normal;} img{border:none;} a {outline:0;text-decoration:none !important} label{margin: 0;} .crb{clear:both;}.header{padding: .25rem;} .logo{float:left;} .logo img{max-height:80px;max-width:280px;} .center_container{margin:.5rem 0;padding:0 .25rem;background: #fff;border-radius: .25rem;} /* -------------- banner STYLE -------------- */ .banner{width:100%;} .banner input{display: none;} .banner .bigPic{width:100%;height:25rem;} .banner .bigPic div{width:100%;background:#fff;text-align:center;transition:all linear 500ms;-o-transition:all linear 500ms;-moz-transition:all linear 500ms;-webkit-transition:all linear 500ms;height:25rem;display: none;} .banner .bigPic div img{height:100%;max-width:100%;} .banner .sliderPic{width:100%;background-color:#363636;height:3.7rem;overflow-y: auto;} .banner .sliderPic label {padding:.5rem;float:left;cursor:pointer;} .banner .sliderPic label img{max-width:5rem;height:2.5rem;opacity:.8; } #tongtool-img-rdi-1:checked ~ .bigPic #tongtool-img-1{display:block;} #tongtool-img-rdi-1:checked ~ .sliderPic #tongtool-img-slider-1 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-2:checked ~ .bigPic #tongtool-img-2{display:block;} #tongtool-img-rdi-2:checked ~ .sliderPic #tongtool-img-slider-2 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-3:checked ~ .bigPic #tongtool-img-3{display:block;} #tongtool-img-rdi-3:checked ~ .sliderPic #tongtool-img-slider-3 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-4:checked ~ .bigPic #tongtool-img-4{display:block;} #tongtool-img-rdi-4:checked ~ .sliderPic #tongtool-img-slider-4 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-5:checked ~ .bigPic #tongtool-img-5{display:block;} #tongtool-img-rdi-5:checked ~ .sliderPic #tongtool-img-slider-5 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-6:checked ~ .bigPic #tongtool-img-6{display:block;} #tongtool-img-rdi-6:checked ~ .sliderPic #tongtool-img-slider-6 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-7:checked ~ .bigPic #tongtool-img-7{display:block;} #tongtool-img-rdi-7:checked ~ .sliderPic #tongtool-img-slider-7 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-8:checked ~ .bigPic #tongtool-img-8{display:block;} #tongtool-img-rdi-8:checked ~ .sliderPic #tongtool-img-slider-8 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-9:checked ~ .bigPic #tongtool-img-9{display:block;} #tongtool-img-rdi-9:checked ~ .sliderPic #tongtool-img-slider-9 img{border:2px solid #f00;opacity:1;}.flatBigPic{margin:0 auto;width:100%;text-align: center;display: none;} /* -------------- description STYLE -------------- */ .box{padding:0;margin-top:.5rem;} .titlebar{background:#0063d1;color:#fff;height:1.5rem;line-height:1.5rem;padding:0 .6rem;font-size:.7rem} .content{padding:.25rem;font-size:0.6rem;clear:both;} /* -------------- context STYLE -------------- */ .tab_container{width:100%;} .tab_container input{display: none;} .tab_container .tab{width:100%;height:1.44rem;border-bottom:solid 2px #0063d1;} .tab_container .tab ul li{position:relative;bottom:2px;float:left;height:1.44rem;line-height:1.5rem;cursor:pointer;margin-right:4px;background:#153895;color:#fff;} .tab_container .tab ul li label{display:block;padding:0 1rem;cursor:pointer;} .tab_container .tab_content{width: 100%;} .tab_container .tab_content div{width: 100%;padding: .25rem;font-size:0.6rem;display:none;} .tabs-level{}.tabs-level ul{ width:100%;height:32px; float:left; border-bottom:solid 1px #ff6600;}.tabs-level ul li{ float:left;height:32px; line-height:32px; padding:0 20px; background:#333; border-radius:5px 5px 0 0; margin-right:4px; cursor:pointer; }.tabs-level ul li.tab-current,.tabs-level ul li.tab-current:hover{background:#ff6600; color:#fff; }.tabs-level ul li:hover{ background:#444;}.tabs-level .content{ box-sizing:border-box; min-height:186px; }.tabs-vertical{}.tabs-vertical ul{ width:160px;float:left; }.tabs-vertical ul li{ float:left;width:130px;height:34px; line-height:34px; padding:0 15px; background:#ddd; border-radius:5px 0 0 5px; margin-bottom:4px; cursor:pointer; }.tabs-vertical ul li.tab-current,.tabs-vertical ul li.tab-current:hover{background:#222; color:#fff; }.tabs-vertical ul li:hover{ background:#e2e2e2;}.tabs-vertical .content{ margin-left:160px; border-left:solid 2px #222;border-top:solid 1px #e2e2e2; box-sizing:border-box; clear:inherit;padding:10px 25px; min-height:186px; }.tab-time{text-align:center;font-family: 宋体;font-size: 15px;line-height:22px;border-color:#85b716;}.tab-time td{border-color:#85b716;} .tab1{display:none;} /* -------------- footer STYLE -------------- */ .footer{padding:.8rem 0 1rem 0;border-top:solid 2px #ff6600;} .footer .copyright{text-align:center;font-size:.8em;} /* -------------- fix mobile STYLE -------------- */ @media screen and (max-width: 960px){ html{font-size: 12px} .container{padding:0} .header{display:none;} .nav{display:none;} .nav .row div{padding:0 ;border:0} .nav .row div.col-xs-2{width: 33.33333%}.titlebar{font-size:1rem;}.content{font-size:1rem;} .tab,.tab_content{display: none} .tab1{display: block} }