html{height:100%;font-size:24px}
body{padding:0;margin:0;z-index:1;width:100%;background:#f6f6f6;color:#666;}

img{border:none;}
a {outline:0;text-decoration:none !important}
.crb{clear:both;}

.logo{margin:.25rem 0;text-align: center;border-bottom:solid 2px #000;}
.logo img{max-height:80px;max-width:280px;}
/* -------------- banner STYLE -------------- */
.banner{width:100%;}
.banner input{display: none;}
.banner .bigPic{width:100%;height:25rem;}
.banner .bigPic div{width:100%;background:#f6f6f6;text-align:center;height:25rem;display: none;}
.banner .bigPic div img{height:100%;max-width:100%;}
.banner .sliderPic{width:100%;background-color:#000;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:.5; }
#tongtool-img-rdi-2:checked ~ .bigPic #tongtool-img-2{display:block;}
#tongtool-img-rdi-2:checked ~ .sliderPic #tongtool-img-slider-2 img{opacity:1;}
#tongtool-img-rdi-3:checked ~ .bigPic #tongtool-img-3{display:block;}
#tongtool-img-rdi-3:checked ~ .sliderPic #tongtool-img-slider-3 img{opacity:1;}
#tongtool-img-rdi-4:checked ~ .bigPic #tongtool-img-4{display:block;}
#tongtool-img-rdi-4:checked ~ .sliderPic #tongtool-img-slider-4 img{opacity:1;}
#tongtool-img-rdi-5:checked ~ .bigPic #tongtool-img-5{display:block;}
#tongtool-img-rdi-5:checked ~ .sliderPic #tongtool-img-slider-5 img{opacity:1;}
#tongtool-img-rdi-6:checked ~ .bigPic #tongtool-img-6{display:block;}
#tongtool-img-rdi-6:checked ~ .sliderPic #tongtool-img-slider-6 img{opacity:1;}
#tongtool-img-rdi-7:checked ~ .bigPic #tongtool-img-7{display:block;}
#tongtool-img-rdi-7:checked ~ .sliderPic #tongtool-img-slider-7 img{opacity:1;}
#tongtool-img-rdi-8:checked ~ .bigPic #tongtool-img-8{display:block;}
#tongtool-img-rdi-8:checked ~ .sliderPic #tongtool-img-slider-8 img{opacity:1;}
#tongtool-img-rdi-9:checked ~ .bigPic #tongtool-img-9{display:block;}
#tongtool-img-rdi-9:checked ~ .sliderPic #tongtool-img-slider-9 img{opacity:1;}
#tongtool-img-rdi-10:checked ~ .bigPic #tongtool-img-10{display:block;}
#tongtool-img-rdi-10:checked ~ .sliderPic #tongtool-img-slider-10 img{opacity:1;}
#tongtool-img-rdi-11:checked ~ .bigPic #tongtool-img-11{display:block;}
#tongtool-img-rdi-11:checked ~ .sliderPic #tongtool-img-slider-11 img{opacity:1;}

.flatBigPic{margin:0 auto;width:100%;text-align: center;display: none;}
/* -------------- description STYLE -------------- */
.box{padding:0;margin-top:.5rem;}
.titlebar{border-bottom:solid 2px #000;color:#000;height:1.5rem;line-height:1.5rem;padding:0 .6rem;font-size:.83rem;font-weight:bold;}
.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 #000;}
.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;border:solid 2px #ccc;border-bottom:0;color:#777;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{border:solid 2px #000;border-bottom:0;color:#000;}
#tongtool-tab-rdi-1:checked ~ .tab_content #tongtool-tab-1{display:block;}
.tab_container .tab_content #tongtool-tab-2{width: 100%;padding: .25rem;font-size:0.6rem;display:none;}
#tongtool-tab-rdi-2:checked ~ .tab ul #tongtool-tab-li-2{border:solid 2px #000;border-bottom:0;color:#000;}
#tongtool-tab-rdi-2:checked ~ .tab_content #tongtool-tab-2{display:block;}
.tab_container .tab_content #tongtool-tab-3{width: 100%;padding: .25rem;font-size:0.6rem;display:none;}
#tongtool-tab-rdi-3:checked ~ .tab ul #tongtool-tab-li-3{border:solid 2px #000;border-bottom:0;color:#000;}
#tongtool-tab-rdi-3:checked ~ .tab_content #tongtool-tab-3{display:block;}
.tab_container .tab_content #tongtool-tab-4{width: 100%;padding: .25rem;font-size:0.6rem;display:none;}
#tongtool-tab-rdi-4:checked ~ .tab ul #tongtool-tab-li-4{border:solid 2px #000;border-bottom:0;color:#000;}
#tongtool-tab-rdi-4:checked ~ .tab_content #tongtool-tab-4{display:block;}
.tab1{display:none;}
/* -------------- footer STYLE -------------- */
.footer{padding:.8rem 0 1rem 0;border-top:solid 2px #000;}
.footer .copyright{text-align:center;font-size:.8em;}
/* -------------- fix mobile STYLE -------------- */
@media screen and (max-width: 960px){
html{font-size: 12px}
.container{padding:0}
.tab,.tab_content{display: none}
.tab1{display: block}
.titlebar{font-size:1rem;}
.content{word-wrap:break-word;font-size:1rem;}
.banner{display:none;}
.flatBigPic{display:block;}
.flatBigPic ul{display: inline-block;list-style:none;margin:0;padding:0;}
.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;}
.specialRelate .tongtool-related ul li{width:50%!important;border:0;}
.specialRelate .tongtool-related ul li:hover{border:0;}
}

.clear{font-size:0; content:" "; clear:both; height:0; zoom:1; overflow:hidden}
.specialRelate .tongtool-related{margin:0;padding:0;width:100%;}
.specialRelate .tongtool-related ul{width:100%;list-style-type:none;padding:0px;margin:0px auto;}
.specialRelate .tongtool-related ul li{padding:0px;margin:0px; float:left;list-style-type:none;position:relative;}
.specialRelate .tongtool-related ul li a img{width:100%;}
.specialRelate .tongtool-related ul li a{margin:5px;float:left;text-decoration:none;}
.specialRelate .tongtool-related .item{margin:2px;border:solid 1px #ccc}
.specialRelate .tongtool-related ul li div:hover{border:solid 1px #000}
.specialRelate .tongtool-related p{padding:0px 0px;margin:0px;}
.specialRelate .tongtool-related .title{word-break:break-word;font-size:12px;line-height:13px;height:27px;overflow: hidden;text-align: left;text-decoration: none;width:96%;word-wrap: break-word; margin:6px 0;}
.specialRelate .tongtool-related .title a{text-decoration: none;}
.specialRelate .tongtool-related ul li:hover .title a{text-decoration:none; }
.specialRelate .tongtool-related .price{font-family: Arial;font-size: 11px;font-weight: normal;height:29px;line-height:14px;text-align: left;}
.specialRelate .tongtool-related .price b{color:red;cursor: pointer;font-size: 13px;font-weight: bold; }
.specialRelate .tongtool-related .price span{color: #777777;cursor: pointer;font-size: 12px;font-weight: normal;text-decoration: line-through;}
.specialRelate .tongtool-related .shipping{color:#666;font-family: Verdana,sans-serif !important;font-size: 11px;font-weight: normal;line-height: 13px;min-height: 13px;text-align: left;padding-bottom:8px;}
.specialRelate .tongtool-related ul li:hover .title{ color:#000;}
.tongtool-tag-off{ width:50px;height:50px; background:url(https://img1.tongtool.com/v/template/img/tag-off.gif) no-repeat; position:absolute; top:-3px;left:2px; z-index:99; text-align:center; color:#fff; font-size:0.875em; }
.tongtool-tag-off span{display:inline-block; margin-top:5px; line-height:15px;}