@charset "utf-8";
.auto_box{
	position:relative;
	background-image:url(../img/demo/1.jpg)}
.main{
	position:absolute;
	top:50%;
	right:100px;
	width:1000px;
	margin:-175px 0 0 -500px;}
.main_left{
	width:50%;
	font-size:14px;
	color:#fff}
.main_left h2{
	font-size:52px;
	line-height:1;}
.main_left p{
	text-overflow:ellipsis; white-space:nowrap;
	width:150px;
	margin-top:15px;}
.main_left a{
	display:inline-block;
	margin-top:38px;
	width:122px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	border:1px solid #fff}
.main_left a:hover{
	background-color: rgba(17,17,17,0.2);
}
.footer{
	position:absolute;
	left:0;
	bottom:15px;
	text-align:left;
	padding-left: 100px;
	width:100%;
	font-size:14px;
	color:#fff;
	box-sizing: border-box;}
.footer a{
	color:#fff;
}
.main_right{
	position:relative;
	box-sizing:border-box;
	padding:0 25px;
	width:350px;
	max-height:350px;
	background:rgba(255,255,255,0.7)}
.main_right h3{
	padding:35px 0 20px 0;
	line-height:1;
	font-size:18px;
	font-weight:700;
	color:#333;}
.input1{
	margin-left:42px;
	width:258px;
	font-family: "microsoft yahei";}
.main_right .pc .VVfont{
	position:absolute;
	left:0;
	top:0;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	font-size:18px;
	background:#b4b4b4;
	color:#fff}
.back{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	font-size: 0;
	text-align:center;}
.back a{
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color:#666}
.back a:hover{
	color: #de274d;
}
.wx_but{
	cursor:pointer;
	position:absolute;
	right:6px;
	top:6px;
	width:68px;
	height:68px;
	background:url(../img/icon.png) 0 0 no-repeat}
.submit1{
	margin-top:15px;
	font-family: "microsoft yahei";}
.free_use{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:42px;
	line-height:42px;
	text-align:center;
	border-radius:5px;
	background:#ebf1f7;
	border:1px solid #9ab9d8;
	font-size:14px;
	color:#3e7bba}
.main_right_con{
	text-align:center;}
.pc_but{
	cursor:pointer;
	position:absolute;
	right:8px;
	top:8px;
	width:44px;
	height:40px;
	background:url(../img/icon.png) -80px 0 no-repeat}
.main_right_con .wx .li1{
	padding-top:10px;}
.main_right_con .wx .li1 img{
	width: 140px;
	height: 140px;}
.main_right_con .wx .li2{
	padding-top:12px;
	font-size:14px;
	color:#666;}
.main_right_con .pc{
	height: 261px;
}
.main_right_con .wx{
	height: 278px;
	display:none;}
.login_form_box{
	height: 350px;
}
.login_list_box{
	padding-bottom: 25px;}
.login_list_box .user_p{
	padding-top: 35px;
	border-bottom: 1px solid #bfbfbf;
}
.login_list_box .user_p .p1{
	padding-bottom: 16px;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
.login_list_box .user_p .p2{
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 14px;
}
.login_list_box .user_hotel_list{
	padding-top: 20px;
}
.login_list_box .user_hotel_list .p1{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.login_list_box .user_hotel_list .p1 .num{
	color: #de274d;
}
.scroll_box{
	position: relative;
	padding-top: 9px;
}
.list_scroll li{
	font-size: 14px;
	line-height: 1.5;
	padding-top: 7px;
}
.list_scroll li:first-child{
	padding-top: 0;}
.box1{
	position: relative;
	height: 67px;
}
.Validform_checktip{
	display: block;
	position: relative;
	margin-left: 49px;
	padding-left: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	color: #de274d;
}
.Validform_wrong{
	background-image: url(../img/tips.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.Validform_right{
	display: none;
}
.cwz{
    position:absolute;
    left:100px;
    top:50%;
    height:24.44%;
    max-height:264px;
	margin-top: -140px;
    color: #fff ;
    transform: translate(0, -50%);
    -ms-transform:translate(0, -50%);   /* IE 9 */
    -moz-transform:translate(0, -50%);  /* Firefox */
    -webkit-transform:translate(0, -50%); /* Safari 和 Chrome */
    -o-transform:translate(0, -50%);    /* Opera */}
.cwz .p1{font-size: 76px; line-height: 1; font-weight: bold;}
.cwz .p2{ padding-top: 32px; font-size: 52px; line-height: 1; }
.cwz .p3{ padding-top: 40px; font-size: 38px; line-height: 38px; font-weight: bold; }
.cwz .p4{ padding-top: 20px; font-size: 20px; line-height: 20px; }
.swz{
    position:absolute;
    left:0;
    bottom:14%;
    padding-left: 100px
    ;color: #fff;}
.swz .line{ position: absolute; top: 10px; left: 0; display: block; width: 70px; height: 0; border-bottom: 1px solid #fff; }
.swz .p1{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.swz .p2{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.swz .p3{ position: relative; display: block; left: 0;height:20px;width:190px; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; }

.fwz{
    position:absolute;
    left:0;
    bottom:14%;
    padding-left: 550px
    ;color: #fff;}
.fwz .line{ position: absolute; top: 10px; left: 0; display: block; width: 70px; height: 0; border-bottom: 1px solid #fff; }
.fwz .p1{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.fwz .p2{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.fwz .p3{ position: relative; display: block; left: 0;height:20px;width:190px; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; }