Men’s Winter Slim Stylish Trench Coat Long Jacket Overcoat Outwear Fashion New

html {
height: 100%;
font-size: 24px;
}
body {
padding: 0;
margin: 0;
z-index: 1;
width: 100%;
background: #f3f3f3;
color: #555;
}
img {
border: none;
}
a {
outline: 0;
text-decoration: none !important;
}
label {
margin: 0;
}
.crb {
clear: both;
}
.header {
background: #689a51;
}
.logo {
padding: 0.25rem 0;
}
.logo img {
max-height: 80px;
max-width: 280px;
}
#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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
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 #8dc63f;
opacity: 1;
}
.flatBigPic {
margin: 0 auto;
width: 100%;
text-align: center;
display: none;
}
/* ————– description STYLE ————– */
.box {
padding: 0;
margin-top: 0.5rem;
}
.titlebar {
border-bottom: solid 1px #b5d8a4;
color: #689a51;
height: 1.5rem;
line-height: 1.5rem;
padding: 0 0.6rem;
font-size: 0.83rem;
font-weight: bold;
}
.content {
word-wrap: break-word;
padding: 0.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: 160px;
float: left;
}
.tab_container .tab ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
.tab_container .tab ul li {
width: 100%;
height: 1.44rem;
line-height: 1.5rem;
margin-bottom: 4px;
cursor: pointer;
margin-right: 4px;
background: #d4e4cd;
color: #555;
border-radius: 0.25rem 0 0 0.25rem;
font-size: 0.7rem;
}
.tab_container .tab ul li label {
display: block;
padding: 0 1rem;
cursor: pointer;
}
.tab_container .tab_content {
position: relative;
margin-left: 160px;
background-color: #fff;
border: solid 1px #ccc;
border-left: solid 2px #689a51;
box-sizing: border-box;
clear: inherit;
min-height: 10rem;
}
.tab_container .tab_content .tab_content_container {
opacity: 1;
width: 100%;
background-color: #fff;
padding: 0.25rem;
font-size: 0.6rem;
display: none;
}
#tongtool-tab-rdi-1:checked ~ .tab ul #tongtool-tab-li-1 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-1:checked ~ .tab_content #tongtool-tab-1 {
display: block;
}
#tongtool-tab-rdi-2:checked ~ .tab ul #tongtool-tab-li-2 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-2:checked ~ .tab_content #tongtool-tab-2 {
display: block;
}
#tongtool-tab-rdi-3:checked ~ .tab ul #tongtool-tab-li-3 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-3:checked ~ .tab_content #tongtool-tab-3 {
display: block;
}

#tongtool-tab-rdi-4:checked ~ .tab ul #tongtool-tab-li-4 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-4:checked ~ .tab_content #tongtool-tab-4 {
display: block;
}

#tongtool-tab-rdi-5:checked ~ .tab ul #tongtool-tab-li-5 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-5:checked ~ .tab_content #tongtool-tab-5 {
display: block;
}

#tongtool-tab-rdi-6:checked ~ .tab ul #tongtool-tab-li-6 {
background: #689a51;
color: #fff;
}
#tongtool-tab-rdi-6:checked ~ .tab_content #tongtool-tab-6 {
display: block;
}
.tab1 {
display: none;
}
/* ————– footer STYLE ————– */
.footer {
padding: 0.8rem 0 1rem 0;
background: #4e654e;
color: #d7d7d7;
margin-top: 0.5rem;
}
.footer .copyright {
text-align: center;
font-size: 0.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: 0.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;
}
}
body {
padding: 0;
margin: 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 .item {
margin: 2px;
border: solid 1px #ccc;
}
.specialRelate .tongtool-related ul li div:hover {
border: solid 1px #689a51;
}
.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 p {
padding: 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: 5px 0;
}
.specialRelate .tongtool-related .title a {
text-decoration: none;
color: #444;
}
.specialRelate .tongtool-related ul li:hover .title a {
text-decoration: underline;
}
.specialRelate .tongtool-related .price {
color: #666;
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;
}
.tongtool-tag-off {
width: 50px;
height: 50px;
background: url(https://img1.tongtool.com/v/template/img/tag-off.gif) no-repeat;
position: absolute;
top: -4px;
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;
}
.specialRelate .tongtool-related ul li:hover .title {
color: #689a51;
}