.goto_login{ cursor: pointer; margin-top: 10px; text-align: center; display: block; width: 100%; height: 40px; line-height: 40px;}

.main{ width:100%; height: 668px; margin-top: 60px;}
.main .header{ height: 104px; width: 100%; position: relative;}
.main .header .maxHeader{
    width: 691px; height: 104px; background: url("../img/mainHead.png") no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    color: #fde62e;
    font-family: "m";
    z-index: 100;
}
.main .header .maxHeader h3{ font-size: 18px;}
.main .header .maxHeader h4{ font-size: 12px;}
.main .header .maxHeader a{ font-size: 12px; color: #00e0fa; margin: 0 10px;}
.main .header .maxHeader div{ display: none;}
.main .header .minHeader{
    width: 292px; height: 102px; background: url("../img/mainHead2.png") no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(315px);
    color: #00e0fa;
    padding: 10px 40px;
    text-align: left;
    font-size: 14px;
    font-family: "m";
}
.main .header .minHeader p{height: 30px; line-height: 30px; margin: 7px 0 0 0;}
.main .header .minHeader i{ font-size: 20px; width: 30px; display: block; float: left;  color: #00b8bd;}
.main .body{ width: 1311px; height: 478px; position: absolute;
    top: 165px; left: 50%; margin-left: -658px;
}
.main .body .import{
    width: 281px; height: 102px; text-decoration: none;
    display: block; padding: 0 40px; line-height: 102px; font-size: 23px; color: #00e0fa; font-family: "m";background: url("../img/btn_bg_3.png") no-repeat center;
    margin: 139px auto 0 auto;
    text-shadow: 0 0 5em #00e0fa, -0 -0 5em #00e0fa;
    cursor: pointer;
}
.main .body a i{ float: left; height: 102px; font-size: 45px;}
.main .body .content{ width: 1311px; height: 478px; float: left; background: url("../img/mainBody.png") no-repeat center; padding: 45px 27px;}
.main .body .content .scroll{ height: 388px;}
.nicescroll-cursors{box-shadow: 0 0 10px #00e0fa;}
.main .body .content .mItem{ width: 419px; height: 196px; float: left;
    position: relative; padding: 30px 35px;
    background: url("../img/k_bg.png") no-repeat center;
    cursor: pointer;
    color: #00f3fa;
    font-family: "m";
}
.main .body .content .mItem:hover{
    background: url("../img/k_bg_hover.png") no-repeat center;
}
.main .body .content .mItem h4{ font-size: 16px; text-align: left; margin: 0 0 10px 0;}
.main .body .content .mItem h4 span{ font-size: 12px; color: #fde62e;  float: right;}
.main .body .content .mItem>div{}
.main .body .content .mItem>div i{ text-align: center; float: left; font-size: 100px; line-height: 1;
    width: 110px;
    height: 110px;
    margin-left: -15px;
}
.main .body .content .mItem>div>div{ float: left; margin-bottom: 10px; color: #00b8bd; text-align: left; width: 254px; font-family: "Microsoft YaHei UI";}
.main .body .content .mItem .detail{height: 60px;}
.main .body .content .mItem a{font-size: 14px; margin-right: 5px; text-decoration: none; padding: 6px 10px; border-radius: 5px; border: 1px solid #00f3fa; color: #00f3fa;}
.main .body .content .mItem a:hover{box-shadow: 0 0 10px #00e0fa; background: rgba(0, 255, 245, 0.1);}
.main .body .content .mItem .yellow{ border: 1px solid #fde62e;color: #fde62e;}
.main .body .content .mItem .gray{ border: 1px solid #b2b4b3;color: #b2b4b3;}
.main .body .content .mItem .gray:hover{box-shadow: 0 0 0px #b2b4b3; background: rgba(253, 230, 46,0.1);}
.main .body .content .mItem .yellow:hover{box-shadow: 0 0 10px #fde62e; background: rgba(253, 230, 46,0.1);}
.main .body .content .mItem .mTop{ width: 100%; height: 30px; position: absolute; top: 0; left: 0;}
.main .body .content .mItem .mTop:before{
    position: absolute; top:-2px; left: -2px;
    content: " ";
    width: 31px;
    height: 30px;
    background: url("../img/k_top_left.png") left no-repeat;
}
.main .body .content .mItem .mTop:after{
    position: absolute; top:-2px; right: -2px;
    content: " ";
    width: 31px;
    height: 30px;
    background: url("../img/k_top_right.png") right no-repeat;
}
.main .body .content .mItem .mBottom{ width: 100%; height: 30px; position: absolute; bottom: 0; left: 0;}
.main .body .content .mItem .mBottom:before{
    position: absolute; bottom:-2px; left: -2px;
    content: " ";
    width: 31px;
    height: 30px;
    background: url("../img/k_bottom_left.png") left no-repeat;
}
.main .body .content .mItem .mBottom:after{
    position: absolute; bottom:-2px; right: -2px;
    content: " ";
    width: 31px;
    height: 30px;
    background: url("../img/k_bottom_right.png") right no-repeat;
}
.main .footer{
    position: absolute; top: 643px; left: 50%; transform: translateX(-50%); z-index: 10; width: 751px; height: 106px; margin: -30px auto 0 auto;
    background: url("../img/mainFooter.png") no-repeat center;
    color: #fde62e;
    font-family: "m";
    padding: 10px 80px;
    cursor: pointer;
    display: none;
    opacity: 0;
}
.nicescroll-rails-vr .nicescroll-cursors {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent);
    animation: pace-stripe-animation 3000ms linear infinite;
    background-size: 20px 20px;
}

@keyframes pace-stripe-animation {
    from { background-position-y: 0; }
    to   { background-position-y: 100%; }
}
.main .footer a{color: #00f3fa;}
.main .footer div{ height: 30px; line-height: 30px; padding-top: 10px;
    }
.main .footer .accountNum{ float: left;}
.main .footer ul{ float: left; list-style: none;margin: 0 20px; padding: 0;}
.main .footer ul li{ float: left; width: 13px; height: 30px; margin: 0 1px; border: 1px #423c0d solid;}
.main .footer ul .active{background: #fde62e;}
.main .footer .state{ float: left;}
.main .footer-bg{ position: absolute; top: 723px; left: 50%; transform: translateX(-50%); z-index: 1; width: 547px; height: 321px; margin: -80px auto 0 auto; background: url("../img/bgFooter.png") no-repeat center;}
.main .footer-bg div{ position: absolute; bottom: 15px; width: 547px; text-align: center; font-family: "m"; font-size: 20px; color: #bdfeff; line-height: 30px;}
.main .footer-bg div a{color: #bdfeff;}
.menu{ position: absolute; bottom: 20px; left:50%; transform: translateX(-50%); display: none; opacity: 0;}
.menu-main{ width: 1311px; margin: 0 auto;}
.menu .mbtn{ width: 133px; height: 132px; position: relative; cursor: pointer; margin:0 5px;}
.menu .mbtn img,.mbtn .iconfont{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.mbtn .iconfont{ font-size: 70px; color: #bdfeff; text-shadow:0 0 0.2em #008aff, -0 -0 0.2em #008aff;}
.menu .mbtn .mfont{position: absolute; font-size: 16px; left: 50%; transform: translateX(-50%); bottom: 0; color: #bdfeff; text-shadow:0 0 0.2em #008aff, -0 -0 0.2em #008aff;}

.popup{ position: absolute; top: 95px; z-index: 1000; left: 50%; transform: translateX(-50%); width: 1203px; height: 619px; background: url("../img/popup_bg.png") no-repeat center;}
.popup_bg{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.8)}
.popup_close{position: absolute; top:26px; right: 40px; width: 28px; height: 28px; cursor: pointer;}
.popup_close:hover{ background: url("../img/popup_close.png") no-repeat;}
.popup_main{ margin: 73px auto; padding: 45px 0px 0px 55px; width: 850px; height: 450px;}
.popup_group{*zoom:1; margin-bottom: 10px;}
.popup_group:before,.popup_group:after{display:table;content:"";line-height:0;}
.popup_group:after{clear:both;}
.popup_left{ float: left; font-size: 14px; color: #30fbf5; width: 150px; margin-bottom: 10px;}
.popup_left span{ font-size: 10px; color: #50926e;}
.popup_right{ float: left;}
.popup_input{ width: 481px; height: 38px; border: 0; background: url("../img/popup_input.png") no-repeat; padding: 8px 15px; color: #78f5b6; outline:none;}
.popup_checkbox{ float: left; height: 45px; line-height: 45px; background: url("../img/popup_checkbox.png") no-repeat left; padding-left: 46px; color: #78f5b6; margin-top: -5px; cursor: pointer; }
.popup_textarea{ width: 790px; outline:none; background: rgba(0,0,0,0.3);
    -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.5) inset;               /* For Firefox3.6+ */
    -webkit-box-shadow:5px 5px 5px  rgba(0,0,0,0.5) inset;            /* For Chrome5+, Safari5+ */
    box-shadow:5px 5px 5px  rgba(0,0,0,0.5) inset;                    /* For Latest Opera */
    border: 1px solid #0f312c;
    border-radius: 5px;
    height: 119px;
    padding: 10px 15px;
    color: #78f5b6;
}
.popup_textarea::-webkit-input-placeholder,.popup_input::-webkit-input-placeholder { /* WebKit browsers */
    color:#50926e;
}
.popup_textarea:-moz-placeholder,.popup_input::-moz-placeholder  { /* Mozilla Firefox 4 to 18 */
    color:#50926e;
}
.popup_textarea::-moz-placeholder,.popup_input::-moz-placeholder  { /* Mozilla Firefox 19+ */
    color:#50926e;
}
.popup_textarea:-ms-input-placeholder,.popup_input::-ms-input-placeholder  { /* Internet Explorer 10+ */
    color:#50926e;
}
.popup_selects{width: 638px; margin-left: -5px;}
.popup_select{background: url("../img/popup_checkbox_select.png") no-repeat left;}
.popup_submit{position: absolute; top:569px; right: 493px; width: 218px; height: 42px; text-align: center; line-height: 42px; color: #fff; font-weight: bold; cursor: pointer;}
.popup_submit:hover{ background: url("../img/popup_submit.png") no-repeat; color: #fff; text-decoration: none;}

.loading_main{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.loading_title{text-align: center; font-size: 18px; font-weight: bold; color: #55a1ff; margin-top: -30px;}
.loading{position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.8);}

#bg{ background: url("../img/bg.jpg") no-repeat center #000;}

.tips{ margin-top: 10px; color: #78f5b6; display: none;}
.tips-group .active{ display: inline-block;}
.progressBar{ display: none;}

.signin .contact{ margin-top: 20px; text-align: center;}

.cnzz_stat_icon_1275393503{ display: none;}