body {font-family: Georgia, "Times New Roman", 微软雅黑, Times, serif; font-size:14px; font-weight:100;line-height:1.8;	background:rgba(34,97,104,.8) url(/Yin2024/images/budy.jpg) top center no-repeat ;  background-attachment:fixed;	margin: 0px;padding: 0px;}
p,ul,li{ margin:0; padding:0;list-style: none;}
a{text-decoration:none}
.wrapper {  max-width: 1832px;  margin: 0 auto;  padding: 0 38px;}
header{ position: fixed; top: 0;    padding: 10px 0; left: 0; width: 100%;  z-index: 9999;}
.logo{background-image: url(/Yin2024/images/logo.svg);  background-position: center center;  background-repeat: no-repeat; text-indent: -99999px;  height: 50px; width: 123px; display: inline-block;  position: relative;}
.logo a{ display:block}
.secondary-menu {float:right}
.secondary-menu ul { padding: 0;  margin: 0;  text-align: right;    white-space: nowrap;  height: 50px;	}
.secondary-menu li {  display: inline-block;    position: relative;}
.myAccount {float: left;    padding-top: 8px;  cursor: pointer;}
li.filterOpen {  cursor: pointer;  width: 40px; margin-left: 5px; }
.lang-switch{ height: 50px;  width: 40px;line-height:30px; font-size:14px; top:9px; text-align:right; cursor:pointer }
.myAccount a { background-image: url(/Yin2023/images/account.svg);  background-repeat: no-repeat;  background-position:bottom;  background-size:16px;  height:24px;  width:24px;  display: block!important;  padding: 16px;  outline: none; text-align: left; text-indent: -999999px;  margin-left: 5px;}
.searchIcon a { background-image: url(/Yin2023/images/searchIcon.svg);  background-repeat: no-repeat;  background-position: right 49%;  background-size: 17px 17px;    height:30px;  width: 40px;  display: block!important;  padding: 16px;  outline: none;  text-align: left;    text-indent: -999999px;}
.searchIcon a { transition: background-image .3s linear;  background-size: 14px;}
li.filterOpen a { background-image: url(/Yin2023/images/mMenu.svg);  background-repeat: no-repeat;  background-position:right 45%;  background-size: 17px 17px;  height: 32px;  display: block!important;  padding: 16px; outline: none;  text-align: left; text-indent: -999999px;  transition: background-image .3s linear;}
.secondary-menu li a { font-family:Arial, Helvetica, sans-serif;    line-height: 12px;  padding: 0; color: #fff; text-transform: uppercase;  letter-spacing: 2px;  font-size: 12px; display: block;  text-decoration: none;  outline: none;  font-weight: 700;cursor: pointer;}
#main { margin: 0 auto;  max-width: 1832px;   padding: 0 38px;}
.box{ margin:180px 120px; color:#FFFFFF;text-align: justify;}
.left{ width:660px; float:left}
p.yj { margin-bottom: 22px; color: #ccc;}
.tougao{ margin:30px 0;text-align: justify;}
.tougao p,.left p{font-size: 14px;
    line-height:26px;
    margin: 0 0 10px 0;
    text-align: justify;}
.tougao p span.orange,.tougao p a,.Email a{ color:orange}
.tougao p.yj{ margin-bottom:30px; line-height:30px;}
.right{ width:780px; float:right}
.title h2{ font-weight:100; font-size:24px; line-height:24px;}
.title h2 p{ font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.pingwei{width:100%; height:260px; margin-top:50px; overflow:hidden;}
.pingwei ul{margin-right: -100px;}
.pingwei li{height:260px;width:188px;background-color:#226168;float:left; margin-right:105px;}

.pingwei2{ height:260px; overflow:hidden; width:940px; margin:0 auto}
.pingwei2 ul{margin-right: -175px;}
.pingwei2 li{height:260px;width:188px;background-color:#226168;float:left; margin-right:175px;}
.name,.name a{text-align: center;color:#fff;font-size:16px; margin-top:10px}
.name a{ overflow:hidden; height:30px; line-height:30px; display:block}
.name p{ font-size:12px; color:#999}
.MAGAZINE{ width:80px; height:60px;background: rgba(195,152,76,.5) url(/Yin2023/images/jiantou_11.png) 50px 50px no-repeat; float:right; text-align:center; font-size:12px;  margin-top:265px;  color:#FFF; padding-top:20px;}
.MAGAZINE:hover{background: rgba(195,152,76,.6) url(/Yin2023/images/jiantou_11.png) 50px 50px no-repeat;}

.p1{ height:900px;}
.p2{ height:700px;}
.magazine{ width:75%; margin:0 auto; position:relative}
.magazine_img{ text-align:center; position:absolute; z-index:1;left: 50%;    margin-left: -470px;}
.inof{ top:300px; padding:50px 100px; background-color:#226168; position:absolute; z-index:2}
.Email{ text-align:center;}



/* 搜索框 */
.nav_search_box { position: absolute; left:50%; margin-left:-300px; display:none;}
.nav_search_panle { position: absolute; }
.search_frame {  position: relative;border-bottom: 1px solid #2f7d84; z-index:999;   height: 36px;   overflow: hidden;   background-color: #f4f4f4;}
.nav-search-btn {  position: absolute;  top: 13px; right: 20px; color: #ccc;font-size: 20px;  cursor: pointer; display:none;}
.search_keyword {  position: absolute; width: 600px;left: 20px;   top: 60px;height: 210px;   background-color: #fff;padding: 10px;   opacity: 0;transition: opacity 800ms; display: flex;}
.resent-search-items>dd {display: flex;}
.search_words{    width: 50%;}
#nav_search_text {
    transition: opacity 800ms;
    border: 0;
    width: 650px;
    float: left;
    line-height: 36px; padding-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color:#226168;
    outline: none;
}

/* 弹窗导航 */
.site-title2 a {  background: url(https://www.yinjispace.com/img/home2/logo2.svg) no-repeat 2px center;text-indent: -99999px;
    height: 50px;
    width: 123px;
    display: inline-block;
    position: relative;}
.fullMenu {  width: 100%;  height:100%;  top: 0;   left: 0;  background-color: #858687; position: fixed;  z-index: 999999;  display: none;overflow-x:hidden;overflow-y:hidden;}
.mobileLead{ display:none}
.fullMenuWrapper { max-width: 1832px;  padding: 0 38px;margin: 0 auto;  position: relative;  display: -webkit-flex;  display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  cursor: default!important;}
.fullMenu .menu-category-list-container { width:100%; margin-bottom: 30px;min-height: 500px;}
.fullMenu ul {  padding: 0; margin: 0 0 40px;}
.fullMenu li {  color: grey; list-style: none;}

li.filterOpen a.opened {background-image: url(img/closeWhite.svg);}
.fullMenu .menu-category-list-container ul li a {  text-decoration: none; color: #f5f5f5; text-transform: uppercase;  font-size: 26px;  padding-bottom: 5px;border-bottom: 1px solid transparent; transition: 300ms all ease-in-out;cursor: pointer;    letter-spacing: 2px;}
#menu-category-list .menu-item a:after { content: ''; height: 1px;  display: block;  margin-top: 2px;  width: 96%;  background-color: transparent;  transition: all .4s ease-in-out;}
.headerAbout { width: 33%; color: #d9d9d9;  padding-right: 10%;  margin-top: 30px;font-size: 12px;font-family: verlag a,verlag -webkit-xxx-large;}
#site-navigation { display: flex; line-height:50px;text-transform:capitalize;  align-items: center;  justify-content: center;  font-weight: 300;  font-size: 22px;}
.main-navigation {  -webkit-order: 0;  -ms-flex-order: 0; order: 0;  -webkit-flex: 0 1 auto;  -ms-flex: 0 1 auto; flex: 0 1 auto;  -webkit-align-self: auto;   -ms-flex-item-align: auto;  -ms-grid-row-align: auto; align-self: auto;  width: 50%;  height: 50px;}
.main-navigation {  clear: both;  display: block; float: left;  width: 100%;  z-index: 999999;  }
.headerAbout p { font-size: 12px;  margin-top: 0; line-height:20px; text-transform: capitalize;margin-bottom:36px;}
.headerAbout a{ color:#ccc}
.fullMenu .menu-info-menu-container, .fullMenu .menu-media-menu-container { width: 20%;  max-width: 150px;}
.fullMenu .menu-info-menu-container, .fullMenu .menu-media-menu-container, .fullMenu .socialMenu .fullMenu .menu-website-menu-container { margin-top: 30px;}
span.menuTitle { font-family: verlag a,verlag b; font-style: normal;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 3px;  margin-bottom: 20px;  display: block; color: #c7c8c9;  font-size: 12px;    margin-top: 0;}
.fullMenu svg path {
    fill: #fff;
}
.fullMenu ul.designer_menu{margin:80px auto; }
.fullMenu ul.designer_menu li{ float:left; width:12.5%;  text-align:center}
.fullMenu ul.series_menu li{ float:left; width:25%;  text-align:center}
.fullMenu ul.designer_menu li a{ font-size:16px; line-height:30px;}
.fullMenu ul.series_menu { width:80%; margin:150px auto 0 auto; }
.fullMenu ul.series_menu span{ font-size:14px;line-height:20px; display:block; color:#bbb}
.fullMenu ul.designer_menu li{ margin-bottom:20px;}
.infoMenu li{margin-bottom:0;}
.fullMenu ul.designer_menu li p{ margin:0; padding:0;line-height: 14px;}
.fullMenu li p{ color:#bbb; margin:50px 0 0; padding:0;letter-spacing: 1px;font-size: 10px;}
.fullMenu .socialMenu { width: auto;  position: absolute; right: 35px;  bottom:35px;  margin-left: 20%;}
.fullMenu .menu-website-menu-container { width: 20%;  max-width: 150px;  margin-top: 30px;}
.fullMenu .menu-website-menu-container a { color: #fff;  text-decoration: none;  font-size: 14px; transition: 300ms opacity ease-in-out;}
.fullMenu .menu-info-menu-container li a, .fullMenu .menu-media-menu-container li a { font-size: 12px;font-family: verlag a,verlag -webkit-xxx-large; text-decoration: none;  line-height: 1.5; color: #ccc;  padding-bottom: 3px; transition: 300ms opacity ease-in-out;}
.socialMenu .newsletterSignup { margin-bottom: 30px;}
.socialMenu a { display: inline-block;  margin-right: 5px; opacity: .8;}
.site-header.opened { background-color: #858687!important;}
.fullMenu .socialMenu a img { max-height: 17px;  margin-right: 10px; -webkit-filter: invert(100%); filter: invert(100%);}
.newsletterSignup .menuTitle { margin-bottom: 10px;}
span.menuTitle {font-style: normal; font-weight: 400;  text-transform: uppercase; letter-spacing: 3px;  margin-bottom: 20px;display: block; color: #c7c8c9; font-size: 12px;  margin-top: 0;}
.fullMenu input#mce-EMAIL { border-right: 0;border-radius: 0;  width: 170px; text-transform: none; transition: border .3s ease-out;}
ul.homeMenu { text-align: right;position: relative;}
ul.homeMenu li { font-style: normal;  font-weight: 400;    text-transform: uppercase;   letter-spacing: 1px;font-size: 10px;}
ul.homeMenu li ul li { margin-bottom: 30px;  font-style: normal;  font-weight: 400;   margin-right: 0;}
ul.homeMenu ul { text-align: right;  display: flex;   flex-direction: column; margin-bottom:30px;}
ul.homeMenu li ul li a {font-size: 26px;letter-spacing: 3px; }
ul.homeMenu .contentItem.portrait {width: 27%; color:#666}
.nav_menu{ position:absolute; width:100%;top:60px; background:rgba(244,244,244,.99);}
.nav_menu ul{ width:50%; margin:0 auto; padding:0}
.nav_menu li{ float:left; list-style:none; margin:10px 20px; font-size:14px; line-height:36px;  cursor:pointer}
.homeSplash .contentItem {position: relative;margin-bottom: 3.5%;}
#mc-embedded-subscribe-form-HEAD input {margin-top: 15px;border-radius: 1px;font-size: 12px;color: #f5f5f5;width: 250px;padding: 5px 10px;text-transform: uppercase;letter-spacing: 2px;border-color: #f5f5f5;opacity: .8;}
.offScreen {position: absolute;left: -5000px;}

.fullMenu input#mc-embedded-subscribe {display: inline;width: 27px;height: 16px;background:#858687;box-shadow: none;text-shadow: none;margin-left: -47px;border: 0;font-size: 12px;text-indent: -99999px;background-image: url(/img/home2/arrowRight.svg);background-repeat: no-repeat; background-size: 12px 12px;background-position: center center;}
ul.homeMenu .store-link {margin-top: 7%;}
#masthead .wrapper .primaryHeader {  display: -ms-flexbox;  display: -webkit-flex;  display: flex; -webkit-flex-direction: row;    -ms-flex-direction: row;  flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;  flex-wrap: nowrap;  -webkit-justify-content: space-between;  -ms-flex-pack: distribute;  justify-content: space-between;  -ms-flex-line-pack: distribute;   -webkit-align-content: space-between;  align-content: space-between;  -webkit-align-items: flex-start;  -ms-flex-align: start; align-items: flex-start;  padding: 0 2px;  opacity: 1;  transition: opacity .4s ease-in;}
.site-branding { -webkit-order: 0;  -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto;  flex: 0 1 auto; -webkit-align-self: auto;  -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; width:9%;}
.secondary-menu{-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;-ms-grid-row-align:auto;align-self:auto;position:relative;text-align:right}
.searchForm { width: 42%; background-color: transparent; display: none; margin-top: 10px; font-size: 12px;}
.searchFormInner { max-width: 1100px; margin: 0 auto; padding: 0; position: relative;}
.searchForm #searchHeader {width: 100%; border-radius: 1px; float: none; margin-right: 40px; font-size: 14px; border: 0; border-bottom: 1px solid grey; background-color: transparent;}
#searchsubmit { display: none;}
h1.site-title,h1.site-title2 { margin: 0;  padding: 0;}
#main { margin: 0 auto;  max-width: 1832px;   padding: 0 38px;}
.contentGrid {  padding: 0;    margin: 0;}
.latestPosts { margin-bottom:50px;max-height:1406px;overflow: hidden;}
.in_designers{background-color:#ddd;overflow:hidden; padding:60px 0 20px 0;}
.contentGrid { display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-flex-wrap: wrap;  -ms-flex-wrap: wrap;    flex-wrap: wrap;    -webkit-justify-content: space-between;  -ms-flex-pack: justify;   justify-content: space-between;  margin-right: -3.5%;}
.contentGrid {  padding: 0; opacity: 1;  transition: all .4s ease-in;}
.contentGrid:after { content: "";  -webkit-flex: auto;  -ms-flex: auto;  flex: auto;  -webkit-flex-grow: 500;  -ms-flex-positive: 500;  flex-grow: 500;  width: auto;  margin-right: 3.5%;}
.contentGrid li{list-style:none;position: relative;}
.contentGrid li .left{ width:60%; float:left;}
.contentGrid li .right{ width:35%; float:right;}
.contentGrid li .list_job{ margin-top:0px;}
.contentGrid li .list_job ul{ height:48px; overflow:hidden}
.contentGrid li .list_job li{ width:49%; margin-right: 1%; overflow: hidden;float:left; line-height:24px;word-break: break-all; color: #999;text-overflow: ellipsis; display: -webkit-box;   -webkit-box-orient: vertical;   -webkit-line-clamp: 1;}
.contentGrid li a{}
.contentGrid li img{}
.contentGrid li h2{margin:10px 0 0 0;line-height:1.5rem;width: 100%; font-size:16px; overflow: hidden;/* text-overflow: ellipsis; white-space: nowrap;*/}
.contentGrid li h2 a{font-weight:400;text-decoration:none;color:grey;font-size:14px;text-transform:none;letter-spacing:1px;outline:none;transition:color .3s ease-in}
#main ul.contentGrid li h2 a.hovered{color:#464646}
.contentGrid li h2 a:hover{color:#2b2b2b}
div.itemMeta h2 a{transition:300ms all ease-in-out}
div.itemMeta h2.hovered a{color:#2b2b2b}
.contentGrid li ul li{display:inline-block;line-height:1}
.contentGrid li ul li a{color:#999;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:1px}
.contentGrid li ul li a:hover{color:#464646}
.contentGrid li ul li:last-child:after{content:"";margin-left:0}.postDate{font-size:11px;text-transform:uppercase;letter-spacing:1px}
.contentGrid{padding:0;margin:0}

/***底部**/
.site-footer{ background:#4d4d4d; color:grey; width:100%; float:left}
.site-info { max-width: 1832px; margin: 0 auto;  padding: 30px 37px;display: -webkit-flex; display: -ms-flexbox;    display: flex;}
.aboutText {padding-right: 8%;}
.site-info div {  width: 31%; line-height: 24px; font-size: 12px; font-family: verlag a,verlag -webkit-xxx-large;}
.site-info .footerSocial { width: 30%;  padding-top: 75px;}
.footerMenus span { display: block; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px;  font-style: normal; font-weight: 400;  font-size: 11px;}
.footerMenus div { width: 33%;float: left;}
.clear { clear: both;  overflow: hidden;}
.aboutText svg, .headerAbout svg {   width: 60px;    max-height: 12px;    vertical-align: -1px;   margin-left: 3px;}
.site-info a{ color:#999}
.site-info a:hover { color: grey!important;}
#colophon svg path { fill: grey;}
.footerSocial a { margin-right: 15px; color: #4d4d4d;}
.footerSocial {    text-align: right;}
#colophon input#mc-embedded-subscribe-footer {  display: inline;  width: 37px;  height: 15px;   background: 0 0;  box-shadow: none;  text-shadow: none;    border: 0;    margin-left: -42px;   border-radius: 0;   font-size: 16px; text-indent: -99999px;  background-image: url(arrowRight.svg);  background-repeat: no-repeat;   background-size: 12px 12px;  background-position: center center;  vertical-align: -1px;}
.close_nav {
    display: inline-block;
    width: 20px;
    height: 20px;
    background:url(/img/home2/closeWhite.svg) no-repeat center;
    background-size: 17px 17px;
    cursor: pointer;
    position: fixed;
    top: 1.5rem;
    right: 2.4rem; z-index: 9999;
  }
  .logout{
	position: absolute;
	top: 10px; line-height: 16px;
	left: -63px;
	padding:5px 10px;   border-radius:30px;
	background: #ccc;
	color: #fff;
    font-size: 12px;
}
.aboutText p {
    margin-bottom: 40px;
    line-height: 20px;
    text-transform: capitalize;
}
.site-info div p {
    margin-top: 0;
}
.site-info a:hover {
    /* color: grey!important; */
}
.site-info .footerMenus ul li a {
    color: #999;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 1px;
    padding: 10px 0;
    outline: none;
    line-height: 1.9;
}
.site-info a {
    color: #999;
}
  @media only screen and (max-width: 1130px){
     body{	background:rgba(34,97,104,.8) url(/Yin2023/images/budy2.jpg) top center no-repeat ;}
    .left{ width:100%}
    .box{width: 100%; margin:200px 0 0 0}
    .magazine_img{margin-left: -52%;}
    .magazine,.Email img{ width:100%}
    .Email{margin-top:0}
  }
  
  @media only screen and (min-width:641px) and (max-width:960px)  {
      .magazine_img{margin-left: -60%;} 
  }
  
  @media screen and (max-width: 480px)  {
      .magazine_img{margin-left: -60%;}

  }