* { margin: 0; padding: 0; font-family: "微软雅黑"; max-height: 999999px; }
.ml10{margin-left: 10px;}
.mt20{margin-top: 20px;}
.clearfix:after { content: ""; display: table; clear: both;}
.clearfix{zoom:1;}
.clear{clear:both;}
.birthday-main {
	width: 640px;
	margin: 0 auto;
	background-image: linear-gradient(60deg, #DBDEFF 0%, #D1D6F7 100%), linear-gradient(60deg, #A281FF 0%, #C3B2FF 100%);
	background-blend-mode: normal, normal;
	position: relative;
}

.birthday-banner {
	width: 640px;
	height: 459px;
	box-sizing: border-box;
	background: url(../../images/arynforphone/birthday13/h5-banner.png) no-repeat center;
	position: relative;
	z-index: 2;
}

.praise-flower-bg{
	position: absolute;
	width: 100%;
	height: 80px;
	bottom: 0;
	left:0;
	background-color: #ffffff;
	opacity: 0.6;
	filter:60;
	z-index: 2;
}
.praise-flower-box{
	width: 640px;
	position: absolute;
	z-index: 3;
	left: 50%;
	height: 80px;
	margin-left: -320px;
	bottom: 0;
}

.birthday-banner .aryn-animate {
	width: 231px;
	height: 298px;
	position: absolute;
	left: calc(50% + 50px);
	bottom: 80px;
}
.birthday-banner .aryn-animate .aryn-image {
	display: block;
	width: 231px;
	height: 298px;
}
.birthday-banner .aryn-animate .aryn-animate-tips {
	display: block;
	width: 138px;
	height: 45px;
	background-color: #ffbe1a;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	line-height: 45px;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 50px;
	top: 243px;
}

.birthday-nav-box {
	width: 100%;
	height: 74px;
	background-color: #FFFFFF;
	position: sticky;
	top: 0;
	z-index: 2;
}
.birthday-nav-box .birthday-nav {
	width: 640px;
	height: 74px;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.2);
}

.birthday-nav-box .birthday-nav .nav {
	padding: 0 42px;
	height: 100%;
}
.birthday-nav-box .birthday-nav .nav .anchor {
	display: block;
	height: 74px;
	padding: 13px 10px;
	box-sizing: border-box;
	float: left;
	font-size: 22px;
	color: #2F2C3D;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	background: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.birthday-nav-box .birthday-nav .nav .anchor.choosed {
	color: #A17CFF;
	background: url(../../images/arynforphone/birthday10/nav_choosed2.png) no-repeat bottom center;
}
.birthday-nav-box .birthday-nav .nav .space {
	display: block;
	width: 17px;
	height: 100%;
	float: left;
	background: url(../../images/arynforphone/birthday10/nav_space.png) no-repeat center;
	margin: 0 41px;
}

.praise-flower {
	margin-top:10px;
	height: 100%;
	text-align: center;
}
.praise-flower .pf-btn {
	width: 282px;
	height:60px;
	box-sizing: border-box;
	display:inline-block;
	line-height: 60px;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	position: relative;
	border-radius: 30px;
	margin: 0 10px;
}
.praise-flower .pf-btn img {
	vertical-align: middle;
	position: relative;
	top: -3px;
}
.praise-flower .pf-btn .praise-add,
.praise-flower .pf-btn .flower-add {
	width: 32px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -16px;
	opacity: 0;
}
.praise-flower #praise {
	background-color: #ffbe1a;
}
.praise-flower #praise:active {
	background-color: #ff9f1a;
}
.praise-flower #flower {
	background-color: #B294FF;
}
.praise-flower #flower:active {
	background-color: #976EFF;
}

.birthday-content-box {
	width: 100%;
	padding: 40px 0;
	margin: 0 auto;
	position: relative;
	
	background: url(../../images/arynforphone/birthday10/title_bgNew.png) repeat-y;
}

.birthday-content-box .sub-box {
	width: 100%;
	position: relative;
}
.birthday-content-box .sub-box .right-balloon-1 {
	position: absolute;
	z-index: 0;
	top: 8px;
	right: 0;
}
.birthday-content-box .sub-box .left-balloon-2 {
	position: absolute;
	z-index: 0;
	top: 8px;
	left: 0;
}
.birthday-content-box .sub-box .left-balloon-3 {
	position: absolute;
	z-index: 0;
	top: 8px;
	right: 0;
}

.birthday-content-box .sub-box h1 {
	width: 576px;
	height: 158px;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	color: #F7EFFF;
	line-height: 90px;
	background: url(../../images/arynforphone/birthday10/title_bg1.png) no-repeat center;
	position: relative;
	z-index: 1;
}
.birthday-content-box .sub-box .content-box {
	width: 576px;
	padding: 0 36px;
	margin: 0 auto;
	box-sizing: border-box;
	background: url(../../images/arynforphone/birthday10/content_bg.png) repeat-y center;
	position: relative;
	z-index: 1;
}
.birthday-content-box .sub-box .content-box .year12-text {
	margin-top: 16px;
	font-size: 22px;
	line-height: 36px;
	color: #353340;
	text-align: justify;
}
.birthday-content-box .sub-box .content-bottom {
	width: 576px;
	height: 38px;
	margin: 0 auto;
	background: url(../../images/arynforphone/birthday10/content_bottom.png) repeat-y center;
	position: relative;
	z-index: 1;
}
.birthday-content-box .sub-box .content-connect {
	width: 576px;
	height: 101px;
	margin: 0 auto;
	background: url(../../images/arynforphone/birthday10/content_connect.png) repeat-y center;
	position: relative;
	z-index: 1;
}



.bless-1,
.blessing-videos,
.jiaoyy-list {
	width: 504px;
	position: relative;
	padding: 40px 30px;
	box-sizing: border-box;
	color: #9B5BD6;
	text-align: justify;
	text-justify: distribute;
}
.about-1 .aryn-image {
	display: block;
	margin: 0 auto 25px;
} 
.about-1 .aryn-introduct {
	width: 444px;
	font-size: 24px;
}
.about-1 .aryn-introduct .simple {
	width: 444px;
}
.about-1 .aryn-introduct .simple p {
	width: 185px;
	height: 42px;
	line-height: 42px;
	float: left;
	white-space: nowrap;
}
.about-1 .aryn-introduct .simple p img {
	vertical-align: middle;
	margin-left: 4px;
	position: relative;
	top: -2px;
}
.about-1 .aryn-introduct .detail {
	width: 444px;
	margin-top: 20px;
	line-height: 42px;
}

.about-2 h2 {
	font-size: 26px;
	line-height: 42px;
	margin-top: 18px;
}
.about-2 h2 img {
	vertical-align: middle;
	margin-left: 12px;
	position: relative;
	top: -2px;
}
.about-2 p {
	font-size: 24px;
	line-height: 42px;
	text-align: justify;
    text-justify: distribute;
}
.about-2 p.small {
	width: 240px;
}
.about-2 .achievement-list {
	margin: 30px auto 30px;
}
.about-2 .achievement-list .achievement-item {
	margin: 30px auto 0;
}
.about-2 .achievement-list .achievement-item img {
	display: block;
	margin: 0 auto;
}
.about-2 .achievement-list .achievement-item .text {
	font-size: 22px;
	line-height: 1;
	margin-top: 18px;
	text-align: center;
}
.about-2 .libra {
	display: block;
	position: absolute;
	top: 53px;
	right: 30px;
}
.about-2 .aryn-video {
	width: 504px;
	height: 285px;
	margin: 20px auto 0;
	background-color: #454545;
}
.about-2 .video-points {
	height: 30px;
	margin: 24px auto;
	text-align: center;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}
.about-2 .video-points .point {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	margin: 0 10px;
	background-color: #CBB6FF;
	font-size: 20px;
	font-weight: bold;
	color: #9B5BD6;
	line-height: 30px;
	text-align: center;
}
.about-2 .video-points .point.choosed {
	background-color: #B294FF;
	color: #FFFEFE;
}

.bless-1 .msg-input {
	/* width: 442px; */
	width:100%;
	height: 357px;
	font-size: 24px;
	box-sizing: border-box;
	line-height: 60px;
	border: none;
	resize: none;
	outline: none;
	color: #9B5BD6;
	background: url(../../images/arynforphone/birthday10/dot_line.png);
	overflow-x: hidden;
	text-align: justify;
}
.bless-1 .msg-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #9B5BD6;
}
.bless-1 .msg-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9B5BD6;
}
.bless-1 .msg-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9B5BD6;
}
.bless-1 .msg-input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #9B5BD6;
}
.bless-1 .msg-tip {
	font-size: 18px;
	line-height: 18px;
	text-align: right;
	margin: 25px 0 18px;
}
.bless-1 .msg-tip .word-num {
	color: #FCBC63;
}
.bless-1 .info-box {
	font-size: 24px;
	line-height: 60px;
}
.bless-1 .info-box .info-input {
	height: 60px;
	font-size: 24px;
	color: #9B5BD6;
	border: none;
	resize: none;
	outline: none;
	background: url(../../images/arynforphone/birthday10/dot_line.png);
}
.bless-1 .info-box .info-input#user {
	width:294px;
}
.bless-1 .info-box .info-input#province {
	width: 133px;
}
.bless-1 .info-box .info-input#city {
	width: 133px;
}
.bless-1 .info-box .info-input#school {
	width: 327px;
}

.blessing-videos h3 {
	font-size: 24px;
	line-height: 24px;
}
.blessing-videos .exp-video {
	width: 504px;
	height: 285px;
	margin: 20px auto 40px;
	background-color: #454545;
	position: relative;
	left: -31px;
}
.blessing-videos .exp-video video {
	width: 100%;
	height: 100%;
}	
.jiaoyy-list {
	padding: 16px 13px;
}
.jiaoyy-list .jiaoyy {
	width: 478px;
	min-height: 120px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	border-radius: 14px;
	padding: 26px 16px;
	margin-bottom: 16px;
	position: relative;
}
.jiaoyy-list .jiaoyy .jiaoyy-head {
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	margin-top: -50px;
}
.jiaoyy-list .jiaoyy .jiaoyy-intro {
	font-size: 22px;
	line-height: 28px;
}
.jiaoyy-list .jiaoyy .jiaoyy-intro .name {
	display: block;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 12px;
}
.jiaoyy-list .jiaoyy .jiaoyy-blessing {
	font-size: 22px;
	line-height: 28px;
	margin-top: 12px;
}
.jiaoyy-list .jiaoyy.left {
	padding-left: 138px;
}
.jiaoyy-list .jiaoyy.left .jiaoyy-head {
	left: 16px;
}
.jiaoyy-list .jiaoyy.right {
	padding-right: 138px;
}
.jiaoyy-list .jiaoyy.right .jiaoyy-head {
	right: 16px;
}

#messages h1 {
	background: url(../../images/arynforphone/birthday10/title_bg2.png) no-repeat center;
}

.message-box {
	padding: 16px 0 40px;
	background: url(../../images/arynforphone/birthday10/content_bg.png) repeat-y center;
	position: relative;
}

.message-box .year-list {
	width: 460px;
	height: 24px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	color: #b294ff;
	user-select: none;
}
.message-box .year-list .year-item {
	float: left;
	margin-right: 50px;
	cursor: pointer;
}
.message-box .year-list .year-item.on {
	color: #9e78ff;
	cursor: default;
}
.message-box .year-list .more-year {
	float: left;
	width: 96px;
	text-align: right;
	padding-right: 34px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEWylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP8AAAA12piMAAAAEHRSTlMAO4A4QDr+/FZ9M1hXOYGCnqfZOQAAAAFiS0dEEeK1PboAAAAHdElNRQfoBhEOMCMmmZyeAAAAUklEQVQI113MSQKAIAwDwAiWsqn9/2tdKhTIKZlDgM15DPFuBygIR7PIEghJZNDHRBIyD/oZZ6CYqpW3dq1mXdVqu9c526+LNZ1NdTXgOC9q/Qa7XQV4qx5Y9wAAAABJRU5ErkJggg==) no-repeat right center;
	cursor: pointer;
}
.message-box .year-list .more-year.on {
	color: #9e78ff;
}
.message-box .year-list .more-year.open {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAMAAABV0m3JAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEWylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP8AAAA12piMAAAAEHRSTlMALnJR+VL8XzGDQf5eQzw7ooCdVgAAAAFiS0dEEeK1PboAAAAHdElNRQfoBhEOMCJRnqwIAAAATklEQVQI113OQRaAIAhF0a8pimax/9XWSSrwDe/oAVqIMWBpSyIpe8u3rTrN62NETqeVYlUNMPqZ0frbqxVsTJXRujFgJ+kNGHzY5ZMHLiDmBO0CdLr6AAAAAElFTkSuQmCC) no-repeat right center;
}
.message-box .year-list .more-year.open+.more-year-list {
	display: block;
}
.message-box .year-list .more-year-list {
	display: none;
	width: 209px;
	box-sizing: border-box;
	padding: 2px 0;
	background-color: #f2e6ff;
	border-radius: 6px;
	border: solid 6px #b294ff;
	position: absolute;
	right: 72px;
    top: 64px;
    z-index: 1;
}
.message-box .year-list .more-year-list::before {
	content: "";
	width: 31px;
	height: 15px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAPBAMAAADuVgmRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEWylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP8AAAD7YuEvAAAACXRSTlMAQbIK9by9Qr50QtR9AAAAAWJLR0QKaND0VgAAAAd0SU1FB+gGERICCQVuWy0AAABRSURBVAjXVcqxDYBADARBE5EjCnEbxJRAC3RADSC2WwTG/77N7jRm0eQmDcuqx8zpCmBTAJcrEPKCSsYPFLLHbiRBIwmSdPCTDoJUAIcCuP0Bx9VDAPnUgEkAAAAASUVORK5CYII=);
	position: absolute;
	top: -21px;
    left: 83px;
}
.message-box .year-list .more-year-list .year-item {
	float: none;
	display: block;
	padding: 0 40px;
	margin-right: 0;
	font-size: 28px;
	font-weight: bold;
	line-height: 66px;
	color: #b294ff;
	text-align: left;
}
.message-box .year-list .more-year-list .year-item.on {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAARCAMAAADub6yxAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAaVBMVEWylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP+ylP8AAACSjW9qAAAAIXRSTlMAA0fe+7gVTPmbzo3FC5D36GtNDmB4klsBn6Ggjvz+sQxcCGUpAAAAAWJLR0QiXWVcrAAAAAd0SU1FB+gGERICCQVuWy0AAABsSURBVBjTbc/JFoIwEETRihOiMgpiZEr9/08ajgGT0G9VfXcN7FOC4XA8nS87Ta4kU1F5E5V3UR8ZVF6UldPa6RNoltHGihdX9xUdnQeKt/75J1D7as9/mwbuqXUt6eaRWh9GTnOsNmOMf34BK4MQ0MUbriEAAAAASUVORK5CYII=) no-repeat calc(100% - 40px) center;
}

.message-box .message-list {
	width: 460px;
	margin: 16px auto 0;
}

.message-box .message-list .message-item {
	width: 460px;
	height: 786px;
	padding: 30px;
	box-sizing: border-box;
	background: url(../../images/arynforphone/birthday13/message_bg.png) no-repeat;
	position: relative;
	margin-bottom: 40px;
}
.message-box .message-list .message-item .message-content {
	width: 350px;
	margin:0 auto;
	padding:90px 10px 10px;
	position: relative;
	box-sizing: border-box;
	color: #9B5BD6;
	text-align: justify;
	text-justify: distribute;
}
.message-box .message-list .message-item .message-content .time {
	font-size: 22px;
	line-height: 28px;
	float: left;
}
.message-box .message-list .message-item .message-content .to-aryn{
	line-height: 30px;
	font-size: 22px;
	margin-bottom: 5px;
}
.message-box .message-list .message-item .message-content .text {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 15px;
}
.message-box .message-list .message-item .message-content .user {
	font-size: 24px;
	line-height: 30px;
	float: left;
	max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
}
.message-box .message-list .message-item .message-content .address {
	font-size: 22px;
	line-height: 28px;
	margin-top: 10px;
}

.message-box .message-page {
	color: #FFFFFF;
	font-size: 24px;
	height: 36px;
	line-height: 36px;
	margin-right: 32px;
	text-align: right;
}
.message-box .message-page .prev-page, .message-page .next-page {
	display: inline;
	width: 72px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.message-box .message-page .prev-page.disabled, .message-page .next-page.disabled {
	color: #9E9E9E;
	cursor: default;
}
.message-box .message-page .page-num {
	display: inline;
}

.message-box .message-more {
	color: #9B5BD6;
	font-size: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}


.birthday-button {
	display: block;
	width: 209px;
	height: 79px;
	background: url(../../images/arynforphone/birthday10/button.png) no-repeat bottom;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: center;
	font-size: 28px;
	color: #F1F1EB;
	line-height: 74px;
	margin: 16px auto 0;
	cursor: pointer;
	text-decoration: none;
}
.birthday-button:active {
	line-height: 79px;
	background: url(../../images/arynforphone/birthday10/button_active.png) no-repeat bottom;
}

.aryn-message-video {
	width: 576px;
	height: 324px;
	position: fixed;
	top: calc(50% - 162px);
	left: calc(50% - 288px);
	z-index: 2;
}

.return-top {
	width: 60px;
	height: 60px;
	background: url(../../images/arynforphone/birthday10/gototop.png) no-repeat;
	position: fixed;
	bottom: 175px;
	cursor: pointer;
	display: none;
	z-index: 99;
	right: 10px;
}

.birthday-content-box .sub-box .content-box .right-flower {
	position: absolute;
	top: -90px;
	right: -8px;
}
.birthday-content-box .sub-box .content-box .left-flower {
	position: absolute;
	top: -90px;
	left: -4px;
}
.message-box .right-flower {
	position: absolute;
	top: -90px;
	right: 24px;
}

.toast {
	width: 260px;
	height: 80px;
	background: url(../../images/aryn/birthday/alert_bg.png) repeat;
/* 	background: rgba(0, 0, 0, 0.5); */
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -130px;
	margin-top: -40px;
	text-align: center;
	font-size: 24px;
	color:#FFFFFF;
	line-height: 80px;
	z-index: 100;
	display: none;
}

.balloons-canvas {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	pointer-events: none;
}

.about-1 .aryn-salute{
	padding-top: 10px;
	width: 504px;
    position: relative;
}
.aryn-salute-video-div{
	width: 504px;
    height: 285px;
    margin: 20px auto 40px;
    background-color: #454545;
    position: relative;
    /* left: -31px; */
}
.aryn-salute-video{
	width: 100%;
    height: 100%;
}
.about-1 .h4,.about-2 .h4{
	padding-left: 18px;
	padding-right: 18px;
}
.about-1 .h4 img, .about-2 .h4 img{
	display: block;
	max-width: 100%;
}
.staff-salute-message{
	margin: 10px auto 0;
    width: 456px;
}
.about-1 .staff-message-top, .about-2 .staff-message-top{
	background: url(../../images/arynforphone/birthday10/staff-top.png) no-repeat;
    height: 18px;
}
.about-1 .staff-message-content,.about-2 .staff-message-content{
	background: url(../../images/arynforphone/birthday10/staff-content.png) repeat-y center;
}
.about-1 .staff-message-bottom,.about-2 .staff-message-bottom{
	background: url(../../images/arynforphone/birthday10/staff-bottom.png) no-repeat;
	height: 18px;
}

.about-1 .h5 {
	padding-left: 16px;
	margin-bottom: 15px;
	background: url(../../images/aryn/birthday11/title-line.png) no-repeat left 9px;
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
	color: #353340;
}
.about-1 .h5 a[href] {
	color: #9b5bd6;
}
.about-1 .chatu {
	display: block;
	width: 100%;
	margin-top: 6px;
}
.about-1 .tupo-video {
	width: 400px;
	height: auto;
	margin: 15px auto 0;
}

.about-1 .staff-message-content-cake{
	max-height: 1700px;
	overflow-y: auto;
	/* margin-right:5px; */
	background: url(../../images/arynforphone/birthday10/staff-cake.png) no-repeat 310px bottom;
	padding-top: 16px;
	padding-bottom: 20px;
}
.about-1,.about-2{
	font-size: 24px;
	color: #9b5bd6;
}
.about-1 dl{
	width: 398px;
	margin:0 auto 32px;
	border-bottom: 2px solid #f2e6ff; 
	padding-bottom: 30px;
	line-height: 38px;
}
.about-1 dt{
	text-align: justify;
	text-justify: distribute;
}
.about-1 dl.last{
	border-bottom:0;
	margin-bottom: 0;
}
.about-1 dd{
	text-align: right;
	margin-top: 10px;
}

.staff-salute-box{
	padding-bottom: 20px;
}

.birthday-content-box .anniversary-review {
	width: 100%;
	height: calc(100% - 533px);
	margin-top: -40px;
	margin-bottom: -40px;
}
.birthday-content-box .anniversary-review .content-box{
	position: relative;
	padding-bottom: 30px;
	padding-top: 15px;
}
.anniversary-review .review-div-line{
	background: url(../../images/aryn/birthday10/review/line.png) repeat-y 132px top;
	width: 502px;
	margin-left:-251px;
	position: absolute;
	left:50%; 
	z-index: 2;
}
.anniversary-review .review-div{
	width: 502px;
	/* margin-left:-251px;
	position: absolute;  */
	left:50%;
	z-index: 3;
	background: url(../../images/aryn/birthday10/review/line.png) repeat-y 132px top;
}
.anniversary-review .review-div dl{padding-bottom: 30px; line-height: 38px; font-size: 28px;color: #9b5bd6;}
.anniversary-review .review-div dl.last{padding-bottom: 0;}
.anniversary-review .review-div dt{ float: left; width: 146px; margin-top: -10px;text-align: right;font-size: 24px;

}
.anniversary-review .review-div dt img{float: right; vertical-align: middle; margin-left: 18px;margin-top: 5px;}
.anniversary-review .review-div dd{float: left; padding-left: 20px; margin-top: -10px; width: 310px;}
.anniversary-review .review-div dd p{
	font-size: 24px;
	line-height: 36px;
	text-align:justify;text-justify:inter-ideograph; 
}
.anniversary-review .review-div dd p.describe{
	font-size: 20px;
	margin-top: 10px;
	line-height: 28px;
	padding-bottom: 5px;
}
.anniversary-review .review-div dd .img-box{
	margin-top: 20px;
}
.anniversary-review .review-div dd .describe-div{
	width: 310px;
	margin: 8px 0px 0px 0;
}
.anniversary-review .review-div dd .img{
	width: 310px;
	height: 195px;
	background-color: #cab5ff;
	cursor: pointer;
}
.anniversary-review .review-div dd .img img{
	width: 310px;
	height: 195px;
}
.anniversary-review .anniversary-iframe {
	border: none;
}

.about-2 .h4{
	padding-top: 30px;
}
.about-2 .aryn-info-box{
	width: 456px;
	margin: 0 auto;
}
.about-2 .aryn-info-box .h4{
	padding-left: 0px;
}
.about-2 .aryn-info-box .aryn-info{
	width: 398px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}
.about-2 .aryn-info-box .aryn-info .simple {
	margin-top: 10px;
}
.about-2 .aryn-info-box .aryn-info-right{
	margin-top: 30px;
}
.about-2 .aryn-info-box .aryn-info .simple .span-right{
	float: right;
	display: inline-block;
	width: 150px;
	text-align: left;
}
.about-2 .name-origin{
	text-align: center;
	margin-top: 20px;
	padding-bottom: 20px;
}

.birthday-content-box .sub-box-bg h1{
	background: url(../../images/arynforphone/birthday10/title_bg1_w.png) no-repeat center;
}
.birthday-content-box .sub-box-bg .content-box{
	background: url(../../images/arynforphone/birthday10/content_bg_w.png) repeat-y center;
	padding-bottom: 28px;
}
.birthday-content-box .sub-box-bg .content-bottom{
	background: url(../../images/arynforphone/birthday10/content_bottom_w.png) repeat-y center;
}
.birthday-content-box .sub-box-bg .bless-1-bg{
	width: 459px;
	height: 917px;
	margin:0 auto;
	background: url(../../images/arynforphone/birthday13/card_bg.png) no-repeat center;
}
.birthday-content-box .sub-box-bg .bless-1-bg .bless-1{
	width:auto;
}
.birthday-content-box .sub-box-bg .bless-1-bg .msg-box-div{
	padding-top: 30px;
}
.birthday-content-box .sub-box h1.title10{
	background: url(../../images/arynforphone/birthday10/title_bg10.png) no-repeat center;
}
.birthday-content-box .sub-box-bg .msg-to-aryn{
	font-size: 26px;
	color: #9b5bd6;
	padding-bottom: 15px;
	line-height: 60px;
}
.birthday-content-box .sub-box-bg .msg-to-aryn span{
	background: url(../../images/arynforphone/birthday10/dot_line.png);
	padding: 0 6px 0 4px;
	display: inline-block;
}
.big-img{
	width: 576px;
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 1004;
	margin-left: -288px;
	text-align: center;
}
.big-img img{
	max-width:100%;
	height: auto;
}
/***************** footer ↓↓↓ ***************/
.footer{ display:block; width: 640px; margin: 0 auto; padding:30px 0px; background:#22232a; color:#FFF; text-align:center; line-height:50px; word-wrap: break-word;}
.footer a{color:#FFF; font-size:24px; display:block; text-align:center;}
