* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    position: relative;
}

.view_1 {
    background: url("../images/bg01.jpg") no-repeat center top/cover;
}

.view_2 {
    background: url("../images/bg02.jpg") no-repeat center top/cover;
}

.view_3 {
    background: url("../images/bg04.jpg") no-repeat center top/cover;
}

.view_5 {
    background: url("../images/bg03.jpg") no-repeat center top/cover;
}

.view_6 {
    background: url("../images/bg05.jpg") no-repeat center top/cover;
}

.aniDom {
    position: absolute;
}

.txt_2 {
    width: 6.2rem;
    font-size: .28rem;
    line-height: .48rem;
    color: #fff;
    left: 0;
    right: 0;
    top: 2.38rem;
    position: absolute;
    margin: auto;
}

.txt_2 p {
    text-indent: .56rem;
}

.tableWrap {
    width: 6.9rem;
    box-sizing: border-box;
    border: .01rem solid #2e72c0;
    position: absolute;
    top: 2.82rem;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    height: 6.55rem;
}

table {
    border-collapse: collapse;
    margin-top: -.01rem;
    margin-left: -.01rem;
}

td {
    border: .01rem dashed #2e72c0;
    font-size: .26rem;
    color: #fefeff;
    text-align: center;
    line-height: .32rem;
    height: 1.08rem;
}

td:first-child {
    width: 2.63rem;
}

td:last-child {
    padding: 0 .2rem;
    box-sizing: border-box;
}

td:last-child span {
    text-align: left;
    padding: 0 .3rem;
    display: inline-block;
}

.arr {
    position: absolute;
    width: .69rem;
    height: .69rem;
    bottom: .55rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    -webkit-animation: start 1.5s infinite ease-in-out;
}

@-webkit-keyframes start {

    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate(0, -8px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0, 10px);
    }
}

@-moz-keyframes start {

    0%,
    30% {
        opacity: 0;
        -moz-transform: translate(0, -8px);
    }

    60% {
        opacity: 1;
        -moz-transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        -moz-transform: translate(0, 10px);
    }
}

@keyframes start {

    0%,
    30% {
        opacity: 0;
        transform: translate(0, -8px);
    }

    60% {
        opacity: 1;
        transform: translate(0, 0);
    }

    100% {
        opacity: 0;
        transform: translate(0, 10px);
    }
}

.form_5 {
    width: 6.8rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15%;
    font-size: .3rem;
}

.form_5 label {
    display: block;
    width: 100%;
    height: .96rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    margin-bottom: .3rem;
    position: relative;
}

.form_5 label.error {
    font-size: .24rem;
    color: #fff;
    position: absolute;
    top: 0.85rem;
    left: 0;
    background: transparent;
    height: .48rem;
    line-height: .48rem;
    margin: 0;
}

.form_5 label span {
    float: left;
    width: .56rem;
    text-indent: .3rem;
    font-size: .3rem;
    color: #ff100a;
    line-height: 1.05rem;
}

.form_5 label input {
    float: left;
    width: 6.08rem;
    height: 100%;
    background: transparent;
    border: none;
    font-size: .3rem;
    color: #888888;
}

::-webkit-input-placeholder {
    color: #888888;
}

::-moz-placeholder {
    color: #888888;
}

:-ms-input-placeholder {
    color: #888888;
}

:-moz-placeholder {
    color: #888888;
}

.form_5 button {
    background: url("../picture/photo10.png") no-repeat top left/cover;
    width: 100%;
    height: .98rem;
    margin-top: .54rem;
    border: none;
    display: block;
    font-size: .36rem;
    line-height: 1.05rem;
    text-align: center;
    color: #f5342b;
}

input:focus {
    outline: none;
    border: none;
}

.baoming {
    text-align: center;
    font-size: 0.42rem;
    color: #ffca57;
    margin-bottom: 0.38rem;
}

/*.choujiang {
    position: absolute;
    bottom: 8%;
    left: .36rem;
    font-weight: bold;
    background: url("../picture/photo10.png") no-repeat top left/cover;
    width: 6.8rem;
    height: .98rem;
    margin-top: .54rem;
    border: none;
    display: block;
    font-size: .36rem;
    line-height: 1.05rem;
    text-align: center;
    color: #f5342b;
}*/

 .choujiang{
	 position: absolute;
	 bottom: 4%;
	 left: .36rem;
	 font-size: .3rem;
	 text-align: center;
     color:#fff;
 }
  .choujiang button{
	 font-weight: bold;
     background: url("../picture/photo10.png") no-repeat top left/cover;
	 width: 6.81rem;
	 height: .98rem;
     margin-top: .54rem;
	 border: none;
	 display: block;
	 font-size: .36rem;
	 line-height: 1.05rem;
	 text-align: center;
	 color: #f5342b;
 }

.tankuang {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    text-align: center;
    display: none;
}

.tankuang-top {
    position: absolute;
    top: 3.52rem;
    left: 1.05rem;
    width: 5.67rem;
    height: 4.72rem;
}

.tankuang h1 {
    color: #fff;
    font-size: 0.34rem;
    margin-bottom:0.2rem;
}

.tankuang h2 {
    color: #fff;
    font-size: 0.4rem;
}

.tankuang .proimg {
    display: block;
    width: 70%;
    margin: 0 auto;
}

.btn-chakan {
    margin: 0.77rem auto 0;
    display: block;
    width: 3.09rem;
    height: 0.83rem;
    line-height: 0.83rem;
    font-size: 0.3rem;
    color: #f5342b;
    background: url("../picture/photo14.png") no-repeat top left/cover;
}

.guanbi {
    position: absolute;
    top: 8.73rem;
    left: 3.46rem;
    display: block;
    height: 0.63rem;
    width: 0.63rem;
}

.guize img {
    display: block;
    width: 100%;
}

.jingpin {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    background: url("../picture/photo17.png") no-repeat top left;
    background-size: 100% 100%;
    width: 6rem;
    height: 6rem;
}

.jingpin-a1 {
    /* top: 36%; */
    top:5.3rem;
}


.jingpin img {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background:#fff;
    border-radius:5%;
}

.jingpin img:nth-child(1) {
    top: .6rem;
    left: .55rem;
}

.jingpin img:nth-child(2) {
    top: .6rem;
    left: 2.25rem;
}

.jingpin img:nth-child(3) {
    top: .6rem;
    left: 3.95rem;
}

.jingpin img:nth-child(4) {
    top: 2.3rem;
    left: .55rem;
}

.jingpin img:nth-child(5) {
    top: 2.3rem;
    left: 2.25rem;
}

.jingpin img:nth-child(6) {
    top: 2.3rem;
    left: 3.95rem;
}

.jingpin img:nth-child(7) {
    top: 4.0rem;
    left: .55rem;
}

.jingpin img:nth-child(8) {
    top: 4.0rem;
    left: 2.25rem;
}

.jingpin img:nth-child(9) {
    top: 4.0rem;
    left: 3.95rem;
}


/*************�н���¼****************/
ul,
ul li {
    list-style: none;
    margin-bottom: 0;
}

.user .user_list ul li:after,
.user_list ul li div:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.user {
    margin-top: 7.5rem;
    padding: 0.23rem;
    font-size: .3rem;
}

.user .user_list {
    border: 0;
    background: #fff;
    border-radius: .15rem;
    padding-top: -.75rem;
    padding: 0.75rem 0 0;
    margin-top: -0.55rem;
}

.user .user_list .left {
    float: left;
}

.user .user_list .right {
    float: right;
}

.user .user_list .right.text-right {
    text-align: left
}

.user .user_list .right.text-right p:first-child {
    line-height: 0.65rem;
}

.user .user_list .right.text-right p:nth-child(2) {
    line-height: 0.65rem;
    color: #999
}

.user .title {
    width: 100%;
    text-align: center;
}

.user .user_list .title span {
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
    left: 0;
}

.user .user_list ul li {
    border: 0;
    padding: 0 0.2rem 0.27rem 0.2rem;
    /*background:url(/Content/images/zj_bg.png) repeat-y left top;*/
    background-size: 100%;
    color: #333;
    border-bottom: #eee solid 1px;
}

.user_list .itemImg {
    width: 2.14rem;
    background: #f4f4f4;
    /*height: 1.2rem*/
}

.user .user_list ul li:last-child {
    border-bottom: 0;
}

.codebox label {
    float: left;
    width: 3.8rem;
}

.codebox label input {
    width: 3rem;
}

.codebox {
    clear: both;
}

/*.codebox a {
    float: right;
    width: 2.8rem;
    line-height: 0.96rem;
    background: #fff;
    font-size: 0.28rem;
    text-align: center;
    border-radius: 0.1rem;
}*/
.codebox .sendCode{
    /*width:1.88rem;
    height:.9rem;
    border-radius:.9rem;
    border:1px solid #dddddd;
    position: absolute;
    right:-2.05rem;
    top:0;
    text-align: center;
    color:#b89d71;
    line-height:.88rem;
    background:none;*/

    float: right;
    width: 2.8rem;
    line-height: 0.96rem;
    background: #fff;
    font-size: 0.28rem;
    text-align: center;
    border-radius: 0.1rem;
    margin-top: 0;
    color:#b89d71;
}