*{
    margin: 0;
    padding: 0;
}
body{
    font-family:Microsoft YaHei;
}
ul li{
    list-style:none;
}
a { color: #2b2a3c; text-decoration: none; }
.Width { width: 1190px; margin: 0 auto; }
/* 通用头部 */
.ht_top {
    width: 100%; overflow: hidden;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px; }
.ht_top .zt_top {
    width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {
    float: left; }
.ht_top h1 a {
    float: left; width: 131px; height: 40px; overflow: hidden;
    background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px; text-indent: -100em; }
.ht_top .topnav {
    float: right; color: #333; font-size: 12px; }
.ht_top .topnav a {
    padding: 0 8px; }
.ht_top .topnav a:hover {
    color: #e4393c; text-decoration: underline; }
.top{
    width: 100%;
    height: 7rem;
    background: #300d84 url("https://www.vintagefashionandbeauty.com/zt/xdscj/images/banner.jpg") no-repeat center top;
    background-size: 100%;
    color: #fff;
    font-size: 0.8rem;
}
.time{
    width: 30%;
    height: 3rem;
    float: left;
    padding-top:1rem;
    padding-left: 19%;
}
.time p{
   color:#dbdbdb;
}
.time h3{
    font-weight: normal;
    width: 5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    
    background: #8dfafd;
    color:#320487;
}
.test{
    width: 45%;
    margin-top:1rem;
    height: 3rem;
    line-height: 180%;
    float: right;
    padding-left: 1rem;
    border-left: 0.1rem solid #3c30a6;
    font-size: 0.8rem;
}
.top h4{
    clear: both;
    margin-left: 19%;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: 0.15rem;
}
.meunbox{width:100%;  background:#331084; }
.menu{
   width: 1200px;margin:0 auto;
    height: 200px;
    background:#331084; 
}
.menu li{
    width: 360px;
    margin-left: 60px;
    float: left;
    color: #331084;
    background: #f6ff00;
    text-align: center;
    height: 120px;
    line-height: 120px; 
	font-size: 32px;
	position: relative;
}
.menu li ul li{background-color: #fff;}
.menu li:nth-child(1){
	width: 22.5%;
}
.menu li:nth-child(2){
	width: 22.5%;
}
.menu li:nth-child(3){
	width: 22.5%;
}
.menu li a{
    text-decoration: none;
	color:#320487;
}
.wx{position: relative;z-index: 999;}
.wx:hover .wx_box{display: block;}
.wx:hover{color: #FF4B4E;}
.wx_wrap{min-width: 192px;height: 100px;padding-top: 30px;margin-bottom: 13px;}
.wx_box{display: none;position: absolute;bottom: -150px;padding-left: 20px;left: 0;min-width: 217px;height: 150px;background-color: #fff;z-index: 10;box-shadow: 0 0 7px rgba(58, 58, 58, 0.2);}
.wx_box img{display: block;float: left;width: 80px;height: 80px;}
.wx_box a{display: block;float: left;width: 70px;height: 26px;margin-left: 15px;background: #e92930;border-radius: 3px;color: #fff !important;font-size: 14px;line-height: 26px;text-align: center;margin-top:-2px;text-decoration: none;}
.wx_box span{display: block;float: left;margin: 0 0 10px 15px;color: #000;font-size: 14px;line-height: 23px;}


.xdsbox{width:100%;  background:#342f78 url("https://www.vintagefashionandbeauty.com/zt/xdscj/images/bg.jpg") no-repeat center;}
.xds{
    width: 1200px;margin:0 auto;
    padding-bottom: 30px;
    /* height: 1860px; */
}
.select{
    width:100%;
    height: 600px;
}
.select li{
    width:200px;
    float: left;
    margin-left: 60px;;
    margin-bottom: 30px;
    background:#81c2e3;
    text-align: center;
    color: #320a85;
    font-size: 36px;
	height: 80px;
	line-height: 80px;
}
.select li:hover{
    background: #3c2c9f;
    color: #fff;
}
.select li.cur{
    background: #3c2c9f;
    color: #fff;
}
.table01 dl{
    width: 135px;;
    float: left;
    margin-left: 60px;
}
.table01 dd{
	line-height: 60px;
    height: 60px;
    background: #81c2e3;
    margin-bottom: 30px;
    text-align: center;
font-size:30px;
}
.table01 dd:hover{
    background: #3c2c9f;
    color: #fff;
}
.table01{
    clear: both;
    overflow: auto;
}
.table01 table{
    width:800px;
    float: right;
    border-collapse: collapse;
    color:#fff;
    text-align: center;
    font-size: 30px;
    margin-right: 150px;
}
.table01 table td,th{
    width: 200px;
	height: 50px;
    border:1px solid #ccc;
    
}
.hidden,.hide{
    display: none;
}
.show,.look{
    display: block;
}

.footbox_m{
    clear: both;
    font-size: 0.6rem;
    background: #353376;
    text-align: center;
    color:#fff;
}
.footbox_m a{
    color: #fff;
    text-decoration: none;
}
@media only all and (max-width:1200px) {
	
	
	
	 .Width {
        width: 17.5rem;
    }
	
	.ht_top .topnav a:nth-child(n+2){display:none;}
	 /* 通用头部 */
    .ht_top {
        height: 2.5rem;
        background-size: auto 100%;
        line-height: 2.5rem;
    }

    .ht_top h1 a {
        height: 2.5rem;
        width: 7.5rem;
        background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center / contain;
    }

    .ht_top .topnav {
        font-size: .8rem;
        text-indent: -1000rem;
    }

    .ht_top .topnav a {
        padding: 0 0 0 0.3rem;
        text-indent: 0;
        float: right;
    }

	.menu{
    width: 100%;
    height: 3rem;
    font-size: 0.7rem;
    background:#331084; 
}
.menu li{
    width: 29%;
    margin-left: 7%;
    float: left;
    color: #331084;
    background: #f6ff00;
    text-align: center;
    height: 1.5rem;
    line-height: 1.5rem; 
	font-size: 0.5rem;
	position: relative;
}
.menu li ul li{background-color: #fff;}
.menu li:nth-child(1){
	width: 22.5%;
}
.menu li:nth-child(2){
	width: 22.5%;
}
.menu li:nth-child(3){
	width: 22.5%;
}
.menu li a{
    text-decoration: none;
	color:#320487;
}
	
	.xdsbox{width:100%;  background:#342f78 url("https://www.vintagefashionandbeauty.com/zt/xdscj/images/mbg.jpg") no-repeat bottom;}
.xds{
    width: 100vw;
    /* height: 48rem; */
      font-size: 0.6rem;
}
.select{
    width:18.25rem;
    height: 7rem;
	margin-bottom: 3rem;
	
}
.select li{
    width:20%;
    float: left;
    margin-left: 5%;
    margin-bottom: 0.4rem;
    background:#81c2e3;
    text-align: center;
    color: #320a85;
    font-size: .8rem;
		height: 1.5rem;
	line-height:1.5rem;
}
.select li:hover{
    background: #3c2c9f;
    color: #fff;
}
	
.table01 dl{
    width: 2.5rem;
    float: left;
    margin-left: 6%;

}
.table01 dd{
	line-height: 1.25rem;
    height: 1.25rem;
    background: #81c2e3;
    margin-bottom: 0.5rem;
    text-align: center;
	font-size: .5rem;
}
.table01 dd:hover{
    background: #3c2c9f;
    color: #fff;
}
.table01 dd.cur{
    background: #3c2c9f;
    color: #fff;
}
.table01{
    clear: both;
}
.table01 table{
    width:13.5rem;
    float: right;
    border-collapse: collapse;
    color:#fff;
    text-align: center;
    font-size: 0.6rem;
    margin-right: 5%;
}
.table01 table td,th{
	
    width: 3.5rem;
	height: 1.5rem;
    border:1px solid #ccc
    
}
.hidden,.hide{
    display: none;
}
.show,.look{
    display: block;
}

	
	
	
}