D

html{height:100%;font-size:24px} body{padding:0;margin:0;z-index:1;width:100%;background:#363636 url(//img1.tongtool.com/s/template/images/bgpic.png) repeat top left} img{border:none;} a {outline:0;text-decoration:none !important} label{margin: 0;} .crb{clear:both;} .header{background: #fff;} .logo{padding: .25rem;} .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;} #tongtool-img-rdi-10:checked ~ .bigPic #tongtool-img-10{display:block;} #tongtool-img-rdi-10:checked ~ .sliderPic #tongtool-img-slider-10 img{border:2px solid #f00;opacity:1;} #tongtool-img-rdi-11:checked ~ .bigPic #tongtool-img-11{display:block;} #tongtool-img-rdi-11:checked ~ .sliderPic #tongtool-img-slider-11 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:#363636;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 #363636;} .tab_container .tab ul{width:100%;list-style:none;margin:0;padding:0;} .tab_container .tab ul li{position:relative;bottom:2px;float:left;height:1.44rem;line-height:1.5rem;cursor:pointer;margin-right:4px;background:#363636;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;} #tongtool-tab-rdi-1:checked ~ .tab ul #tongtool-tab-li-1{background:#ccc;color:#363636;} #tongtool-tab-rdi-1:checked ~ .tab_content #tongtool-tab-1{display:block;} #tongtool-tab-rdi-2:checked ~ .tab ul #tongtool-tab-li-2{background:#ccc;color:#363636;} #tongtool-tab-rdi-2:checked ~ .tab_content #tongtool-tab-2{display:block;} #tongtool-tab-rdi-3:checked ~ .tab ul #tongtool-tab-li-3{background:#ccc;color:#363636;} #tongtool-tab-rdi-3:checked ~ .tab_content #tongtool-tab-3{display:block;} #tongtool-tab-rdi-4:checked ~ .tab ul #tongtool-tab-li-4{background:#ccc;color:#363636;} #tongtool-tab-rdi-4:checked ~ .tab_content #tongtool-tab-4{display:block;} #tongtool-tab-rdi-5:checked ~ .tab ul #tongtool-tab-li-5{background:#ccc;color:#363636;} #tongtool-tab-rdi-5:checked ~ .tab_content #tongtool-tab-5{display:block;} .tab1{display:none;} /* -------------- footer STYLE -------------- */ .footer{padding:.8rem 0 1rem 0;border-top:solid 2px #363636;} .footer .copyright{text-align:center;font-size:.8em;} /* -------------- fix mobile STYLE -------------- */ @media screen and (max-width: 960px){ html{font-size: 12px} .container{padding:0} .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} .banner{display:none;} .flatBigPic{display:block;} .flatBigPic ul{display: inline-block;} .flatBigPic li{display: inline-block;width:98%;margin:.25rem 0 0 0;} .flatBigPic li div{text-align:center;width:100%;} .flatBigPic li img{max-width:100%;max-height:480px;} }