body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,html,input,p {
    margin: 0;
    padding: 0
}

a,button {
    cursor: pointer;
    color: #ffc88d;
}

a,a:hover {
    text-decoration: none;
    outline: 0
}

iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

body {
    color: #fff;
}

em,i {
    font-style: normal
}

.cl:after {
    clear: both;
    content: '\0020';
    display: block;
    visibility: hidden;
    height: 0
}

.cl {
    zoom:1}

.warp {
    margin: 0 auto;
    min-width: 1000px;
    max-width: 1920px;
    position: relative;
    background: url('../images/wrap.jpg') no-repeat center top;
}

.logo {
    width: 210px;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
}

.logo img {
    display: block;
    max-width: 210px
}

.main {
    width: 1030px;
    margin: 0 auto;
    height: 1080px;
    position: relative;
    overflow: hidden;
}

.phone {
    width: 502px;
    height: 1104px;
    margin: 35px auto 0;
    position: relative;
    background: url('../images/phone.png') no-repeat;
}

.phone-con {
    width: 442px;
    height: 952px;
    position: absolute;
    left: 50%;
    margin-left: -222px;
    top: 27px;
    border-radius: 40px;
    overflow: hidden;
}

.tishi {
    width: 322px;
    height: 466px;
    /* margin: 35px auto 0; */
    position: absolute;
    background: url(../images/tishi.png) no-repeat;
    bottom: 144px;
    right: -14px;
    z-index: 99;
}