﻿@keyframes up{
    100%{
        -webkit-transform:translate(-50%,-2rem);
        -moz-transform:translate(-50%,-2rem);
        transform:translate(-50%,-2rem);
        opacity:0;
    }
}
.up-icon{
    width:33px;
    height:22px;
    background: url(https://images.zhongmin.cn/wap/images/topics/baomachexian/arrow.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left:50%;
    bottom:23px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    animation: up 2s ease-out .5s infinite;
    -webkit-animation:up 2s ease-out .5s infinite;
    -moz-animation:up 2s ease-out .5s infinite;
}
.btn{
   position:absolute;
    bottom:75px;
    left:50%;
    width:150px;
    height:42px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    background: url(https://images.zhongmin.cn/wap/images/topics/baomachexian/btn.png) no-repeat;
    background-size: 100%;
}
.logo{
    width: 260px;
    height: 58px;
    position: absolute;
    top: 45px;
    left: 20px;
    opacity:0;
}
.titImg{
    width:268px;
    height:142px;
    position:absolute;
    top:100px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon1{
    width:273px;
    position:absolute;
    top:0px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon2{
    width:178px;
    position:absolute;
    top:110px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon3{
    width:246px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon4{
    width:273px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon5{
    width:220px;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.icon6{
    width:60%;
    position:absolute;
    top:20px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity:0;
}
.inputBox{
    position:absolute;
   top:14rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
}
.inputWrap{
    font-size: 0;
    background: #fff;
    width:235px;
    border-radius: 3px;
    margin-bottom:15px;
}
.inputLogo{
    width:63px;
    height:38px;
}
.cmoInput{
    padding-left:15px;
    width:157px;
    height:38px;
    border:none;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
}
.footerBtn{
    position:absolute;
    bottom:2rem;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    width:235px;
    height:42px;
    background: url(https://images.zhongmin.cn/wap/images/topics/baomachexian/btn2.png) no-repeat;
    background-size: 100%;
}
.footerInfo {
    position:absolute;
    bottom:25px;
    text-align: center;
    font-size: 1.2rem;
    width: 100%;
	color:#999;
}
.footerInfo .info-btn{
    color: #4c74f5;
}
.alert {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
}
.alert-box {
    background: #fff;
    margin: 10rem 2rem 0;
    padding: 1.5rem 1.5rem 3rem;
    border-radius: 0.5rem;
    font-size: 1.3rem;
}
.text-org {
    color: #ff803b;
}
.alert-box .tit {
    color: #000;
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    padding-left: 1rem;
}
.alert-box p {
    color: #666;
    text-indent: -0.5rem;
    padding-left: 0.5rem;
}
.alert-box .alert-close {
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 11rem;
    right: 3rem;
}
.selectstyle{
    width: 171px;
    height: 38px;
    border:0;
    font-size: 14px;
    padding-left:15px;
    border-radius: 0 3px 3px 0;
    background:none;
}
