@charset "utf-8";
/* CSS Document */
body{ font:12px/24px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; background:#fff; overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td{ margin: 0; padding: 0; color:#333;}
img{ border:none; max-width:100%;}
a{ color:#333; text-decoration:none;}
a:hover{color: #97ddff;text-decoration:none;}
a,area{ blur:this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0; max-width:100%;}
input{ outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
:focus{ outline: none;}
.mr0{ margin-right:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{ display:block;content: ''; clear: both;}
.clearfix{ zoom: 1;}
.clear{ height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width{ width:1200px; margin:0 auto;}
.hide{ display:none;}
.onlymob{ display:none;}
.pointer{ cursor:pointer;}
.por{ position: relative;}
.poa{ position: absolute;}

/* 顶部样式 */
.zk_top {width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.zk_top .zt_top {width: 1000px;height: 40px;margin: 0 auto;}
.zk_top h1 a {float: left; width: 130px;height: 40px;overflow: hidden; background: url("https://www.vintagefashionandbeauty.com/zt/yiliaolxfs/images/logo.png") no-repeat; background-size: 130px 40px; font-size:16px; color: #07a991; text-indent: -999px;}
.zk_top .topnav {float: right; color:#333; font-size:14px;}
.zk_top .topnav a {padding:0 8px; cursor: pointer;}
.zk_top .topnav a:hover { color:#e4393c; text-decoration:underline;}

/* 主体样式 */
.banner{width: 100%;height: 480px;background: url("https://www.vintagefashionandbeauty.com/zt/yiliaolxfs/images/banner_bg.png") no-repeat;background-position: center center;background-size: auto 100%;text-align: center; overflow: hidden;}
.banner_img{ width: 888px; height: 150px; background: url("https://www.vintagefashionandbeauty.com/zt/yiliaolxfs/images/banner_bt.png") no-repeat; margin: 65px auto 0;}
.banner_txt{ width: 100%; margin: 0 auto; color: #fff; font-size: 24px; line-height: 24px;}
.banner_txt span{ margin: 0 6px;}
.banner_bxt{width: 530px; height: 56px; margin: 20px auto 0; color: #3981ff; font-size: 28px; line-height: 56px;background: #2ddfff;background: linear-gradient( 90deg, #2ddfff, #30ffc7); border-radius: 100px;}

.db_box a{ cursor: pointer;}
.lk_cen{ width: 100%;}
h3{ font-size: 30px; line-height: 50px; text-align: center;}
.lk_c_txt,.tk_c_txt{ padding: 10px 0; width: 1160px; background: #f5f5f5; overflow: hidden; margin: 0 auto;}
.lk_c_txt ul li,.tk_c_txt ul li{ margin: 12px 2px 12px 24px; float: left;}
.lk_c_txt ul li a{ width: 88px; height: 34px; display: inline-block; background: #ff7dd6; font-size: 20px; line-height: 34px; text-align: center; color: #fff; border-radius: 5px;transition: all .2s;}
.lk_c_txt ul li a:hover{background: linear-gradient( 90deg, #fff, #fff,#e16aff,#fa64cb) repeat-x left / 300% 100%; background-position:100% center;}
.tk_cen{ float: right; width: 600px;}
.tk_c_txt ul li a{ width: 88px; height: 34px; display: inline-block; background: #3ccdfd; font-size: 20px; line-height: 34px; text-align: center; color: #fff; border-radius: 5px;transition: all .2s;}
.tk_c_txt ul li a:hover{background: linear-gradient( 90deg, #fff, #fff,#26c2f6,#16f7bc) repeat-x left / 300% 100%; background-position:100% center;}

.main_box{ width: 100%; margin-top: 50px;}
.mb_l_pc{ width: 160px; margin: 0 0 0 20px; float: left; display: block;}
.mb_l_pc table{ width: 100%; overflow: hidden; background: #fff; border-radius: 10px;     box-shadow: 0 0 25px rgba(56, 56, 56, .1);text-align: center; margin-top: 40px;}
.mb_l_pc th{ height: 70px; border:none; color: #fff; font-size: 24px; background: none; }
.mb_l_pc td{ border:1px solid #e0e0e0; height: 60px; font-size: 18px; line-height: 60px;width: 50%;}
.mb_l_pc tr:first-child{ background:#595aee; background:linear-gradient( 90deg, #595aee, #595aee); }
.mb_l_pc tr:nth-child(2) td{ border-top: none;}
.mb_l_pc td:last-child{ border-right: none;}
.mb_l_pc tr:last-child td{ border-bottom: none;}
.mb_l_pc td:first-child{ border-left: none;}
.mb_l_pc tr.tabg{ background: #fafafa;}
.mb_l_pc td a{ width: 100%; height: 100%; display: block; cursor: pointer;}
.mb_l_pc td a:hover{ background: #f6f6f6; color: #595aee;}
.mb_l_mob{display: none;}

#mainMenuBar{z-index:100;}
#mainMenuBar ul{position:relative;}

.mb_r{ width: 80%;margin-left:10%;margin-right:10%;float:none;display: block;}
.tab{ background: #fff; box-shadow: 0 0 25px rgba(56, 56, 56, .1);border-radius: 10px; margin-top: 40px;}
.tab-hd {display: none;border-bottom: 1px solid #ddd; color: #333;margin: 0 20px; padding-top: 10px; overflow: hidden;zoom:1;}
.tab-hd li {font-size: 22px; text-align: center; color: #bbbbbb; width: 100px; line-height: 50px;  cursor: pointer; font-family: "MicroSoft YaHei",Arial,sans-serif; float: left;}
.tab-hd li.active {display: block; border-bottom: 1px solid #252525; color: #333 !important;}
.tab-bd li {display:none;padding:20px;border-top:0 none;font-size:24px;}
.tab-bd li.thisclass {display:list-item;}
.centera {overflow:hidden; }
.hover {background:#737373;}
#tablea { margin: 20px 28px;overflow: hidden;}
.box {display:none}
.tab-bd li a{ font-size: 16px; line-height: 30px; text-align: center; color: #fff; width: 70px; height: 30px; border-radius: 5px; display: inline-block; background: #929fff;cursor: pointer;margin: 10px 0;}
.tab-bd li a:hover,.tab-bd li a.hover{background: linear-gradient( 90deg, #fff, #fff,#6f8dfe,#595aee) repeat-x left / 300% 100%; background-position:100% center;}

.box img{ width: 170px; line-height: 170px; padding: 10px; border: 1px solid #ddd; float: left;}
.fxs_txt{ width: 640px; font-size: 20px; line-height: 34px; margin-left: 30px; float: left;}








.foot li,.foot div{ display: inline-block; color: #fff;}
.foot{ width: 100%; height: 88px; background: #252525; margin: 70px auto 0;padding: 34px 0 0 0; font-size: 14px; line-height: 28px; text-align: center;}
.foot li a{ color: #fff;  transition:transform .5s ease-out;}
.foot li a:hover{ color: #888; transform: translateY(-5px);}
.foot div.foot_ble{ display: none;}

.xfk,.backtop{ display: none;}


@media only all and (max-width:1200px){
    .onlymob { display:block;}
     html{ font-size:20px;}
    body{ font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif;}
    html,body{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .Width{ width: 18rem;}
	.foot{margin-top: 2rem;}

    /* 顶部元素 */
    /* 顶部元素 */
    .zk_top .topnav{font-size: 0.4rem;}
    .zk_top h1 a{width: 6.6rem; font-size: 0.4rem; background-size: contain;}
    .zk_top .topnav span{ display: none;}

    /* 主体样式 */
    .banner{width: auto; height: 9rem; background-size: 222%;}
    .banner_img{ width: 17rem; height: 3rem; margin: 1.2rem auto 0; background-size:contain;}
    .banner_txt{ font-size: 0.6rem; line-height: 0.5rem;}
    .banner_txt span{ margin: 0 6px;}
    .banner_bxt{width: 12.6rem;height: 1.5rem;margin: 0.6rem auto 0;color: #fff;font-size: 0.66rem;line-height: 1.5rem;}

    .lk_cen{ float: none; width: 100%;}
    h3{ font-size: 1rem;line-height: 2rem;}
    .lk_c_txt,.tk_c_txt{ padding: 0.5rem 0;width: 100%;}
    .lk_c_txt ul li,.tk_c_txt ul li{ margin: 0.3rem;}
    .lk_c_txt ul li a{ width: 3rem;height: 1.5rem;font-size: 0.7rem;line-height: 1.5rem;border-radius: 0.3rem;}
    .tk_cen{ float: none; width: 100%;}
    .tk_c_txt ul li a{ width: 3rem;height: 1.5rem;font-size: 0.7rem;line-height: 1.5rem;border-radius: 0.3rem;}

    .mb_l_pc{ display: none;}
    .main_box{ width: 100%; background: #f8f8f8; float: none; margin-top: 1.5rem;}
    .mb_l_mob{ width: 100%; margin: 0.5rem 0 0 0; display: none;}
    .mb_l_mob table{width: 100%; overflow: hidden; background: #fff; margin-top:1rem ; border-radius: 0.5rem; box-shadow: 0 0 25px rgba(56, 56, 56, .1); text-align: center;}
    .mb_l_mob th{ height: 1.8rem; font-size:0.7rem;border:none; color: #fff; background: none; }
    .mb_l_mob td{ border:1px solid #e0e0e0;}
    .mb_l_mob table td a{padding-left: 0;font-size: 0.6rem;line-height: 2rem;width: 2.2rem;height: 2rem;}
    .mb_l_mob tr:first-child{ background:#595aee; background:linear-gradient( 90deg, #595aee, #595aee); }
    .mb_l_mob tr:nth-child(2) td{ border-top: none;}
    .mb_l_mob td:last-child{ border-right: none;}
    .mb_l_mob tr:last-child td{ border-bottom: none;}
    .mb_l_mob td:first-child{ border-left: none;}
    .mb_l_mob tr.tabg{ background: #fafafa;}
    .mb_l_mob td a{ width: 100%; height: 100%; display: block;}
    .mb_l_mob td a:hover{ background: #f6f6f6; color: #595aee;}

    .mb_r{ width: 100%;margin: 0;float: none;display: block;}
    .tab{ box-shadow: 0 0 25px rgba(56, 56, 56, .1);border-radius: 0.6rem; margin-top: 1.5rem;}
    .tab-hd {margin: 0 0.8rem; padding-top: 0.5rem;}
    .tab-hd li {font-size: 0.8rem;width: 2.7rem;line-height: 1.8rem;}
    .tab-bd li {padding:0.8rem;font-size:0.6rem;}
    #tablea { margin: 0;}
    .tab-bd li a{ font-size: 0.6rem;line-height: 1.2rem;width: 2.5rem;height: 1.2rem;border-radius: 0.2rem;margin: 0.2rem 0;}

    .box img{ width: 8rem; line-height: 8rem; padding: 0.4rem; float: none; margin: 0.5rem auto 0;background-size: contain;display: block;}
    .fxs_txt{ width: 15.4rem; font-size: 0.7rem; line-height: 1.2rem; margin: 0.5rem; float: none;}

    .foot{ height: 2rem; font-size: 0.6rem; line-height: 2rem; padding: 0;}
    .foot ul, .foot .foot_pc { display: none;}
    .foot div.foot_ble{ display: block;}

    .xfk{ position: fixed; right: .2rem; bottom: 3rem; width: 2rem; height: 2rem; background: #252525 url("https://www.vintagefashionandbeauty.com/zt/yiliaolxfs/images/arr.png") no-repeat center .4rem / .8rem auto; border-radius: 50%; font-size: .65rem; line-height: 2.6rem; z-index: 999;color: #fff; text-align: center; cursor: pointer;}
    .backtop{ display: block;}
  /* 针对浏览器 */
  {transition:width 2s; /* W3C */ -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s;} /* Opera */
}

/*通用移动端结束*/

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
}
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */
}