img{width:100%;}
.pray{position:relative;}
.examination{ width:100%;}
.examination img{width:20%; position:absolute; /*animation-fill-mode:forwards;*/}
.examination .golden{opacity:0; bottom:20%; left:40%; transform:scale(0,0); animation:golden 3s linear; -webkit-animation:golden 3s linear; -moz-animation:golden 3s linear; -o-animation:golden 3s linear;}
@keyframes golden{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1;bottom:40%; transform:scale(1,1);}
    80%{opacity:1; bottom:50%; transform:scale(1,1);}
    100%{opacity:1; bottom:80%; transform:scale(0,0);} 
}
@-moz-keyframes golden{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1;bottom:40%; transform:scale(1,1);}
    80%{opacity:1; bottom:50%; transform:scale(1,1);}
    100%{opacity:1; bottom:80%; transform:scale(0,0);} 
}
@-webkit-keyframes golden{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1;bottom:40%; transform:scale(1,1);}
    80%{opacity:1; bottom:50%; transform:scale(1,1);}
    100%{opacity:1; bottom:80%; transform:scale(0,0);} 
}
.examination .notice{opacity:0;filter:Albottom:20%; left:5%; transform:scale(0,0); -webkit-animation:notice 3s 0.5s linear;-moz-animation:notice 3s 0.5s linear;animation:notice 3s 0.5s linear;}
@keyframes notice{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:39%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:38%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);} 
}
@-moz-keyframes notice{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:38%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:38%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);} 
}
@-webkit-keyframes notice{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:38%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:38%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);} 
}
.examination .bring{opacity:0;bottom:10%; left:40%; transform:scale(0,0); -webkit-animation:bring 3.5s 0.6s linear;-moz-animation:bring 3.5s 0.6s linear;animation:bring 3.5s 0.6s linear;}
@keyframes bring{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:23%; transform:scale(1,1);}
    75%{opacity:1;bottom:23%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);} 
}
@-moz-keyframes bring{
    0%{opacity:1; bottom:-25%; transform:scale(1,1);}
    50%{opacity:1; bottom:23%; transform:scale(1,1);}
    75%{opacity:1;bottom:23%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);} 
}
@-webkit-keyframes bring{
   0%{opacity:1;opacity:1; bottom:-25%; transform:scale(1,1);}
    50%{opacity:1; bottom:23%; transform:scale(1,1);}
    75%{opacity:1;bottom:23%; transform:scale(1,1);}
    100%{opacity:0;bottom:80%; transform:scale(0,0);}
}
.examination .name{opacity:0;bottom:10%; opacity: 0; right:5%; transform:scale(0,0); -webkit-animation:name 3s 0.6s linear; -moz-animation:name 3s 0.6s linear; animation:name 3s 0.6s linear;}
@keyframes name{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:39%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:40%; transform:scale(1,1);}
    100%{opacity:1;bottom:80%; transform:scale(0,0);} 
}
@-moz-keyframes name{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:38%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:40%; transform:scale(1,1);}
    100%{opacity:1; bottom:80%; transform:scale(0,0);} 
}
@-webkit-keyframes name{
    0%{opacity:1; bottom:-20%; transform:scale(1,1);}
    50%{opacity:1; bottom:38%; transform:scale(1,1);}
    80%{opacity:1;bottom:40%; transform:scale(1,1);}
    90%{opacity:1;bottom:40%; transform:scale(1,1);}
    100%{opacity:1;bottom:80%; transform:scale(0,0);} 
}

.examination .guang{width:90%; transform: scale(1); opacity: 0; top:10%; z-index:1; left:5%; position: absolute; -webkit-animation:guang 3.5s 10s linear forwards; -moz-animation:guang 3.5s 10s linear forwards; animation:guang 3.5s 10s linear forwards;}
@keyframes guang{
    0%{ opacity:1; transform: scale(0);}
    100%{opacity:1; transform: scale(1);}
}
@-moz-keyframes guang{
   0%{transform: scale(0); opacity:1;}
    100%{ transform: scale(1); opacity:1;}
}
@-webkit-keyframes guang{
   0%{transform: scale(0); opacity:1;}
    100%{ transform: scale(1);opacity:1;}
}
.examination .fz{width:90%;transform: scale(1);opacity: 0; z-index:2; top:10%; left:5%; position: absolute; -webkit-animation:guang 2s 10s linear forwards; -moz-animation:guang 2s 10s linear forwards; animation:guang 2s 10s linear forwards;}
.examination .dianji{width:40%;transform: scale(1); opacity: 0; z-index:2; top:60%; left:29%; position: absolute; animation:dianjii 3s 12s linear forwards; -webkit-animation:dianjii 3s 12s linear forwards; animation:dianjii 3s 12s linear forwards;}
@keyframes dianjii{
   
   0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes dianjii{
     0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes dianjii{
     0%{opacity:0;}
    100%{opacity:1;}
}
.examination .click-btn{width:20%;opacity: 0; z-index:2; top:65%; left:40%; position: absolute; -webkit-animation:dianji 1s 12s linear infinite forwards; -moz-animation:dianji 1s 12s linear infinite forwards; animation:dianji 1s 12s linear infinite forwards;}
@keyframes dianji{
    0%{opacity:1; top:67%;}
    50%{top:65%;}
    100%{opacity:1; top:67%;}
}
@-moz-keyframes dianji{
   0%{opacity:1; top:67%;}
    50%{top:65%; opacity:1;}
    100%{opacity:1; top:67%;}
}
@-webkit-keyframes dianji{
  0%{opacity:1; top:67%;}
    50%{ opacity:1; top:65%;}
    100%{opacity:1; top:67%;}
}
.examination .shang{width:100%; top:69%; display:none; z-index:4;}
.person-pray{display:none; color:#fff; z-index:10; font-size:17px; width:100%; text-align:center; font-weight:bold; bottom:17%; position:absolute; font-family: '微软雅黑';}
.examination .ming-word{opacity:0;position:absolute;width:42px; top:5%; overflow:hidden; height:0; right:10%;
  animation:ming-word 10s 3s ;
  -moz-animation:ming-word 10s 3s;
  animation:ming-word 10s 3s;}
@-webkit-keyframes ming-word{
    0%{opacity:1; height:0;}
    80%{opacity:1; height:300px;}
    100%{opacity:0; height:300px;}
}

@keyframes ming-word{
   0%{opacity:1; height:0;}
    50%{opacity:1; height:300px;}
    100%{opacity:0; height:300px;}
}
.examination .ming-word img,.examination .ming-word1 img{width:100%;}

.examination .ming-word1{opacity:0;position:absolute;width:42px; top:15%; overflow:hidden; height:0; right:24%;
  animation:ming-word 6s 6s;
  -moz-animation:ming-word 6s 6s;
  animation:ming-word 6s 6s;
}


/*弹窗*/
.share{color:#fff; background:#f9b548; padding:2px 5px; margin:0 auto; display:inline-block; font-size:16px; font-weight:normal; border-radius: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
.person-pray p{font-size:16px; color:#fff;}
.arrow-share{position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    z-index: 10;
    text-align:right;
}
.arrow-share .share-weixin{color:#fff; width:167px; float:right; text-align:center; margin:0; position:relative;}
.arrow-share .share-weixin dd{margin-left:0; text-align:left;}
.close{position:absolute; top:10px; left:-10px; color:#fff; font-size:20px;}
/*弹窗二维码*/
.code{position: absolute;
	top:50%;
	margin-top:-83px;
	width:100%;
	text-align:center;
    z-index: 999;
    }
.code img{width:167px; margin:0 auto; }
.code p{color:#fff; margin-top:10px;}
/*.flex {
     display:-webkit-box; 
     display:-ms-flex; 
     display:-webkit-flex; 
     display:flex;
}
.flex-hc {
     -webkit-box-pack:center; 
     -ms-justify-content:center; 
     -webkit-justify-content:center; 
     justify-content:center;
}
.flex-vc {
     -webkit-box-align:center; 
     -ms-align-items:center; 
     -webkit-align-items:center; 
     align-items:center;
}*/
.code-close{left:none; right:10px; top:22px;}

/*飞机票*/
.input_import input[type=text]{border:none; background:none; border-bottom:1px solid #ccc; margin:0 0; display:block; color:#485150;}
.air_go[type=button],.air_share{text-align:center;width:80%;background:#23afec; height:38px; line-height:38px; border:none; color:#fff; padding:0; font-size:18px; margin:20px auto 0; display:block;}
.top_img{position:relative; margin:0 20px;}
.name_dw{position:absolute; top:30%; left:50%; margin-left:-20px; color:#485150; font-family:"新宋体"; font-size:14px;}
.site_dw{position:absolute; top:39%; left:50%; margin-left:-20px; color:#485150; font-family:"新宋体"; font-size:14px;}
.air_title{color:#16aaeb; text-align:center; font-size:36px; margin:0 0 36px; font-family:"黑体"; font-weight:normal;}
.circle span{position:absolute; top:30%; left:50%; margin-left:-20px; border:1px solid #ff0202; border-radius:40/15px; -webkit-border-radius:40px/15px; -moz-border-radius:40px/15px; width:58px; height:19px;}
.circle .circle2{top:40%; width:66px;}
.input_import{margin-top:30px;}
.air_date{position:absolute; left:27%; top:36.5%; color:#7D7D7D;font-family: '新宋体'; font-size:10px;}
.air_content{ padding: 35px 0 0; background:#fff url(../images/zt/sea.png) no-repeat center bottom; width:100%; background-size:100% auto;  min-height:736px;}
.air_word{text-align:center;}
@media screen and (max-width: 320px) {
	.air_content{ min-height:600px;}
}
@media screen and (min-width: 768px) {
	.air_content{ min-height:1024px;}
}





/*同学录*/
body{background:#fff;}
.book{padding-top:40px; position:relative;background:url(../images/zt/book-bottom.png) no-repeat center bottom,url(../images/zt/book-top.png) no-repeat center top; background-size:100% auto; width:100%; height:100%; text-align:center; overflow-x:hidden;}
.book-index{ padding:0 50px 0;}
.book .book-img1{animation: heart 1s 2s ease forwards; -moz-animation: heart 1s 2s ease forwards; -webkit-animation: heart 1s 2s ease forwards;}
.book .book-img2{width:48%; margin-top: -26px; margin-bottom:128px; animation: heart 1s 2s ease forwards; -moz-animation: heart 1s 2s ease forwards; -webkit-animation: heart 1s 2s ease forwards;}
.book-foot img:first-child{width:28%;vertical-align: middle;}
.book-foot img:last-child{width:70%; vertical-align: middle; margin-top:6px;}
.book-foot{overflow:hidden; margin-bottom:20px;}
.no-book{position:relative; opacity:1;  top:16%; left:50%; margin-left:-44%; width:90%; animation:no-book 1s linear forwards; -webkit-animation:no-book 1s linear forwards; -moz-animation:no-book 1s linear forwards;}
@keyframes heart{
   0%{transform: rotate(0) scale(1);}
   100%{transform: rotate(360deg) scale(0);}
}
@-webkit-keyframes heart{
   0%{transform: rotate(0) scale(1);}
   100%{transform: rotate(360deg) scale(0);}
}
@-moz-keyframes heart{
   0%{transform: rotate(0) scale(1);}
   100%{transform: rotate(360deg) scale(0);}
}
@keyframes no-book{
   0%{opacity:1; transform:rotate(0) scale(0);}
   100%{opacity:1; transform:rotate(360deg) scale(1);}
}
@-webkit-keyframes no-book{
   0%{opacity:1; transform:rotate(0) scale(0);}
   100%{opacity:1; transform:rotate(360deg) scale(1);}
}
@-moz-keyframes no-book{
   0%{opacity:1; transform:rotate(0) scale(0);}
   100%{opacity:1; transform:rotate(360deg) scale(1);}
}
.no-book .book-word3{width:0px; height:22.8px; overflow: hidden;  position:absolute; top:35%; left:50%; margin-left:-44%; animation:book-word3 1s 1s linear forwards; -moz-animation:book-word3 1s 1s linear forwards; -webkit-animation:book-word3 1s 1s linear forwards;}
.no-book .book-word3 img{width:117px; height:22.98px;}
@keyframes book-word3{
   0%{width:0;}
   100%{width:117px;}
}
@-moz-keyframes book-word3{
   0%{width:0;}
   100%{width:117px;}
}
@-webkit-keyframes book-word3{
   0%{width:0;}
   100%{width:117px;}
}
.no-book .book-word4{ top:50%; left:50%; margin-left:-44%; animation:book-word4 1s 2s linear forwards; -webkit-animation:book-word4 1s 2s linear forwards; -moz-animation:book-word4 1s 2s linear forwards;}
@keyframes book-word4{
   0%{width:0;}
   100%{width:116px;}
}
@-moz-keyframes book-word4{
   0%{width:0;}
   100%{width:116px;}
}
@-webkit-keyframes book-word4{
   0%{width:0;}
   100%{width:116px;}
}
.no-book .book-word5{top:35%; left:50%; margin-left:10%; width:0px; height:21px; overflow: hidden; position:absolute; -webkit-animation:book-word5 1s 3s linear forwards; -moz-animation:book-word5 1s 3s linear forwards; }
@keyframes book-word5{
   0%{width:0;}
   100%{width:116px;}
}
@-webkit-keyframes book-word5{
   0%{width:0;}
   100%{width:116px;}
}
@-moz-keyframes book-word5{
   0%{width:0;}
   100%{width:116px;}
}
.no-book .book-word5 img{width:116px;}
.no-book .book-child{position:absolute; top:50%; width:0; overflow:hidden; left:50%; margin-left:19%; height:35px; animation:book-child 1s 4s linear forwards;  -moz-animation:book-child 1s 4s linear forwards; -webkit-animation:book-child 1s 4s linear forwards;}
.no-book .book-child img{width:37px;}
@keyframes book-child{
   0%{width:0;}
   100%{width:37px;}
}
@-webkit-keyframes book-child{
   0%{width:0;}
   100%{width:37px;}
}
@-moz-keyframes book-child{
   0%{width:0;}
   100%{width:37px;}
}
.pen{width:80%; position:absolute; opacity: 0; top:16%; left:50%; margin-left:-44%; animation:pen 4s 1s forwards; -webkit-animation:pen 4s 1s forwards; -moz-animation:pen 4s 1s forwards;}
@keyframes pen{
   0%{opacity:1; top:16%; margin-left:-44%;}
   5%{opacity:1; top:20%; margin-left:-36%;}
   10%{opacity:1; top:16%; margin-left:-28%;}
   15%{opacity:1; top:20%; margin-left:-20%;}
   20%{opacity:1; top:16%; margin-left:-13%;}
   25%{opacity:1; top:30%; margin-left:-44%;}
   30%{opacity:1; top:37%; margin-left:-36%;}
   35%{opacity:1; top:30%; margin-left:-28%;}
   40%{opacity:1; top:37%; margin-left:-20%;}
   50%{opacity:1; top:30%; margin-left:-13%;}
   55%{opacity:1; top:20%; margin-left:10%;}
   60%{opacity:1; top:16%; margin-left:18%;}
   65%{opacity:1; top:20%; margin-left:28%;}
   70%{opacity:1; top:16%; margin-left:38%;}
   75%{opacity:1; top:20%; margin-left:40%;}
   80%{opacity:1; top:40%; margin-left:22%;}
   85%{opacity:1; top:45%; margin-left:19%;}
   90%{opacity:1; top:40%; margin-left:16%;}
   95%{opacity:1; top:37%; margin-left:20%;}
   100%{opacity:1; top:40%; margin-left:28%;}
}
@-webkit-keyframes pen{
   0%{opacity:1; top:16%; margin-left:-44%;}
   5%{opacity:1; top:20%; margin-left:-36%;}
   10%{opacity:1; top:16%; margin-left:-28%;}
   15%{opacity:1; top:20%; margin-left:-20%;}
   20%{opacity:1; top:16%; margin-left:-13%;}
   25%{opacity:1; top:30%; margin-left:-44%;}
   30%{opacity:1; top:37%; margin-left:-36%;}
   35%{opacity:1; top:30%; margin-left:-28%;}
   40%{opacity:1; top:37%; margin-left:-20%;}
   50%{opacity:1; top:30%; margin-left:-13%;}
   55%{opacity:1; top:20%; margin-left:10%;}
   60%{opacity:1; top:16%; margin-left:18%;}
   65%{opacity:1; top:20%; margin-left:28%;}
   70%{opacity:1; top:16%; margin-left:38%;}
   75%{opacity:1; top:20%; margin-left:40%;}
   80%{opacity:1; top:40%; margin-left:22%;}
   85%{opacity:1; top:45%; margin-left:19%;}
   90%{opacity:1; top:40%; margin-left:16%;}
   95%{opacity:1; top:37%; margin-left:20%;}
   100%{opacity:1; top:40%; margin-left:28%;}
}
@-moz-keyframes pen{
   0%{opacity:1; top:16%; margin-left:-44%;}
   5%{opacity:1; top:20%; margin-left:-36%;}
   10%{opacity:1; top:16%; margin-left:-28%;}
   15%{opacity:1; top:20%; margin-left:-20%;}
   20%{opacity:1; top:16%; margin-left:-13%;}
   25%{opacity:1; top:30%; margin-left:-44%;}
   30%{opacity:1; top:37%; margin-left:-36%;}
   35%{opacity:1; top:30%; margin-left:-28%;}
   40%{opacity:1; top:37%; margin-left:-20%;}
   50%{opacity:1; top:30%; margin-left:-13%;}
   55%{opacity:1; top:20%; margin-left:10%;}
   60%{opacity:1; top:16%; margin-left:18%;}
   65%{opacity:1; top:20%; margin-left:28%;}
   70%{opacity:1; top:16%; margin-left:38%;}
   75%{opacity:1; top:20%; margin-left:40%;}
   80%{opacity:1; top:40%; margin-left:22%;}
   85%{opacity:1; top:45%; margin-left:19%;}
   90%{opacity:1; top:40%; margin-left:16%;}
   95%{opacity:1; top:37%; margin-left:20%;}
   100%{opacity:1; top:40%; margin-left:28%;}
}
.book-invite{position:relative; opacity: 0; top:50%; animation:invite 1s 5s forwards; -webkit-animation:invite 1s 5s forwards; -moz-animation:invite 1s 5s forwards; width:80%; left: 50%;  margin-left: -40%;}
@keyframes invite{
   0%{opacity:0}
   100%{opacity:1;}
}
@-webkit-keyframes invite{
   0%{opacity:0}
   100%{opacity:1;}
}
@-moz-keyframes invite{
   0%{opacity:0}
   100%{opacity:1;}
}
.book-invite1{position:relative; opacity:0; top:50%; animation:invite 1s 1s forwards; -webkit-animation:invite 1s 1s forwards; -moz-animation:invite 1s 1s forwards; width:80%; left: 50%;  margin-left: -40%;}


/*有人留言*/
.write-student{animation:1s ease forwards; background:rgba(255,255,255,0);}
.book-banner{width:100%; opacity: 0; animation: banner 2s forwards; -webkit-animation: banner 2s forwards; -moz-animation: banner 2s forwards;}
@keyframes banner{
   0%{transform: rotateY(-90deg); transform-origin:0 0;opacity: 1;}
   100%{ transform: rotateY(0deg);transform-origin:0 0;opacity: 1;}
}
@-webkit-keyframes banner{
   0%{transform: rotateY(-90deg); transform-origin:0 0;opacity: 1;}
   100%{ transform: rotateY(0deg);transform-origin:0 0;opacity: 1;}
}
@-moz-keyframes banner{
   0%{transform: rotateY(-90deg); transform-origin:0 0;opacity: 1;}
   100%{ transform: rotateY(0deg);transform-origin:0 0;opacity: 1;}
}
.book-list{overflow: hidden; padding:15px;}
.book-list span:first-child{color:#00a2e9; font-size:14px; }
.book-list a{background:#f89f03; padding:5px; font-size:12px; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.write-list li{background:#8aceef; color:#fff; margin-bottom:15px;}
.write-list .mui-table-view-cell:focus{background:#76BBDD;}
.write-list .mui-table-view-cell:active{background:#76BBDD;}
.write-list .mui-table-view-cell:hover{background:#76BBDD;}
.write-list .mui-table-view-cell:visited{background:#76BBDD;}
.write-list .mui-table-view-cell>span:not(.mui-btn){width:74%; float:left;}
.write-list .mui-table-view-cell>span:not(.mui-btn) img{margin-top:0; ;}
.write-list .mui-media-body{text-align:left; line-height:48px; color:#fff; font-size:15px;}
.write-list .mui-right-btn-link{float:right; width:26%; font-size:13px; float:right; text-align:right;}
.time{background:url(../images/zt/time.png) no-repeat; background-size:100% 100%; WIDTH:15px; HEIGHT:15px; display:inline-block; vertical-align: middle; margin-right:10px;}
.write-list .mui-table-view-cell:after{height:0;}
.write-list{background:none;}

.book-bottom{position:absolute; bottom:0; left:0; z-index:0;}
.write-list li:last-of-type{margin-bottom:0;}


/*留言板*/
/*.leave-index{background:url(../images/zt/leave-bg) no-repeat; background-size:100% 100%;}*/
.leave-content{padding:36% 11%;position:absolute; top:60px; left:50%; margin-left:-45%; width:90%; background:rgba(255,255,255,0.5); height:auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; text-align:center;}
.leave-index{position:relative;}
.leave-word1{}
.leave-word2{font-size:16px; color:#292929; margin-top:40px;}
.leave-center{margin-top:54px;}
.leave-center .air_share{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}



/*印象*/
.board-content{padding:30px 10px; text-align:left; color:#9a6b06; }
/*.board-content>span:first-of-type{text-align:left; border-bottom:1px solid #9a6b06; line-height:20px; padding-bottom:5px; }*/
.message-call,.message-name{text-decoration: underline; padding:0; margin:0;}
.board-content p{border-bottom:1px solid #9a6b06; line-height:30px; margin-top:5px; text-indent:2em; color:#9a6b06; height:30px;}
.board-content .sign{border-bottom:1px solid #9a6b06;}
/*#anonymous{display:none;}*/
.anony{border-radius:20px; width:20px; height:20px; border:1px solid #9f7312; display:inline-block; vertical-align: sub; position:relative; margin-right:5px;}
.message-introduce .mui-icon-checkmarkempty:before{content: '\e472'; position: absolute; font-size: 44px; top: -14px; left: -10px;}
.message-introduce{line-height:30px; overflow: hidden; margin-top:20px;}
.impression{padding:0; list-style: none;}
.impression li{float:left; margin:5px 0;}
.impression .mui-icon-star{margin-left:-7px;}
.ss{border:none; background:url(../images/zt/lin-bg.png) repeat; line-height:30px; padding:0; margin-top:14px;text-indent:2em;}
.board-content input[type=text]{border:none; background:none; display:inline-block; width:auto; padding:0; margin:0; height:30px; line-height:30px; border-bottom: 1px solid; border-radius:0; -webkit-border-radius:0px; -moz-border-radius:0px; width:auto;}
.board-content .message-name input[type=text]{text-align:right;}
.message-introduce .mui-checkbox{clear:none; }
.message-introduce .mui-checkbox.mui-left label{padding-left:27px;padding-top: 5px; padding-bottom: 5px;}
.message-introduce .mui-checkbox input[type=checkbox]{top:-1px; width:24px; height:24px;}
.message-introduce .mui-checkbox input:before{color:#9f7312; width:24px; height:24px; font-size:24px; vertical-align: -webkit-baseline-middle;}
.message-introduce .mui-checkbox input[type=checkbox]:checked:before{color:#9f7312; width:24px; height:24px; }
.impress-star{background:url(../images/zt/star.png) no-repeat 0 0; display:inline-block; width:22px; height:21px; background-size:cover; vertical-align: top; margin-left:-7px;}
.on{background:url(../images/zt/star.png) no-repeat 0 -22px; display:inline-block; width:22px; height:21px; background-size:cover; vertical-align: top; margin-left:-7px;}
.collect .air_share{background:#ff9820; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

/*发送成功*/
.success-letter{position:absolute; top:20px; left:50%; width:80%; margin-left:-40%; text-align:center; padding:20px 20px 0;}
.success-letter .success-word{width:40%; margin-bottom:30px;}
.success-letter .success-word1{width:90%; margin-top:30px; margin-bottom:30px;}

/*头像大小*/
.mui-table-view .mui-media-object{max-width: 48px; height:48px;}




/*ios跟安卓的引导页面*/
.code-app{text-align:center; height:100%; width:100%; padding:45px 65px; overflow: hidden;}
.code-app p{font-size:1.5rem; color:#fff; margin-top:2rem;}
.code-layer .share-weixin{margin:0 auto; float:none; width:255px; margin-top:76px;}
.code-layer dt img{width:152px;}
.code-layer dt{text-align:right; margin-bottom:20px;}
.code-layer dd span{color:#f28f2e;}




@media screen and (max-width: 321px) {
	.book{min-height:568px;}
	.leave-content{top:20px;}
	.code-app{
	  	padding:40px 65px 0;
	  	overflow: hidden;
	  }
}
@media screen and (min-width: 321px) and (max-width:361px){
	.code-app{
	  	padding:40px 65px 0;
	  	overflow: hidden;
	  }
}
@media screen and (min-width: 361px) and (max-width:376px){
	.air_content{ min-height:667px;}
	.book{min-height:667px;}
	.board-content{padding:10px;}
	.collect{margin-top:0px;}
}
@media screen and (min-width: 376px) and (max-width:415px){
	.air_content{ min-height:600px;}
	.book{min-height:736px;}
	.board-content{padding:10px;}
	.collect{margin-top:0px;}
}
@media screen and (min-width:415px)and (max-width: 768px) {
	.book{min-height:1024px;}
	.air_content{ min-height:1024px;}
}
@media screen and (min-width:768px){
	.book{min-height:1024px;}
	.air_content{ min-height:1024px;}
}