*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
li{
    list-style:none;
}
html{
    font-size:14px;
    font-family:"Microsoft Yahei", "微软雅黑", arial, "Hiragino Sans GB", "宋体", Tahoma, Arial, Helvetica,"STHeiti";
    color:#222;
}
a{
    text-decoration: none;
    color:#666;
}
img{
    vertical-align:middle;
}
.clearFloat:after{
    content:'';
    display:block;
    clear:both;
}
.app{
    width:20rem;
    margin:0 auto;
}
/* header */
.header{
    width:100%;
    background:#0066d6;
    /*height:2.5rem;*/
    position:relative;
}
.header .logo{
    width:30%;
    float:left;
    padding-top:0.55rem;
    padding-left:0.5rem;
}
.header .navbar{
    width:15%;
    float:right;
    padding-right:1rem;
    padding-top:0.55rem;
    cursor:pointer;
    position:relative;
}
.header .navlist{
    width:4rem;
    position:absolute;
    top:2.5rem;
    font-size:0.6rem;
    right:0rem;
    background:#fff;
    display:none;
    z-index:10;
    /* animation:move linear 1s;  */
}
@keyframes move{
    0%{
        right:-5rem;
    }
    100%{
        right:0;
    }
}
.navlist .navbtn{
    display:block;
    width:90%;
    height:1.3rem;
    line-height:1.3rem;
    margin:0 auto;
    color:#222;
    padding-left:0.2rem;
    border-bottom:1px dashed #cccc;
}
.navlist .listdel{
    width:1.3rem;
    height:1.3rem;
    text-align:center;
    line-height:1.2rem;
    position:absolute;
    top:0;
    left:-1.3rem;
    background:#fff;
    font-size:1.1rem;
    cursor:pointer;
}
/* form */
.form{
    width:100%;
    position:relative;
}
.form img{
    width:100%;
}
.message-box{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    padding-top:1.3rem;
}
.message-box .form-title{
    text-align:center;
    font-size:1.2rem;
    color:#fff;
    font-weight:bold;
    margin-top:0.5rem;
    margin-bottom:1.5rem;
}
.message-box .input{
    width:70%;
    margin:1rem auto;
    height:2rem;
}
.message-box .input input{
    width:100%;
    height:100%;
    border:none;
    outline:none;
    border-radius:2rem;
    -webkit-border-radius:2rem;
    text-align:center;
    font-size:0.8rem;
}
.message-box .formbtn{
    display:block;
    width:70%;
    background:linear-gradient(#b2000e,#d21120,#b2000e);
    margin:2rem auto;
    height:2rem;
    text-align:center;
    line-height:2rem;
    color:#fff;
    font-size:1rem;
    border-radius:2rem;
    -webkit-border-radius:2rem;
}
/* footer */
.footer{
    width:100%;
    padding:1rem 0 3.5rem 0;
    background:#333;
    font-size:14px;
    color:#999;
    text-align:center;
}
/* hot-line */
.hot-line{
    width:20rem;
    position:fixed;
    bottom:0;
    left:50%;
    margin-left:-10rem;
    z-index:10; 
}
.hot-line a{
    display:block;
    width:50%;
    height:2.5rem;
    text-align:center;
    color:#fff;
    font-size:0.8rem;
    line-height:2.5rem;
}
.hot-line a .fixedimg{
    display:inline-block;
    width:13%;
    position:relative;
    top:-0.1rem;
}
.hot-line .inline{
    float:left;
    position:relative;
    background:#b2000e;
}
.hot-line .inline .badge{
    display:block;
    width:1rem;
    height:1rem;
    font-size:0.7rem;
    background:#f69810;
    color:#fff;
    text-align:center;
    line-height:1.05rem;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    position:absolute;
    right:1.2rem;
    top:0.2rem;
}
.hot-line .hot-tel{
    float:right;
   color:#fff;
   background:#f69810;
}
.nTalk-window-offLine-bottom{
	width:38px!important;
	height:38px!important;
	bottom:40%!important;
	left:initial!important;
	right:0!important;
	border-radius:50%!important;
}
.nTalk-window-offLine-bottom span{
	font-size:0!important;
}
.nTalk-window-offLine-bottom span{
	font-size:0!important;
	background:url(http://dl.ntalker.com/js/xn6/siteid/respack_nt6.96/images/inviteidicon.png) 1px 12px / 17px 16px no-repeat !important;
}
.bdd{
    width: 20rem;
    margin: 0 auto;
    background-color: #f2f2f2;
    overflow: hidden;
    height: 11rem;
}
.name{
    float: left;
}
.name input{
    width:8.5rem;
    height: 1.9rem;
    border: 1px solid #333333;
    color: #333333;
    font-size:0.5rem;
    outline: none;
    padding: 0rem 0.53rem;
}

.phone{
    float: right;

}
.phone input{
    width: 8.5rem;
    height: 1.9rem;
    border: 1px solid #333333;
    color: #333333;
    font-size:0.5rem;
    outline: none;
    padding: 0rem 0.53rem;
}
.name input::placeholder{
    color: #333333;  !important;
}
.phone input::placeholder{
    color: #333333;  !important;
}
/*.btnnn{*/
    /*border-radius: 30px;*/
    /*background-color: #feb319;*/
    /*color: #ffffff;*/
    /*width: 255px;*/
    /*height: 48px;*/
    /*float: left;*/
    /*text-align: center;*/
    /*font-size:28px ;*/
    /*line-height: 46px;*/
    /*margin-left: 70px;*/
    /*cursor: pointer;*/
/*}*/