/**
html{ overflow: hidden; height: 100%;}
body{ overflow: hidden; height: 100%;}
.page_box{ position: relative; z-index: 0;}
.join_pageBg{ position: absolute; top: 0px; bottom: 0px; width: 100%;}
.join_page2Bg{ background: url(images/join2.jpg) center bottom no-repeat; background-size: 100% 100%;}
.join_page4Bg{ background: url(images/join4.jpg) center bottom no-repeat; background-size: 100% 100%;}
.join_page6Bg{ background: url(images/join6.jpg) center bottom no-repeat; background-size: 100% 100%;}
.join_page{ height: 100%; position: relative;}
.join_page img{ width: 100%; height: auto;}
.join_page1{ background: url(images/join1.jpg) center bottom no-repeat; background-size: 100% 100%; overflow: hidden;}
.join_page2{ overflow: hidden;}
.join_page3{ background: url(images/join3.jpg) center bottom no-repeat; background-size: 100% 100%; overflow: hidden;}
.join_page4{ overflow: hidden;}
.join_page5{ background: url(images/join5.jpg) center bottom no-repeat; background-size: 100% 100%; overflow: hidden;}
.join_page6{ position: relative; overflow: hidden;}
.join-from{ position: absolute; bottom: 20px; left: 10%; width: 80%; padding: 2% 0px; background: rgba(255,255,255,0.8); border-radius: 4px;}
.join-from .join-tel{ padding-left: 5%; margin-bottom: 5px; height: 24px; line-height: 24px; border-bottom: 2px solid #ff7a00; color: #666;}
.join-from .join-tel a{ color: #e63a00; font-size: 16px;}
.join-from .join-tel a.telico{ background: url(images/dept_phone.png) center center no-repeat #666;}
.join-from .join-name{ position: relative; width: 90%; margin-left: 5%; margin-bottom: 5px;}
.join-from .join-name span{ position: absolute; right: 2px; top: 5px; font-size: 1em; color: #f00;}
.join-from .join-phone{ position: relative; width: 90%; margin-left: 5%; margin-bottom: 5px;}
.join-from .join-phone span{ position: absolute; right: 2px; top: 5px; font-size: 1em; color: #f00;}
.join-from .join-contents{ width: 90%; margin-left: 5%; margin-bottom: 5px;}
.join-from input{ hieght: 28px; line-height: 28px; border: 1px solid #ddd; padding-left: 1%; width: 99%; font-size: 1em; border-radius: 4px;}
.join-from textarea{ height: 56px; line-height: 24px; border: 1px solid #ddd; padding: 1%; width: 98%; border-radius: 4px; font-size: 1em;}
.join-from .join-btn{ margin-left: 39%; padding: 5px 15px; background: #ff7a00; color: #fff; border-radius: 4px;}
.join-from .join-rehome{ position: absolute; right: 5%; bottom: 5%; text-decoration: underline; color: #36c;}
.bgmusic_Btn{ position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 100%; box-shadow: 1px 2px 5px #646464;}
.bgmusic_Btn.playing{ background: url(images/joinhongjiBgmusicpause_ico.png) center center no-repeat #fff; background-size: 40%;}
.bgmusic_Btn.playback{ background: url(images/joinhongjiBgmusic_ico.png) center center no-repeat #fff; background-size: 40%;}

.up_arrow{ position: absolute; bottom: 10px; left: 50%; margin-left: -7px; z-index: 150; width: 24px; height: 14px;}
.up_arrow .pre{ width: 24px; height: 14px; position: relative; -webkit-animation: start 1.5s infinite ease-in-out; -moz-animation: start 1.5s infinite ease-in-out; animation: start 1.5s infinite ease-in-out;}
.up_arrow .pre_L{ height: 15px; width: 11px; position: absolute; top: -5px; overflow: hidden;}
.up_arrow .pre_L .pre1{ background-color: #fff; width: 14px; height: 5px; border-radius: 2px; position: absolute; box-shadow: 1px -1px 1px #646464; top: 5px; transform: rotate(130deg); -webkit-transform: rotate(130deg); left: 1px;}
.up_arrow .pre_R{ height: 15px; width: 11px; position: absolute; top: -5px; left: 10px; overflow: hidden;}
.up_arrow .pre_R .pre2{ background-color: #fff; width: 14px; height: 5px; border-radius: 2px; position: absolute; box-shadow: 1px -1px 1px #646464; top: 5px; left: -4.5px; -webkit-transform: rotate(50deg); transform: rotate(50deg);}
@keyframes start{0%,30%{opacity:0;transform:translate(0,10px)}60%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,-8px)}}

.re_home{ position: fixed; bottom: 10px; right: 10px; width: 60px; display: none;}
.re_home a{ width: 60px; height: 50px; display: block;}
.re_home a .img{ width: 30px; height: 30px; margin-left: 13px; display: block; background: url(images/join-rehome_ico.png) no-repeat; background-size: contain;}
.re_home a .tit{ height: 20px; line-height: 20px; color: #848484;}
**/

.jm{
}
.jm img{ width: 100%;display: block;}
.jm01{
    margin-top: 0px;
}
.jm08{
    margin-top: 0px;
	position: relative;
}
.jm08 .join-from{
  position: absolute;
  padding: 0.75rem 0.3125rem;
  width: 95%;
  bottom: 1.875rem;
  left: 50%;
  background: rgba(255,255,255,0.8);
  border-radius: 3px;
  transform: translateX(-50%);
}
.jm08 .join-from .join{
	position: relative;
	margin-bottom: 0.875rem;
}
.jm08 .join-from .join span.tit{
    height: 1.625rem;
}
.jm08 .join-from .join select{
	width: 30%;
	height: 1.625rem;
	vertical-align: top;
}
.jm08 .join-from .join input{
	padding: 0rem 0.3125rem;
	width: 100%;
	height: 2.125rem;
}
.jm08 .join-from .join span.tips{
	position: absolute;
    right: 0.3125rem;
    top: 6px;
    z-index: 9;
    color: red;
    font-size: 0.75rem;
}
.jm08 .join-from .join textarea{
	padding: 0.15625rem;
	width: calc(100% - 0.5rem);
	height: 2.8125rem;
}
.jm08 .join-from .join-btn{
    position: relative;
    top: -3px;
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    background: #e51c23;
    color: #fff;
    border-radius: 3px;
    font-size: 0.75rem;
}

.tips{
    color: #ff0000;
    font-size: 0.75rem;
    text-align: right;
}