/*-----------手机公共样式-----------*/
*{font-family:'Open Sans','Helvetica Neue',Arial,"Hiragino Sans GB",sans-serif;padding:0;margin:0;border:0;list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
html{min-height:100%;border:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
/*body*/
ul,ol{list-style-type:none;}
button,submit,input,select,textarea{outline:none;}
button,submit,input,select{vertical-align:middle;}
button,submit,input[type="button"]{cursor:pointer; -webkit-appearance: none;}
textarea{resize:none;outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{padding:0;border:none;}
table{border-collapse:separate;border-spacing:0;}
th,td{text-align:left;}
address,cite,dfn,em,var{font-style:normal;}
img{border:none;vertical-align:middle;}
a{outline:none;}
a:link,a:visited{text-decoration:none;outline:none;}
a:hover,a:active{outline:none;}
iframe{vertical-align:top;}



/**html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}*/
.clearfix{*zoom:1}
.clearfix:after{content:'\20';display:block;clear:both;height:0;overflow:hidden;}
.hide{display:none;}
/*浮动*/
.left{float:left;}
.right{float:right;}
.align_c{ text-align:center;}
.dw{ position:relative;}


.topCenter{ width: 90%; margin:4% auto 0; }
.top_img{ width: 100%; display: block; }
.main{ width: 100%; padding:5% 4% 8%; margin-top: -2%; box-sizing: border-box; background: url(../img/ditu.png) no-repeat top center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.main1{
    width: 100%;
    padding:5% 4% 8%;
    box-sizing: border-box;
    background: url(../img/success_bg.png) no-repeat top center;
    -webkit-background-size: 100% 100%; background-size: 100% 100%;
    margin-top: .5rem
}

.title{ font-size: 18px; color: #222; font-weight: bold; line-height: 32px;}
.title1{ font-size: 18px; color: #222; font-weight: bold; line-height: 32px; margin-top: .2rem}

.bar_ul{ width: 100%; }
.li_title{ font-size: 15px; color: #222; padding: 6px 0 6px; height: 30px; box-sizing: border-box;}
.input_text{
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding:0 8px;
    font-size: 20px;
    color: #0A0A0A;
}
.input_text[disabled]{
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    padding:0 8px;
    font-size: 20px;
    color: #0A0A0A;
}
.big_li{ width: 55%; }
.small_li{ width: 40%; }
.code{
    height: 30px;
    width: 110px;
    background-color: #ff5858;
    border-radius: 10px;
    color: #ffffff;
}
.code[disabled]{
    height: 30px;
    width: 110px;
    background-color: grey;
    border-radius: 10px;
    color: #ffffff;
}

.btn_div{ padding: 8% 0 36%; width: 90%; margin:-2% auto 0; box-sizing: border-box; background: url(../img/ditu.png) no-repeat top center; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.success_btn_div{
    padding: 8% 0 36%;
    width: 90%;
    margin-top: -12%;
    margin-left: 5%;
    /*margin:-2% auto 0;*/
    box-sizing: border-box;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.join{
    width: 40%;
    display: block;
    margin: 0 auto;
    z-index: 10;
    color: #ffffff;
    background-color: #ff5858;
    padding: 10px 5%  10px 5%;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    cursor: pointer;
}
.join[disabled]{
    width: 40%;
    display: block;
    margin: 0 auto;
    z-index: 10;
    color: #ffffff;
    background-color: grey;
    padding: 10px 5%  10px 5%;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    cursor: pointer;
}
.success_down{
    height :1.2rem ;
    width: 100%;
    margin-top: -4%;
    z-index: 10;
}
.success_down img{
    width: 100%;
    padding-top: -4%;
}
.join img{ width: 100%; }

.mountains{
    position: absolute;
    bottom: 0;
    left: 0;right: 0;
    top: 40%;
    background: url(../img/mountains.png) no-repeat bottom center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.xinfeng{ position: absolute; bottom: 0; left: 0;right: 0; top: 14%; background: url(../img/xinfeng-2.png) no-repeat bottom center; -webkit-background-size: 100% 100%;background-size: 100% 100%;}

.content {
    word-wrap:break-word;
    word-break:break-all;
    background:url(../img/invitation_bac.png) no-repeat top center;
    -webkit-background-size: cover;
    background-size: cover;
}
.content1 {word-wrap:break-word;word-break:break-all;background:url(../img/invitation_ok_bg.png) no-repeat top center; -webkit-background-size: cover; background-size: cover;}

.success_top_img {
    width: 100%;
    margin-top: .1rem;
}

.success_content {
    width: 100%;
    margin-top: .3rem;
}
.success_content img{
    width: 100%;
    height: 100%;
}
.success_content p{
    font-size: .5rem;
    width: 100%;
    line-height: .2rem;
    text-align: center;
    color: #ff5858;
    padding: .1rem;
}

.down_btn {
    width: 90%;height: 1.2rem;
    background: url(../img/download.png) no-repeat bottom center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-left: 5%;
}

.eAccountIdent{
    background: url(/mobile/img/background.jpg) repeat center center fixed;
}