@charset "utf-8";
/*==================reset ===================*/
/*rem计算 width:640px-PSD*/
html{font-size: 100px;}
@media only screen and (max-width: 600px) {
    html{font-size: 93.75px;}
}
@media only screen and (max-width: 540px) {
    html{font-size: 84.375px;}
}
@media only screen and (max-width: 480px) {
    html{font-size: 75px;}
}
@media only screen and (max-width: 435px) {
    html{font-size: 67.96875px;}
}
@media only screen and (max-width: 414px) {
    html{font-size: 64.6875px;}
}
@media only screen and (max-width: 412px) {
    html{font-size: 64.375px;}
}
@media only screen and (max-width: 411px) {
    html{font-size: 64.21875px;}
}
@media only screen and (max-width: 384px) {
    html{font-size: 60px;}
}
@media only screen and (max-width: 375px) {
    html{font-size: 58.59375px;}
}
@media only screen and (max-width: 360px) {
    html{font-size: 56.25px;}
}
@media only screen and (max-width: 320px) {
    html{font-size: 50px;}
}

*{margin: 0;padding: 0;}
html, body {
	font-family: '微软雅黑';
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #000;
}
ul, li {
	display: block;
	list-style: none;
}
p {
	display: block;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
em {
	font-style: normal;
}

button {
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
}
a, button, input, img {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
:focus {
	outline: 0;
}
/* common */
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.show{
    display: block;
}
.hide {
	display: none;
}
/* visibility:hidden;虽然不显示但仍占据位置，但是也不能响应事件   display:none;不占据位置 */
.hidden {
	visibility: hidden;
}
/* ios设备平滑滚动 */
.smooth_slide {
	-webkit-overflow-scrolling: touch;
}

/**
 *main
 */
#main {
    position: absolute;
    top:0;
    left:0;
    z-index: 99;
}

/**
 *landscape
 */
#landscape{
    display: none;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url('../img/landscape.jpg') 50% 50%;
	background-size: cover;
	z-index: 99999;
}

.img_respond{
    width: 100%;
    height: auto;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #caa042;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #caa042;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #caa042;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #caa042;
}
.video{
    display: none;
	position: absolute;
	top:0;
	left:0;
	width:6.4rem;
	height:10.40rem;
	z-index: 999;
	/*background: #000;*/
}
#video{
    width: 0;
    height: 0;
}
.form{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width:6.4rem;
    height:10.40rem;
    z-index: 999;
}
.form_bg{
    position: absolute;
    top:0;
    left:0;
    width:6.4rem;
    height:10.40rem;
    background: url("../img/form/form_bg.png") no-repeat;
    background-size: 6.4rem 10.08rem;
}
.close_btn{
    position: absolute;
    top: 0.56rem;
    left: 5.4rem;
    width: 0.40rem;
    height: 0.4rem;
}

.share_btn{
    display: none;
    position: absolute;
    top: 8.01rem;
    left: 2.09rem;
    width: 2.23rem;
    height: 0.89rem;
    background: url("../img/form/share_btn.png") no-repeat;
    background-size: 2.23rem 0.89rem;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-animation: share_btn 2s linear infinite;
    animation: share_btn 2s linear infinite;
}
.province{
    position: absolute;
    top: 5.79rem;
    left: 2.4rem;
    width: 1.9rem;
    height: 0.60rem;
    line-height: 0.6rem;
    font-size: 0.19rem;
    text-align: center;
    background: transparent;
    -webkit-appearance: none;
    border: none;
    outline: none;
    opacity: 0.8;
    color: #fff;
}
.word{
    position: absolute;
    top: 6.8rem;
    left: 2.4rem;
    width: 1.9rem;
    height: 0.60rem;
    line-height: 0.6rem;
    font-size: 0.19rem;
    text-align: center;
    background: transparent;
    -webkit-appearance: none;
    border: none;
    outline: none;
    opacity: 0.8;
    color: #fff;
 }
.province option,.word option{
    color: #000;
}

@-webkit-keyframes share_btn {
    0%{top: 8.01rem;}
    50%{top: 7.91rem;}
    100%{top: 8.01rem;}
}
@keyframes share_btn {
    0%{top: 8.01rem;}
    50%{top: 7.91rem;}
    100%{top: 8.01rem;}
}