/* 引用第三方字体 */
@font-face{
    font-family: fzjt;
    src:url("../../gw3/font/FZBWKSJW.TTF");
}
/* 清除浮动 */
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
*{
    padding: 0;
    margin: 0;
    font-family:"Microsoft YaHei";
    outline: none;
    -moz-outline-style: none; 
    /*cursor: url(./img/bp.png),auto;*/
}
a{
    text-decoration: none;
    cursor: pointer;
    /*cursor: url(./img/bp.png),auto!important;*/
}
a:hover{
    /*cursor: url(./img/bpon.png),auto!important;*/
}

em,i{
    font-style: normal;
}
img{
    border: 0;
    object-fit: cover;
}

html,body{
    width: 100%;
    height: 100%;
    background: #11263e;
/* 兼容火狐 */
    scrollbar-color: #bbd1f6 #7191be;
    scrollbar-width: thin;
}
/*自定义滚动条*/
body::-webkit-scrollbar {
    width : 4px;  
    height: 1px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #bbd1f6;
}
body::-webkit-scrollbar-track {
    box-shadow   : inset 0 0 5px #7191be;
    background   : #7191be;
}
ul{
    list-style-type: none;
}
.van-overflow-hidden{
    overflow: hidden!important;
}
.container{
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    position: relative;
}
.disabled{
    pointer-events: none;
}
.toast{
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #000;
    background: rgba(0,0,0,0.8);
    font-size: 16px;
    color: #fff;
    border-radius: 4px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -20px;
    z-index: 20000;
}
.bg1{
    display: block;
    width: 100%;
    height: 868px;
    background: url(img/bg1.jpg) no-repeat center center;
    background: url(img/bg1.jpg) no-repeat center center, url(img/bg1y.jpg) no-repeat center center;
    overflow: hidden;
    position: relative;
}
.h_logo{
    display: block;
    width: 235px;
    height: 130px;
    position: absolute;
    left: 20px;
    top: 10px;
    background: url(img/logo.png) no-repeat center center;
    text-indent: -99999px;
    z-index: 111;
}
.h_logo a{
    display: block;
    width: 100%;
    height: 100%;
}
.bg1container{
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.bg1container.on{
    background: url(img/bg1.jpg) no-repeat center center;
    background: url(img/bg1.jpg) no-repeat center center, url(img/g.png) no-repeat center 524px;
    background-blend-mode: screen;
}
.bg1down{
    display: block;
    width: 200px;
    height: 28px;
    background: url(img/bg1down.png) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 870px;
    animation: bg1down 0.7s infinite linear;
    z-index: 11;
    cursor: pointer;
}
@keyframes bg1down{
    0%{
        top: 870px;
    }
    50%{
        top: 876px;
    }
    100%{
        top: 870px;
    }
}

.bg1i1 .i1{
    display: block;
    width: 187px;
    height: 216px;
    background: url(img/t1.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 562px;
    margin-left: -704px;
}
.bg1i1 .i2{
    display: block;
    width: 202px;
    height: 188px;
    background: url(img/t2.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 578px;
    margin-left: -551px;
}
.bg1i1 .i3{
    display: block;
    width: 177px;
    height: 185px;
    background: url(img/t3.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 590px;
    margin-left: -379px;
}
.bg1i1 .i4{
    display: block;
    width: 198px;
    height: 191px;
    background: url(img/t4.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 582px;
    margin-left: -220px;
}
.bg1i1 .i5{
    display: block;
    width: 217px;
    height: 188px;
    background: url(img/t5.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 580px;
    margin-left: -11px;
}
.bg1i1 .i6{
    display: block;
    width: 183px;
    height: 152px;
    background: url(img/t6.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 605px;
    margin-left: 180px;
}
.bg1i1 .i7{
    display: block;
    width: 230px;
    height: 179px;
    background: url(img/t7.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 590px;
    margin-left: 315px;
}
.bg1i1 .i8{
    display: block;
    width: 173px;
    height: 183px;
    background: url(img/t8.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 581px;
    margin-left: 521px;
}
.bg1i1 .i9{
    display: block;
    width: 978px;
    height: 47px;
    background: url(img/t9.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 761px;
    margin-left: -488px;
    display: none;
}
.bg1i1 .i10{
    display: block;
    width: 339px;
    height: 45px;
    background: url(img/t10.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 814px;
    margin-left: -169px;
    display: none;
}
.bg1i1{
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/bg1m.jpg) no-repeat center center, url(img/bg1my.jpg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 110;
    transition: opacity 0.5s;
}
.bg1i1.on{
    opacity: 0;
}
.bg1i1 i{
    opacity: 0;
    z-index: 1;
}
.bg1i1.active i{
    animation: bg1i1 0.2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.bg1i1.active .i2{
    animation-delay: 0.2s;
}
.bg1i1.active .i3{
    animation-delay: 0.4s;
}
.bg1i1.active .i4{
    animation-delay: 0.6s;
}
.bg1i1.active .i5{
    animation-delay: 0.8s;
}
.bg1i1.active .i6{
    animation-delay: 1s;
}
.bg1i1.active .i7{
    animation-delay: 1.2s;
}
.bg1i1.active .i8{
    animation-delay: 1.4s;
}
.bg1i1 .i9{
    opacity: 1;
    pointer-events: none;
    /*animation: bg1i1_2 0.2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;*/
}
.bg1i1 .i10{
    opacity: 1;
    pointer-events: none;
    /*animation: bg1i1_2 0.2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 1.6s;*/
}
@keyframes bg1i1{
    0%{
        opacity: 0;
        transform: scale(2.2) translate3d(-20px,0,1000px);
    }
    100%{
        opacity: 1;
        transform: scale(1) translate3d(0,0,0);
    }
}
@keyframes bg1i1_2{
    0%{
        opacity: 0;
        transform: scale(1.2) translate3d(0px,0,1000px);
    }
    100%{
        opacity: 1;
        transform: scale(1) translate3d(0,0,0);
    }
}
.bg1i2{
    display: block;
    width: 199px;
    height: 177px;
    background: url(img/hl.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 83px;
    top: -177px;
    opacity: 0;
    margin-left: -467px;
    z-index: 111;
    animation: bg1i2 0.5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    display: none;
}
.bg1i2.on{
    display: none;
}
@keyframes bg1i2{
    0%{
        opacity: 0;
        top: -177px;
    }
    100%{
        opacity: 1;
        top: 83px;
    }
}

/*.bg2x1{
    display: block;
    width: 100%;
    height: 450px;
    background: url(./img/bg2x1.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: -193px;
    pointer-events: none;
}
.bg2x2{
    display: block;
    width: 100%;
    height: 450px;
    background: url(./img/bg2x2.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: -193px;
    pointer-events: none;
}*/
.bg2{
    display: block;
    width: 100%;
    height: 728px;
    background: url(img/bg2.jpg) no-repeat center center;
    background: url(img/bg2.jpg) no-repeat center center, url(img/bg2y.jpg) no-repeat center center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.bg2container{
    display: block;
    width: 1366px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.bg2title{
    display: block;
    width: 100%;
    height: 132px;
    padding-top: 58px;
    z-index: 11;
    position: relative;
    display: none;
}
.bg2title i{
    display: block;
    width: 100%;
    height: 132px;
    background: url(img/bg2title.png) no-repeat center center;
    text-indent: -99999px;
}
.bg2cj{
    display: block;
    width: 1400px;
    height: 590px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -700px;
}
.bg2cjq{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(img/bg2cjq.png) no-repeat center center;
    animation: bg2cjq 2s infinite linear;
    display: none;
}
@keyframes bg2cjq{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.bg2cjc{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.bg2cjc .box{
    display: block;
    position: absolute;
    left: 0;
    top: 0;

}
@keyframes bg2box1{
    0%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    25%{
        transform: rotate(2deg);
        transform-origin: 125px 14px;
    }
    50%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    75%{
        transform: rotate(-2deg);
        transform-origin: 125px 14px;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
}
@keyframes bg2box2{
    0%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    25%{
        transform: rotate(4deg);
        transform-origin: 125px 14px;
    }
    50%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    75%{
        transform: rotate(-4deg);
        transform-origin: 125px 14px;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
}
@keyframes bg2box3{
    0%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    25%{
        transform: rotate(3deg);
        transform-origin: 125px 14px;
    }
    50%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    75%{
        transform: rotate(-3deg);
        transform-origin: 125px 14px;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
}
@keyframes bg2box4{
    0%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    25%{
        transform: rotate(2deg);
        transform-origin: 125px 14px;
    }
    50%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    75%{
        transform: rotate(-2deg);
        transform-origin: 125px 14px;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
}
@keyframes bg2box5{
    0%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    25%{
        transform: rotate(5deg);
        transform-origin: 125px 14px;
    }
    50%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
    75%{
        transform: rotate(-5deg);
        transform-origin: 125px 14px;
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 125px 14px;
    }
}
.bg2cjc .box1{
    animation: bg2box1 9s infinite linear;
}
.bg2cjc .box2{
    animation: bg2box2 8.5s infinite linear;
    animation-delay: 0.2s;
}
.bg2cjc .box3{
    animation: bg2box3 8s infinite linear;
    animation-delay: 0.5s;
}
.bg2cjc .box4{
    animation: bg2box4 9s infinite linear;
    animation-delay: 0.3s;
}
.bg2cjc .box5{
    animation: bg2box5 8s infinite linear;
    animation-delay: 0.4s;
}
.bg2cjc .box.on i{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;  
}
.bg2cjc .box1{
    width: 250px;
    height: 483px;
    margin-left: 48px;
    margin-top: 1px;
    background: url(img/bg2i1.png) no-repeat center top;
}
/*.bg2cjc .box1:hover{
    background: url(img/bg2i1on.png) no-repeat center top;
}*/
.bg2cjc .box1.on i{
    background: url(img/bg2i1on.png) no-repeat center top;
}
.bg2cjc .box1.active i{
    background: url(img/bg2i1on.png) no-repeat center center;
}
.bg2cjc .box2{
    width: 250px;
    height: 316px;
    margin-left: 269px;
    margin-top: 31px;
    background: url(img/bg2i2.png) no-repeat center top;
}
/*.bg2cjc .box2:hover{
    background: url(img/bg2i2on.png) no-repeat center top;
}*/
.bg2cjc .box2.on i{
    background: url(img/bg2i2on.png) no-repeat center top;
}
.bg2cjc .box2.active i{
    background: url(img/bg2i2on.png) no-repeat center center;
}
.bg2cjc .box3{
    width: 256px;
    height: 349px;
    margin-left: 510px;
    margin-top: 50px;
    background: url(img/bg2i3.png) no-repeat center top;
}
/*.bg2cjc .box3:hover{
    background: url(img/bg2i3on.png) no-repeat center top;
}*/
.bg2cjc .box3.on i{
    background: url(img/bg2i3on.png) no-repeat center top;
}
.bg2cjc .box3.active i{
    background: url(img/bg2i3on.png) no-repeat center center;
}
.bg2cjc .box4{
    width: 250px;
    height: 316px;
    margin-left: 751px;
    margin-top: 53px;
    background: url(img/bg2i4.png) no-repeat center top;
}
/*.bg2cjc .box4:hover{
    background: url(img/bg2i4on.png) no-repeat center top;
}*/
.bg2cjc .box4.on i{
    background: url(img/bg2i4on.png) no-repeat center top;
}
.bg2cjc .box4.active i{
    background: url(img/bg2i4on.png) no-repeat center center;
}
.bg2cjc .box5{
    width: 250px;
    height: 351px;
    margin-left: 992px;
    margin-top: 44px;
    background: url(img/bg2i5.png) no-repeat center top;
}
/*.bg2cjc .box5:hover{
    background: url(img/bg2i5on.png) no-repeat center top;
}*/
.bg2cjc .box5.on i{
    background: url(img/bg2i5on.png) no-repeat center top;
}
.bg2cjc .box5.active i{
    background: url(img/bg2i5on.png) no-repeat center center;
}
.bg2cjdot{
    display: block;
    width: 838px;
    height: 469px;
    background: url(img/bg2cjdot.png) no-repeat center center, url(img/bg2cjdoty.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 150px;
    margin-left: -430px;
    cursor: pointer;
}
.bg2cjdot:hover{
    background: url(img/bg2cjdoton.png) no-repeat center center, url(img/bg2cjdotony.png) no-repeat center center;
}
.bg2cjdot span{
    display: block;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    color: #ffffff;
    font-size: 18px;
    padding-top: 92px;
}
.bg2cjlist{
    display: block;
    width: 828px;
    height: 51px;
    position: absolute;
    left: 50%;
    top: 655px;
    margin-left: -414px;
    overflow: hidden;
    padding: 3px 0;
}
.bg2nodate{
    display: block;
    width: 828px;
    text-align: center;
    height: 51px;
    line-height: 51px;
    font-size: 16px;
    color: #ead8ad;
}
.bg2cjitem{
    display: block;
    width: 800px;
    height: 51px;
    margin: 0 auto;
}
.bg2cjitem span{
    float: left;
    width: 400px;
    height: 51px;
    line-height: 51px;
    text-indent: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #617ca9;
}
.bg2cjitem span:nth-child(even){
    text-align: right;
}
.bg2share{
    display: block;
    width: 113px;
    height: 153px;
    background: url(img/bg2sharex.png) no-repeat center center;
    position: absolute;
    top: 432px;
    left: 990px;
    z-index: 1001;
}
.bg2share i{
    display: block;
    width:195px;
    height: 73px;
    background: url(img/bg2fx.png) no-repeat right center;
    text-indent: -99999px;
    position: absolute;
    left: 12px;
    bottom: 0;
    display: none;
}
.bg2share:hover{
    background: url(img/bg2sharexon.png) no-repeat center center;
}
.bg3{
    display: block;
    width: 100%;
    height: 410px;
    background: url(img/bg3.jpg) no-repeat center center;
    background: url(img/bg3.jpg) no-repeat center center, url(img/bg3y.jpg) no-repeat center center;
    overflow: hidden;
}
.bg3container{
    display: block;
    width: 1366px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.bg3c{
    display: block;
    width: 1366px;
    height: 208px;
    position: absolute;
    left: 0;
    top: 0;
}
.bg3c .bg3left{
    display: block;
    width: 46px;
    height: 69px;
    position: absolute;
    left: 60px;
    top: 193px;
    background: url(img/bg3left.png) no-repeat center center;
    z-index: 1;
}
.bg3c .bg3left:hover{
    background: url(img/bg3lefton.png) no-repeat center center;
}
.bg3c .bg3left.no{
    pointer-events: none;
    opacity: 0;
}
.bg3c .bg3right{
    display: block;
    width: 46px;
    height: 69px;
    position: absolute;
    right: 60px;
    top: 193px;
    background: url(img/bg3right.png) no-repeat center center;
    z-index: 1100;
}
.bg3c .bg3right:hover{
    background: url(img/bg3righton.png) no-repeat center center;
}
.bg3c .bg3right.no{
    pointer-events: none;
    opacity: 0;
}
.bg3c .showPop{
    display: block;
    width: 26px;
    height: 26px;
    background: url(img/bg3i.png) no-repeat center center;
    position: absolute;
    right: 50px;
    top: 97px;
    z-index: 1100;
}
.bg3slide{
    display: block;
    width: 1091px;
    height: 190px;
    margin: 0 auto;
    margin-top: 133px;
    position: relative;
    overflow: hidden;
}
.bg3list{
    display: block;
    width: 8688px;/* 1086*8 */
    height: 190px;
    position: absolute;
    top: 13px;
    transition: margin-left 0.5s linear;
}
.bg3list1{
    left: 10px;
    /*margin-left: 10px;*/
}
.bg3list2{
    /*left: 7556px;*/
}
.bg3l{
    display: block;
    width: 1366px;
    height: 136px;
    margin-bottom: 10px;
}
.bg3itemz{
    float: left;
    width: 1086px;
    height: 190px;
}
.bg3item{
    float: left;
    width: 166px;
    height: 164px;
    margin-right: 15px;
    position: relative;
}
.bg3item img{
    display: block;
    width: 100%;
    height: 100%;
}
.bg3item:hover img{
    box-shadow: 0 0 8px #0b2345, 0 0 8px #0b2345, 0 0 8px #0b2345, 0 0 8px #0b2345;
    /*transform:translate3d(0,-10px,-10px);*/
    /*transform: scale(1.01);*/
    transform: translateY(-5px);
    transition: all 0.2s;
}
.bg3item span{
    display: none;
    text-indent: -99999px;
}
.bg4{
    display: block;
    width: 100%;
    height: 724px;
    background: url(img/bg4.jpg) no-repeat center top;
    background: url(img/bg4.jpg) no-repeat center top, url(img/bg4y.jpg) no-repeat center top;
    overflow: hidden;
    position: relative;
}
.bg4container{
    display: block;
    width: 1366px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.bg4time{
    display: block;
    line-height: 1;
    margin-left: 174px;
    font-weight: bold;
    font-size: 24px;
    color: #ffffff;
    padding-top: 176px;
}
.bg4rule{
    margin-left: 210px;
    padding-top: 44px;
}
.bg4rule span{
    display: block;
    line-height: 1;
    margin-bottom: 19px;
    font-size: 18px;
    color: #7191be;
}
.bg4rule span:last-child{
    margin-top: 20px;
}
.bg4rule span a{
    color: #a8bbd7;
    text-decoration: underline;
}
.bg4rule span a:hover{
    color: #bbd1f6;
}

.footer{
    width: 100%;
    position: absolute;
    height: 108px;
    bottom: -108px;
    /*bottom: 0;*/
    background: rgba(0,19,34,0.54);
    transition: bottom 0.5s;
}
.footer.on{
    bottom: 0;
}
.copyright_d{
    display: block;
    width: 1300px;
    margin: 0 auto;
    /*height: 138px;*/
}
.copyright_img{
    float: left;
    width: 196px;
    height: 90px;
    background: url(img/flogo.png) no-repeat center center;
    margin-left: 130px;
    margin-top: 24px;
    display: none;
}
.copyright_s {
    float: left;
    width: 2px;
    height: 91px;
    margin-top: 15px;
    margin-left: 40px;
    display: none;
}
.copyright{
    display: block;
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    font-size: 14px;
    color: #364a65;
    text-align: center;
}
.copyright span{
    display: block;
    font-size: 14px;
    color: #364a65;
    line-height: 32px;
}
.copyright a{
    font-size: 14px;
    color: #364a65;
}
.copyright a:hover{
    color: #bbd1f6;
}
.copyright a img{
    margin-top: 8px;
}
.copyright .flast{
    display: none;
}
.footer16s {
    float: right;
    width: 75px;
    height: 97px;
    margin-top:58px;
    margin-right: 22px;
    background: url(../../activeHb/zhuant/img/footer_16.png) no-repeat center center;
    display: none;
}

/*nav*/
.nav{
    display: block;
    width:335px;
    height: 341px;
    background: url(img/nav.png) no-repeat center center;
    position: fixed;
    right: -20px;
    top: 50%;
    margin-top: -50px;
    z-index: 1000;
    transition: top 0.5s,margin 0.5s,bottom 0.5s;
}

.navlink{
    display: block;
    width: 142px;
    height: 71px;
    background: url(img/navlink.png) no-repeat center center;
    position: absolute;
    left: 164px;
    top: -40px;
    animation: navlink 1.5s infinite linear;
}
.navlink:hover{
    background: url(img/navlinkon.png) no-repeat center center;
}
@keyframes navlink{
    0%{
        transform: rotate(0deg);
        transform-origin: 81px 71px; 
    }
    40%{
        transform: rotate(5deg);
        transform-origin: 81px 71px; 
    }
    100%{
        transform: rotate(0deg);
        transform-origin: 81px 71px; 
    }
}
.navurl{
    display: block;
    width: 152px;
    margin-left: 126px;
    padding-top: 118px;
}
.navurl a{
    display: block;
    width: 152px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.navurl a.navdl{
    margin-top: 2px;
}
.navphone_div{
    display: block;
    width: 100%;
    height: 52px;
    margin: 0 auto;
}
.navphone{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    color: #6e8dc1;
    font-size: 16px;
    padding-top: 12px;
}
.navquit{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    color: #6e8dc1;
    font-size: 16px;
}
.navquit:hover{
    color: #bbd1f6;
}
.navurl a span{
    float: left;
    width: 152px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #6e8dc1;
    background: url(img/navi1.png) no-repeat center center;
}
.navurl a:hover span{
    color: #bbd1f6;
}
.navurl .navhis{
    display: block;
    width: 152px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #6e8dc1;
    background: url(img/navi2.png) no-repeat center center;
}
.navhis:hover{
    color: #bbd1f6;
}
.navtop{
    display: block;
    width: 84px;
    height: 80px;
    margin-left: 198px;
    margin-top: -7px;
    display: none;
}
.navtop:hover{
    background: url(img/navtopon.png) no-repeat center center;
}

/*弹窗*/
.pop{
    display: block;
    width: 100%;
    min-width: 1366px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    overflow: hidden;
}
.popyy{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    left: 0;
    top: 0;
}
/*获奖*/
.popprize{
    display: block;
    width: 1900px;
    height: 353px;
    position: absolute;
    left: 50%;
    margin-left: -950px;
    top: 50%;
    margin-top: -176px;
}
.ppbg{
   display: block;
    width: 1900px;
    height: 353px;
    position: absolute;
    left: 0;
    top: 0; 
}
.ppbleft{
    display: block;
    width: 0;
    height: 353px;
    position: absolute;
    right: 950px;
    top: 0;
    background: url(img/ppbleft.png) no-repeat right center;
    transition: width 0.5s;
}
.ppbright{
    display: block;
    width: 0;
    height: 353px;
    position: absolute;
    left: 950px;
    top: 0;
    background: url(img/ppbright.png) no-repeat left center;
    transition: width 0.5s;
}
.ppbg.on .ppbleft{
    width: 950px;
}
.ppbg.on .ppbright{
    width: 950px;
}
.ppadorn .i1{
    display: block;
    width: 64px;
    height: 69px;
    position: absolute;
    left: 50%;
    top: 40px;
    margin-left: -320px;
    background: url(img/ppi1.png) no-repeat center center;
    animation: ppi 0.8s infinite;
}
.ppadorn .i2{
    display: block;
    width: 64px;
    height: 69px;
    position: absolute;
    left: 50%;
    top: 240px;
    margin-left: 300px;
    background: url(img/ppi1.png) no-repeat center center;
    animation: ppi 1s infinite;
}
.ppadorn i{
    opacity: 0;
}
.ppadorn.on i{
    opacity: 1;
}
@keyframes ppi{
    0%{
        transform: scale(1);
    }
    25%{
        transform: scale(0.8);
    }
    50%{
        transform: scale(0.6);
    }
    75%{
        transform: scale(0.8);
    }
    100%{
        transform: scale(1);
    }
}
.pptitle{
    display: block;
    width: 494px;
    height: 136px;
    background: url(img/pptitle.png) no-repeat center center;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-top: -40px;
    text-indent: -99999px;
    opacity: 0;
}
.pptitle.on{
    animation: pptitle 2s ease;
    transform: scale(1);
    opacity:1;
}
@keyframes pptitle{
    0% {
        -webkit-transform: scale(0.4,0.4);
        transform: scale(0.4,0.4);
        opacity: 0;
    }
    30% {
        -webkit-transform: scaleX(1.15) scaleY(0.78);
        transform: scaleX(1.15) scaleY(0.78)
    }
    40% {
        -webkit-transform: scaleX(0.85) scaleY(1.15);
        transform: scaleX(0.85) scaleY(1.15)
    }
    60% {
        -webkit-transform: scaleX(1.05) scaleY(0.95);
        transform: scaleX(1.05) scaleY(0.95)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.ppgift{
    display: block;
    width: 234px;
    height: 225px;
    margin: 0 auto;
    margin-top: -2px;
    position: relative;
    z-index: 1;
    transform: scale(0.4);
    opacity: 0;
    transition: transform 0.5s,opacity 0.5s;
}
.ppgift.on{
    transform: scale(1);
    opacity: 1;
}
.ppgift img{
    display: block;
    width: 100%;
    height: 100%;
}
.ppt{
    display: block;
    width: 500px;
    text-align: center;
    margin: 0 auto;
    line-height: 1;
    padding-top: 26px;
    color: #fff7e0;
    font-size: 16px;
    opacity: 0;
}
.ppt.on{
    opacity: 1;
}
.ppclose{
    display: block;
    width: 313px;
    height: 60px;
    margin: 0 auto;
    margin-top: 16px;
    text-indent: -99999px;
    background: url(img/ppclose.png) no-repeat center center;
    opacity: 0;
}
.ppclose.on{
    opacity: 1;
}
.ppclose:hover{
    background: url(img/ppcloseon.png) no-repeat center center;
}
/*提示*/
.poptrip{
    display: block;
    width: 1700px;
    height: 831px;
    background: url(img/popstart.png) no-repeat center center;
    background: url(img/popstart.png) no-repeat center center, url(img/popstarty.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -850px;
    margin-top: -415px;
}
.ptnr{
    display: block;
    width: 500px;
    margin-left: 28px;
}
.pth3{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    color: #b2473c;
    padding-top: 90px;
    display: none;
}
.pth3 em{
    display: inline-block;
    font-size: 24px;
    margin-top: -2px;
}
.pttxt{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    color: #e28763;
    margin-top: 12px;
    display: none;
}
.ptclose{
    display: block;
    width: 123px;
    height: 141px;
    text-indent: -99999px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: 508px;
}
.ptclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
/*获奖记录*/
.pophistory{
    display: block;
    width: 1419px;
    height: 717px;
    background: url(img/pophistory.png) no-repeat center center;
    background: url(img/pophistory.png) no-repeat center center, url(img/pophistoryy.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -710px;
    margin-top: -358px;
}
.phclose{
    display: block;
    width: 123px;
    height: 141px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 560px;
}
.phclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
.phlist{
    display: block;
    width: 902px;
    height: 325px;
    margin-left: 386px;
    overflow-y: auto;
    scrollbar-color: #8cc2ff #e7edf7;
    scrollbar-width: thin;
    /*padding-top: 154px;*/
}
.phlist::-webkit-scrollbar {
width : 4px;  
height: 1px;
}
.phlist::-webkit-scrollbar-thumb {
border-radius: 4px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #8cc2ff;
}
.phlist::-webkit-scrollbar-track {
box-shadow   : inset 0 0 5px #e7edf7;
background   : #e7edf7;
}
.phth{
    display: block;
    width: 892px;
    height: 62px;
    margin-left: 386px;
    padding-top: 154px;
}
.phth span{
    float: left;
    text-align: center;
    height: 60px;
    line-height: 59px;
    font-size: 20px;
    color: #c7dafc;
    border-right: 1px solid #8cc2ff;
}
.phth .th1{
    width: 221px;
}
.phth .th2{
    width: 227px;
}
.phth .th3{
    width: 249px;
}
.phth .th4{
    width: 188px;
    border-right: 0;
}
.phnodate{
    display: block;
    width: 892px;
    text-align: center;
    height: 320px;
    line-height: 320px;
    color: #3c68b2;
    font-size: 20px;
}
.phtd{
    display: block;
    width: 889px;
    height: 40px;
    border-bottom: 1px solid #8cc2ff;
}
.phtd span{
    float: left;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #3c68b2;
    border-right: 1px solid #8cc2ff;
}
.phtd span a{
    color: #4678cc;
    text-decoration: underline;
}
.phtd span a:hover{
    color: #246eea;
}
.phtdlast{
    border-bottom: 0;
    height: 38px;
}
.phtdlast span{
    height: 38px;
    line-height: 38px;
    border-bottom: 0;
}
/*.phlist .phtd:nth-child(8){
    border-bottom: 0;
    height: 38px;
}
.phlist .phtd:nth-child(8) span{
    height: 38px;
    line-height: 38px;
}*/
.phtd .td1{
    width: 221px;
}
.phtd .td2{
    width: 227px;
}
.phtd .td3{
    width: 249px;
}
.phtd .td4{
    width: 188px;
    border-right: 0;
}
.phtrip{
    display: block;
    margin-left: 480px;
    margin-top: 21px;
}
.phttxt{
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #4d6894;
    margin-bottom: 8px;
    padding-left: 30px;
}
.phttxt em{
    color: #598fe8;
    font-weight: bold;
}
.phttxt a{
    color: #598fe8;
}
.phttxt a:hover{
    color: #2467d4;
}
/*邀请好友*/
.popinvite{
    display: block;
    width: 1379px;
    height: 967px;
    background: url(img/popinvite.png) no-repeat center center;
    background: url(img/popinvite.png) no-repeat center center, url(img/popinvitey.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -710px;
    margin-top: -510px;
}
.piclose{
    display: block;
    width: 123px;
    height: 141px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 222px;
    margin-left: 626px;
}
.piclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
.pinr{
    display: block;
    width: 460px;
    height: 350px;
    position: absolute;
    left: 50%;
    margin-left: 90px;
    top: 472px;
}
.picode{
    display: block;
    width: 164px;
    height: 164px;
    padding-top: 4px;
    position: relative;
}
.picode img{
    display: block;
    width: 164px;
    /*background: url(./img/picode.png) no-repeat center center;*/
    margin: 0 auto;
    margin-top: 0;
}
.picode i{
    display: block;
    width: 164px;
    height: 10px;
    position: absolute;
    left: 0px;
    top: 4px;
    z-index: 1;
    background: url(img/picodes.png) no-repeat center center;
    animation: picode 2.5s infinite linear;
}
@keyframes picode{
    0%{
        top: 4px;
    }
    50%{
        top: 157px;
    }
    100%{
        top: 4px;
    }
}
.picopy{
    display: block;
    width: 362px;
    height: 60px;
    text-indent: -99999px;
    background: url(img/picopy.png) no-repeat center center;
    margin-left: 20px;
    margin-top: 30px;
}
.picopy:hover{
    background: url(img/picopyon.png) no-repeat center center;
}
.pitxt1{
    margin-left: 20px;
    line-height: 1;
    margin-top: 26px;
    font-size: 16px;
    color: #3c68b2;
}
.pitxt2{
    margin-left: 20px;
    line-height: 1;
    margin-top: 16px;
    font-size: 16px;
    color: #3c68b2;
}
/*提示-抽奖次数已用完*/
.popnum{
    display: block;
    width: 554px;
    height: 304px;
    background: url(img/poptrip.png) no-repeat center center;
    background: url(img/poptrip.png) no-repeat center center, url(img/poptripy.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -277px;
    margin-top: -152px;
}
.pn{
    display: block;
    width: 550px;
    margin-left: 2px;
}
.pnh3{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 82px;
}
.pntxt{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    color: #ffffff;
    margin-top: 14px;
}
.pnbtn{
   display: block;
    width: 348px;
    height: 58px;
    text-indent: -99999px;
    margin: 0 auto;
    margin-top: 30px; 
}
.pnclose{
    display: block;
    width: 31px;
    height:31px;
    text-indent: -99999px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    top: -20px;
    right: 20px;
    z-index: 1;
}
.pnclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
.pninvite{
    display: block;
    width: 313px;
    height: 60px;
    text-indent: -99999px;
    margin: 0 auto;
    margin-top: 36px;
    background: url(img/pni.png) no-repeat center center;
}
.pninvite:hover{
    background: url(img/pnion.png) no-repeat center center;
}
/*提示-活动已结束*/
.popover{
    display: block;
    width: 554px;
    height: 304px;
    background: url(img/poptrip.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -277px;
    margin-top: -152px;
}
.po{
    display: block;
    width: 550px;
    margin-left: 2px;
}
.poh3{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 92px;
}
.poh3 em{
    display: inline-block;
    font-size: 24px;
    margin-top: -2px;
}
.poclose{
    display: block;
    width: 313px;
    height: 60px;
    text-indent: -99999px;
    margin: 0 auto;
    margin-top: 60px;
    background: url(img/ptclose.png) no-repeat center center;
}
.poclose:hover{
    background: url(img/ptcloseon.png) no-repeat center center;
}
/*公示*/
.popnotice{
    display: block;
    width: 664px;
    height: 455px;
    background: url(img/popnotice.png) no-repeat center center;
    background: url(img/popnotice.png) no-repeat center center, url(img/popnoticey.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -332px;
    margin-top: -228px;
}
.pnoclose{
    display: block;
    width: 31px;
    height: 31px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    right: 20px;
    top: 40px;
}
.pnoclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
.pnoth{
    display: block;
    width: 401px;
    height: 38px;
    position: absolute;
    left: 118px;
    top: 168px;
    z-index: 11;
    padding-top: 3px;
    background: #3f5a86;
    border: 1px solid #5875a7;
    border-right: 0;
}
.pnoth span{
    float: left;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #c7d6ee;
    border-right: 1px solid #5875a7;
}
.pnoth .th1{
    width: 223px;
}
.pnoth .th2{
    width: 176px;
}
.pnolist{
    display: block;
    width: 416px;
    height: 198px;
    margin-left: 118px;
    margin-top: 210px;
    overflow-y: auto;
    scrollbar-color: #98b9f1 #3c537d;
    scrollbar-width: thin;
}
/*滚动条*/
.pnolist::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
}
.pnolist::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  width: 2px;
  height: 68px;
  background   : #98b9f1;
  }
.pnolist::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px #3c537d;
  /*border-radius: 10px;*/
  background   : #3c537d;
}
.pnotd{
    display: block;
    width: 401px;
    height: 33px;
    border-left: 1px solid #5875a7;
    border-top: 1px solid #5875a7;
    background: #7e95b9;
}
.pnotd span{
    float: left;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    color: #ffffff;
    border-right: 1px solid #5875a7;
    border-bottom: 1px solid #5875a7;
}
.pnotd .td1{
    width: 223px;
}
.pnotd .td2{
    width: 176px;
}

.popaddr{
    display: block;
    width: 664px;
    height: 455px;
    background: url(img/popaddr.png) no-repeat center center;
    background: url(img/popaddr.png) no-repeat center center, url(img/popaddry.png) no-repeat center center;
    position: absolute;
    left: 50%;
    margin-left: -332px;
    top: 50%;
    margin-top: -228px;
}
.padclose{
    display: block;
    width: 31px;
    height: 31px;
    background: url(img/piclose.png) no-repeat center center;
    position: absolute;
    top: -20px;
    right: 20px;
}
.padclose:hover{
    background: url(img/picloseon.png) no-repeat center center;
}
.paderror{
    display: block;
    height: 30px;
    line-height: 34px;
    font-size: 13px;
    color: #ffe553;
    padding-left: 70px;
    padding-bottom: 0!important;
}
.paderror.pWarn{
     padding-bottom: 0!important;
}
.paderror .pWarn{
     padding-bottom: 0!important;
}
.padlist{
    display: block;
    width: 440px;
    margin-left: 106px;
    padding-top: 90px;
}
.popaddr .paditem{
    width: 440px;
    height: 40px;
    margin-bottom: 10px;
}
.popaddr .paditem label{
    float: left;
    width: 58px;
    line-height: 40px;
    margin-right: 12px;
    text-align: right;
    font-size: 14px;
    color: #ffffff;
}
.popaddr .paditem .right{
    float: left;
    width: 370px;
    height: 40px;
}
.popaddr .paditem .right span{
    display: block;
    width: 356px;
    height: 40px;
    line-height: 40px;
    border: 0;
    font-size: 14px;
    color: #d2e8ff;
    padding-left: 14px;
    text-indent: 0;
}
.popaddr .paditem:last-child .right span{
    line-height: 30px;
    padding-top: 5px;
}
.popaddr .paditem input::input-placeholder{
    color: #c7d6ee;
}
.popaddr .paditem input::-webkit-input-placeholder{
    color: #c7d6ee;
}
.popaddr .paditem input:-moz-input-placeholder{
    color: #c7d6ee;
}
.popaddr .paditem input::-moz-input-placeholder{
    color: #c7d6ee;
}
.popaddr .paditem input::-ms-input-placeholder{
    color: #c7d6ee;
}
.popaddr .paditem .right input{
    display: block;
    width: 360px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    background: url(img/ppaddri.png) no-repeat center center;
    border: 0;
    font-size: 14px;
    color: #f2f6fc;
    text-indent: 14px;
}
.padedit .submit{
    display: block;
    width: 362px;
    height: 60px;
    background: url(img/ppaddrs1.png) no-repeat center center;
    margin-top: 32px;
    margin-left: 145px;
    text-indent: -99999px;
}
.padedit .submit:hover{
    background: url(img/ppaddrs1on.png) no-repeat center center;
}
.padinfo .submit{
    display: block;
    width: 362px;
    height: 60px;
    background: url(img/ppaddrs2.png) no-repeat center center;
    margin-top: 32px;
    margin-left: 145px;
    text-indent: -99999px;
}
.padinfo .submit:hover{
    background: url(img/ppaddrs2on.png) no-repeat center center;
}
.pick-area{
    display: block;
    width: 370px;
    height: 40px;
    line-height: 40px;
    border: 0!important;
    position: relative;
}
.pick-show{
    display: block;
    width: 370px;
    height: 40px!important;
    line-height: 40px!important;
    border: 0;
    background: url(img/ppaddri.png) no-repeat center center;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    color: #c7d6ee;
    text-indent: 14px;
    padding: 0!important;
}
.pick-show span{
    float: left;
    max-width: 80px!important;
    font-size: 14px;
    color: #c7d6ee!important;
    height: 40px!important;
    line-height: 40px!important;
    background: none!important;
    padding: 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    margin-top: 0!important;
}
.pick-show i{
    font-size: 14px!important;
    color: #c7d6ee!important;
    float: left;
    padding: 0 3px;
    font-style: normal;
}
.pick-show em.pick-arrow{
    width: 12px;
    height: 6px;
    /*background: url(./img/i1.png) no-repeat center center;*/
    position: absolute;
    top: 18px!important;
    right: 10px!important;
    border: 0;
}
.pick-show span:hover{
    background: none!important;
    color: #f2f6fc!important;
}
.pick-show span.pressActive{
    background: none!important;
    color: #f2f6fc!important;
}

.form .xitem_show.on .pick-show{
    z-index: 10000;
}

.pick-list{
    width: 364px!important;
    max-height: 150px!important;
    background: url(img/ppaddrul.png) no-repeat center bottom;
    left: 0px;
    top: 36px;
    position: absolute;
    line-height: 36px;
    margin: 0;
    padding: 0 3px;
    padding-bottom: 10px;
    z-index: 9999;
    overflow-y: auto;
    overflow-x: hidden;
    border: 0;
    border-top: none;
    display: none;
    scrollbar-color: #6079a3 #365079;
    scrollbar-width: thin;
}
.pick-list::-webkit-scrollbar {
  width : 2px;  
  height: 1px;
  right: 3px;
}
.pick-list::-webkit-scrollbar-thumb {
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #6079a3;
  }
.pick-list::-webkit-scrollbar-track {
  box-shadow   : inset 0 0 5px #365079;
  background   : #365079;
}
.pick-list li{
    line-height: 26px;
    font-size: 14px;
    color: #c7d6ee;
    padding-left: 14px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    cursor: pointer;
}
.pick-list li:hover{
    background: none!important;
    color: #f2f6fc!important;
}
.pick-list li.pick-selectedLi{
    color: #f2f6fc!important;
    background: transparent!important;
    font-weight: 400!important;
}

/*login*/
.pop .pop_item input::-webkit-input-placeholder {
    color: #c7d6ee;
}
.pop .pop_item input:-moz-placeholder {
    color:#c7d6ee;
}
.pop .pop_item input::-moz-placeholder {
    color:#c7d6ee;
}
.pop .pop_item input:-ms-input-placeholder {
    color:#c7d6ee;
}
.pop .pop_item input{
    color: #ffffff;
}
.pop .pop_login{
    display: block;
    width: 577px;
    height: 387px;
    margin-left: -288px;
    margin-top: -193px;
    background: url(img/loginbg.png) no-repeat center center;
}
.pop .pop_error{
    padding-top: 78px;
}
.pop .pop_error span{
    color: #ffe553;
}
.pop .pop_item{
    border-color: #7e94b4;
}
.pop .pop_phone i{
    background: url(img/loginicon.png) no-repeat 0 0;
}
.pop .pop_pwd i {
    background: url(img/loginicon.png) no-repeat 0 -20px;
}
.pop .pop_jym i {
    background: url(img/loginicon.png) no-repeat 0 -40px;
}
.pop .pop_choose .remember a {
    background: url(img/loginicon.png) no-repeat -34px 0;
}
.pop .pop_choose .remember a.on {
    background: url(img/loginicon.png) no-repeat -34px -14px;
}
.pop .pop_item.pop_jym .getCode{
    color: #c7d6ee;
}
.pop .pop_item.pop_jym .getCode:hover{
    color: #fff;
}
.pop .pop_item.pop_jym .getCode.disable{
    color: #c9c2c2;
}
.pop .pop_choose .remember{
    color: #c7d6ee;
}
.pop .go_sms{
    color: #c7d6ee;
}
.pop .go_sms:hover{
    color: #fff;
}
.pop .go_pwd{
    color: #c7d6ee;
}
.pop .go_pwd:hover{
    color: #fff;
}
.pop .go_link{
    color: #c7d6ee;
}
.pop .go_link:hover{
    color: #fff;
}
.pop .go_reg{
    color: #c7d6ee;
}
.pop .go_reg:hover{
    color: #fff;
}
.pop .pop_btn{
    background: url(img/loginicon.png) no-repeat -21px -60px;
}
.pop .pop_btn:hover{
    background: url(img/loginicon.png) no-repeat -21px -118px;
}
.pop .pop_login .login_sms{
    margin: 0 auto;
}
.pop .pop_login .login_pwd{
    margin: 0 auto;
}
.pop .pop_login .login3ls{
    /*width: 141px;
    height: 172px;*/
    left: 63px;
    /*background: url(./img/loginls.png) no-repeat center center;*/
    display: none;
}
.pop .pop_login .pop_close{
    width: 31px;
    height: 31px;
    background: url(img/piclose.png) no-repeat center center;
    left: 50%;
    top: 8px;
    margin-left: 238px;
}
.pop .pop_login .pop_close:hover{
    transform: rotate(0);
    background: url(img/picloseon.png) no-repeat center center;
}