@charset "utf-8";
/* CSS Document */

.zt_mail img{ display:block;}

@font-face {
  font-family: 'iconfont';  /* project id 417973 */
  src: url('http://at.alicdn.com/t/font_417973_i0vdx3yl4f8byb9.eot');
  src: url('http://at.alicdn.com/t/font_417973_i0vdx3yl4f8byb9.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_417973_i0vdx3yl4f8byb9.woff') format('woff'),
  url('http://at.alicdn.com/t/font_417973_i0vdx3yl4f8byb9.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_417973_i0vdx3yl4f8byb9.svg#iconfont') format('svg');
}


/*banner*/
.zt_mail{ background-color:#f0544c;}
.zt_mail .banner{background-image:url(../../images/zt/mail/mail_01.jpg);height:600px; width:100%;padding-top:100px; }
.zt_mail .banner .middlelayer{ background-image:url(../../images/zt/mail/text1.png); height:211px; width:626px; margin-left:50px; }
.zt_mail .banner .toplayer{ background-image:url(../../images/zt/mail/text2.png); height:126px; width:571px; margin-left:50px; margin-top:30px;}
.zt_mail .banner a{ display:block; height:128px; width:166px; background-color:#f5ba75; border-radius:50%; text-align:center; font-size:18px; color:#9b0e07; line-height:24px; padding-top:37px; margin-left:976px;
margin-top:-30px; animation:jump 0.6s alternate infinite ease-out;}
.zt_mail .banner .shadow{display:block; height:8px; width:130px; background-color:#9b0e07; border-radius:50%; margin-left:994px; animation:jump_shadow 0.6s alternate infinite ease-out;}

/*question*/

.zt_mail .question h2{ text-align:center; font-size:30px; color:#9b0e07; line-height:60px; background-color:#f5ba75;}
.zt_mail .question ul{ width:888px; margin:0 auto;}
.zt_mail .question ul li{ float:left; width:222px; border-left:#fbada9 2px solid;color:#FFFFFF; text-align:center; margin-top:46px; padding-top:30px;}
.zt_mail .question ul li:first-child{ border:none;}
.zt_mail .question ul li i{ font-size:60px; color:#FFFFFF;}
.zt_mail .question ul li p{ font-size:18px; padding-top:10px; padding-bottom:50px;}


.zt_mail .question h3{ text-align:center; font-size:30px; color:#fff;  line-height:30px; margin-top:40px;}
.zt_mail .question dl dd{   float:left; width:232px; margin-left:10px;margin-top:20px; background-color:#f5ba75; text-align:center;}
.zt_mail .question dl dd a{line-height:55px; color:#9b0e07; font-size:18px; }
.zt_mail .question dl dd:first-child{ margin-left:0px;}
.zt_mail .question p{ font-size:18px; color:#FFFFFF; line-height:30px; margin-top:36px;}

.zt_mail .question dl dd:hover{ background-color:#9b0e07; transition:all 0.1s; }
.zt_mail .question dl dd:hover a{color:#f5ba75; transition:all 0.1s;}


/*gift_form*/

.zt_mail .gift_form h3{ text-align:center; font-size:30px; color:#9b0e07; line-height:60px; background-color:#f5ba75;margin-top:36px; }
.zt_mail .gift_form ul li{  position:relative; float:left; margin-left:20px; overflow:hidden; width:285px; height:200px;  }
.zt_mail .gift_form ul li:first-child{ margin-left:0px;}
.zt_mail .gift_form ul li p{ background-color:#f5ba75;text-align:center; font-size:18px; color:#fff; width:285px; height:50px; line-height:50px; transition:all 0.2s; position:absolute; bottom:-50px; z-index:9; }
.zt_mail .gift_form ul li:hover p{ bottom:0; }

.zt_mail .gift_form dl{  width:1020px; margin:0 auto;}
.zt_mail .gift_form dl dd{ float:left; font-size:24px; line-height:24px; color:#FFFFFF; margin-left:40px; margin-top:40px;}
.zt_mail .gigt_form dl dd:first-child{ margin-left:0px;}
.zt_mail .gift_form dl dd i{ font-size:24px;margin-top:40px; color:#f5ba75;}

.zt_mail .gift_form form input[type="text"]{ width:568px; height:50px; display:block; margin:0 auto; margin-top:30px; background-color:#ef847f; font-size:18px; padding-left:20px;  box-shadow:  inset 1.312px 1.509px 2px  #c2342d; }
.zt_mail .gift_form form input[type="button"]{width:568px; height:50px; display:block; margin:0 auto; margin-top:30px; background-color:#f5ba75; font-size:18px; color:#FFFFFF; }
.zt_mail .gift_form form p{ text-align:center; color:#f8b7b4; margin-top:10px; box-shadow:none; font-size:14px; line-height:14px;  }

/*major*/
.zt_mail .hot_major h2{ text-align:center; font-size:30px; color:#9b0e07; line-height:60px; background-color:#f5ba75; margin-top:40px;}
.zt_mail .hot_major ul li a{ }
.zt_mail .hot_major ul li { float:left; margin-left:30px; border:#f5ba75 2px solid; margin-top:30px; padding-bottom:20px; width:380px;}
.zt_mail .hot_major ul li:first-child{ margin-left:0px;}
.zt_mail .hot_major ul h3{ text-align:center; font-size:24px; color:#FFFFFF; line-height:24px; margin-top:20px;}
.zt_mail .hot_major ul h4{ text-align:center; font-size:14px; color:#FFFFFF;line-height:14px;margin-top:10px;}
.zt_mail .hot_major ul .btn{ display:block; margin:0 auto; width:104px; height:30px; background-color:#f5ba75; color:#9b0e07; line-height:30px; text-align:center; margin-top:10px; }








@keyframes jump {
	from{
	     transform:translate(0,0)
		 
		}
	to{
		transform:translate(0,-20px)
		}
		
	} 
@keyframes jump_shadow {
	from{
	     transform:scale(1,1)
		 
		}
	to{
		transform:scale(0.7,0.7)
		}
		
	}