/**@font-face {
    font-family: helvetica;
    src: url('../fonts/helvetica/Helvetica.ttf');
}
@font-face {
    font-family: helvetica;
    font-style: italic;
    src: url('../fonts/helvetica/HelveticaNeue-Italic.otf');
}

/** font-wegiht:bold **/
/**
@font-face {
    font-family: helvetica;
    font-weight: 500;
    src: url('../fonts/helvetica/HelveticaNeue-Medium.otf');
}
@font-face {
    font-family: helvetica;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/helvetica/Helvetica-Bold.ttf');
}
@font-face {
    font-family: helvetica;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/helvetica/Helvetica-Bold.ttf');
}
@font-face {
    font-family: helvetica;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/helvetica/Helvetica-Bold.ttf');
}

@font-face {
    font-family: helvetica;
    font-style: italic;
    font-weight: bold;
    src: url('../fonts/helvetica/HelveticaNeue-BoldItalic.otf');
}
@font-face {
    font-family: helvetica;
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/helvetica/HelveticaNeue-BoldItalic.otf');
}
@font-face {
    font-family: helvetica;
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/helvetica/HelveticaNeue-BoldItalic.otf');
}
**/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
hr{background:none;

border-bottom:1px solid #ccc;

height:0}

body{font: 14px/20px Roboto,Helvetica,Arial,sans-serif;

position:relative;

color:#000000}

a{text-decoration:none;

color:#000000}

a:hover{color:#1143cf}


*{margin:0;

padding:0;
box-sizing: border-box;}

p{margin-bottom:5px}

img{border:0}


input[type=text],

input[type=password],

input[type=date],

input[type=datetime],

input[type=datetime-local],

input[type=month],

input[type=week],

input[type=email],

input[type=number],

input[type=search],

input[type=tel],

input[type=time],

input[type=url],

input[type=color],

textarea,

select,

.mod-birthday {

    border-radius: 0;

    background-color: #FFF;

    border-style: solid;

    border-width: 1px;

    border-color: #eee;

    /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); */

    color: rgba(0, 0, 0, .75);

    display: block;

    outline: 0;

    font-family: inherit;

    font-size: .875rem;

    margin: 0;

    padding: .5rem;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    /* -webkit-transition: border-color .15s linear, background .15s linear; */

    -moz-transition: border-color .15s linear, background .15s linear;

    -ms-transition: border-color .15s linear, background .15s linear;

    -o-transition: border-color .15s linear, background .15s linear;

    /* transition: border-color .15s linear, background .15s linear; */

}

input[type=text]:focus,

input[type=password]:focus,

input[type=date]:focus,

input[type=datetime]:focus,

input[type=datetime-local]:focus,

input[type=month]:focus,

input[type=week]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=search]:focus,

input[type=tel]:focus,

input[type=time]:focus,

input[type=url]:focus,

input[type=color]:focus,

textarea:focus {

    background-color: #fafafa;

    border-color: #eee;

    outline: 0;

}

input[disabled] {

    background-color: #f4f4f4;

    opacity: 1;

    border: .5px solid #e4e4e4;

    color: #b0b0b0;

}

ul,ol{list-style:inside}

h1,h2,h3{font-weight: 500;}

h1{font-size: 25px;line-height: 35px;}

h2{font-size: 22px;line-height: 25px;}

h3{font-size: 18px;line-height: 20px;}

.clear{clear:both}

.container{width:1214px;
max-width: 100%;
margin:auto;}

.rating-stars ul{list-style-type:none;

padding:0;

margin-right: 6px;float: left;

-moz-user-select:none;

-webkit-user-select:none}

.count-vote{color:#009cff;/* float: left; */}

.rating-stars ul > li.star{display:inline-block}

.text-message{padding:5px}

.rating-stars ul > li.star > i.fa{font-size:1.5em;

color:#ccc}

.rating-stars ul > li.star.hover > i.fa{color:#FFCC36}

.rating-stars ul > li.star.selected > i.fa{color:#FF912C}
.rating-stars.rating-product-item ul > li.star > i.fa {font-size: 1em;}

.rating-stars.rating-product-item ul > li.star {float: left;}

.rating-stars.rating-product-item {margin-top: 10px;overflow: hidden;}

.rating-stars.rating-product-item .count-vote {color: #818181;}
.content img{max-width:100%;

height:auto !important;

}

#wrapper{margin:0 auto}

.list-col {
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: left;
}
.col-flex {
    flex-direction: row;
    display: flex;
    align-items: center;
}
.col-flex-top {display: flex;flex-direction: row;flex-wrap: nowrap;align-content: flex-start;justify-content: center;align-items: flex-start;}
.panel {margin-bottom: 30px;}

.row:before,.row:after{display:table;

content:''}

.row:after{clear:both}

.top-hotline{text-align:left;display:inline-block;vertical-align:middle;background: url('../img/icon-phone.png') left center no-repeat;background-size: 40px;padding: 0px 0;padding-left: 48px;height: 40px;float: left;margin-left: 35px;}
.top-hotline strong {
    display: block;
    margin-bottom: 2px;
}
.top-buildpc {
    float: left;
    margin-left: 45px;
}

.top-buildpc img {
    height: 40px;
    width: auto;
    display: inline-block;
}

.top-buildpc a {
    display: flex;
    overflow: hidden;
    float: right;
}
.report-date{width:14%;

position:relative;

display:inline-block;

vertical-align:middle;

text-align:right;

padding:0 10px}

img{max-width:100%}

.report-date img{max-width:100%;

top:0;

right:10px}

.worktime{font-size:11.04px;

text-shadow:.1px .1px .1px #585858;

text-align:center}

#slider1_container{position:relative;width:960px;top:0;left:0;height:480px;margin-left:20%;overflow:hidden;border-left: 3px solid #FFF;}

#cate_hori.show-menu{visibility:visible;

opacity:1}

.box-slide{cursor:move;

width:100%;

height:480px;

position:absolute;

left:0;

top:0;

overflow:hidden}

.content_center{}

.content_left{width:23%;

float:left;

padding-right:20px}

.content_right{float:right;

width:77%;

box-shadow:0 0 3px #eee}

.bg-panel{background: #FFF;}

.panel-heading{font-weight: bold;

font-size:23px;

color: #000000;

text-transform:uppercase;

border-bottom: 2px solid #60a2f8;

margin-bottom:10px}

.panel-title{line-height:22px;

display:inline-block;

padding:5px 0;

font-weight: bold;

font-size:20px}

.panel-body{padding:10px 0}
.header-line-center {position: relative;text-align: center;overflow: hidden;margin-bottom: 10px;}

.header-line-center span {font-weight: 600;text-transform: uppercase;font-size: 25px;line-height: 35px;position: relative;padding: 0 20px;text-align: center;display: inline-block;}

.header-line-center span:before {position: absolute;content: '';top: 50%;left: -600px;height: 1px;background: #ccc;width: 600px;}

.header-line-center span:after {position: absolute;
    content: '';
    top: 50%;
    right: -600px;
    height: 1px;
    background: #ccc;
    width: 600px;}
.header-img img {display: inline-block;vertical-align: middle;}

.header-deal span {text-transform: uppercase;font-weight: 600;font-size: 18px;line-height: 30px;display: inline-block;color: #ff0;}

.header-deal img {max-height: 30px;}

.header-deal a {display: block;margin-bottom: 10px;}
.col-left{width:50%;

float:left}
.title {
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}
.panel-spec table{width:100%!important}

.col-right{width:50%;

float:right;

padding-left:10px;

box-sizing:border-box}

.list-spec-img{padding:0 5px;

box-sizing:border-box}

.list-spec-img .owl-prev{left:5px}

.list-spec-img .owl-next{right:5px}

.fixed{position:fixed;

top:0;

width:577px;

z-index:999999999999;

background:#fff}

.spec-info{background-color:#f1f2f2;

display:block;

width:100%;

overflow:hidden;

padding:10px}

.spec-info h3{font-weight:700;

font-size:24px;

color:#000;

line-height:45px;

height:45px;

overflow:hidden;

white-space:nowrap;

text-overflow:ellipsis;

text-align:left}

.spec-info .spec-description{line-height:22px;

font-size:14px;

height:66px;

overflow:hidden;

color:#000;

text-align:left}

.banner-ad{z-index:3;

position:absolute;

margin-top:5px}

.banner-ad img{max-width:150px}
.box-scroll-home{
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    -ms-scroll-chaining: chained;
    -webkit-overflow-scrolling: touch;
}
#ad-left{text-align:right}

#ad-right{text-align:left}

#back-top{}

.simplemodal-wrap{}

#top-bar{background:url(../img/top_bar.gif) repeat-x top left;

height:36px}

#top-bar .container{position:relative}

.transition{transition:all 500ms ease;

-moz-transition:all 500ms ease;

-webkit-transition:all 500ms ease;

-o-transition:all 500ms ease}

.hover_scale:hover{transform:scale(1.1);

-moz-transform:scale(1.1);

-webkit-transform:scale(1.1);

-o-transform:scale(1.1)}

#social a{display:block;

background:url(../img/icon/social_icon.png) no-repeat;

margin:0 auto;

margin-top:2px;

height:30px;

width:30px;

transition:.2s}

#social a.item-1{background-position:0 0}

#social a.item-1:hover{background-position:0 -30px}

#social a.item-2{background-position:-30px 0}

#social a.item-2:hover{background-position:-30px -30px}

#social a.item-3{background-position:-90px 0}

#social a.item-3:hover{background-position:-90px -30px}

#social a.item-4{background-position:-150px 0}

#social a.item-4:hover{background-position:-150px -30px}

#header{

background:#fff;

padding: 20px 0;}

#banner{



}

#banner img{float:left;

max-width:100%}

.menu-top{

width:100%;background: #4c97f2;}

.menu-heading{position:relative}

.menu-heading:after{position:absolute;

content:"";

right:-15px;

top:6px;

width:0;

height:0;

border-left:4px solid transparent;

border-right:4px solid transparent;

border-top:5px solid #fff}

#menu_page_panel{width:100%;

float:left;

box-sizing:border-box;position: relative;z-index: 9999;}

#menu-page{display:flex;

justify-content:space-between;position: relative;}

#menu-page>li{

text-align:center;

padding: 10px;

box-sizing:border-box}

#menu-page>li>a{color:#fff;

font-weight: 500;text-transform: uppercase;white-space: nowrap;display: flex;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;flex-direction: row;}


#menu-page>li>a> img{max-height:25px;

width:auto;

padding:0 5px;

display:inline-block;

vertical-align:middle;

margin:0 auto}
.sub-menu {opacity: 0;
    visibility: hidden;position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    width: 100%;
    padding: 10px;background: #FFFFFF;
    z-index: 99;border: 1px solid #eee;border-top: none;-o-transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;-webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
#menu-page>li:hover .sub-menu {opacity: 1;
    visibility: visible;
    top: 100%;-o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    
    
    }
.cate-list {list-style-position: inside;}

.cate-list li {width: 50%;float: left;text-align: left;white-space: nowrap;margin-bottom: 6px;}
.price-menu {border-left: 1px solid #eee;padding-left: 30px !important;}
.list-price-menu li {text-align: left;margin-bottom: 6px;}

.btn-more-product{cursor:pointer;

padding:6px 12px;

border:1px solid #11c36eb3;

color:#01592f;

display:-webkit-inline-box;

margin-top:5px;

border-radius:4px}

.btn-more-product:hover{background:#fafafa}

.view-more{cursor:pointer;

padding:6px 12px;

border:1px solid #11c36eb3;

color:#01592f;

display:-webkit-inline-box;

margin-top:5px;

margin-bottom:5px;

margin-right:5px;

border-radius:4px}

.view-more:hover{background:#fafafa}

.f-field{text-align:right}

#bg-cart{position:absolute;

right:5px;

top:0;

line-height:55px}

#bg-cart .content{background:url(../img/gio_hang.png) no-repeat left center;

background-size:26px;

padding-left:30px;

float:left;

color:#000}

#cart{font-size:14px}

#category{background:#fff;

left:1px;

top:2px;

position:absolute;

cursor:pointer;

z-index:10}

#category .top{height:30px;

background:#fff url(../img/category_bg.png) no-repeat bottom center;

width:190px}

#category .top .title{font-weight:700;

line-height:30px;

text-align:center;

color:#e30010;

font-size:13px}

.cate-child{list-style:none;

float:right}

.cate-child li{float:left;

padding:0 10px}

.cate-child li a{color:#1143cf;

line-height:30px}

.cate-child li:hover > a{color:#a80028}

#lv1{display:none;

background:#fff;

position:absolute;

top:30px;

width:190px;

left:0;

list-style:none;

border:1px solid #ccc}

#lv1>li{position:relative}

#lv1>li>a{display:block;

font-weight:700;

padding:8px 10px;

border-bottom:1px solid #cecece;

background:url(../img/bullet.gif) no-repeat right center;

background-position:95%}

#lv1>li>a:hover{background-color:#c00;

color:#fff}

#lv1>li:last-child>a{border-bottom:none}

#lv2,#lv3{display:none;

background:#fff;

position:absolute;

top:-1px;

width:190px;

left:190px;

list-style:none;

border:1px solid #ccc}

#lv2>li,#lv3 li{position:relative}

#lv2>li>a,#lv3>li>a{display:block;

font-weight:700;

padding:8px 10px;

border-bottom:1px solid #cecece;

background:url(../img/bullet.gif) no-repeat right center;

background-position:95%}

#lv3>li>a{background:none}

#lv2>li:last-child>a,#lv3>li:last-child>a{border-bottom:none}

#lv2>li>a:hover,#lv3>li>a:hover{background-color:#c00;

color:#fff}

.adv-cate{margin-bottom:20px}

.adv-cate img{max-width:100%}

.adv-cate .item{float:left;

width:100%;

margin-right:10px}

#support{display:none}

#support{background:#f8f8f8;

padding:20px;

width:350px;

position:absolute;

right:0;

top:100%;

z-index:9999;

display:none;

box-shadow:0 0 3px #ccc}

.sp-hover{position:relative}

#support .support-item:nth-of-type(2n+1){clear:both}

#support .title,#h-support .title{font-weight:700;

font-size:24px;

text-transform:uppercase;

line-height:40px;

margin-bottom:10px;

text-align:center;

color:#df0000}

.support-item{float:left;

width:50%;

padding:0 5px;

box-sizing:border-box;

margin-bottom:10px}

.support-item .name{color:#353535;

font-size:14px}

.support-item .phone{font-size:11px}

.support-item img{max-width:100px}

#h-support{width:40%;

box-sizing:border-box;

height:200px;

box-sizing:border-box;

padding-right:10px;

float:left}

#first-adv{width:60%;

box-sizing:border-box;

height:200px;

overflow:hidden;

float:left;

margin-bottom:10px;

padding-left:10px}

#slider{width:100%;

height:30%;

float:left;

margin-bottom:10px;

box-sizing:border-box;

position:relative}

#mess{background:url(../img/mess_bg.png) repeat-x bottom left;

height:55px;

border:1px solid #ccc;

margin-bottom:10px;

padding:10px;

text-align:center}

#mess img{}

#search_panel{width: 100%;}

#search_panel form,
.frm-search form{position:relative}

#search_panel input[type="text"],
.frm-search input[type="text"]{height:40px;width:100%;box-sizing:border-box;border-radius: 5px;padding: 3px 10px;outline:0;background: #ebebeb;}

#search_panel form button,
.frm-search button{outline:0;position:absolute;right:0;top:0;height:40px;width: 50px;background: url(../img/search-icon.png) center no-repeat;border: none;background-size: 24px;}

#search{background:#4CB8EA;

background:-moz-linear-gradient(#4CB8EA,#3482A6);

background:-webkit-gradient(#4CB8EA,#3482A6);

background:-webkit-linear-gradient(#4CB8EA,#3482A6);

background:-ms-linear-gradient(#4CB8EA,#3482A6);

background:linear-gradient(#4CB8EA,#3482A6);

padding:10px;

border-radius:3px;

box-sizing:border-box;

position:relative}

#search-box{right:0;

top:4px;

float:left}

#search_price{overflow:hidden;

float:right}

#search-box .txt-search{border:1px solid #ccc;

border-radius:3px;

padding:4px 5px;

transition:.2s;

margin-right:5px;

float:left;

height:30px;

box-sizing:border-box}

#search-box .txt-search:hover,#search-box .txt-search:focus{box-shadow:1px 1px 2px #ccc inset}

#search-box .sel-cate,#search-box .sel-Origin,.sel_price,.sel-configure{padding:3px 5px;

border:1px solid #ccc;

border-radius:3px;

margin-right:5px;

float:left;

width:170px;

height:30px}

#search-box .but-search{background:#327b9d url(../img/search_icon.png) no-repeat center;

width:30px;

height:30px;

display:block;

float:left;

border-radius:5px;

cursor:pointer;

margin-right:5px}

#search-box .but-search:hover{background-color:#ffa800}

.config-filter{float:right;

height:30px;

line-height:30px;

background:#fff;

border-radius:5px}

.config-filter label{background:url(../img/down-icon.png) right 10px no-repeat;

border-right:5px solid #fff;

color:#206788;

cursor:pointer;

display:block;

padding:0 10px;

padding-right:15px;

border-radius:5px}

.config-filter.active label{background:url(../img/up-icon.png) right 10px no-repeat}

.config-box{position:absolute;

width:100%;

background:#f0f7ff;

border:1px solid #3380a4;

left:0;

right:0;

top:96%;

z-index:9999999;

padding:10px 5px;

box-sizing:border-box;

display:none}

.config-filter.active .config-box{display:block}

.group-config{display:flex;

justify-content:space-between;

list-style:none}

.group-config li{box-sizing:border-box}

.group-config>li{padding:0 5px}

.group-config li strong{display:block;

color:#206788}

.group-config li ul li{line-height:25px}

.group-config li ul li a{color:#000}

.group-config li ul li a.active,.group-config li ul li:hover>a{color:red}

.btn-filter{display:inline-block;

cursor:pointer;

background:#206788;

color:#FFF;

border-radius:5px;

outline:0;

padding:0 5px}

ul{list-style:none}

.h-field{margin-bottom:20px;



position:relative}


.category-gallery{position:absolute;

bottom:5px;

width:100%}

.category-gallery a{width:33.33%;

float:left;

box-sizing:border-box}

.category-gallery a img{max-width:100%;

max-height:unset!important}

.product-item{background:#FFF;

height:100%;

padding: 15px;

border-radius: 10px;-moz-transition:all .3s ease 0;

-webkit-transition:all .3s ease 0;

-o-transition:all .3s ease 0;

transition:all .3s ease 0;

-webkit-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 30%);}

.product-item:hover{-webkit-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 40%);

-moz-box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 40%);

box-shadow: 1px 3px 5px 0 rgb(0 0 0 / 40%);}

.product-scroll-item {padding: 7px;height: 100%;}


.product-img{text-align:center;

margin-bottom:10px;

position:relative}

.product-img img{max-width:100%;margin: 0 auto;}
.pro-img-box {
    display: block;
    position: relative;
}
.pro-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;    
    background-position: center !important;
    background-size: unset !important;
}

.product-name{


font-size:14px;line-height: 20px;font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;margin-bottom: 5px;min-height: 40px;}
    .gol-price-promo {display: inline-block;white-space: nowrap;}
.price-box{padding:5px 0;

margin-top: 5px;}

.price{color: white;margin-bottom:0;
    
line-height: 20px;font-weight: 600;font-size: 15px;padding: 2px 10px;border-radius: 8px;display: inline-block;vertical-align: middle;background: #ff0000;background: linear-gradient(to right,#FF0000 100%, #fc6e6f 0%);}

.old-price{text-decoration:line-through;font-size: 14px;color: #727272;margin-bottom:0;line-height: 20px;display: inline-block;vertical-align: middle;padding: 2px 10px;}
.price-contact {
    color: #333;
    padding: 0;
    padding-top: 5px;
}
.price-contact p:last-child {
    margin: 0;
}

.price-nobg {
    color: #df2626;
    font-size: 16px;
}
.search-price {color: red;
    margin-bottom: 0;
    margin-right: 5px;
    line-height: 20px;
    font-weight: 600;
    font-size: 15px;
    padding: 2px 5px;
    
    display: inline-block;
    vertical-align: middle;}
.product-detail {background: #f6f6f6;padding: 0;border-radius: 8px;margin-top: 5px;}
.product-detail li{float: left;



vertical-align: middle;

line-height: 20px;

padding: 4px 6px;margin-bottom: 0;overflow: hidden;}
.product-detail li img {float: left;margin-right: 4px;}
.product-detail li span{float: left;





overflow:hidden;



font-size:12px;

color:#818181;



white-space:nowrap;/* line-height: 20px; */}
.product-payment-image {margin-top: 8px;}

.product-payment-image img {display: block;max-width: 100%;height: auto;}
.product-vlist{border-bottom:1px solid #eee;

padding:15px 0;

margin-bottom: 20px;border-radius: 10px;width:100%;background: #FFF;-moz-transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -o-transition: all .3s ease 0;
    transition: all .3s ease 0;
    -webkit-box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 50%);
    -moz-box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 50%);
    box-shadow: 1px 3px 6px 0 rgb(0 0 0 / 50%);}

.vlist-img{float:left;width:30%;position:relative;text-align: center;}

.vlist-img img{max-width:100%;margin: 0 auto;}

.vlist-info{float:left;

width:70%;

padding-left:20px;

padding-right:10px;

position:relative}

.vlist-name{display:inline-block;

max-width:65%;

overflow:hidden;

color:#1143cf;

font-size:15px;

line-height:22px}

.vlist-price{height:auto;

position:absolute;

top:0;

right:10px;

text-align:right}

.vlist-detail{padding:10px 0;

margin-left:-5px;

margin-right:-5px}

.vlist-detail li{margin-bottom:2px;

line-height:22px;

padding:2px 5px}

.vlist-detail li:nth-of-type(2n+1){clear:both}

.vlist-detail li label{display:block;

float:left;

line-height:17px;

width:auto;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

vertical-align:top;

padding-right:5px;

font-size:13px;

font-weight:700;

color:#333}

.vlist-detail li span{display:block;

line-height:17px;

overflow:hidden;

vertical-align:top;

font-size:13px;

color:#818181;

text-overflow:ellipsis;

}

.product-item-wrap{width:100%;

position:relative;

border-right:1px solid #eee;

border-bottom:1px solid #eee;

overflow:hidden;

padding-bottom:50px;}

.h-product-item{float:left;width:20%;position:relative;border-right:1px solid #eee;border-bottom:1px solid #eee;overflow:hidden;padding-bottom:50px;transition: all 300ms ease;-moz-transition: all 300ms ease;-webkit-transition: all 300ms ease;}

.h-product-item img,.product-item-wrap img{max-width:100%;max-height: 190px;margin: 0 auto;}

.h-product-item .name{padding:0 10px;

text-align:left;

margin-bottom:10px;

line-height:20px;

white-space:nowrap;

text-overflow:ellipsis;

overflow:hidden;

color:#000;

font-size:14px}

.product-item-wrap .name{padding:0 10px;

text-align:left;

overflow:hidden;

text-overflow:ellipsis;

margin-bottom:10px;

white-space:nowrap}

.h-product-item:hover,.product-item-wrap:hover{background:#fdfdfd;}

.h-product-item .pro-img,.product-item-wrap .pro-img{display:block;

padding:5px;

position:relative;

text-align:center;

margin-bottom:10px}

.h-feature-item .pro-img{padding:0;}

.h-product-item .cover,.product-item-wrap .cover{display:block;

bottom:-100%;

left:0;

right:0;

position:absolute;

padding:10px;

z-index:100;

top:100%;

background:#f9f9f9;

width:100%;

transition:1s;

color:#717171;

box-sizing:border-box}

.h-product-item .cover h3,.product-item-wrap .cover h3{font-weight:400;

font-size:14px;

line-height:18px;

margin-bottom:5px;

color:#1143cf}

.h-product-item:hover .cover,.product-item-wrap:hover .cover{bottom:0;

top:0}

.h-product-item .status,.product-item-wrap .status{position:absolute;

right:0;

top:0}

.h-product-item .store,.product-item-wrap .store{font-weight:700;

color:blue}

.h-product-item .info,.product-item-wrap .info{display:block;padding:0 10px;background:#fafafa;text-align:left;line-height: 20px;height:50px;position:absolute;left:0;right:0;bottom:0;}

.h-product-item .promotion,.product-item-wrap .promotion{color:red;

font-size:11px;

font-weight:700}

.h-product-item .cover .price,.h-product-item .cover .promotion,.product-item-wrap .cover .price,.product-item-wrap .cover .promotion{line-height:15px;

margin-bottom:5px}

.h-feature-item{float:left;

width:40%;

position:relative;

border-right:1px solid #eee;

border-bottom:1px solid #eee;

overflow:hidden;

min-height:282px}

.h-feature-item img{
    max-height: unset;
}

.list-product{clear:both;

display:block;

display:-webkit-box;

display:-moz-box;

display:-ms-flexbox;

display:-webkit-flex;

display:flex;

-webkit-flex-flow:row wrap;

flex-flow:row wrap;

flex:1 100%;

height:auto}

.icon_selling,.icon_hot{position:absolute;

top:3px;

max-width:110px;    z-index: 999;}

.icon_selling{right:5px;

top:3px}

.icon_hot{left:5px;

top:3px}

.scroll-product,#hot-product,#other-Origin-product,#other-product .top{position:relative}

#policy{border-top:1px dashed #c6c6c6;

border-bottom:1px dashed #c6c6c6;

margin-bottom:20px;

padding:0}

#policy a{float:left;

display:block;

width:200px;

height:43px;

padding:5px 0;

background:url(../img/policy.png) no-repeat;

transition:.5s}

#policy a:hover{background-color:#e5e5e5}

#policy a.item-1{background-position:15px}

#policy a.item-2{background-position:-168px}

#policy a.item-3{background-position:-341px}

#policy a.item-4{background-position:-534px}

#policy a.item-5{background-position:-720px}

#Origin a{display:block;

float:left;

border-top:1px dashed #c6c6c6;

border-bottom:1px dashed #c6c6c6;

margin-bottom:10px;

transition:.4s;

padding:5px 0;

width:25%;

text-align:center}

#Origin a:hover{opacity:.6}

.field{margin-bottom:20px}

.field .top{background:url(../img/h_field_top.jpg) repeat-x bottom left;

height:30px}

.field .top .title{line-height:30px;

background:url(../img/h_field_icon.png) no-repeat left center;

background-position:5px;

padding-left:35px;

text-transform:uppercase;

font-size:15px;

color:#a80028}


.tabs{margin-bottom:20px}

.tab-title{list-style:none;

border-bottom:1px solid #ccc;

margin-bottom:10px}

.tab-title li{float:left}

.tab-title li a{display:block;

border:1px solid #ccc;

border-radius:3px 3px 0 0;

padding:7px 15px;

margin:0 5px;

margin-bottom:-1px}

.tab-title li.active a{border-bottom:1px solid #fff;

font-weight:700}

.but {
    background: #177ad9;
    padding: 15px 30px;
    color: #fff !important;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    width: 135px;
    box-sizing: border-box;
    text-align: center !important;
}


.txt{background:#fff;

border:1px solid #e9e9e9;

padding:4px 7px;

transition:.2s}

.txt:hover,.txt:focus{border:1px solid #ffa91a}

.txta{background:#fff;

border:1px solid #e9e9e9;

padding:4px 7px;

transition:.2s}

.txta:hover,.txta:focus{border:1px solid #ffa91a}

.sel{padding:4px 7px}

span.note,p.note{color:red}

.success{background:#e6efc2 url(../img/success_icon.png) no-repeat left center;

background-position:5px;

padding:7px 10px;

padding-left:27px;

border:1px solid #c6d880;

color:#264409;

margin:10px 0;

font-weight:700}

.notify{background:#fff6bf url(../img/notify_icon.png) no-repeat left center;

background-position:5px;

padding:7px 10px;

padding-left:27px;

border:1px solid #ffd324;

color:#514721;

margin:10px 0;

font-weight:700}

.error{background:#ff0d0d url(../img/error_icon.png) no-repeat left center;

background-position:5px;

padding:7px 10px;

padding-left:27px;

border:1px solid #c50202;

color:#fff;

margin:10px 0;

font-weight:700}

.pagination{float:right;

font-size:12px;

margin:10px 0 20px;

position:relative;

list-style:none}

.pagination li{float:left;

margin-right:5px}

.pagination li a.prev{position:inherit}

.pagination .disabled{display:none}

.pagination span,.pagination a{float:left;

color:#656565;

font-size:12px;

border-radius:3px;

height:27px;

border:1px solid #656565;

line-height:27px;

text-align:center;

padding:0 10px;

margin-left:5px}

.pagination span{background:#fff}

.pagination a:hover,.pagination li.active a{border:1px solid #ffc000;

color:#ffc000}

.pagination span.current{border:1px solid #1591ad;

color:#1591ad;

background:#fff url(../img/readmore_bg.png) repeat-x center left;

font-size:12px;

border-radius:3px;

height:27px;

line-height:27px;

text-align:center}

.pagination>.prev,.pagination .next{position:static}

#ft-menu{height:31px;

position:relative;

background:url(../img/footer_top.png) repeat-x bottom left;

margin-bottom:2px;

border:1px solid #eee;

border-right:0;

border-left:0;

text-align:center}


#fanpage{float:right;

background:#fff;

margin-left:20px}

#copyright,#copyright a{text-align:center;

font-size:10px;

color:#ccc;

line-height:35px}

.editor table{border:0;

border-collapse:collapse}

.editor table tr td{padding:5px;

border:1px solid #ccc}

#divAdRight,#divAdLeft{display:block;

position:absolute;

z-index:9999}

#divAdRight img,#divAdLeft img{max-width:100%}

.breadcrumbs{padding: 14px 0;

margin:auto;

margin-bottom: 20px;



background: #f0f3f2;

width:100%}

.breadcrumbs ul{list-style:none}

.breadcrumbs ul li{display:inline-block}

.breadcrumbs a{color: #5b5e5d;

font-size: 14px;}

.breadcrumbs span{display:inline-block;

margin-right: 5px;

color: #5b5e5d;

font-size: 14px;}

#cfacebook{position:fixed;

bottom:-10px;

right:10px;

z-index:1.0E+15;

width:250px;

height:auto;

border-top-left-radius:5px;

border-top-right-radius:5px}

.hide{display:none}

#cfacebook a.chat_fb{cursor:pointer;

float:left;

padding:0 25px;

width:100%;

color:#fff;

text-decoration:none;

box-sizing:border-box;

height:35px;

line-height:35px;

text-shadow:0 1px 0 rgba(0,0,0,0.1);

background:#1143cf url(../img/bg_facebook.png) center no-repeat;

text-align:left;

font-weight:700;

border-bottom:1px solid #1143cf;

z-index:9999999;

font-size:16px;

margin-bottom:-37px;

position:relative}

#cfacebook .fchat{width:100%;

height:315px;

overflow:hidden;

display:block;

background-color:#fff;

padding-top:35px}

#cfacebook a.chat_fb span{position:absolute;

left:-10px;

top:-10px;

width:20px;

background:#5eb7ec;

height:20px;

z-index:9999999999999;

border-radius:50%;

text-align:center;

line-height:20px;

font-weight:400}

.search-result{border-bottom:1px solid #eee;

overflow:hidden;

padding:5px!important}

.search-result img{float:left;

border:0!important;

padding-right:5px}

.search-result p{border:0!important;

font-size:13px;

line-height:17px;

margin-bottom:0}

.search-result:hover p{color:#1143cf}

.search-result span{}

.search-result:hover{}

a.ui-state-active{margin:0!important}

.red{color:red;

font-size:10px;

padding-right:10px}

#right-item{position:fixed;

right:0;

top:25%}

#cart_panel {display: inline-block;position: relative;padding: 0 10px;float: right;margin-right: 10px;}

#cart_panel img {display: block;float: left; width: 40px;}
#cart_panel a{display:block;overflow: hidden;}

#cart_panel #cart{position:absolute;

right: -5px;

top:-10px;

background:red;

width:25px;

height:25px;

text-align:center;

border-radius:50%;

line-height:25px;color: #FFFFFF;}

.popup_panel{display:none}

.fb_iframe_widget{z-index:9999999!important;    display: block !important;}
.fb_iframe_widget_fluid_desktop iframe{
	width: 100% !important;
}



.fs-ctf-ri{padding: 6px 15px;

border-radius: 15px;border: 1px solid #dddddd;display: inline-block;position: relative;background: #ebebeb;    margin-bottom: 3px;}

.fs-ctf-ritit{font-size:14px;

font-weight: normal;

color: #000000;

position:relative;

cursor:pointer;padding-right: 20px;}

.fs-ctf-ritit:after{
position: absolute;
    content: "";
    right: 3px;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #ebebeb;}

.fs-ctf-ribox{

display:none;position: absolute;padding: 10px 0;left: 0;top: 100%;min-width: 100%;background: #FFF;z-index: 99999;border: 1px solid #dddddd;border-radius: 8px;}

.fs-ctf-ri.active .fs-ctf-ribox{display:block}
.fs-ctf-ribox li {padding: 0;}

.fs-ctf-ribox:before, .fs-ctf-ribox:after {left: 25px;
    top: -6px;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    border-bottom: 6px solid #d9d9d9;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;}

.fs-ctf-ribox:after {border-width: 5px;
    
    margin-left: 1px;
    border-bottom: 6px solid #fff;}
.fs-ctf-ritit:before{position: absolute;
    content: "";
    right: 3px;
    top: 6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 5px solid #000;}

.fs-ctf-ribox>li>a{display: block;

padding: 7px 15px 7px 35px;

position:relative;

color:#4a4a4a;

cursor:pointer;white-space: nowrap;}

.fs-ctf-ribox>li>a:before{background: url('../img/icon-tick.png') center no-repeat; background-size:10px;content:'';

display:inline-block;

position:absolute;

top:7px;

left: 15px;

width:14px;

height:14px;

line-height:13px;

font-size:9px;

text-align:center;

color:#fff;

background-color:#fff;

border:solid 1px silver;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px}

.fs-ctf-ribox>li.active>a:before,.fs-ctf-ribox>li:hover>a:before{background: url('../img/icon-tick.png') center no-repeat;background-size:10px;content:'';

border:solid 1px #4990e2;

background-color:#4990e2}

.fs-ctf-head{padding: 15px 0px 13px;

position:relative;

border-bottom:solid 1px #e7e7e7}

.fs-ctf-hl .title{max-width:450px;

line-height:31px;

overflow:hidden;

white-space:nowrap;

float:left}

.fs-ctf-hl p{float:left;

vertical-align:middle;

padding:0 5px;

font-size:14px;

color:#9b9b9b;

margin:0;

line-height:31px}

.fs-ctf-hl{float:left}


.sort-box{float:left;

padding:2px 0;

padding-right:10px}

.sort-title {margin-bottom: 0;padding-right: 30px;}

#order-link{list-style: none;display: flex;}
#order-link li {display: inline-block;}

#order-link>li>a{display:block;

padding: 5px 20px 5px 35px;

clear:both;

font-weight:400;

line-height:1.42857143;

color: #000000;

white-space:nowrap;

position:relative}

#order-link>li>a:after {content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    z-index: 1;left: 15px;
    width: 10px;
    height: 10px;
    background: #ecebeb;border-radius: 2px;border: 1px solid #dcddde;}

#order-link>li.active>a:before,#order-link>li:hover>a:before{content:'';

display:inline-block;

position:absolute;

top: 11px;

left: 17px;

width: 8px;

z-index: 2;height: 8px;

background: #01aef2;}
#order-link li:last-child {background: #fe0000 !important;border-radius: 15px;}

#order-link li:last-child > a {color: #FFFFFF;}

#order-link>li:last-child>a:after {background: #FFFFFF;border-color: #FFF;}

.fs-ctf-filbox{margin-bottom:20px;

padding:10px 5px;

}

.filterValue,.filterValue li,.fs-ctf-filbox>strong{display:inline-block;

vertical-align:middle}

.filterValue li span{cursor:pointer;

display:inline-block;

margin:2px;

font-size:14px;

color:#4a4a4a;

padding:3px 5px;

background-color:#fffbc6;

border:solid 1px #f8e81c;

-webkit-border-radius:2px;

-moz-border-radius:2px;

border-radius:2px}

.filterValue li span i{width:12px;

height:12px;

display:inline-block;

vertical-align:middle;

margin-left:10px;

background-position:-132px -179px;

background-image:url(../img/icondt.png)}

.filterValue li.del-all span{color:#fff;

background-color:#ff2842;

border:solid 1px #ff2842}

.filterValue li.del-all span i{background-position:-132px -162px}

.fs-ctf-hrview{height:35px;

float:left;

padding:2px 0}

.fs-ctf-hrview li{display:inline-block;

margin-right:5px}

.fs-ctf-hrview li i{display:inline-block;

background-image:url(../img/icondt.png);

background-repeat:no-repeat;

width:36px;

height:36px}

.icgrid{background-position:-205px -162px}

.active .icgrid,.fs-ctf-hrview .icgrid:hover{background-position:-205px -125px}

.iclist{background-position:-205px -88px}

.active .iclist,.fs-ctf-hrview .iclist:hover{background-position:-205px -51px}

.flake{color:#ffffff}

.christmas{position:fixed;

left:0;

bottom:0}

.back-top{position:fixed;

bottom:30px;

right:0}

.item-scroll{text-align:center;

padding:10px 2px;

background:#1143cf url(../img/bg-right.png) top center repeat-y;

margin:2px 0;

cursor:pointer}



.item-scroll .item-scroll-img{max-width:24px}

.item-scroll span{display:block;

color:#FFF;

font-size:11px}

.h-field .open {

    display: block;

}

.hidden_large{display:none !important;}

#footer {
    overflow: hidden;
}
footer {
    background: #FFFFFF;
    padding: 5% 0;
    margin-top: 0;
    overflow: hidden;
}
footer p{
    overflow: hidden;
}
.footer-widget-title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;}
.license {
    background: #434343;
    border-top: 1px solid #747474;
    padding: 5px 0;
color: #FFFFFF;}
.footer-widget-wrap {
    padding: 15px;
}
/* phone ring */
#phonering-alo-phoneIcon {
    position: fixed;
    bottom: 10%;
    left: 0px;
    width: 70px;
    height: 70px;
    z-index: 99999;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 5px;
    left: 5px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    z-index: 2;
    width: 40px;
    height: 40px;
    top: 15px;
    left: 15px;
    position:absolute;
    background:rgba(30,30,30,0.1) url('../img/icon_phone_ring.png') no-repeat center center;
    background-size: 30px;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}   

.utilities {
    position: fixed;
    right: 0px;
    bottom: 10%;
    list-style: none;
    z-index: 99;
}

.utilities li:hover .label-item{
    opacity: 1;
    visibility: visible;
}

.label-item {
    right: 110%;
    background: #ccc;
    background-image: linear-gradient(180deg, #4fc3f7 0%, #0277bd 100%);
    color: #fff;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    padding: 8px 10px;
    position: absolute;
    top: calc(50% - 16px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s;
}

.utilities li a {
    display: block;
    width: 44px!important;
    height: 44px!important;
    margin: 8px 4px!important;
    background-size: 100%!important;
    border: 2px solid #fff!important;
    border-radius: 50%!important;
    position: relative;
}

.utilities li a.zalo-item {
    background-image: url(../img/widget_icon_zalo.svg);
}

.utilities li a.facebook-item {
    background-image: url(../img/widget_icon_messenger.svg);
}

.utilities li a.email-item {
    background-image: url(../img/widget_icon_contact_form.svg);
}

.label-phone {
    position: absolute;
    height: 40px;
    top: 15px;
    left: 50%;
    line-height: 40px;
    background: #00aff2;
    padding-left: 45%;
    padding-right: 15px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    font-size: 14px;
    color: #FFF;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    transition: all 500ms ease;
}

a.pps-btn-img {
    position: relative;
    display: block;
}
.phonering-alo-phone:hover .label-phone {
    opacity: 1;
    visibility: visible;
}

.pupInfo-box {
    width: 700px;
    max-width: 100%;
    display: none;
    background-color: #fff;
    padding: 25px;
}


.info_success,
.call_success,
.call_back_success,
.info_news_success {
    display: none;
}
#info-box{
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #eee;
	background: #fdfdfd;
	border-radius: 5px;
	max-width: 800px;
	width: 100%;
}
.btn-info {
    background-color: #f54f4f;
    border: 1px solid #d43f3a;
    padding: 10px 15%;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 25px;
    color: #FFF !important;
}

.info_title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
}

.info_des {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    line-height: 20px;
}

.text-center {
    text-align: center;
}
.list-edge{
    margin-left: -7px;
    margin-right: -7px;
}
.form-group {
    padding: 10px 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding: 0 7px;
}

.list-col .col-xs-1, .list-col .col-sm-1, .list-col .col-md-1, .list-col .col-lg-1, 
.list-col .col-xs-2, .list-col .col-sm-2, .list-col .col-md-2, .list-col .col-lg-2, 
.list-col .col-xs-3, .list-col .col-sm-3, .list-col .col-md-3, .list-col .col-lg-3, 
.list-col .col-xs-4, .list-col .col-sm-4, .list-col .col-md-4, .list-col .col-lg-4, 
.list-col .col-xs-5, .list-col .col-sm-5, .list-col .col-md-5, .list-col .col-lg-5, 
.list-col .col-xs-6, .list-col .col-sm-6, .list-col .col-md-6, .list-col .col-lg-6, 
.list-col .col-xs-7, .list-col .col-sm-7, .list-col .col-md-7, .list-col .col-lg-7, 
.list-col .col-xs-8, .list-col .col-sm-8, .list-col .col-md-8, .list-col .col-lg-8, 
.list-col .col-xs-9, .list-col .col-sm-9, .list-col .col-md-9, .list-col .col-lg-9, 
.list-col .col-xs-10, .list-col .col-sm-10, .list-col .col-md-10, .list-col .col-lg-10, 
.list-col .col-xs-11, .list-col .col-sm-11, .list-col .col-md-11, .list-col .col-lg-11, 
.list-col .col-xs-12, .list-col .col-sm-12, .list-col .col-md-12, .list-col .col-lg-12 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  float: left;
}
.col-lg-12 {
  width: 100%;
}
.col-lg-11 {
  width: 91.66666667%;
}
.col-lg-10 {
  width: 83.33333333%;
}
.col-lg-9 {
  width: 75%;
}
.col-lg-8 {
  width: 66.66666667%;
}
.col-lg-7 {
  width: 58.33333333%;
}
.col-lg-6 {
  width: 50%;
}
.col-lg-5 {
  width: 41.66666667%;
}
.col-lg-4 {
  width: 33.33333333%;
}
.col-lg-3 {
  width: 25%;
}
.col-lg-2 {
  width: 16.66666667%;
}
.col-lg-1 {
  width: 8.33333333%;
}
.input-group-btn button {
    height: 30px;
    width: 30px;
}
.input-group {
    position: relative;
}
.input-group input[type="text"] {
    width: 100%;
    height: 35px;
    border-radius: 0;
}
.input-group button {
    position: absolute;
    height: 35px;
    min-width: 35px;
    width: auto;
    padding: 0 5px;
    right: 0;
    top: 0;
    white-space: nowrap;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
}

.btn-primary:hover {
    background-color: #2e6da4;
}

.btn-danger {
    background-color: #d9534f;
    color: #fff;
}

.btn-danger:hover {
    background-color: #d43f3a;
}
.label {
    margin-bottom: 5px;
}


.feedback {
    position: relative;
}

.feedback .icon-text {
    padding-left: 45px!important;
}
.feedback .icon-append {
    position: absolute;
    bottom: 3px;
    width: 29px;
    height: 29px;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
    color: grey;
    left: 5px;
    padding-right: 3px;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: #e5e5e5;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}
.box_error {
    box-shadow: 0 0 3px #ff9822 !important;
    border: 1px solid #ff9822 !important;
}
.info_error {
    color: #ff9822;
}

.flr {
    float: right;
}
.form-group input[type=text], .form-group input[type=password], .form-group input[type=date], .form-group input[type=datetime], .form-group input[type=datetime-local], .form-group input[type=month], .form-group input[type=week], .form-group input[type=email], .form-group input[type=number], .form-group input[type=search], .form-group input[type=tel], .form-group input[type=time], .form-group input[type=url], .form-group input[type=color], .form-group textarea, .form-group select, .form-group .mod-birthday {
    border-radius: 0;
    background-color: #FFF;
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
    color: rgba(0, 0, 0, .75);
    display: block;
    outline: 0;
    font-family: inherit;
    font-size: .875rem;
    margin: 0;
    padding: .5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15s linear, background .15s linear;
    -moz-transition: border-color .15s linear, background .15s linear;
    -ms-transition: border-color .15s linear, background .15s linear;
    -o-transition: border-color .15s linear, background .15s linear;
    transition: border-color .15s linear, background .15s linear;
}


.call_des {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    line-height: 25px;
    padding-bottom: 5px;
}

.pupCall-box {
    width: 550px;
    max-width: 100%;
    display: none;
    background-color: #fff;
    padding: 25px;
}
.sendCall {
    position: absolute;
    right: 10px;
    top: 5px;
    bottom: 5px;
    line-height: 28px;
    padding: 0 15px;
    color: #FFF !important;
background: #4b96f3;border-radius: 8px;}
.call-note {
    background: #eee;
    padding: 15px;
    margin-top: 15px;
}

.call-back-box {
    
}
.call-back-form {position: relative;background: #ebebeb;padding: 5px 10px;border-radius: 8px;}

.call-back-form input {
    background: #ebebeb url('../img/phone-call.png') left center no-repeat;
    width: 100%;padding: 5px 5px;padding-left: 35px;box-sizing: border-box;border: 1px solid #ebebeb;outline: none;}
#cate-widget-wrap {overflow: hidden;position: relative;border-top-left-radius: 8px;border-top-right-radius: 8px;}
#cate-widget-wrap:after {position: absolute;content:'';right: 0;top: 0;height: 100%;width: 1px;background: #FFFFFF;}

.cate-item {text-align: center;padding: 0 15px;padding-top: 15px;padding-bottom: 45px;border: 1px solid #ededed;margin-left: -1px;margin-top: -1px;position: relative;}
.cate-name {display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 40px;padding: 0 5px;line-height: 18px;position: absolute;left: 0;right: 0;bottom: 5px;text-align: center;
    color: #000000;}

.cate-img {min-height: 80px;position: relative;}
.cate-item img {display: block;margin: 0 auto;max-height: 64px;width: auto;}

.view-more-content {
    height: 360px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
.cate-view-box:before  {
    position: absolute;
    content: '';
    height: 50px;
    top: -50px;
    left: 0;
    right: 0;
    width: 100%;
    background: #FFF;
    background: -webkit-gradient(linear,0 0,0 bottom,from(rgb(255 255 255 / 30%)),to(#ffffff));
    background: -webkit-linear-gradient(rgb(255 255 255 / 30%),#ffffff);
    background: -moz-linear-gradient(rgb(255 255 255 / 30%),#ffffff);
    background: -ms-linear-gradient(rgb(255 255 255 / 30%),#ffffff);
    background: -o-linear-gradient(rgb(255 255 255 / 30%),#ffffff);
    background: linear-gradient(rgb(255 255 255 / 30%),#ffffff);
}
.cate-view-box {
    text-align: center;
    position: relative;
padding: 5px;}
.category_content_box {
    overflow: hidden;
    padding: 20px;
border: 1px solid #e5e5e5;background: #FFFFFF;border-radius: 8px;}

.view-more-btn {
    display: inline-block;
    margin: 0 auto;
    background: #FFF;
    padding: 10px 25px;
    color: #333;
    font-size: 13px;
    cursor: pointer;
    outline: 0;
    border-radius: 8px;
    border: 1px solid #eee;
box-shadow: 0px 3px 5px #c1c1c1;}
.view-more-btn:hover {
    color: #0085c3;
}


.pg-wrap {
    background: #FFFFFF;
    border-radius: 10px;
}

#news-menu {
    padding: 15px 20px;
}
#news-menu li a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    line-height: 20px;
    padding: 8px 0;
    font-weight: 500;
}
#news-menu li.current a {
    color: #FF0000;
}
#news-menu a img {
    display: block;
    margin-right: 10px;
    max-width: 20px;
}

.newsGlobal-1 {
    background: #FFFFFF;
    padding: 15px 10px;
    border-radius: 10px;
    overflow: hidden;
  }
  
  .newsGlobal-1 .news_item:first-child {
    margin-top: -5px;
  }
  
  .newsGlobal-1 .news_item:last-child {
    border:none;
  }
  
  .news_main {
    position: relative;
  }
  .news_info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 5px 10px;
      background: rgb(2 2 2 / 55%);
      color: #333;
  }
  .news_main .news_des {
      color: #636363;
      margin-bottom: 15px;
  }
  .news_item {
    overflow:hidden;
    padding:15px 0;
  }
  
  .newsGlobal-1 .news_item {
    padding: 5px 0;
  }
  
  .news_item .news_img {
    float:left;
    margin-right:10px;
    width: 40%;
    border:1px solid #eee;
    overflow: hidden;
    border-radius: 10px;
  }
  
  .news_title {
    font-weight:500;
    color:#333;
    font-size: 14px;
    line-height:20px;
    margin-bottom:5px;
  }
  .news_main .news_title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .news_title:hover {
    color:#002b70;
  }
  .news_main .news_img {
      margin-bottom: 10px;
      border-radius: 10px;
      overflow: hidden;
  }
  .news_img img {
    max-width:100%;
    float:left;
  }
  
  .news_des {
    color:#636363;
    font-size: 14px;
  }

  .section {
    margin-bottom: 20px;
}
  .global_btn_bg {
    background: #ff0000;
    padding: 6px 20px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF !important;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.global_btn_bg img {
    margin-right: 10px;
}
.global_btn_color {
    text-align: right;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px 0;
}

.global_btn_color a {
    display: flex;
    float: right;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #f00;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.global_btn_color a img {
    margin-right: 10px;
}
.global_btn_line {
    border-bottom: 1px solid #333;
}
.newsGlobal-3{
    background: #FFFFFF;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.newsGlobal-4 {
    background: #FFFFFF;
    padding: 0 15px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.newsGlobal-banner img {
    display: block;
    border-radius: 10px;
}
.news_item_v2 .news_img {
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}
.list-newsGlobal-3,
.list-newsGlobal-6 {
    padding-bottom: 36px;
}
.btn-left-box {
    text-align: left;
    display: block;
    overflow: hidden;
    position: relative;
}

.btn-left-box .global_btn_bg {
    float: left;
    margin-bottom: 10px;
}

.page-banner {
    margin-bottom: 30px;
    border-radius: 10px;
    overflow: hidden;
}

.page-banner img {
    display: block;
}
.news_global_view {
    color: #ff0000;
    font-style: italic;
    font-size: 16px;
    padding: 10px 0;
    display: inline-block;
}
.widget-toc{display: table;border: 1px solid #e9e9e9;background-color: #eeeeee;padding: 1rem;font-size: 95%;width: 100%;margin-bottom: 20px;border-radius: 10px;}

.widget-toc  ol {
    list-style-type: upper-roman;
    
}
.widget-toc ol li {
	
	
}
.widget-toc  ol li:before {
}

.toc-title{
	text-align: LEFT;
	font-weight: 700 !important;
	font-size: 25px !important;
	line-height: 40px !important;
	padding: 0 !important;
	color: #333 !important;
	border-bottom: 1px solid #ccc !important;
	}
.widget-toc ol ol {list-style-type: decimald;padding-left: 15px;}

.widget-toc ol ol ol {list-style-type:lower-alpha;padding-left: 30px;}

.widget-toc ol li, .widget-toc ol a {color: #006dee;font-size: 16px;line-height: 20px;padding: 3px 0;}

.widget-toc ol ol ol ol {list-style-type: square;}
.code-inside {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 15px 0;
}
.product-inside-link {
    margin-top: 10px;
    font-size: 15px;
    text-align: right;
    margin-bottom: 10px;
}

.product-inside-link a {
    color: #FF0000;
    font-style: italic;
}
.product-inside-title {
    margin-bottom: 10px;
    text-align: left;
}

.product-inside-title span {
    display: inline-block;
    background: #ff0000;
    color: #FFFFFF;
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
}
.navbar-news {
    background: #FFFFFF;
    margin-bottom: 10px;
    padding-top: 10px;
}
.news-menu-item {
    padding: 6px 15px;
    display: inline-block;
    position: relative;
    width: 110px;
}

.news-menu-item a .news-menu-item-img {
    display: flex;
    margin: 0 auto;
    margin-bottom: 8px;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid #ccc;
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center;
}

.news-menu-item a {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.news-menu-item a span {
    display: inline-block;
    white-space: break-spaces;
}
.news-menu-item.current a .news-menu-item-img,.news-menu-item:hover a .news-menu-item-img {
    border-color: #FF0000;
}

.news-menu-item.current a span,.news-menu-item:hover a span {
    color: #FF0000;
}

.news_top_item {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.news_top_img {
    width: 60%;
    display: block;
    padding-right: 15px;
}

.news_top_info {
    width: 40%;
}

.news_top_img img {
    display: block;
    border-radius: 10px;
}

.news_top_info .news_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 10px;
}
.list-newstop {
    padding-bottom: 35px;
}
ul.menu-child {
    text-align: left;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 55px;
    min-width: 200px;
    padding: 10px;
    background: #FFFFFF;
    z-index: 99;
    border: 1px solid #eee;
    border-top: none;
    -o-transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
ul.menu-child li {
    white-space: nowrap;
    margin-bottom: 6px;
}
#menu-page>li:hover .menu-child {
    opacity: 1;
    visibility: visible;
    top: 100%;
    -o-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
}