*{
    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;
}
.p-title {
    font-size: 1.28rem;
    text-align: center;
    color: #333;
    font-weight: bold;
}
/* header */
.header{
    width:100%;
    background:#24264e;
    height:2.5rem;
    position:relative;
}
.header .logo{
    width:30%;
    float:left;
    padding-top:0.4rem;
    padding-left:0.5rem;
}
.header .navbar{
    width:15%;
    float:right;
    padding-right:1rem;
    padding-top:0.5rem;
    cursor:pointer;
    position:relative;
}
.header .navlist{
    width:5rem;
    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(#f2a409,#f9b630,#f2a409);
    margin:2rem auto;
    height:2rem;
    text-align:center;
    line-height:2rem;
    color:#222328;
    font-size:1rem;
    border-radius:2rem;
    -webkit-border-radius:2rem;
    cursor:pointer;
}
/* 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:#aa7c21;
}
.hot-line .inline .badge{
    display:block;
    width:1rem;
    height:1rem;
    font-size:0.7rem;
    background:#ff3000;
    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;
}
.name{
    width: 18rem;
    height:2.13rem;
    margin: 0 auto;
}
.name input{
    width: 18rem;
    height:2.13rem;
    border: 1px solid #333333;
    outline: none;
    color: #333333;
    font-size:0.7rem;
    padding: 0rem 1rem;
}
.name input::placeholder{
    color: #333333;
    font-size:0.7rem;
}

.phone{
    width: 18rem;
    height:2.13rem;
    margin: 0.8rem auto;
}
.phone input{
    width: 18rem;
    height:2.13rem;
    border: 1px solid #333333;
    outline: none;
    color: #333333;
    font-size:0.7rem;
    padding: 0rem 1rem;
}
.phone input::placeholder{
    color: #333333;
    font-size:0.7rem;
}
.Sbtn{
    width: 16rem;
    margin: 0 auto;
    cursor: pointer;
}