<meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://img2.tongtool.com/s/static/bootstrap/bootstrap.min.css" rel="stylesheet" /> <style type="text/css"> html{height:100%;font-size:24px} .widget p{word-break:break-word;} td{word-wrap:break-word !important;word-break: break-word !important;} p{word-wrap:break-word !important;word-break: break-word !important;} .content p span{ text-wrap:inherit !important;word-wrap:break-word !important;} body{word-wrap:break-word;padding:0;margin:0;z-index:1;width:100%;background:#363636 url(https://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;} .container{background:#fff; } /* -------------- 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;} .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:.83rem} .content{word-wrap:break-word;padding:.25rem;font-size:0.6rem;clear:both;} /* -------------- context STYLE -------------- */ .tab_container{width:100%;word-break:break-word;} .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;font-size:.7rem;} .tab_container .tab ul li label{display:block;padding:0 1rem;cursor:pointer;} .tab_container .tab_content{width: 100%;} .tab_container .tab_content #tongtool-tab-1{width: 100%;padding: .25rem;font-size:0.6rem;display:none;} #tongtool-tab-rdi-1:checked ~ .tab ul #tongtool-tab-li-1{background:#ccc