::-webkit-scrollbar {width:.2vw; height:.2vw}
::-webkit-scrollbar-track {background-color:#333333;}
@-moz-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-webkit-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-o-keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@keyframes HDLink-circle-anim {0% {transform:rotate(0) scale(.5) skew(1deg); opacity:.1} 30% {transform:rotate(0) scale(.7) skew(1deg); opacity:.5} 100% {transform:rotate(0) scale(1) skew(1deg); opacity:.1}}@-moz-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-webkit-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-o-keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@keyframes HDLink-circle-fill-anim {0% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0} 50% {transform:rotate(0) scale(1) skew(1deg); opacity:.3} 100% {transform:rotate(0) scale(.7) skew(1deg); opacity:.0}}@-moz-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-webkit-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@-o-keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}@keyframes HDLink-circle-img-anim {0% {transform:rotate(0) scale(1) skew(1deg)} 10% {transform:rotate(-25deg) scale(1) skew(1deg)} 20% {transform:rotate(25deg) scale(1) skew(1deg)} 30% {transform:rotate(-25deg) scale(1) skew(1deg)} 40% {transform:rotate(25deg) scale(1) skew(1deg)} 50% {transform:rotate(0) scale(1) skew(1deg)} 100% {transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes rotate-side {50% {-webkit-transform:scale(.86,.86)}}
@keyframes rotate-side {50% {transform:scale(.86,.86)}}
* {margin:0; padding:0; border:0}
*:focus {outline:none}
a {color:#686868; text-decoration:none; cursor:pointer}
blockquote {background:#fafafa; font-size:1.3vw; line-height:1.68vw; margin-top:1vw; padding:1.68vw; border: outset 2px; border-radius:1vw}
body {color:#383838; background:#f3f6f8; font-family:"Arial",sans-serif; font-size:1.2vw; line-height:1.68vw; font-weight:400; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none}
button {color:#fff; font-size:1.2vw; font-weight:400; border-bottom:solid 3px; padding:.68vw 3.68vw .38vw 3.68vw; margin:0 1.68vw; border-radius:.5vw; cursor:pointer}
footer {margin-top:3vw}
h1 {font-size:2vw; font-weight:bold; line-height:3vw}
h2 {font-size:1.68vw; line-height:2.25vw; font-weight:bold;}
h3 {font-size:1.38vw; line-height:2vw}
h4 {font-size:1.3vw; line-height:1.68vw; font-weight:400}
h5 {font-size:1.25vw; line-height:3.38vw; font-weight:400; text-align:center}
h6 {font-size:1.2vw; line-height:1.68vw; font-weight:400}
header {height:6.8vw}
hr {width:10vw; height:0; border:0; margin:.68vw 0}
html {height:100%}
i {font-size:1vw}
img {border:0; max-width:100%}
input {box-shadow:0 1px 2px rgba(68,68,68,.68); color:#000; padding:.9vw 1vw; width:23vw; margin-top:1vw; border-radius:.25vw; border:0}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none}
textarea {box-shadow:0 1px 2px rgba(68,68,68,.68); color:#000; padding:.8vw 1vw; width:23vw; margin:1vw 0 -.38vw 0; border-radius:.25vw; border:0}
select {color:#000; background:rgba(0,0,0,0); border:0; font-size:1.2vw; cursor:pointer}
ul, li {list-style:none}
sticknav {width:100vw; margin:0vw; left:0vw; right:0vw; position:relative; z-index:9999}
table {width:100%}
td {padding:.86vw; background:#f3f6f8}
th {text-align:center; font-weight:bold; line-height:3vw; padding:.0 .86vw; white-space:nowrap !important; color:#fff}
#main {float:left; width:58vw; min-height:25vw; text-align:justify}
#sub {float:left; width:36vw; margin:0}
#sub .countdown {width:34vw}
#sub .HDbgcolor {border-radius:0}
#sub .HDbutton {float:right; margin:-.5vw 1.25vw .5vw 0}
.countdown {width:92vw; padding:1vw 1vw 0 1vw; font-size:2vw; line-height:2.2vw; font-weight:700; color:red}
.countdown .tit {float:left; font-style: italic; text-shadow: 1px 1px 2px #ffe57a,2px 2px 5px #686868}
.countdown .time {float:right}
.countdown .text {float:left; margin-right:.3vw}
.countdown .bloc-time {float:left; text-align:center}
.countdown .figure {position:relative; float:left; height:2vw; width:2vw; margin-right:.3vw; background-color:#fff; border-radius:.3vw; box-shadow: 0 .1vw .2vw #686868}
.countdown .figure > span {position:absolute; left:0; right:0}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {content:""; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:100%}
.countdown .figure .top {z-index:3; background-color:#f3f6f8; transform-origin:50% 100%; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-border-radius-topleft:.3vw; -webkit-border-top-left-radius:.3vw; border-top-left-radius:.3vw; -moz-border-radius-topright:.3vw; -webkit-border-top-right-radius:.3vw; border-top-right-radius:.3vw; -moz-transform: perspective(2vw); -ms-transform: perspective(2vw); -webkit-transform: perspective(2vw); transform: perspective(2vw)}
.countdown .figure .bottom {z-index:1}
.countdown .figure .bottom:before {content:""; position:absolute; display:block; top:0; left:0; width:100%; height:50%; background-color:rgba(0, 0, 0, 0.02)}
.countdown .figure .bottom-back {z-index:2; top:0; height:50%; overflow:hidden; background-color:#f3f6f8; -moz-border-radius-topleft:.3vw; -webkit-border-top-left-radius:.3vw; border-top-left-radius:.3vw; -moz-border-radius-topright:.3vw; -webkit-border-top-right-radius:.3vw; border-top-right-radius:.3vw}
.countdown .figure .bottom-back span {position:absolute; top:0; left:0; right:0}
.countdown .figure .top, .countdown .figure .top-back {height:50%; overflow:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.countdown .figure .top-back {z-index:4; bottom:0; background-color:#fff; -webkit-transform-origin:50% 0; transform-origin:50% 0; -moz-transform:perspective(2vw) rotateX(180deg); -ms-transform:perspective(2vw) rotateX(180deg); -webkit-transform:perspective(2vw) rotateX(180deg); transform:perspective(2vw) rotateX(180deg); -moz-border-radius-bottomleft:.3vw; -webkit-border-bottom-left-radius:.3vw; border-bottom-left-radius:.3vw; -moz-border-radius-bottomright:.3vw; -webkit-border-bottom-right-radius:.3vw; border-bottom-right-radius:.3vw}
.countdown .figure .top-back span {position:absolute; top:-100%; left:0; right:0}
.fb-like {float:right}
.fb-page {width:28.5vw; margin-top:.5vw}
.flr {float:right!important; margin-right:2vw!important}
.fixed {position:fixed; height:3vw}
.fixed .HDi-cart {right:2.68vw; top:50vh}
.fixed .HDi-face {right:2.68vw; top:39vh}
.fixed .HDi-zalo {right:2.68vw; top:28vh}
.fixed .HDLink-phone {top:6.8vh}
.fixed .HDLink-number {opacity:0;display:none}
.fixed .HDLink-hotline:hover>.HDLink-number {opacity:1;display:block}
.fixed .HDlogo {display:none}
.fixed .HDsearch {position:absolute; top:0; left:23.5vw; margin:.25vw 0; width:25vw; height:2.5vw}
.fixed .HDsearch input {width:20vw; margin:0; padding:.5vw 0}
.fixed .HDsearch button {width:2.6vw; height:2.5vw;}
.fixed .HDmenu {margin-top:.5vw}
.fixed .HDmenuprod .li {display:none!important}
.fixed .HDmenuprod .li a {background:#fff}
.fixed .HDmenuprod .ul:hover>.li {display:block!important}
.HDbanner {display:table; width:99.8vw; height:31vw}
.HDbgcolor {border-radius:.68vw}
.HDbody {background:#fff; width:94vw; margin:3vw 2.9vw 0 3vw}
.HDbutton {color:#fff!important; font-size:1vw; line-height:2vw!important; margin:.5vw 0; padding:0 .68vw; border-radius:.3vw; cursor:pointer}
.HDcategory {float:left; width:46.15vw; height:25vw; margin:3vw 0 0 1.68vw}
.HDcategory:hover {box-shadow:2px 2px 5px #ccc}
.HDcategory a {font-size:1.68vw; line-height:3.3vw; font-weight:normal}
.HDcategory .content {float:right; background:rgba(255,255,255,.68); width:17.3vw; height:21vw; padding:2vw 1.5vw; line-height:1.6vw; text-align:justify; overflow:hidden}
.HDcategory hr {width:3.68vw}
.HDcontact {float:left; width:25vw; margin:1.68vw 0 0 3vw}
.HDcontact button {margin-top:1.68vw}
.HDcontent {padding:3vw}
.HDcode {font-size:1vw; border:solid 1px #383838; padding:1px 5px; border-radius:3px}
.HDclear {clear:both; line-height:0; height:0; margin:0; padding:0}
.HDdate {float:right; margin:-3.25vw 0 0 1vw; width:3vw; padding:.68vw .3vw 0 .3vw; color:#fff; font-size:1vw; font-weight:700; text-align:center; border-radius:2px}
.HDdate hr {width:100%; margin:0; border-bottom:solid 1px #fff}
.HDdate span {font-size:2.5vw}
.HDdesc {color:#383838; font-size:1.36vw; line-height:1.68vw; margin:1.68vw 0}
.HDdiscount {float:right; font-size:1vw; line-height:3vw; width:3vw; margin:0 0 -3vw 0; position:relative; z-index:1; background:url("/HDImage/skin/disc.png"); background-size:100% 100%; font-weight:normal; text-align:center; color:#fff}
.HDfoot {text-align:center; margin-top:3vw; background:rgba(168,168,168,.36); padding:0 2.9vw 0 3vw; line-height:3vw}
.HDfoot i {float:right; text-align:right; font-style:normal}
.HDfoot u {float:left; text-align:left; font-size:.8vw; text-decoration:none}
.HDfooter {float:left; max-width:29vw; margin:3vw 0 0 3vw; text-align:left; font-size:1.1vw; line-height:1.68vw}
.HDfooter a {}
.HDfooter h2 { font-weight:normal; font-size:1.2vw;text-transform:uppercase}
.HDfooter hr {margin:0 0 .5vw 0}
.HDfooter i {font-size:.86vw; line-height:1.68vw}
.HDfooter img {height:2vw; margin-top:.5vw}
.HDfooter .cert {height:3.68vw}
.HDicon {position:fixed; z-index:999999; width:3vw; height:3vw; box-shadow:0 2px 3px #686868; line-height:1.368vw; font-size:1vw; font-weight:bold; border-radius:100%; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDicon:hover {transform:scale(1.1) rotate(10deg)}
.HDi-cart{right:33vw; top:.5vw; text-align:center; font-weight:bold}
.HDi-face {background:url("/HDImage/skin/face.png"); background-size:cover; right:28vw; top:.5vw}
.HDi-zalo {background:url("/HDImage/skin/zalo.png"); background-size:cover; right:23vw; top:.5vw}
.HDLink {position:absolute; right:3vw; line-height:3.38vw; font-size:.86vw; color:#ccc}
.HDLink a {color:#ccc}
.HDLink-phone {position:fixed; width:12.5vw; height:12.5vw; cursor:pointer; top:-4.5vw; right:-2vw; z-index:8; opacity:.86; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDLink-phone.HDLink-show {visibility:visible}
.HDLink-circle {width:9vw; height:9vw; top:1.75vw; left:1.75vw; position:absolute; background-color:transparent; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid rgba(30,30,30,.4); opacity:.5; -webkit-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -moz-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -ms-animation:HDLink-circle-anim 1.2s infinite ease-in-out; -o-animation:HDLink-circle-anim 1.2s infinite ease-in-out; animation:HDLink-circle-anim 1.2s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-circle-fill {width:5.5vw; height:5.5vw; top:3.5vw; left:3.5vw; position:absolute; background-color:#000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid transparent; opacity:.3; -webkit-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -o-animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; animation:HDLink-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-img-circle {width:2.5vw; height:2.5vw; top:5vw; left:5vw; position:absolute; background:rgba(30,30,30,.1) url("../HDImage/skin/call.png") no-repeat center center; background-size:100% 100%;  -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:.168vw solid transparent; opacity:1; -webkit-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -moz-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -ms-animation:HDLink-circle-img-anim 1s infinite ease-in-out; -o-animation:HDLink-circle-img-anim 1s infinite ease-in-out; animation:HDLink-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin:50% 50%; -moz-transform-origin:50% 50%; -ms-transform-origin:50% 50%; -o-transform-origin:50% 50%; transform-origin:50% 50%}
.HDLink-number {color:#fff; text-shadow:1px 1px 2px #000; width:16.8vw; height:3vw; margin:5vw 0 0 -10vw; text-align:left; padding-left:1.333vw; border-radius:3.38vw; font-size:2vw; font-weight:700; line-height:3vw; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out}
.HDlogo {float:left; height:3vw; width:17.5vw; margin:.5vw 0 .3vw 3vw}
.HDlogo img {height:3vw; width:17.5vw}
.HDmain {margin:3vw 2.9vw 0 3vw}
.HDmain .countdown {width:94vw; padding:0}
.HDmain .countdown .figure {height:2.1vw}
.HDmain-prod {margin:0 0 0 1.32vw}
.HDmain-prom {width:94vw; margin:3vw 0 0 3vw; border-radius:.86vw}
.HDmain-prom .HDbutton {float:right; margin:-.5vw 1.25vw .5vw 0}
.HDmaps {float:left; width:60vw; margin-top:1.68vw; border-radius:5px; box-shadow:2px 2px 5px #ccc}
.HDmaps iframe {width:60vw; height:30vw; border:0; border-radius:.5vw; margin-bottom:-.5vw}
.HDmenu {float:right; margin:.68vw 2.9vw 0 0}
.HDmenu-close {display:none}
.HDmenu-closeok {display:none}
.HDmenu ul {}
.HDmenu li {float:left; position:relative; z-index:9; display:inline-block; list-style:none; cursor:pointer}
.HDmenu li a {display:block; color:#fff; text-transform:uppercase; letter-spacing:.1vw; padding:0 .68vw; font-size:.86vw; line-height:2vw; border-radius:.3vw}
.HDmenu li a.tab {content: ""; width: 1px; height: 100%; padding: 0; background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%); background-image: -moz-linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%); background-image: linear-gradient(top,rgba(255,255,255,0) 5%,rgba(255,255,255,0.3),rgba(255,255,255,0) 95%);}
.HDmenumobile {display:block}
.HDmenumobile .HDmenumobile-bt {display:none}
.HDmenuprod {position:absolute; width:17.5vw; margin:0 0 0 3vw; text-align:left}
.HDmenuprod:hover {box-shadow:0 1px 2px #999}
.HDmenuprod .ul a {color:#fff; float:left; width:14.5vw; padding:0 1.5vw; line-height:3vw; background:rgba(0,0,0,.1); color:#fff; font-weight:bold}
.HDmenuprod .li {display:none}
.HDmenuprod .li a {float:left; color:#383838; font-weight:normal; width:14.5vw; padding:0 1.5vw; line-height:3vw; background:rgba(255,255,255,.9); border-top:solid .1vw #f3f6f8}
.HDmenuprod .ul:hover>.li {display:block}
.HDmuc-luc {float:right; width:30vw; border:solid 1px #168; padding:1vw; margin:0 0 1vw 2vw}
.HDnote {background:#fff; color:#686868; font-size:1.68vw; line-height:2vw; padding:3vw; border-radius:.5vw}
.HDnews {float:left; background:#fff; width:22.22vw; margin:3vw 0 0 1.68vw; border-radius:3px; border-bottom:solid 5px #ccc}
.HDnews:hover {box-shadow:2px 2px 5px #ccc}
.HDnews img {width:22.22vw; height:12.34vw}
.HDnews .content {text-align:justify; padding:0 1vw; margin:.68vw 0; font-size:1.2vw; height:6.8vw; line-height:1.68vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:4; display: -webkit-box; -webkit-box-orient: vertical}
.HDnews .HDdate {margin:-3px 1vw 0 0}
.HDnews .name {display:table; height:5vw; text-align:left; padding:.3vw .68vw .3vw 1vw}
.HDnews .name a {display:table-cell; vertical-align:middle; font-size:1.2vw; line-height:1.5vw; font-weight:bold; color:#383838}
.HDnews .name:before {position:absolute; z-index:1;margin:5vw 0 0 1.68vw; width:0; height:0; content:""; border-top:1vw solid #fff; border-left: 1vw solid transparent; border-right: 1vw solid transparent;}
.HDnewsz {overflow:hidden; position:relative; display:inline-block; width:22.22vw; height:12.34vw}
.HDorder-left {float:left; width:65vw; height:40vw; padding:1vw; overflow:auto; -ms-overflow-style: none; scrollbar-width: none}
.HDorder-left::-webkit-scrollbar {display: none}
.HDorder-left h1 {text-align:center; margin-bottom:.68vw}
.HDorder-right {float:right; width:25vw; padding:1vw; text-align:center}
.HDprhot {box-shadow: 0 2px 3px #aaa}
.HDprod {float:left; width:16.8vw; height:25vw; overflow:hidden; margin:1.68vw 0 0 1.68vw; padding:.35vw; border-radius:.5vw; background:#fff}
.HDprod b {font-size:1.68vw; color:red; letter-spacing:.1vw; margin-left:.5vw}
.HDprod i {color:#686868; margin-left:.5vw; overflow: hidden; font-weight:normal!important; text-overflow: ellipsis; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical}
.HDprod s {color:#999; margin-left:.68vw; font-weight:normal!important}
.HDprod img {height:16.8vw}
.HDprod .name {height:3vw; line-height:1.5vw; margin:.5vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical}
.HDprodz {overflow:hidden; position:relative; display:inline-block; width:16.8vw; height:16.8vw; border-radius:.3vw}
.HDprom {float:left; width:10vw; height:15vw; overflow:hidden; margin:1vw 0 1vw 1vw; padding:.3vw; border-radius:.3vw; background:#fff}
.HDprom b {font-size:1.1vw; color:red}
.HDprom s {font-size:.86vw; color:#999; margin-left:.5vw}
.HDprom img {height:10vw}
.HDprom .name {font-size:1.1vw; line-height:1.5vw; height:3vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical}
.HDpromz {overflow:hidden; position:relative; display:inline-block; width:10vw; height:10vw; border-radius:.2vw}
.HDpro-left {float:left; width:39vw}
.HDpro-right {float:right; width:53vw; height:39vw}
.HDpro-head {position:relative; z-index:1; height:1.5vw; background:linear-gradient(to bottom,#fff 0%,#fff 3.68%, rgba(0,0,0,0) 100%)}
.HDpro-foot {position:relative; z-index:1; height:1.5vw; background:linear-gradient(to top,#fff 0%,#fff 3.68%, rgba(0,0,0,0) 100%)}
.HDpro-detail {height:37vw; margin:-1.5vw 0; padding:1vw 1vw 1vw 0; text-align:justify; overflow:auto; -ms-overflow-style: none; scrollbar-width: none}
.HDpro-detail::-webkit-scrollbar {display: none}
.HDpro-detail .price {color:red; font-size:2.5vw; line-height:2.5vw; letter-spacing:.2vw}
.HDpro-detail .disc {color:#fff; background:#FF7289; border-radius:0 1vw; padding:.25vw .68vw; margin-left:1vw}
.HDpro-detail .item {float:left; margin-right:1.68vw}
.HDpro-detail form {border-top:solid 1px #f0f0f0; margin-top:1vw}
.HDpro-detail-info {margin-top:1.5vw}
.HDpro-detail-info input[type=radio] {display:none}
.HDpro-detail-info label {background:#fafafa; border:solid 1px #f0f0f0; border-radius:.5vw; padding:.5vw 1vw; margin-left:.5vw; cursor:pointer}
.HDpro-detail-info div {float:left; width:3.68vw}
.HDpro-detail-form {margin:1.68vw 0; padding:.68vw 1.68vw; background:#f3f6f8}
.HDpro-detail-form button {position:relative; z-index:2}
.HDpro-detail-form button.sl {width:3vw; line-height:2.68vw; color:#383838; background:#fff; margin:0; padding:0 0 .1vw 0; border:0}
.HDpro-detail-form input.sl {position:relative; z-index:2; background:#fff; width:6.8vw; line-height:2.68vw; margin:0; padding:.15vw 0 0 0; border:0; text-align:center; box-shadow:none; border-radius:none}
.HDpro-more {background:#f3f6f8; margin-top:1.68vw; border-radius:.5vw; padding:.5vw 0 0 0}
.HDpro-more .HDmore {float:right; line-height:15vw; margin:1vw; padding:.3vw 1.3vw; background:#fff; border-radius:.3vw}
.HDpro-more h2 {font-size:1.2vw; margin:0 0 0 1vw}
.HDpro-more hr {margin:0 0 0 1vw}
.HDrelated {float:left; width:25vw; height:5vw; margin:.5vw 1vw 0 0; text-align:justify; display:table}
.HDrelated a {line-height:1.68vw; color:#000}
.HDrelated .info {display:table-cell; vertical-align:middle; width:100%}
.HDrelatedz {overflow:hidden; position:relative; display:inline-block; width:9vw; height:5vw; margin:.5vw .68vw 0 0; border-radius:2px}
.HDsearch {float:left; background:rgba(255,255,255,.86); width:35vw; height:3vw; border-radius:3vw; padding:0 1.33vw; margin:.5vw 0 0 3vw}
.HDsearch input {background:rgba(0,0,0,0); box-shadow:none; float:left; line-height:1.68vw; margin-top:.25vw; padding:.68vw 0 .38vw 0; text-align:left; width:33vw; border:0}
.HDsearch input:focus {outline:none}
.HDsearch button {float:right; width:3vw; height:3vw; padding:0; margin:0 -1.33vw 0 0; border:0; border-radius:100%; background:url("/HDImage/skin/find.png") center no-repeat; background-size:auto 1.68vw}
.HDsearch button:hover {background:url("/HDImage/skin/find.png") center no-repeat; background-size:auto 1.86vw; border:0;}
.HDslides {position:relative}
.HDslides-div {background:#fff;width:39vw; height:39vw; text-align:center}
.HDslides-div img {height:39vw}
.HDslides-bullet {position:absolute;bottom:2vw;right:2vw;}
.HDslides-bullet .i {position:absolute;cursor:pointer; width:1vw;height:1vw;}
.HDslides-bullet .i .b {fill:#000;fill-opacity:0.6;stroke:#fff;stroke-width:1600;stroke-miterlimit:10;stroke-opacity:0.8;}
.HDslides-bullet .i:hover .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:1;}
.HDslides-bullet .iav .b {fill:#fff;stroke:#000;stroke-width:1600;fill-opacity:.6;}
.HDslides-bullet .i.idn {opacity:.3;}
.HDslides-bullet svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslides-arrow {display:block;position:absolute; z-index:3; cursor:pointer;width:3.68vw;height:6.8vw;top:0px; background:rgba(0,0,0,.1); border-radius:.5vw}
.HDslides-aleft {left:1.68vw}
.HDslides-aright {right:1.68vw}
.HDslides-arrow .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.HDslides-arrow:hover {opacity:.8;}
.HDslides-arrow.arrowdn {opacity:.5;}
.HDslides-arrow.arrowds {opacity:.3;pointer-events:none;}
.HDslides-arrow svg {position:absolute;top:0;left:0;width:100%;height:100%}
.HDslideshome {width:99.8vw; height:30.75vw}
.HDslideshome-div {width:99.8vw; height:30.75vw}
.HDslideshome .HDslides-bullet {position:absolute;top:35vw}
.HDtable {width:52vw; overflow-x:auto}
.HDtitle {width:94vw; height:3vw; margin:3vw 0 0 1.68vw}
.HDtitle span {float:left;width:14.5vw; line-height:3vw; color:#fff; font-weight:bold; padding:0 1.5vw; white-space:nowrap; text-transform:uppercase}
.HDtitle a {float:right; line-height:3vw}
.HDview {background:url(/HDImage/skin/view.png) left center no-repeat; background-size:auto 100%; line-height:2vw; padding:0 0 0 30px; float:right}
.HDyoutube {width:50vw; height:24.68vw; margin:1.68vw 0; background:url("/HDImage/skin/tivi.png") no-repeat center center; background-size:100% 100%; padding:1vw 1vw 8vw 1vw}
.HDyoutube iframe {width:50vw; height:28vw}
.HDzoom {transition:transform .5s ease}
.HDzoom:hover {transform:scale(1.1) rotate(3deg)}