html,body{
    background: #1c0450;
    width: 100%;
    height: 100%;       
}
img{
    border: 0;
}
ul li{
    float: left;
}
a{
    color: #FFFFFF;
}
a:hover{
    text-decoration: none;
    color: #3ff0ff;
}
.head{
    position: relative;
    text-align: center;
    background: url(images/banner.png)no-repeat center center;
    width: 100%;
    height: 600px;
}
.banner-middle{
    position: relative;
    z-index: 100;
}
.banner-left,.banner-right{
    position: absolute;
    z-index: 1;
}
.banner-left{
    left: 0;
}
.banner-right{
    right: 0;
}
.main{
    min-width: 1150px;
}
.main-content{
    /*min-width: 1150px;*/
    width: 1150px;
    margin: 0 auto;
}
.six,.five,.four,.three,.two,.one{
    position: relative;
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
}
.six{
    background: url(images/six.png);
    min-height: 926px;
}
.five{
    min-height: 392px;
    background: url(images/five.png);
}
.five-content{
    width: 1054px;
    margin: 0 auto;
    margin-top: 75px;
}
.five-content ul{
    width: 1077px;
}
.five-content ul li{
    float: left;
    width: 246px;
    height: 246px;
    background: url(images/five_border.png);
    margin-right: 23px;
}
.four{
    min-height: 1422px;
    background: url(images/four.png);
}
.three{
    min-height: 1079px;
    background: url(images/three.png);
}
.two{
    min-height: 856px;
    background: url(images/two.png)no-repeat;
}
.two-content{
    width: 1003px;
    min-height: 735px;
    margin: 0 auto;
    margin-top: 78px;   
}
.two-content-left{
    width: 495px;
    height: 735px;
}
.two-content-line{
    width: 1px;
    height: 735px;
    background-color: #8cbbff;
    margin: 0 20px;
}
.two-content-right{
    width: 467px;
    height: 735px;
}
.one{
    min-height: 428px;
}
.date-top .kuang{
    position: absolute;
    width: 303px;
    height: 105px;
    top: -114px;
    display: none;
}
.date-bottom .kuang{
    position: absolute;
    width: 303px;
    height: 105px;
    bottom: -114px;
    display: none;
}
.squear:hover{
    cursor: pointer;
}
.squear:hover .kuang{
    display: block;
}
.date-top .kuang-word,.date-bottom .kuang-word{
    color: #FFFFFF;
    position: absolute;
    z-index: 2;
    text-align: left;
}
.date-top .kuang-word{
    width: 270px;
    height: 52px;
    left: 16px;
    top: 22px;
}
.date-bottom .kuang-word{
    width: 270px;
    height: 52px;
    left: 13px;
    top: 14px;
}
.date-top .kuang-img-border,.date-bottom .kuang-img-border{
    background: url(images/kuang.png);
    width: 293px;
    height: 95px;
    position: absolute;
    top: 10px;
    z-index: 1;
}
.date-bottom .kuang-img-border{
    background: url(images/lkuang.png);
    top: -10px;
}
.date-top .kuang-img-bg,.date-bottom .kuang-img-bg{
    background: url(images/dikuang.png);
    width: 293px;
    height: 95px;
    position: absolute;
    left: 10px;
}
.date-bottom .kuang-img-bg{
    background: url(images/ldikuang.png);
}
.date-top .kuang-last,.date-bottom .kuang-last{
    position: absolute;
    left: -260px;
}
.date-top .kuang-last>.kuang-img-border,.date-bottom .kuang-last>.kuang-img-border{
    top: 10px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1)
}
.date-bottom .kuang-last>.kuang-img-border{
    top: -10px;
}
.date-top .kuang-last>.kuang-img-bg,.date-bottom .kuang-last>.kuang-img-bg{
    left: -10px;
    top: 0px;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1)
}
.date-content{
    position: relative;
    height: 198px;
    margin-top: 114px;
}
.date-line-img{
    position: relative;
    top: 54px;
}
.date-top,.date-bottom{
    height: 50px;
    width: 1150px;
    position: absolute;
    top: 0;
    color: #FFFFFF;
}
.date-top ul{
    position: relative;
    left: -22px;
}
.date-bottom ul{
    position: relative;
    right: -70px;
}
.date-top ul li,.date-bottom ul li{
    width: 184px;
    height: 50px;
    text-align: center;
}
.squear{
    position: relative;
    display: inline-block;
}
.date-top-point ul li{
    background: url(images/date_point.png);
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 159px;
}
.last-point{
    margin-right: 0!important;
}
.date-bottom{
    top: inherit;
    bottom: 0;
}
.user-box{
    margin-bottom: 36px;
}
.user1{
    width: 495px;
    height: 120px;
}
.user2{
    width: 402px;
    height: 90px;
}
.user3{
    width: 467px;
    height: 132px;
}
.user4{
    width: 387px;
    height: 110px;
}
.user5{
    width: 446px;
    height: 102px;
}
.user6{
    width: 462px;
    height: 102px;
}
.user7{
    width: 381px;
    height: 120px;
}
.user8{
    width: 450px;
    height: 100px;
}
.user9{
    width: 411px;
    height: 132px;
}
.user10{
    width: 467px;
    height: 110px;
}
.user-border{
    border: solid 1px #8cbbff;
    display: table-cell;
}
.user1>.user-border{
    width: 118px;
    height: 118px;
}
.user2>.user-border{
    width: 88px;
    height: 88px;
}
.user3>.user-border{
    width: 130px;
    height: 130px;
}
.user4>.user-border{
    width: 108px;
    height: 108px;
}
.user5>.user-border{
    width: 100px;
    height: 100px;
}
.user6>.user-border{
    width: 100px;
    height: 100px;
}
.user7>.user-border{
    width: 118px;
    height: 118px;
}
.user8>.user-border{
    width: 98px;
    height: 98px;
}
.user9>.user-border{
    width: 130px;
    height: 130px;
}
.user10>.user-border{
    width: 108px;
    height: 108px;
}
.user-box-content{
    display: table-cell;
    vertical-align: middle;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
}
.two-content-left .user-box-content{
    padding-left: 20px;
}
.two-content-right .user-box-content{
    padding-right: 20px;
}
.bfd{
    color: #bfd9ff;
}
.user-box-content>.user-box-content-line{
    height: 1px;
    background-color: #8cbbff;
}
.user-border .user-border-img{
    margin: 5px;
    background: aqua;
    overflow: hidden;
}

.user1>.user-border .user-border-img,.user1>.user-border .user-border-img img{
    width: 108px;
    height: 108px;
}
.user2>.user-border .user-border-img,.user2>.user-border .user-border-img img{
    width: 78px;
    height: 78px;
}
.user3>.user-border .user-border-img,.user3>.user-border .user-border-img img{
    width: 120px;
    height: 120px;
}
.user4>.user-border .user-border-img,.user4>.user-border .user-border-img img{
    width: 98px;
    height: 98px;
}
.user5>.user-border .user-border-img,.user5>.user-border .user-border-img img{
    width: 90px;
    height: 90px;
}
.user6>.user-border .user-border-img,.user6>.user-border .user-border-img img{
    width: 90px;
    height: 90px;
}
.user7>.user-border .user-border-img,.user7>.user-border .user-border-img img{
    width: 108px;
    height: 108px;
}
.user8>.user-border .user-border-img,.user8>.user-border .user-border-img img{
    width: 88px;
    height: 88px;
}
.user9>.user-border .user-border-img,.user9>.user-border .user-border-img img{
    width: 120px;
    height: 120px;
}
.user10>.user-border .user-border-img,.user10>.user-border .user-border-img img{
    width: 98px;
    height: 98px;
}
.three-content{
    width: 1054px;
    margin: 0 auto;
    height: 100px;
    margin-top: 74px;
}
.three-content-box{
    width: 1104px;
}
.three-content ul{
    width: 504px;
    float: left;
    margin-right: 48px;
}
.three-content ul li{
    height: 175px;
    width: 504px;
    /*background: skyblue;*/
    margin-bottom: 16px;
    position: relative;
}
.five-content .five-content-box-in{
padding: 25px 12px 19px 12px;
color: #FFFFFF;
}
.five-content ul li img{
    padding-bottom: 12px;
}
.three-content-box img{
    position: absolute;
}
.three-border-img{
    left: 0;
    top: 0;
    z-index: 1;
}
.three-bg-img{
    right: 0;
    bottom: 0;
}
.user-photo{
    width: 145px;
    height: 145px;
    position: absolute;
    left: 11px;
    top: 9px;
    z-index: 2;
    overflow: hidden;
}
/*.model-li-content-word p:nth-child(2){
    height: 60px;
    width: 294px;
    overflow: hidden;
    text-overflow: ellipsis;
}*/
.user-photo img{
    width: 145px;
    height: 145px;
}
.user-content{
    width: 263px;
    height: 86px;
    position: absolute;
    right: 34px;
    top: 35px;
    color: #FFFFFF;
    z-index: 2;
}
.user-content p.f18{
    color: #FFFFFF;
    padding-bottom: 5px;
    border-bottom: 1px solid #FFFFFF;
}
.three-content-box ul li:nth-child(2n) img{
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1)
}
/*.three-content-box ul li:nth-child(2n)>.three-border-img{
    left: 10px;
}
.three-content-box ul li:nth-child(2n)>.three-bg-img{
    right: 10px;
}
.three-content-box ul li:nth-child(2n) .user-photo{
    left: 345px;
    top: 9px;
}
.three-content-box ul li:nth-child(2n)>.user-content{
    left: 34px;
    top: 35px;
}*/
.ipt{
    resize: none;
    border: 0;
    display: block;
    height: 112px;
    width: 1020px;
    margin: 0 auto;
    margin-top: 70px;
    background: #2a1455;
    color: #bf9eff;
    padding: 19px 16px;
    white-space: normal;
}
.six-content{
    width: 1052px;
    margin: 0 auto;
    overflow: hidden;
}
textarea::-webkit-input-placeholder{
    color:#bf9eff;
    font-size: 14px;
}
textarea::-webkit-scrollbar{
    background: #bf9eff;
}
button[type="submit"]{
    display: table-cell;
    width: 90px;
    height: 40px;
    border: solid 2px #fa33fe;
    background: #1c0450;
    color: #ffffff;
    font-size: 16px;
    float: right;
    margin-top: 11px;
    outline: none;
}
button[type="submit"]:hover{
    cursor: pointer;
}
.history{
    margin-top: 24px;
    color: #FFFFFF;
}
.history-word{
    padding: 20px 0;
    border-bottom: 1px solid #8b38fa;
}
.title-img{
    position: relative;
    height: 100px;
    margin-top: 77px;
}
.title-img-one{
    position: relative;
    height:196px;
    width: 1150px;
    overflow: hidden;
    margin-bottom: 79px;
    left: 0;
}
.title,.title-line{
    position: absolute;
}
.title{
    left: 0px;
}
.title-img-one>img{
    bottom: 0;
}
.title-line{
    left: 180px;
    bottom: -23px;
}
.bottom-img{
    position: absolute;
    right: 13px;
    bottom: 0px;
}
.model-li{
    width: 1056px;
    margin: 0 auto;
    margin-top: 67px;
}
.model-box{
    width: 1080px;
}
.model-li ul{
    width: 336px;
    float: left;
    margin-right: 24px;
    position: relative;
    top: -24px;
}
.model-li ul li{
    width: 334px;
    border: solid 1px #8cbbff;
    background: #2a1455;
    margin-top: 24px;
}
.model-li-content{
    padding: 20px;
}
.model-li-content-img{
    width: 292px;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}
.model-li-content-word{
    color: #FFFFFF;
}
.model-li-content-word .f20{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.line{
    max-height: 477px;
    overflow: hidden;
}
.pager{
    height: 35px;
    line-height: 35px;
    width: 1150px;
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
}
.pager span{
    padding: 4px 8px;
    border: 1px solid #8cbbff;
    background: #8cbbff;
    color: #54299b;
    font-weight: 200;
}
.pager a{
    padding: 4px 8px;
    border: 1px solid #a7aee6;
    text-decoration: none;
    color: #a7aee6;
}
.code{
    position: fixed;
    z-index: 10000;
    right: 0;
    top: 80px;
}
.code-box{
    position: relative;
    height: 471px;
    width: 166px;
    cursor: default;
}
.code-close{
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px;
    right:10px;
}
.code-close:hover{
    cursor: pointer;
}
.small-code{
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}
.small-code:hover{
    cursor: pointer;
}