﻿@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;}
html{min-height:100%; font-family:"微软雅黑";}
body{min-height:100%; padding:0px; margin:0px; -webkit-text-size-adjust:none;}
div,ul,ol,li,td,dl,dt,dd,header,footer,section,nav,p,form,h1,h2,h3,h4,h5,h6{padding:0px; margin:0px}
h1,h2,h3,h4,h5,h6 {font-size:1em; font-weight:normal;}
ol,ul{list-style-type:none;}
a{text-decoration:none; color:#333333}a:hover{color:#FF0000}a img{border:0}
input::-webkit-input-placeholder{color:#aaa;}
input::-moz-placeholder{color:#aaa;}
input:-moz-placeholder{color:#aaa;}
input:-ms-input-placeholder{color:#aaa;}
.hide{display:none;}.clear{clear:both;}
#cover{position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000; filter:alpha(opacity=50); opacity:.5; z-index:99; display:none;}


header ,main ,footer ,.main{margin:auto; width:100%; clear:both;}

.partTwo ,.partThree ,.partFour{display: none;}
.select-partTwo ,.select-partThree{display: none;}

.invite-head{float: left; width:100%; position:relative;}
.invite-head img{width:100%;}
.invite-head p{position: absolute; left: 3%; width:94%; top:.6rem; font-size:.7em; color: #000;}
.invite-head p b{color: #ffee00; font-weight: normal;}
.invite-head h1{position: absolute; left: 0; width:100%; text-align: center; top: 4.2rem; font-size:1em; color: #f00;}
.invite-head div{position: absolute; left: 3%; width:94%; font-size:.7em; color: #333; bottom: 1.2rem;}
.invite-txt{float: left; width:100%; text-align: center; font-size: .75em; height: 1.8rem; line-height: 1.8rem; margin-top:.3rem; color: #f00;}
.invite-name{float: left; width:100%; padding-left: 3%; font-size: .75em; height: 1.8rem; line-height: 1.8rem; color: #222;}
.invite-xm{float: left; width:94%; margin-left: 3%; margin-top:.6rem;}
.invite-xm input{width:100%; height: 2rem; line-height: 2rem; font-size:.75em; color: #666; padding:0 2%; border: 1px solid #d7d7d7; border-radius: 4px;}
.invite-tel{float: left; width:94%; margin-left: 3%; margin-top:.6rem;}
.invite-tel input{width:100%; height: 2rem; line-height: 2rem; font-size:.75em; color: #666; padding:0 2%; border: 1px solid #d7d7d7; border-radius: 4px;}
.invite-button{float: left; width:94%; margin-left: 3%; margin-top:1.3rem;}
.invite-button input{width:100%; height: 2rem; line-height: 2rem; font-size:.75em; border:0; background-color: #ff6600; color: #fff; border-radius: 4px;cursor:pointer}
.invite-button input{width:100%; height: 2rem; line-height: 2rem; font-size:.75em; border:0; background-color: #ff6600; color: #fff; border-radius: 18px; cursor:pointer}
.invite-qh{float: left; width:100%; text-align:center; font-size: .75em; height: 3.8rem; line-height: 3.8rem;}
.invite-qh a{ color: #8a8a8a;}
#submitWx{ background:#f60 url(../images/wxicon.png) no-repeat 3.2em center }

.overflowLayer{position:fixed; left: 0; top: 0; width:100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 9; transition: all 300ms 0ms ease; -webkit-transition: all 300ms 0ms ease; opacity: 0; visibility: hidden;}
.popupTel{position:fixed; left: 10%; width:80%; height: 5.5em; top:30%; z-index: 10; background-color: #fff; border-radius: 2px; box-shadow: 0px 0px 5px rgba(0,0,0,.3); transition: all 300ms 0ms ease; -webkit-transition: all 300ms 0ms ease; opacity: 0; visibility: hidden;}
.popupTel p{float: left; width:100%; font-size: .75em; text-align: center; height: 2rem; line-height: 2rem; margin-top:.5rem;}
.popupTel div{float: left; margin-left: 20%; width:20%; margin-top:.5rem;}
.popupTel div input{width:100%; height: 1.5rem; line-height: 1.5rem; font-size:.7em;}
.popupTel span{float: left; margin-left: 20%; width:20%; margin-top:.5rem;}
.popupTel span input{width:100%; height: 1.5rem; line-height: 1.5rem; font-size:.7em;}


.invite-info{float: left; width:100%; text-align: center; color: #f00; font-size:.75em; height: 2.6rem; line-height: 2.6rem; margin-top:.1rem;}
.invite-info b{font-weight: normal; color: #000;}
.invite-yzm{float:left; width:94%; margin-left:3%;}
.invite-yzm div{float: left; width:54%;}
.invite-yzm div input{width:100%; height: 2rem; line-height: 2rem; font-size: .75em; padding-left: 3%; border: 1px solid #d7d7d7; border-radius: 4px;}
.invite-yzm a{float: left; width:42%; margin-left:4%; height: 2rem; line-height: 2rem; font-size:.75em; background-color: #ddd; border-radius: 4px; text-align: center; color: #222;}
.invite-words{float: left; width:100%; padding: 0 3%; font-size: .7em; line-height: 1.1rem; margin-top:.6rem; margin-bottom: .4rem;}
.invite-txts{float: left; width:100%; padding: 0 3%; font-size: .7em; line-height: 1.3rem; margin-top:.3rem; margin-bottom: .3rem;}



.invite-pass{float: left; width:94%; margin-left: 3%; margin-top:.6rem;}
.invite-pass input{width:100%; height: 2rem; line-height: 2rem; font-size:.75em; color: #666; padding:0 2%; border: 1px solid #d7d7d7; border-radius: 4px;}
.invite-pass-info{float: left; width:100%; padding: 0 3%; height: 1.2rem; line-height: 1.2rem; margin-top:.3rem; font-size: .65em; color: #666;}

.invite-text{float: left; width:100%; text-align: left; color: #f00; font-size:.75em; line-height: 1.1rem; margin-top:.6rem; padding: 0 3%;}
.invite-comp{float: left; width:100%; padding-left: 3%; line-height: 1.6rem; font-size:.75em; margin-top:.7rem;}
.invite-download{float: left; width:100%; text-align: center; margin-top:.8rem;}
.invite-download img{width:18%; max-width: 136px;}
.invite-download p{font-size:.65em; color: #0079ff;}


.jiapu-txt{float:left; width:94%; margin-left:3%; height:2rem; line-height:2rem; font-size:.75em;}
.jiapu-txt b{font-weight:normal; color:#f00;}
.jiapu-tab{float:left; width:100%;}
.jiapu-tab td{height:1.9rem; line-height:1.3rem; padding-left:2%; font-size:.75em; padding:.5rem 0 .5rem 2%;}
.jiapu-tab td.jiapu-tab-head{height:0.9rem; line-height:0.9rem;}
.jiapu-tab td b{display:block; font-weight:normal; color:#f00;}
.jiapu-tab td input{background-color:#ff6600; border:0; border-radius:2px; color:#fff; font-size:.65rem; width:90%; height:1.1rem; cursor:pointer}
.jiapu-info{float:left; width:94%; line-height:1.3rem; font-size:.75em; margin:.5rem 3%; color:#444;}
.jiapu-info b{font-weight:normal; color:#f00;}
.jiapu-cj{float:left; width:100%; padding:1rem 3%; line-height:1.3rem; font-size:.75em; display:none;}


.show{opacity: 1; visibility: visible;}

/**名字不存在新现实样式**/
.failbody{background-color:#f6f6f6;margin-top:.6em}
.radiubox{width:96%; background-color:#fff; border-radius: 18px; font-size: .75em; line-height: 1.2rem; margin:0 auto; margin-bottom:.6rem; }
.failtop{ background:#fff url(../images/failimg.png) no-repeat 1em 1em; padding:1em 1em 1.2em 8em}
.failmain{ padding:.5em 1em}

.failmaintitle{color:#9e0c0f; border-bottom:#f2f2f2 solid 2px; line-height:2em}
.failmainlist{background:url(../images/faillistimg.png) no-repeat left center; padding-left:1em; line-height:2.8em}
.failmaintext{padding-left:1em}


/****微信提示层***/
.coverBG{ position:fixed; width:100%; height:100%; background-color:#fff; opacity:0.9; left:0; top:0; z-index:10; display:none;}
/*
.cover{position:absolute; width:100%; height:100%; z-index:11; left:0; top:5%; display:none;}
*/
.cover{position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000; filter:alpha(opacity=80); opacity:.8; z-index:99; display:none;}
.cover div span{display:block; padding-left:10%; text-align:left;}
@media only screen and (min-width: 160px){html {font-size: 10px !important;}}
@media only screen and (min-width: 240px){html {font-size: 15px !important;}}
@media only screen and (min-width: 320px){html {font-size: 20px !important;}}
@media only screen and (min-width: 360px){html {font-size: 22.5px !important;}}
@media only screen and (min-width: 375px){html {font-size: 23.4px !important;}}
@media only screen and (min-width: 410px){html {font-size: 25.6px !important;}}
@media only screen and (min-width: 414px){html {font-size: 25.8px !important;}}
@media only screen and (min-width: 480px){html {font-size: 30px !important;}}
@media only screen and (min-width: 600px){html {font-size: 37.5px !important;}}
@media (min-width: 640px) {
	html{font-size: 40px !important; }
	/*html{font-size: 40px !important; }*/
	header ,main ,footer ,.main{width:640px;}
}
